:root{--night:#0f151a;--cream:#ece2c2;--cream-dk:#d6c9a0;--paint-red:#c4232b;--paint-yel:#f3c233;--paint-blue:#2f5b9c;--paint-green:#2e7a2d;--ink:#2a1d12;--ink-soft:#5d4a36;--wood:#6b3a1e;--hud:rgba(20,14,10,.78);--hud-ink:#f4ead0;--phosphor:#8dffb0;--win:#c3c3bd;--win-hi:#fff;--win-lo:#3c3c3c;--win-mid:#86867f;--title-a:#0b2a6b;--title-b:#2c6cb3;--f-paint:"Paytone One","Arial Black",system-ui,sans-serif;--f-script:"Dancing Script","Brush Script MT",cursive;--f-body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--f-crt:"VT323","Courier New",ui-monospace,monospace;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--night);color:var(--hud-ink);font:14px var(--f-body);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}[hidden]{display:none!important}#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--paint-yel);outline-offset:2px}.gate{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;justify-items:center;gap:10px;padding:0 max(16px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 16px) max(16px,env(safe-area-inset-left))}.card{position:relative;width:min(460px,100%);background:var(--cream);color:var(--ink);border:4px solid var(--wood);box-shadow:0 0 0 2px var(--cream-dk) inset,0 16px 40px #0000008c;padding:16px 18px 18px;display:grid;gap:12px;background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.35),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(120,80,30,.16),transparent 60%)}.card:before,.card:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#8a7a5a;box-shadow:inset 1px 1px #e8dfc2;top:7px;left:7px}.card:after{left:auto;right:7px}.eyebrow{font-family:var(--f-script);font-size:26px;color:var(--paint-green);line-height:1}.card h1{margin:0;font-family:var(--f-paint);font-weight:400;font-size:clamp(30px,8vw,40px);line-height:1;color:var(--paint-blue);text-shadow:3px 3px 0 #9ab2d0}.card h1 em{font-style:normal;color:var(--paint-red);text-shadow:2px 2px 0 var(--paint-yel),5px 5px 0 #b3633d}.field{display:grid;gap:6px}.field label,.field .lbl{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.namebox{display:flex;gap:8px}.namebox input{flex:1;min-width:0;height:44px;padding:0 12px;font:600 17px var(--f-body);color:var(--ink);background:#fffaf0;border:2px solid var(--wood);border-radius:0;-webkit-user-select:text;user-select:text}.namebox .tag{display:grid;place-items:center;min-width:52px;height:44px;font:20px var(--f-paint);color:var(--paint-red);background:#fffaf0;border:2px solid var(--wood)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.sw{width:38px;height:38px;border:2px solid var(--wood);box-shadow:inset 0 -6px #0000002e}.sw[aria-pressed=true]{outline:3px solid var(--paint-red);outline-offset:2px}.cta{min-height:56px;padding:0 16px;background:var(--paint-red);color:#fff;border:3px solid var(--paint-yel);box-shadow:0 5px #7a1418;font:22px var(--f-paint);text-shadow:2px 2px 0 #7a1418}.cta:active{transform:translateY(3px);box-shadow:0 2px #7a1418}.cta:disabled{opacity:.7;cursor:wait}.err{margin:0;color:#9a1418;font-weight:600}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft)}.meta b{font-family:var(--f-paint);font-weight:400;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.linkbtn{background:none;border:0;padding:4px 0;color:var(--paint-blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}.credit{font-size:12px;color:#f4ead0b3;text-align:center}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud>*{pointer-events:auto}.tl{position:absolute;left:max(16px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 12px);display:grid;gap:8px;justify-items:start}.row{display:flex;gap:8px;flex-wrap:wrap}.pill{min-height:42px;padding:0 14px;background:var(--cream);color:var(--ink);border:2px solid var(--wood);box-shadow:0 3px 0 var(--wood);font:17px var(--f-paint)}.pill[aria-pressed=true]{background:var(--paint-red);color:#fff;border-color:var(--paint-yel)}.me{background:var(--hud);border:1px solid rgba(243,194,51,.35);padding:7px 10px;display:grid;gap:5px;min-width:180px}.me .nm{font-weight:800;font-size:14px;color:var(--paint-yel);display:flex;justify-content:space-between;gap:10px}.me .kd{font-family:var(--f-paint);font-size:14px;color:var(--hud-ink);font-variant-numeric:tabular-nums}.hp{height:8px;background:#3a2a20;border:1px solid #000}.hp i{display:block;height:100%;width:100%;background:#4cd964;transition:width .15s}.tr{position:absolute;right:max(16px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 12px);display:grid;gap:6px;justify-items:end;max-width:min(300px,52vw)}.count{background:var(--paint-red);color:#fff;border:2px solid var(--paint-yel);padding:6px 10px;font-size:13px;font-weight:600}.count b{font-family:var(--f-paint);font-weight:400;font-size:20px;margin-right:4px;font-variant-numeric:tabular-nums}.count small{opacity:.8;margin-left:6px;font-variant-numeric:tabular-nums}.feed{display:grid;gap:3px;justify-items:end}.feed div{background:#140e0a9e;padding:3px 8px;font-size:12.5px;font-weight:600;color:var(--hud-ink);text-align:right;transition:opacity .6s;overflow-wrap:anywhere}.feed div b{color:var(--paint-yel)}.feed div.chat b{color:#8fd3ff}.feed div.fade{opacity:0}.banner{position:absolute;left:0;right:0;top:34%;display:grid;justify-items:center;pointer-events:none}.banner div{background:linear-gradient(90deg,transparent,rgba(150,20,30,.88) 15%,rgba(150,20,30,.88) 85%,transparent);padding:10px 48px;text-align:center}.banner strong{display:block;font:clamp(20px,5.6vw,30px) var(--f-paint);color:#fff;text-shadow:2px 2px 0 #4a0a0e}.banner span{font-size:14px;color:#ffe2b0;font-variant-numeric:tabular-nums}.chatbar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 170px);display:flex;gap:8px;width:min(520px,calc(100% - 32px))}.chatbar input{flex:1;min-width:0;height:44px;padding:0 12px;font:600 16px var(--f-body);background:#fffaf0;color:var(--ink);border:2px solid var(--wood);border-radius:0;-webkit-user-select:text;user-select:text}.joy{position:absolute;left:max(20px,calc(env(safe-area-inset-left) + 12px));bottom:calc(env(safe-area-inset-bottom) + 24px);width:132px;height:132px;border-radius:50%;background:#140e0a8c;border:2px solid rgba(236,226,194,.35);touch-action:none}.joy i{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:var(--paint-red);border:3px solid var(--cream);box-shadow:0 4px 10px #00000080}.br{position:absolute;right:max(20px,calc(env(safe-area-inset-right) + 12px));bottom:calc(env(safe-area-inset-bottom) + 24px);display:grid;gap:12px;justify-items:end}.punch{width:96px;height:96px;border-radius:50%;background:#140e0ab3;border:3px solid var(--paint-yel);color:var(--paint-yel);font:24px var(--f-paint);touch-action:none;box-shadow:0 5px #000}.punch:active,.punch.on{transform:translateY(3px);box-shadow:0 2px #000;background:var(--paint-red);color:#fff}.sitbtn{min-height:48px;padding:0 16px;background:var(--paint-yel);color:#2a1d00;border:3px solid var(--wood);font:18px var(--f-paint);box-shadow:0 4px 0 var(--wood)}.toast{position:absolute;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 128px);width:max-content;max-width:calc(100% - 32px);background:#fff8d6;color:#2a2000;border:2px solid #2a2000;font-size:13.5px;font-weight:600;padding:8px 12px;box-shadow:4px 4px #00000080;pointer-events:none}.offline{position:absolute;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top) + 70px);background:var(--paint-red);color:#fff;padding:8px 14px;font-weight:600;border:2px solid var(--paint-yel)}.keys{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 20px);background:var(--hud);padding:6px 12px;font-size:12.5px;white-space:nowrap;max-width:calc(100% - 340px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media(pointer:coarse),(max-width:640px){.keys{display:none}}@media(pointer:fine)and (min-width:900px){.joy{display:none}}.pc{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 16px) max(16px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 16px) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 45%,#127a78f2,#0d605ef7 60%,#041e1efc);animation:poweron .45s ease-out}.pc:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}@keyframes poweron{0%{transform:scaleY(.02);filter:brightness(3)}60%{transform:scaleY(1.02)}to{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.pc{animation:none}}.win{position:relative;z-index:2;width:min(640px,100%);max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--win);color:#111;border:2px solid;border-color:var(--win-hi) var(--win-lo) var(--win-lo) var(--win-hi);box-shadow:inset -1px -1px 0 var(--win-mid),inset 1px 1px #dfdfd9,6px 6px #00000059;font:18px var(--f-crt)}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px;padding:3px 4px 3px 8px;color:#fff;background:linear-gradient(90deg,var(--title-a),var(--title-b))}.titlebar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-btn,.w-btn,.app{background:var(--win);color:#111;border:2px solid;border-color:var(--win-hi) var(--win-lo) var(--win-lo) var(--win-hi);font-family:var(--f-crt)}.tb-btn{width:28px;height:24px;font-size:16px;line-height:1;display:grid;place-items:center;flex:none}.tb-btn:active,.w-btn:active,.app[aria-pressed=true]{border-color:var(--win-lo) var(--win-hi) var(--win-hi) var(--win-lo)}.win-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;padding:6px 8px 8px;overflow:auto}@media(max-width:520px){.win-body{grid-template-columns:1fr}.apps{grid-template-columns:repeat(2,1fr)!important}}.apps{display:grid;grid-template-columns:1fr;gap:6px;align-content:start}.app{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 6px;text-align:left;font-size:17px;line-height:1}.app[aria-pressed=true]{background:#b4b4ae}.app i{flex:none;width:26px;height:22px;display:grid;place-items:center;font-style:normal;font-size:15px;border:1px solid #000;color:#fff}.lan{display:grid;gap:6px;min-width:0}.lan-head{font-size:19px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.lan-head small{font-size:16px;color:#3a3a3a}.lan ul{list-style:none;margin:0;padding:0;max-height:150px;overflow:auto;background:#fff;border:2px solid;border-color:var(--win-lo) var(--win-hi) var(--win-hi) var(--win-lo)}.lan li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:4px 6px;border-bottom:1px dotted #9a9a94}.lan li:last-child{border-bottom:0}.lan li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lan li.empty{display:block;color:#555}.w-btn{min-height:30px;padding:0 10px;font-size:17px}.console{background:#000;color:#c8c8c8;padding:6px 8px;font-size:17px;line-height:1.15;min-height:96px;max-height:160px;overflow:auto;border:2px solid;border-color:var(--win-lo) var(--win-hi) var(--win-hi) var(--win-lo);white-space:pre-wrap;word-break:break-word}.console .ok{color:var(--phosphor)}.console .warn{color:#ffd23f}.statusbar{display:flex;gap:6px;align-items:center;padding:0 6px 6px;flex-wrap:wrap}.statusbar .cell{flex:1 1 120px;padding:3px 6px;border:2px solid;border-color:var(--win-mid) var(--win-hi) var(--win-hi) var(--win-mid);font-variant-numeric:tabular-nums;white-space:nowrap}.game{position:fixed;inset:0;z-index:12;background:#000;display:grid;grid-template-rows:auto 1fr}.game-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 4px) max(10px,env(safe-area-inset-right)) 4px max(10px,env(safe-area-inset-left));background:#111;color:#ddd;font:18px var(--f-crt)}.game iframe{width:100%;height:100%;border:0;background:#000}.gb-actions{display:flex;gap:6px}.game-bar a.w-btn{display:inline-flex;align-items:center;text-decoration:none}.loading{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:var(--night);font:24px var(--f-crt);color:var(--phosphor);transition:opacity .5s}.loading.done{opacity:0;pointer-events:none}.nogl{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:24px;z-index:21;background:var(--night)}
