:root{--bg:#0a0a0b;--panel:#151514;--panel-2:#1e1d1a;--line:#2c2a24;--text:#f4f0e4;--muted:#a39e8e;--gold:#e6bd14;--gold-light:#ffe27a;--gold-deep:#9c7a07;--ink:#1d1600;--fire:#e8492f;--ok:#4cc38a;--warn:#f1b44c;--btn:#ffffff14;--btn-line:#ffffff29;--btn-down:#e6bd1466;--safe-top:max(env(safe-area-inset-top,0px), calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;inset:0}#start{background:radial-gradient(80% 50% at 50% 18%, #e6bd1429, transparent 70%), radial-gradient(70% 40% at 50% 100%, #e8492f1a, transparent 70%), var(--bg);place-items:center;display:grid;overflow-y:auto}.card{text-align:center;width:min(420px,100% - 32px);margin:24px 0}.brand{margin-bottom:18px}.logo{border-radius:50%;width:min(200px,52vw);height:auto;margin:0 auto;display:block;box-shadow:0 0 0 1px #e6bd1440,0 10px 48px #e6bd1438}.logo.small{width:72px;margin-bottom:8px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-title{text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,#e8492f24,#e6bd1412);border-radius:14px;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;display:flex}.game-title strong{font-size:1.05rem;display:block}.game-title span{color:var(--muted);font-size:.8rem}.ball{background:linear-gradient(var(--fire) 0 44%, #111 44% 56%, #f6f4ee 56%);border:3px solid #111;border-radius:50%;flex:none;width:34px;height:34px;position:relative}.ball:after{content:"";background:#f6f4ee;border:3px solid #111;border-radius:50%;width:10px;height:10px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.greeting{min-height:1.2em;margin:0 0 14px}.rom-status{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;min-height:46px;margin:0 0 18px;padding:12px 14px;font-size:.9rem}.rom-status strong{color:var(--text)}.rom-status .ok{color:var(--ok)}.rom-status .warn{color:var(--warn)}.actions{gap:10px;display:grid}.btn{appearance:none;border:1px solid var(--line);color:var(--text);background:var(--panel);cursor:pointer;border-radius:12px;padding:14px 18px;font-weight:700}.btn.primary{color:var(--ink);background:linear-gradient(180deg, var(--gold-light), var(--gold) 50%, var(--gold-deep));border-color:#0000;box-shadow:0 6px 24px #e6bd1438}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.status{min-height:1.3em;color:var(--muted);margin:16px 0 0;font-size:.9rem}.status.error{color:#ff7a66}.note{color:var(--muted);margin:18px 0 0;font-size:.78rem;line-height:1.45}#game{background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex}#stage{aspect-ratio:3/2;background:#000;flex:none;width:100%;position:relative;overflow:hidden}#stage canvas{image-rendering:pixelated;position:absolute;inset:0;width:100%!important;height:100%!important}#overlay{pointer-events:none}#hud{color:#b8f5c8;pointer-events:none;white-space:pre;background:#000000b8;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Cascadia Mono,Menlo,monospace;position:absolute;top:6px;left:6px}.toasts{pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.toast{overflow-wrap:anywhere;background:#0a0a0bd6;border-radius:9px;max-width:100%;padding:5px 9px;font-size:.8rem;line-height:1.3;transition:opacity .4s;animation:.18s ease-out toast-in}.toast.system{color:var(--gold-light);font-style:italic}.toast.out{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}#pad{touch-action:none;flex:1;min-height:250px;position:relative}#pad:before{content:"";opacity:.1;pointer-events:none;background:url(../dynasty.webp) 50%/contain no-repeat;width:96px;height:96px;position:absolute;top:calc(25% - 4px);left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait) and (max-height:720px){#pad:before{display:none}}#pad [data-btn],#pad .arm{transition:background 60ms}.shoulder{border:1px solid var(--btn-line);background:var(--btn);width:92px;height:38px;color:var(--muted);place-items:center;font-weight:700;display:grid;position:absolute;top:14px}.shoulder.left{border-radius:10px 22px 10px 10px;left:16px}.shoulder.right{border-radius:22px 10px 10px;right:16px}.dpad{--size:150px;width:var(--size);height:var(--size);position:absolute;top:50%;left:22px;transform:translateY(-46%)}.dpad .arm,.dpad .hub{background:var(--btn);border:1px solid var(--btn-line);position:absolute}.dpad .arm.up,.dpad .arm.down{width:34%;height:36%;left:33%}.dpad .arm.left,.dpad .arm.right{width:36%;height:34%;top:33%}.dpad .arm.up{border-bottom:none;border-radius:10px 10px 0 0;top:0}.dpad .arm.down{border-top:none;border-radius:0 0 10px 10px;bottom:0}.dpad .arm.left{border-right:none;border-radius:10px 0 0 10px;left:0}.dpad .arm.right{border-left:none;border-radius:0 10px 10px 0;right:0}.dpad .hub{border:none;width:34%;height:34%;top:33%;left:33%}.face{width:156px;height:120px;position:absolute;top:50%;right:18px;transform:translateY(-46%)}.round{border:1px solid var(--btn-line);border-radius:50%;place-items:center;width:66px;height:66px;font-size:1.15rem;font-weight:800;display:grid;position:absolute}.round.a{color:var(--ink);background:linear-gradient(#ffe27ae6,#b8920ae6);top:0;right:0}.round.b{color:var(--gold);background:#1e1d1ae6;border-color:#e6bd1480;bottom:0;left:0}.meta{gap:18px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.pill{border:1px solid var(--btn-line);background:var(--btn);letter-spacing:.08em;color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.7rem;font-weight:700}#pad .is-pressed{background:var(--btn-down)!important}.top-actions{gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.icon-btn{border:1px solid var(--btn-line);background:var(--btn);width:44px;height:38px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:1.1rem;display:grid;position:relative}.icon-btn svg{width:20px;height:20px}.chat-toggle.is-online{color:var(--gold);border-color:#e6bd1473}.badge{background:var(--fire);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:-6px;right:-6px}.chat{background:var(--panel);border-top:1px solid var(--line);-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;min-height:0;display:flex}body.chat-open #pad{display:none}.chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 12px;font-weight:700}.tabs button.on{background:var(--panel-2);color:var(--gold)}.online-count{min-width:20px;color:var(--ok);background:#4cc38a2e;border-radius:9px;margin-left:2px;padding:1px 6px;font-size:.75rem;display:inline-block}.chat-close{background:var(--panel-2);width:36px;height:36px;color:var(--muted);cursor:pointer;border:none;border-radius:9px}.chat-state{color:var(--warn);background:#f1b44c1f;margin:0;padding:6px 12px;font-size:.8rem}.chat-log,.online-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0;overflow-y:auto}.chat-log{padding:6px 12px 10px}.chat-more{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin:4px auto 8px;padding:6px 12px;font-size:.75rem;display:block}.chat-list{margin:0;padding:0;list-style:none}.chat-list .day{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 4px;font-size:.7rem;font-weight:700}.chat-list .empty{text-align:center;color:var(--muted);background:url(../dynasty.webp) top/64px no-repeat;margin-top:24px;padding-top:76px;font-size:.85rem}.msg{grid-template-columns:1fr auto;column-gap:8px;padding:2px 0;font-size:.9rem;line-height:1.35;display:grid}.msg .who{grid-column:1/-1;margin-top:6px;font-size:.78rem;font-weight:800}.msg .text{overflow-wrap:anywhere}.msg time{color:var(--muted);align-self:end;font-size:.68rem}.msg.mine .text{color:var(--gold-light)}.online-list{padding:6px 0;list-style:none}.online-list li{border-bottom:1px solid var(--line);gap:2px;padding:9px 14px;display:grid}.online-list span{color:var(--muted);font-size:.82rem}.chat-form{border-top:1px solid var(--line);gap:8px;padding:8px 10px;display:flex}.chat-form input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:12px;outline:none;flex:1;padding:11px 14px;font-size:16px}.chat-form input:focus{border-color:#e6bd1499}.chat-form button{background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));width:46px;color:var(--ink);cursor:pointer;border:none;border-radius:12px;flex:none}.chat-form button svg{width:20px;height:20px}.menu{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0bf2;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.menu button{border:1px solid var(--line);background:var(--panel);width:min(280px,100%);color:var(--text);border-radius:12px;padding:13px;font-weight:600}.menu .keys{text-align:center;max-width:280px;color:var(--muted);margin:8px 0 0;font-size:.75rem;line-height:1.5}@media (orientation:landscape){#game{flex-direction:row;justify-content:center}#stage{width:auto;max-width:100%;height:100%}#pad{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;min-height:0;position:absolute}#pad>*{pointer-events:auto;opacity:.85}#pad:before{display:none}.dpad{--size:min(120px, 34vh);top:55%;left:8px}.face{width:120px;height:112px;top:55%;right:6px}.round{width:56px;height:56px}.meta{gap:10px;bottom:10px;left:auto;right:12px;transform:none}.top-actions{top:auto;bottom:10px;left:12px;transform:none}body.chat-open #pad{display:block}.chat{z-index:5;top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);border:1px solid var(--line);background:#151514f5;border-radius:14px 0 0 14px;width:min(360px,46vw);position:absolute}}@media (hover:hover) and (pointer:fine){#pad .shoulder,#pad .dpad,#pad .face,#pad .meta{display:none}#game{justify-content:center;align-items:center}#stage{width:min(100%,150vh);height:auto;max-height:calc(100% - 60px)}#pad,body.chat-open #pad{pointer-events:none;flex:none;min-height:56px;display:block;position:absolute;inset:auto 0 0}.top-actions{pointer-events:auto;top:auto;bottom:10px;left:50%;transform:translate(-50%)}.chat{z-index:5;border:1px solid var(--line);background:#151514f5;border-radius:14px;width:min(380px,100% - 24px);position:absolute;top:12px;bottom:60px;right:12px}}#newgame{background:radial-gradient(80% 50% at 50% 0%, #e6bd1424, transparent 70%), var(--bg);place-items:center;display:grid;overflow-y:auto}.newgame h2{margin:4px 0 6px;font-size:1.5rem}.newgame .sub{color:var(--muted);margin:0 0 18px;font-size:.9rem;line-height:1.4}.gender{border:none;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;padding:0;display:grid}.gender-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;justify-items:center;gap:6px;padding:14px 8px 12px;transition:border-color .12s,background .12s;display:grid;position:relative}.gender-card input{opacity:0;pointer-events:none;position:absolute}.gender-card canvas{width:64px;height:128px;image-rendering:pixelated;opacity:.45;transition:opacity .12s}.gender-card span{color:var(--muted);font-weight:700}.gender-card:has(input:checked){border-color:var(--gold);background:linear-gradient(180deg, #e6bd1424, var(--panel))}.gender-card:has(input:checked) canvas{opacity:1}.gender-card:has(input:checked) span{color:var(--gold-light)}.gender-card:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.field{text-align:left;gap:6px;margin:0 0 12px;display:grid}.field span{color:var(--muted);justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.field input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;letter-spacing:.08em;border-radius:12px;outline:none;padding:13px 14px;font-size:1.15rem;font-weight:700}.field input:focus{border-color:var(--gold)}.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.dialog-preview{background:#6a8fb0;border-radius:10px;margin:4px 0 18px;padding:4px;box-shadow:0 6px 20px #00000059}.dialog-preview p{color:#3a3a3a;text-align:left;background:#f8f8f8;border:2px solid #c8dcef;border-radius:8px;margin:0;padding:10px 14px;font:600 .95rem/1.45 ui-monospace,Cascadia Mono,Menlo,monospace}.dialog-preview strong{color:#c03028}.booting{z-index:3;background:var(--bg);color:var(--muted);place-content:center;justify-items:center;gap:10px;font-weight:600;display:grid;position:absolute;inset:0}.booting .logo{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.8;transform:scale(1.06)}}