:root{font-family:Arial,Noto Sans Hebrew,sans-serif;color:#eff8ec;background:#10201d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 5%,#315641 0,transparent 34rem),linear-gradient(155deg,#142d26,#081310 72%)}button{font:inherit}.shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:28px 0 36px}.titlebar{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.05em}h2{font-size:clamp(1.45rem,4vw,2.35rem);margin-bottom:10px}.eyebrow,.kicker{color:#f3cc58;font-weight:800;font-size:.78rem;letter-spacing:.08em}.eyebrow{margin-bottom:8px}.game-frame{position:relative;overflow:hidden;border:3px solid #c9e6bb;border-radius:18px;background:#0d1714;box-shadow:0 25px 60px #0009,inset 0 0 0 3px #142b22}canvas{display:block;width:100%;aspect-ratio:25 / 16;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#07120b99;backdrop-filter:blur(3px)}.overlay.hidden{display:none}.panel{width:min(480px,95%);padding:clamp(18px,4vw,34px);border:2px solid #f3cc58;border-radius:14px;background:#173426ee;box-shadow:0 16px 50px #0008;text-align:center}.panel>p:not(.kicker,.hint){color:#d1e3d2;line-height:1.5}.panel .kicker{margin-bottom:7px}.panel .hint{margin-top:13px;color:#a9c6b0;font-size:.78rem}fieldset{margin:20px 0 16px;padding:0;border:0}legend{width:100%;margin-bottom:8px;color:#d1e3d2;font-size:.85rem}.segmented{display:flex;direction:ltr;gap:8px;justify-content:center}.segmented button,.icon-button{color:#e8f5e7;border:1px solid #759980;border-radius:9px;background:#0d2118;cursor:pointer}.segmented button{min-width:58px;padding:9px 18px;font-weight:800}.segmented button.selected{color:#17200d;border-color:#f3cc58;background:#f3cc58}.icon-button{padding:9px 13px}.icon-button:hover,.segmented button:hover{border-color:#f3cc58}.primary{width:100%;padding:12px 20px;color:#15200e;border:0;border-radius:10px;background:#f3cc58;font-weight:900;cursor:pointer;box-shadow:0 4px #9b7a1f}.primary:hover{background:#ffe079;transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 1px #9b7a1f}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:ltr;margin-top:12px}.controls article{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;color:#d7e9d9;border:1px solid #355c48;border-radius:10px;background:#11281f;font-size:.82rem}.controls article>span:last-child{grid-column:2;color:#92b29e;font-family:monospace}.dot{grid-row:1 / 3;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #fff5}.p1{background:#e84d4d}.p2{background:#4d79e8}.p3{background:#e6c547}.p4{background:#a761d2}@media(max-width:700px){.shell{width:min(100% - 16px,1100px);padding-top:14px}.controls{grid-template-columns:repeat(2,1fr)}.titlebar{align-items:center}.icon-button{font-size:.76rem}}