#intro{inset:13% 6% 12%}#intro h1{font-size:12cqw}#intro .sub{margin:2% 0}#intro .controls{margin:2% 0}.handle-entry{display:flex;flex-direction:column;gap:4px;width:57%;margin:1% 0 3%;font-size:1.9cqw;font-weight:bold}.handle-entry input{font:700 3cqw 'Courier New',monospace;width:100%;padding:8px 10px;border:2px solid #193e4d;border-radius:4px;background:#f5ffeccc;text-align:center;color:#102839}.handle-entry small{font-size:1.7cqw;font-weight:normal}#board a:hover{text-decoration:underline}
/* Keep text-entry controls at iOS's no-auto-zoom size, including narrow embeds. */
#start-name,#name{font-size:max(16px,3cqw)}
:root{font-family:'Courier New',monospace;color:#102839;background:#102839;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#284757,#102839 70%);display:grid;place-items:center;padding:24px}main{width:min(100%,480px)}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f8a831;outline-offset:3px}.masthead{display:flex;align-items:center;justify-content:space-between;color:#d4e6e6;margin-bottom:18px;gap:10px}.wordmark{font-size:11px;font-weight:900;letter-spacing:-.3px}.wordmark span{color:#5bb9c8}.tag{font-size:8px;color:#89abb9;letter-spacing:1px}.game{aspect-ratio:1;width:100%;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 20px 70px #0006,0 0 0 1px #ffffff20;container-type:inline-size;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated;outline:none}.hud{position:absolute;top:4%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-size:2.1cqw;font-weight:bold}.live{background:#f6fff0d9;padding:8px 10px;border:1px solid #19465324;border-radius:4px;display:flex;align-items:center;gap:6px}.live i{width:6px;height:6px;background:#879da0;border-radius:100%}.live i.connected{background:#279356;box-shadow:0 0 0 3px #2793561a}.hud button{pointer-events:auto;background:#102839dd;color:#fff;border:0;padding:9px 10px;border-radius:4px;font-size:inherit}.overlay{position:absolute;inset:15% 6% 17%;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;pointer-events:none}.overlay>*{pointer-events:auto}.eyebrow{font-size:2.1cqw;letter-spacing:.35cqw;font-weight:900;margin-bottom:3%}h1,h2{margin:0;font-family:Impact,'Arial Black',sans-serif;line-height:.88;letter-spacing:-.3cqw;font-weight:900}h1{font-size:15cqw;color:#fff5d2;-webkit-text-stroke:1.5px #153b49;text-shadow:0 5px #153b49,3px 5px #153b49}h1 span{color:#ffce51}h2{font-size:11cqw;color:#fff5d2;-webkit-text-stroke:1px #153b49;text-shadow:0 4px #153b49}h2 span{color:#ffc54e}.sub{font-weight:bold;font-size:3cqw;margin:5% 0}.primary{background:#ffce51;color:#15313a;border:3px solid #153b49;box-shadow:0 5px 0 #153b49;padding:3.4% 6%;font-size:3.4cqw;font-weight:900;min-width:57%;border-radius:5px;display:flex;justify-content:space-between;gap:18px}.primary:hover{background:#ffdf7c;transform:translateY(-1px)}.primary:active{transform:translateY(4px);box-shadow:0 1px #153b49}.controls{font-size:2.05cqw;letter-spacing:.1cqw;font-weight:bold;margin-top:5%}.best-chip{font-size:2.05cqw;background:#f5fbd9d9;border-radius:4px;padding:7px 11px}.best-chip strong{font-size:3cqw;margin-left:10px}.bottom-note{position:absolute;bottom:8%;width:100%;text-align:center;font-size:1.8cqw;letter-spacing:.09cqw;font-weight:bold;color:#365842;pointer-events:none}.details-toggle{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);border:none;background:none;font-size:2cqw;font-weight:900;color:#244a3b;padding:4px 10px}.hidden{display:none!important}.scorecard{display:flex;background:#fffbe6f0;border:2px solid #153b49;border-radius:6px;margin-top:6%;min-width:62%;padding:4% 5%;gap:30px;box-shadow:0 4px #153b4926;justify-content:space-around}.scorecard div{font-size:2.2cqw;letter-spacing:1px}.scorecard strong{display:block;font-size:9cqw;line-height:1.1;letter-spacing:-2px}#verified{font-size:2.25cqw;margin:4% 0}.share-row{display:flex;gap:12px;margin-top:6%;align-items:center;font-size:2.15cqw;font-weight:bold}.share-row a,.share-row button{border:1px solid #153b4960;border-radius:3px;padding:7px 10px;background:#ffffe8d9;color:#153b49;font-size:inherit}.details{position:absolute;inset:0;background:#fffbeef7;padding:6%;z-index:3;overflow:auto}.details-heading{display:flex;align-items:center;justify-content:space-between}.details h2{font-size:7cqw;line-height:1.2;color:#143849;-webkit-text-stroke:0;text-shadow:none}.details-heading button{border:0;background:none;font-size:5cqw}.small,.ghost-explain{font-size:2.3cqw;line-height:1.5}.ghost-explain{color:#52707b;border-top:1px solid #ccd6c9;padding-top:10px}.details label{font-size:2.1cqw;font-weight:bold}.identity{display:flex;gap:6px;margin-top:6px}.identity input{min-width:0;max-width:60%;padding:8px;border:1px solid #adc4bf;background:#fff;border-radius:3px;font:inherit;font-size:2.6cqw}.identity input[type=color]{width:38px;height:34px;padding:3px}.identity button{border:0;border-radius:3px;background:#183b49;color:white;font-size:2.3cqw;padding:5px 10px}ol{padding:0;list-style:none;margin:14px 0}li{display:flex;justify-content:space-between;border-bottom:1px dashed #adc4bf;padding:6px 0;font-size:2.7cqw}li b{color:#187c6b}.empty{color:#718983;padding:12px 0;font-size:2.8cqw}footer{color:#7396a4;display:flex;justify-content:space-between;font-size:8px;gap:12px;margin-top:17px;letter-spacing:.6px}footer a{color:#b7d4da}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff6d9;color:#143849;box-shadow:0 6px 30px #0004;font-size:12px;padding:12px 18px;border-radius:6px;z-index:8;display:none}body.embed{padding:0;background:#7bc6db}body.embed main{width:min(100vw,100svh);max-width:none}body.embed .masthead,body.embed footer{display:none}body.embed .game{border-radius:0;box-shadow:none}@media(max-width:520px){body{padding:14px}.tag{display:none}footer{font-size:7px}.masthead{margin-bottom:13px}}