:root{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8f7f4;color:#26332e}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.site{height:68px;border-bottom:1px solid #e6e6df;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px)}.brand{font-size:24px;font-weight:800;letter-spacing:-.07em}.brand span{color:#1a7165}.back{font-size:13px;color:#21685e;font-weight:700;border-bottom:1px solid #80a89e;padding-bottom:3px}main{max-width:1170px;padding:62px 28px 82px;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 12px 43px}.eyebrow,.panel-kicker{color:#217468;font-size:11px;letter-spacing:.19em;font-weight:800;margin:0 0 20px}.dot,.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#db916a;margin-right:9px;vertical-align:2px}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.065em}h1{font-size:clamp(54px,7vw,93px);line-height:.95;margin:0}h1 em{font-weight:400;color:#1c756b}.lede{font-size:17px;color:#677b7b;margin:23px 0 0}.big-snake{font:italic 210px/.7 Georgia,serif;color:#e2e8e2;letter-spacing:-.1em;margin-right:34px;user-select:none}.big-snake span{color:#d6a17b}.machine{background:#173b36;border-radius:14px;box-shadow:0 18px 50px #19342c20;overflow:hidden;color:#f4f4e9}.machine-top{height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;padding:0 38px}.machine-top strong{font-size:15px;letter-spacing:.16em}.machine-sub{margin-left:16px;color:#9fbdb0;font-size:10px;letter-spacing:.13em;font-weight:700}.scoreboard{display:flex;gap:30px;color:#a8c5b8;font-size:10px;letter-spacing:.14em;font-weight:800}.scoreboard span{display:flex;align-items:center;gap:10px}.scoreboard b{color:#f6f1de;font-size:26px;letter-spacing:0}.machine-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,355px);grid-template-rows:auto auto auto;gap:0}.board-frame{grid-column:1;grid-row:1}.board-frame{padding:38px 38px 23px}.board-frame canvas{display:block;width:min(100%,480px);height:auto;aspect-ratio:1;background:#dce9de;border:6px solid #c4d8c9;border-radius:5px;touch-action:none;outline:none}.board-frame canvas:focus-visible{box-shadow:0 0 0 3px #e3a57d}.board-foot{display:block;margin-top:14px;font-size:10px;color:#a8c5b8;letter-spacing:.19em;font-weight:700}.panel{grid-column:2;grid-row:1 / span 3;border-left:1px solid #ffffff25;padding:48px 35px 32px;display:flex;flex-direction:column}.panel-kicker{color:#9bcabd;margin:0 0 15px}.panel h2{font-size:45px;line-height:1.04;margin:0 0 22px;color:#f7f5e9}.panel>p:not(.panel-kicker){font-size:14px;line-height:1.7;color:#c4d9ce;margin:0 0 24px}.key-guide{display:flex;gap:12px;align-items:center;margin:8px 0 16px}.key-guide span:first-child{border:1px solid #799c8f;border-radius:4px;padding:9px 11px;font-size:18px;color:#f2f5e6}.key-guide span:last-child{font-size:12px;color:#a5c4b7}.panel .touch-note{font-size:12px!important}.panel-bottom{border-top:1px solid #ffffff2b;padding-top:22px;margin-top:auto;display:flex;flex-direction:column;gap:11px;font-size:10px;color:#8fb5a5;letter-spacing:.12em;font-weight:700}.machine-bottom{grid-column:1;grid-row:2;height:82px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding:0 38px}.machine-bottom p{font-size:14px;color:#d3e4d9;margin:0}.machine-bottom button{background:#e8b27c;color:#173b36;border:0;border-radius:5px;padding:12px 20px;font-weight:800;min-width:120px}.machine-bottom button:hover{background:#f1c99c}.machine-bottom button span{margin-left:8px}.board-foot strong{float:right;color:#e8b27c;font-size:10px;letter-spacing:.06em}.controls{grid-column:1;grid-row:3;border-top:1px solid #ffffff25;padding:20px 38px;display:flex;align-items:center;gap:24px}.controls-title{margin:0;color:#a8c5b8;font-size:12px;font-weight:700}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px}.dpad button{border:1px solid #a2bdb0;background:#eaf0e9;border-radius:7px;font-size:24px;font-weight:700;color:#173b36;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dpad button[data-dir=up]{grid-column:2}.dpad button[data-dir=left]{grid-column:1;grid-row:2}.dpad button[data-dir=down]{grid-column:2;grid-row:2}.dpad button[data-dir=right]{grid-column:3;grid-row:2}.dpad button:active{background:#e8b27c;transform:scale(.96)}footer{border-top:1px solid #e7e7e2;display:flex;justify-content:space-between;padding:27px max(5vw,22px);color:#798a89;font-size:12px}@media(max-width:800px){.site{height:62px}.back{font-size:12px}main{padding:18px 19px 40px}.intro{padding:0 0 18px}.big-snake{display:none}.eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:10px}h1{font-size:clamp(40px,11vw,52px)}.lede{font-size:12px;line-height:1.4;max-width:340px;margin-top:9px}.machine-top{height:65px;padding:0 17px}.machine-top strong{font-size:12px}.machine-sub{display:none}.scoreboard{gap:12px;font-size:9px}.scoreboard span{gap:5px}.scoreboard b{font-size:19px}.machine-body{display:flex;flex-direction:column}.board-frame{padding:12px 15px 9px}.board-frame canvas{width:100%;border-width:4px}.board-foot{margin-top:9px;font-size:9px}.panel{grid-column:2;grid-row:1 / span 3;border-left:0;border-top:1px solid #ffffff25;padding:26px 24px 25px}.panel h2{font-size:34px;margin-bottom:10px}.panel h2 br{display:none}.panel>p:not(.panel-kicker){font-size:13px;margin-bottom:13px}.key-guide{display:none}.panel .touch-note{display:none}.panel-bottom{padding-top:16px;margin-top:4px;font-size:9px}.machine-bottom{height:auto;min-height:70px;padding:14px 17px;gap:10px}.machine-bottom p{font-size:12px;max-width:180px}.machine-bottom button{min-width:100px;padding:11px}.controls{margin:0;padding:12px 17px 16px;display:flex;flex-direction:column;gap:8px;background:#173b36}.controls-title{font-size:12px;color:#b7d1c3}.dpad{grid-template-columns:repeat(3,72px);grid-template-rows:repeat(2,66px);gap:7px}.dpad button{font-size:29px;border-radius:9px;box-shadow:0 3px 0 #091f1c}.board-foot strong{display:block;float:none;margin-top:5px;font-size:9px;letter-spacing:.04em}footer{display:block;font-size:11px;line-height:1.8}footer span{display:block}}