@font-face{font-family:Pixel;src:url('./fonts/PressStart2P.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#091d2c;color:#eff5eb;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #4c666f;color:#e8f3ee;background:#193747;border-radius:5px;padding:11px 13px;font-weight:700;transition:background .14s,transform .14s}button:hover{background:#284d58}button:active{transform:translateY(2px)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffcc75;outline-offset:3px}a{color:inherit}h1,h2,p{margin-top:0}.topbar{height:86px;max-width:1280px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #25404d}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-family:Pixel;font-size:9px;line-height:1.7}.brand-mark{background:#c5f2c5;color:#173841;border:4px solid #72bba6;box-shadow:3px 3px 0 #315b60;font-size:20px;padding:8px}.back{font-size:13px;text-decoration:none;color:#a7bfc6}.quiet{margin-left:auto;font-size:12px;background:transparent}main{max-width:1280px;padding:36px 30px 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#91b4b5;margin-bottom:14px}h1{font-family:Pixel;font-size:clamp(25px,4.7vw,48px);line-height:1.4;letter-spacing:-1px;margin:0 0 16px}h1 span{color:#a7e8c4}.lead{color:#b1c7ce;font-size:16px;margin-bottom:0}.intro-stamp{transform:rotate(5deg);border:2px dashed #466f73;padding:20px 30px;text-align:center;font-family:Pixel;font-size:9px;color:#9cb8bb;line-height:3}.intro-stamp span{color:#f6cc82;font-size:22px}.dashboard{display:grid;grid-template-columns:284px minmax(0,1fr);gap:24px;align-items:start}aside{display:grid;gap:18px}.panel{border:1px solid #32505a;background:#102b39;border-radius:8px;padding:22px;box-shadow:0 5px 0 #061620}.mode-buttons{display:grid;gap:8px}.mode{display:grid;text-align:left;padding:14px}.mode small{font-weight:400;color:#a7c0c7;font-size:11px;margin-top:4px}.mode.active{background:#234c4d;border-color:#90d6b2;color:#c0f3cf}.divider{height:1px;background:#31505b;margin:22px 0}label{display:block;color:#c0d2d5;font-size:12px;margin:12px 0 6px}input:not([type=checkbox]){width:100%;min-width:0;padding:11px 12px;background:#09202e;border:1px solid #3b5b67;color:#fff;border-radius:4px}input::placeholder{color:#718e99}.twins{display:flex;gap:7px;margin-top:10px}.twins button{flex:1;font-size:12px;padding:10px 5px}.join{display:flex;gap:7px}.join input{font-size:12px}.join button{font-size:12px}.rules ol{padding-left:20px;font-size:13px;color:#b8cdd2}.rules li{padding:0 0 10px 4px}.rules p,.privacy p{font-size:12px;color:#92afb9}.rules strong{color:#eaf5e9}details{font-size:12px}summary{cursor:pointer;color:#b9e9ce}details p{margin:10px 0}.check{display:flex;align-items:flex-start;gap:9px;margin:0}.check input{accent-color:#b6e7bd;width:17px;height:17px;flex:none;margin:3px 0}.text-button{border:0;background:transparent;padding:0;color:#b5dcc4;font-size:11px;text-decoration:underline}.privacy #best{display:block;font-size:11px;color:#a5c2c7;margin-top:10px}.play-column{min-width:0;display:grid;gap:22px}.harbor{border:1px solid #50727b;background:#153e52;border-radius:8px;overflow:hidden;box-shadow:0 6px 0 #061620}.scene-label,.scene-footer{display:flex;align-items:center;gap:8px;background:#112c3b;padding:11px 17px;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#bdd8d3}.scene-label #clock{margin-left:auto;color:#86a9ad;font-size:8px}.scene-footer{justify-content:space-between;background:#193c47;color:#b9deca}.live-dot{width:6px;height:6px;background:#b9ecb9;box-shadow:0 0 0 3px #315648}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.board-panel{background:#e7ebd8;color:#193742;border-color:#c9d9b9;padding:24px}.board-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.board-top .eyebrow{color:#597969;margin-bottom:8px;font-size:9px}h2{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin:0 0 16px}#lives{display:flex;gap:5px;flex-shrink:0}#lives span{width:10px;height:10px;background:#678a68;box-shadow:2px 2px 0 #a1b69a}#lives span.used{background:#b8bda8;box-shadow:2px 2px 0 #d5d9c9}#message{min-height:40px;padding:10px 12px;margin:0 0 16px;background:#d8e2c9;border-radius:4px;font-size:13px;font-weight:600}#message.error{background:#f1d0b9;color:#7b402e}.crates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.crate{min-height:78px;padding:10px 4px;background:#f9f5df;border:2px solid #bdc2a6;box-shadow:0 4px 0 #abb79a;border-radius:4px;color:#294146;font-weight:800;font-size:12px;overflow-wrap:anywhere;line-height:1.35}.crate:hover{background:#fffcec}.crate.selected{background:#244d52;color:#f7f5df;border-color:#173b43;box-shadow:0 4px 0 #112e35}.solved{padding:14px;margin-bottom:9px;background:#b8d7a7;text-align:center;border-radius:5px;border:1px solid #9fbc8e}.solved:nth-child(2){background:#e1cb8c}.solved:nth-child(3){background:#b6d8d5}.solved:nth-child(4){background:#d6c2dd}.solved strong{display:block;font-size:13px}.solved span{display:block;font-size:11px;margin-top:4px}.controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px;align-items:center}.controls button{background:#dbe2ca;border-color:#acbca3;color:#36564b;font-size:12px}.controls .primary{background:#264f4e;color:#edf6df;border-color:#264f4e;margin-left:auto;min-width:150px}.controls .primary:hover{background:#356764}.controls .subtle{font-size:10px;padding:8px;border:0;background:transparent;text-decoration:underline}.muted{color:#8daab5;font-size:13px;margin:0}.history-row{padding:10px 0;border-bottom:1px solid #2b4c57;font-size:12px;display:flex;gap:10px}.history-row small{display:block;color:#8fabaf;font-size:10px}.history-icon{color:#badbaa;font-weight:800}.history-row.bad .history-icon{color:#ecb38a}#proposals{font-size:12px;color:#bad2d2;margin-top:12px}.proposal{padding:9px;border:1px dashed #4f716e;margin:8px 0}#room{border-top:1px solid #3d6066;margin-top:18px;padding-top:16px;font-size:12px}.room-code{font-family:Pixel;font-size:10px;letter-spacing:1px;color:#d1e9ba;overflow-wrap:anywhere}.roster{list-style:none;margin:12px 0;padding:0}.roster li{display:flex;justify-content:space-between;gap:6px;padding:7px 0;border-bottom:1px solid #25434d}.roster small{color:#92b2b8}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.room-actions button{font-size:11px;padding:8px}.result-title{font-family:Pixel;font-size:16px;line-height:1.6;color:#31564c;margin:24px 0 14px}#result p{font-size:13px}footer{display:flex;justify-content:space-between;gap:16px;padding:32px 0;margin-top:12px;font-size:10px;color:#76939e}.waiting{min-height:180px;display:grid;place-content:center;text-align:center;color:#506e65}.waiting b{font-size:20px}.waiting p{font-size:13px;margin-top:10px}.toast{color:#e9b990}@media(max-width:950px){.dashboard{grid-template-columns:240px minmax(0,1fr);gap:16px}.panel{padding:17px}.crate{font-size:10px}.scene-label #clock{display:none}.board-top{align-items:flex-start}#lives{margin-top:7px}}@media(max-width:720px){.topbar{height:70px;padding:0 18px;gap:18px}.brand{font-size:7px}.brand-mark{font-size:16px}.back{font-size:11px}.quiet{padding:8px;font-size:10px}main{padding:26px 16px 0}.intro{margin-bottom:23px}.intro-stamp{padding:12px;font-size:7px;line-height:2.6}.intro-stamp span{font-size:17px}.lead{font-size:13px}.dashboard{display:flex;flex-direction:column}.play-column{width:100%;gap:16px}aside{width:100%;display:contents}aside>.panel:first-child{order:-1;width:100%}.rules{order:3;width:100%}.privacy{order:4;width:100%}.mode-buttons{grid-template-columns:1fr 1fr}.mode{padding:10px}.mode b{font-size:12px}.divider{margin:15px 0}.twins{display:inline-flex;width:49%;margin:0 0 0 2%}#name{width:48%}.join{max-width:100%}.panel>label[for=name]{margin-top:0}.panel>.eyebrow{margin-bottom:9px}.harbor{order:0}.intro h1{font-size:27px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.board-panel{padding:16px}h2{font-size:18px}.crate{min-height:72px;font-size:10px;padding:8px 2px}.crates{gap:7px}.controls{gap:6px}.controls button{padding:10px;font-size:11px}.controls .primary{min-width:125px}.scene-footer{font-size:7px;padding:10px}.scene-label{font-size:8px}.intro-stamp{margin-left:10px}.board-top{gap:10px}footer{flex-direction:column;font-size:9px}.history-row{font-size:11px}.board-top #lives span{width:8px;height:8px}.board-top .eyebrow{font-size:8px}.result-title{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}