.ps-wrap{width:min(1160px,calc(100% - 28px));margin:24px auto 64px}.ps-back{display:inline-flex;margin:4px 0 16px;color:#8c2230;font-weight:800;text-decoration:underline}.ps-hero{border:1px solid #e6d7c6;background:linear-gradient(110deg,#fff2df,#fff9f3);border-radius:22px;padding:clamp(20px,4vw,34px);margin-bottom:19px}.ps-hero h1{margin:8px 0;color:#85212a;font-size:clamp(1.7rem,4vw,2.6rem)}.ps-hero p{line-height:1.6;max-width:900px}.ps-eyebrow{color:#9a4535;font-size:.82rem;font-weight:900;letter-spacing:.04em}.ps-app{background:#fff;border:1px solid #e9dbcb;border-radius:20px;padding:clamp(14px,2.6vw,25px);box-shadow:0 12px 28px #56331c0a}.ps-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:13px}.ps-settings label{font-weight:800;color:#58312e}.ps-settings select{font:inherit;border-radius:10px;border:1px solid #ccb7a7;padding:9px 11px;color:#35252a;background:#fff}.ps-btn{background:#922333;color:#fff!important;padding:11px 18px;border-radius:11px;border:0;font:inherit;font-weight:800;cursor:pointer;min-height:44px}.ps-btn:hover{background:#651722}.ps-btn.secondary{background:#fff3e7;color:#71222c!important;border:1px solid #d9c4b0}.ps-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.ps-badge{text-align:center;padding:12px 6px;border-radius:10px;background:#f7efe7;font-weight:750;color:#5d3c32}.ps-badge b{font-size:1.15rem;color:#942737}.ps-badge.blue b{color:#2674b1}.ps-viewport{position:relative;background:#26374b;border-radius:16px;overflow:hidden}.ps-viewport canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.ps-result{background:#fff4df;border:1px solid #e4c9a0;color:#65412c;padding:15px 17px;border-radius:12px;margin-top:12px;display:grid;gap:6px}.ps-result strong{font-size:1.18rem}.ps-result[hidden],.ps-btn[hidden]{display:none!important}.ps-help{font-size:.95rem;line-height:1.6;color:#63524c}.ps-controllers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:15px 0}.ps-controller{border-radius:14px;border:1px solid #e2d7cc;background:#fffaf4;padding:12px;display:grid;gap:8px}.ps-controller strong{color:#6e2431}.ps-controller.blue strong{color:#226aa7}.ps-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,48px);justify-content:center;gap:5px}.ps-pad button{touch-action:none;user-select:none;-webkit-user-select:none;min-height:48px;font-size:1.15rem;font-weight:800;border:1px solid #b99f97;border-radius:10px;background:#fff;color:#542b33;cursor:pointer}.ps-pad button:active{background:#f3d0af}.ps-pad button[data-ps-dir=up]{grid-column:2;grid-row:1}.ps-pad button[data-ps-dir=left]{grid-column:1;grid-row:2}.ps-pad button[data-ps-dir=down]{grid-column:2;grid-row:2}.ps-pad button[data-ps-dir=right]{grid-column:3;grid-row:2}.ps-controller.blue{display:none}.ps-two .ps-controller.blue{display:grid}.ps-info{background:#f9f1e7;border-radius:15px;margin-top:22px;padding:20px}.ps-info h2{margin-top:0}.ps-info p{max-width:930px;line-height:1.65}@media(max-width:700px){.ps-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-controllers{grid-template-columns:1fr}.ps-wrap{width:calc(100% - 20px)}.ps-app{padding:11px}.ps-pad{grid-template-columns:repeat(3,60px)}}