:root{--bg: #14181d;--bg2: #1b2027;--panel: #232a33;--panel2: #2b3440;--ink: #e8edf2;--ink-dim: #9aa6b2;--line: #333d49;--accent: #6fd08c;--danger: #e2564d;--danger-text: #f28b83;--lcd-on: #cdd6c0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--display: "Courier New", ui-monospace, monospace;--fs-xl: 24px;--fs-lg: 20px;--fs-md: 17px;--fs-sm: 15px;--fs-xs: 13px;--fs-2xs: 12px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--r-pill: 999px;--cw-accent: var(--accent);--cw-shell: #2b3440}:root,.app-root,.auth-box{--cw-line: color-mix(in srgb, var(--cw-shell) 24%, var(--line));--cw-panel: color-mix(in srgb, var(--cw-shell) 7%, var(--panel));--cw-accent-text: color-mix(in srgb, var(--cw-accent) 60%, var(--ink));--cw-pulse: color-mix(in srgb, var(--cw-accent) 55%, transparent)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:radial-gradient(circle at 50% 0%,#202834,var(--bg) 70%);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:var(--fs-md)}button{font:inherit;color:inherit;cursor:pointer}.pixel{font-family:Courier New,monospace;letter-spacing:.02em}.app-root{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--cw-line)}.topbar .brand{font-weight:700;letter-spacing:.06em}.topbar .spacer{flex:1}.topbar .ws-dot{width:9px;height:9px;border-radius:50%;background:var(--danger)}.topbar .ws-dot.on{background:var(--cw-accent)}.tab-btn{background:transparent;border:1px solid transparent;border-radius:var(--r-md);padding:6px 10px;font-size:var(--fs-sm);color:var(--ink-dim)}.tab-btn:hover:not(.active){color:var(--ink);background:#ffffff0d}.pages-col .topbar{flex-wrap:wrap}.tab-btn.active{color:var(--ink);background:var(--panel);border-color:var(--cw-line);box-shadow:inset 0 -2px 0 var(--cw-accent)}.stage{flex:1;display:grid;grid-template-columns:minmax(320px,2fr) minmax(300px,1.4fr);gap:24px;padding:24px;align-items:start;justify-items:center}.stage .device-col{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;position:sticky;top:24px}.stage .pages-col{width:100%;max-width:500px;min-width:0}.mobile-nav{display:none}@media (max-width: 720px){.stage{grid-template-columns:minmax(0,1fr);padding:12px 12px 76px}.stage .device-col{position:static}.stage.tab-device .pages-col,.stage.tab-pages .device-col{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg2);border-top:1px solid var(--cw-line);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:1;background:transparent;border:none;color:var(--ink-dim);padding:14px 0;min-height:48px;font-size:var(--fs-xs)}.mobile-nav button.active{color:var(--cw-accent-text);font-weight:700;box-shadow:inset 0 2px 0 var(--cw-accent)}.mobile-nav button:hover:not(.active){color:var(--ink)}}.device-stats{display:none}.device-stats .ds-item{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:62px}.device-stats .ds-k{font-family:var(--display);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim)}.device-stats .ds-v{font-size:var(--fs-sm);display:flex;align-items:center;min-height:15px}.device-stats .ds-call{flex:1 1 100%;margin-top:2px;padding-top:8px;border-top:1px solid var(--cw-line);font-size:var(--fs-xs);color:var(--cw-accent-text);display:flex;align-items:center;gap:6px}.device-stats .ds-call .ds-dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--danger);animation:blink .8s steps(1) infinite}@media (max-width: 720px){.device-stats{display:flex;flex-wrap:wrap;gap:10px 8px;width:100%;max-width:440px;padding:12px 14px;background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--r-lg)}}.device{--shell: #6b4a2f;--shell-edge: #4a3220;--shell-shade: #8a6440;--accent: #c89b6a;--screen-frame: #3a2818;width:min(100%,440px);border-radius:var(--r-xl);background:linear-gradient(160deg,var(--shell-shade),var(--shell) 45%,var(--shell-edge));border:3px solid var(--shell-edge);box-shadow:inset 0 6px 18px #ffffff2e,inset 0 -12px 26px #00000059,0 18px 40px #00000080;padding:26px 22px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;-webkit-user-select:none;user-select:none}@media (max-width: 400px){.device{padding:20px 12px 16px}.console{gap:8px}.buttons .dmc-btn{width:40px;height:40px;min-width:40px;min-height:40px}}.device.clear{background:linear-gradient(160deg,color-mix(in srgb,var(--shell-shade) 70%,transparent),color-mix(in srgb,var(--shell) 62%,transparent) 45%,color-mix(in srgb,var(--shell-edge) 78%,transparent));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-color:color-mix(in srgb,var(--shell-edge) 80%,transparent)}.device .device-title{font-weight:800;font-size:var(--fs-md);letter-spacing:.04em;color:var(--shell-ink, #fff);text-shadow:var(--shell-ink-shadow, 0 1px 2px rgba(0, 0, 0, .5))}.console{display:flex;gap:12px;align-items:center;width:100%}.console-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.lcd-slot{display:flex;justify-content:center;width:100%}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 2px;width:100%}.dev-icon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 0;background:transparent;border:none;position:relative;color:var(--shell-ink, #fff)}.dev-icon:hover .glyph-box{box-shadow:0 0 0 2px color-mix(in srgb,var(--shell-ink, #fff) 35%,transparent)}.dev-icon:before{content:"";position:absolute;top:13px;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--r-md)}.dev-icon .glyph-box{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);background:#0000002e;border:1px solid rgba(0,0,0,.25);position:relative}.dev-icon svg,.dev-icon img{width:16px;height:16px;image-rendering:pixelated}.dev-icon .icon-label{font-size:9px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--shell-ink, #fff);text-shadow:var(--shell-ink-shadow, 0 1px 1px rgba(0, 0, 0, .45));white-space:nowrap}.dev-icon.sel .glyph-box{background:var(--accent);box-shadow:0 0 0 2px #fff6}.dev-icon.sel .glyph-box svg{filter:brightness(.2)}.dev-icon.sel .icon-label{color:var(--shell-ink, #fff)}.dev-icon .badge{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:var(--danger);border:1px solid #fff;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lcd-wrap{background:var(--screen-frame);border-radius:var(--r-lg);padding:10px;box-shadow:inset 0 3px 10px #0009}.lcd{position:relative;background:var(--lcd-on);border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px #0006,inset 0 0 16px #506e3c66}.lcd canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.lcd-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;color:#21311c;font-family:Courier New,monospace;font-weight:700;font-size:13px;padding:8px 9px;background:#cdd6c0f0}.lcd-ui.transparent{background:transparent}.lcd-ui h4{margin:0 0 4px;font-size:12px;letter-spacing:.08em;border-bottom:2px solid #21311c;padding-bottom:3px}.lcd-ui .rows{flex:1;overflow:auto}.lcd-ui .row{display:flex;justify-content:space-between;padding:2px 0}.lcd-ui .menu-item{padding:3px 4px}.lcd-ui .menu-item.sel{background:#21311c;color:var(--lcd-on)}.lcd-ui .hint{font-size:10px;text-align:center;opacity:.75}.lcd-ui .hint.on-scene{background:#cdd6c0e0;border-radius:3px;padding:2px 4px;align-self:center;opacity:1}.lcd-ui .big{text-align:center;font-size:16px;margin:auto 0}.hearts{display:inline-flex;gap:2px}.heart{width:11px;height:11px;image-rendering:pixelated}.card .heart path,.device-stats .heart path{stroke:#8f9aa6}.prop{display:flex;justify-content:center;align-items:center;margin:2px 0}.prop .prop-svg{width:26px;height:26px;color:#21311c;image-rendering:pixelated}.prop-counter{display:flex;gap:8px;align-items:center;justify-content:center;margin:auto 0}.meter{height:16px;border:2px solid #21311c;margin:6px 0;position:relative;overflow:hidden}.meter>i{position:absolute;top:0;bottom:0;left:0;background:#21311c}.meter-needle{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--danger)}.buttons{display:flex;flex-direction:column;justify-content:center;gap:16px;flex:0 0 auto}.dmc-btn{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;border:2px solid rgba(0,0,0,.4);background:radial-gradient(circle at 35% 30%,var(--shell-shade),var(--shell-edge));box-shadow:inset 0 2px 4px #ffffff59,0 4px 8px #00000073;color:color-mix(in srgb,var(--shell-ink, #fff) 90%,transparent);text-shadow:var(--shell-ink-shadow, 0 1px 2px rgba(0, 0, 0, .5));display:grid;place-items:center;font-size:var(--fs-lg);font-weight:700;transition:transform .05s;position:relative}.dmc-btn:hover{filter:brightness(1.08)}.dmc-btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.dmc-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #00000080}.dmc-btn small{display:block;font-size:9px;opacity:.8}.btn:focus-visible,.tab-btn:focus-visible,.link:focus-visible,.egg-pick:focus-visible,.mobile-nav button:focus-visible,.lightbox-close:focus-visible,.battle-skip:focus-visible,.field input:focus-visible,.code-input:focus-visible{outline:2px solid var(--cw-accent);outline-offset:2px}.card{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--r-lg);padding:16px;margin-bottom:16px}.card h3{margin:0 0 12px;font-family:var(--display);font-size:var(--fs-lg);font-weight:700;letter-spacing:.02em;padding-left:12px;position:relative}.card h3:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:3px;border-radius:var(--r-pill);background:var(--cw-accent)}.partner{display:flex;gap:14px}.partner img.art{width:108px;height:108px;object-fit:cover;border-radius:var(--r-lg);background:#000;border:1px solid var(--cw-line)}.partner .meta{flex:1}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:var(--fs-sm)}.stat-grid .k{color:var(--ink-dim)}.tag{display:inline-block;font-size:var(--fs-xs);padding:1px 7px;border-radius:var(--r-pill);background:var(--panel2);border:1px solid var(--cw-line);color:var(--ink-dim)}.manual-sub{border-top:1px solid var(--line)}.manual-sub>summary{cursor:pointer;padding:10px 4px;font-weight:600}.manual-sub .body{padding:4px 8px 14px;color:var(--ink-dim);font-size:var(--fs-sm);line-height:1.5}.manual-sub .body ul{padding-left:18px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:var(--fs-xs);color:var(--ink-dim)}.field input{padding:11px 12px;min-height:44px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg2);color:var(--ink)}.btn{padding:11px 16px;min-height:44px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel2);color:var(--ink);text-decoration:none}.btn.primary{background:var(--cw-accent);color:#0b1710;border-color:transparent;font-weight:700}.btn.ghost{background:transparent}.btn:not(:disabled):hover{filter:brightness(1.12)}.btn.ghost:not(:disabled):hover{filter:none;background:#ffffff0f}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.err{color:var(--danger-text);font-size:var(--fs-xs);min-height:18px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel2);border:1px solid var(--line);padding:10px 18px;border-radius:var(--r-pill);z-index:100;box-shadow:0 8px 24px #00000080}@media (max-width: 720px){.toast{bottom:84px}}.center-screen{flex:1;display:grid;place-items:center;padding:20px}.auth-box{width:min(92vw,380px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px}.auth-box h1{margin:0 0 4px;font-family:var(--display);font-size:var(--fs-xl);letter-spacing:.06em}.auth-box .sub{color:var(--ink-dim);margin:0 0 20px;font-size:var(--fs-sm)}.link{background:none;border:none;color:var(--cw-accent-text);padding:0;text-decoration:underline}.egg-logo{display:block;width:min(100%,300px);margin:4px auto 16px;border-radius:var(--r-md);border:1px solid var(--line);image-rendering:pixelated}.egg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.egg-pick{background:var(--bg2);border:2px solid var(--line);border-radius:var(--r-lg);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.egg-pick.sel{border-color:var(--cw-accent)}.egg-pick img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.egg-pick:hover:not(.sel){border-color:color-mix(in srgb,var(--cw-accent) 45%,var(--line))}.egg-pick .cw{width:34px;height:46px;border-radius:40% 40% 46% 46%/34% 34% 46% 46%;border:2px solid rgba(0,0,0,.4)}.egg-pick .nm{font-size:var(--fs-xs);text-align:center}.code-input{letter-spacing:.5em;font-size:var(--fs-xl);text-align:center;font-variant-numeric:tabular-nums}.code-input::placeholder{letter-spacing:.4em}.admin-nav{display:flex;gap:4px}.admin-body{padding:16px;max-width:1100px;width:100%;margin:0 auto}.admin-cols{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.admin-table th,.admin-table td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table th{color:var(--ink-dim);font-weight:600;font-size:var(--fs-xs)}.admin-table tr.sel td{background:var(--panel2)}.admin-table tbody tr:hover td{background:#ffffff08}.admin-table tbody tr.sel:hover td{background:var(--panel2)}.code-cell{font-size:var(--fs-md);letter-spacing:.15em;background:var(--bg2);padding:2px 7px;border-radius:var(--r-md);border:1px solid var(--line)}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.history-log{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);padding:6px;font-size:var(--fs-xs)}.history-row{display:flex;align-items:baseline;gap:8px;padding:3px 2px;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:none}.history-row .h-at{color:var(--ink-dim);white-space:nowrap}.history-row .h-detail{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 720px){.admin-cols{flex-direction:column}.admin-cols .card{width:100%!important}}.btn.danger{background:#c73f37;color:#fff;border-color:transparent;font-weight:700}.art-btn{padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--r-lg);line-height:0}.art-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000c7}.lightbox-inner{position:relative;max-width:min(92vw,640px);max-height:88vh}.lightbox-img{display:block;max-width:100%;max-height:88vh;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:0 12px 40px #00000080}.lightbox-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{filter:brightness(1.25)}.tips{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.tips-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:8px}.tip{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-xs);line-height:1.45;margin-bottom:8px}.tip-badge{flex:none;font-size:var(--fs-xs);font-weight:700;padding:2px 7px;border-radius:var(--r-sm);background:var(--cw-accent);color:#0b1710;margin-top:1px}.grave-list{display:flex;flex-direction:column;gap:10px}.grave-row{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--cw-line);border-radius:var(--r-md);background:var(--bg2)}.grave-art{flex:none;width:56px;height:56px;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--cw-line);image-rendering:auto}.grave-meta{min-width:0}.grave-name{font-family:var(--display);font-weight:700;font-size:var(--fs-md);letter-spacing:.02em}.grave-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.grave-dates{font-size:var(--fs-xs);color:var(--ink-dim)}.battle-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0c0f14;user-select:none;-webkit-user-select:none;touch-action:manipulation}.battle-lcd{position:relative;flex:none;background:var(--lcd-on);border-radius:var(--r-sm);overflow:hidden;box-shadow:inset 0 0 0 1px #0006,inset 0 0 16px #506e3c66,0 4px 18px #00000080}.battle-lcd canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.battle-nameplate{position:absolute;top:4px;display:flex;flex-direction:column;line-height:1.05;font-family:Courier New,monospace;font-weight:700;color:#eef3e6;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none;max-width:45%;background:#000000a6;padding:3px 5px;border-radius:var(--r-sm)}.battle-nameplate.left{left:4px;text-align:left;align-items:flex-start}.battle-nameplate.right{right:4px;text-align:right;align-items:flex-end}.battle-nameplate .tag{font-size:9px;letter-spacing:.5px;padding:0 3px;border-radius:var(--r-sm);background:#00000073;color:#b6e88a}.battle-nameplate.right .tag{color:#f8c2b2}.battle-nameplate .who{font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.battle-nameplate .sp{font-size:9px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.battle-skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#eef3e6;font-family:Courier New,monospace;font-weight:700;font-size:var(--fs-xs);padding:10px 18px;min-height:44px;border-radius:var(--r-md);cursor:pointer}.battle-skip:hover{background:#ffffff29}.battle-skip-hint{font-size:11px;opacity:.65;font-weight:400}.lobby-list{display:flex;flex-direction:column;gap:8px}.lobby-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cw-line);border-radius:var(--r-md);background:var(--bg2)}.lobby-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-row .btn{flex:none}.challenge-alert{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(94vw,460px);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--cw-line);box-shadow:0 12px 40px #0000008c;z-index:200}.challenge-alert.incoming{border-color:var(--cw-accent);animation:challenge-pulse 1s ease-in-out infinite}@keyframes challenge-pulse{0%,to{box-shadow:0 12px 40px #0000008c,0 0 0 0 var(--cw-pulse)}50%{box-shadow:0 12px 40px #0000008c,0 0 0 8px transparent}}.challenge-alert-body{flex:1;min-width:0}.challenge-title{font-family:var(--display);font-weight:700;font-size:var(--fs-md);letter-spacing:.02em}.challenge-sub{color:var(--ink-dim);font-size:var(--fs-xs);margin-top:2px}.challenge-actions{display:flex;gap:8px;flex:none}.challenge-actions .btn{padding:9px 14px}.challenge-notice{border-color:var(--cw-accent)}@media (max-width: 480px){.challenge-alert{flex-direction:column;align-items:stretch}.challenge-actions .btn{flex:1}}