*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a24;--panel: #252533;--panel2: #2e2e40;--border: #4a4a66;--text: #e8e8f0;--dim: #9a9ab0;--accent: #ffd23f;--accent2: #ff6b4a;--ok: #5ede7a;--bad: #ff5a5a;--rail-w: 0px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Courier New,Consolas,monospace;image-rendering:pixelated;overflow:hidden;-webkit-user-select:none;user-select:none}body{background:transparent}#app{height:100vh;width:calc(100% - var(--rail-w));display:flex;flex-direction:column}body.has-rail{--rail-w: 160px}#lu-rail{position:fixed;top:0;right:0;bottom:0;width:160px;z-index:40;background:#14141c;border-left:3px solid var(--border);display:flex;align-items:flex-start;justify-content:center;padding-top:14px;overflow:hidden}#lu-rail .rail-box{width:160px;min-height:600px;display:flex;align-items:center;justify-content:center}#lu-rail .rail-ph{width:160px;height:600px;border:2px dashed var(--border);background:#0e0e16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--dim);font-size:11px;letter-spacing:2px;text-align:center}#lu-rail .rail-ph small{color:#5a5a72;letter-spacing:1px}body.rail-blocked{--rail-w: 0px}body.rail-blocked #lu-rail{display:none}@media(max-width:1099px){body.has-rail{--rail-w: 0px}#lu-rail{display:none}}#boot-intro{max-width:640px;margin:0 auto;padding:40px 24px;text-align:center;color:var(--dim);font-size:14px;line-height:1.7}#boot-intro h1{color:var(--accent);letter-spacing:4px;font-size:34px;margin-bottom:18px}#boot-intro p{margin:12px 0}#boot-intro a{color:var(--accent)}#boot-intro .boot-loading{color:#5a5a72;letter-spacing:2px;margin-top:22px}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:18px;padding:24px;background:repeating-conic-gradient(#1e1e2a,#1e1e2a 25%,#1a1a24 0%,#1a1a24 50%) 0 0 / 64px 64px;overflow-y:auto}h1.logo{font-size:52px;letter-spacing:4px;color:var(--accent);text-shadow:4px 4px 0 #7a3010,8px 8px 0 #00000055;text-align:center;line-height:1.1}h1.logo small{display:block;font-size:16px;color:var(--dim);text-shadow:none;letter-spacing:8px}h2{color:var(--accent);letter-spacing:2px;text-shadow:2px 2px 0 #00000088}.panel{background:var(--panel);border:3px solid var(--border);box-shadow:6px 6px #0006;padding:20px;min-width:340px;max-width:860px}.btn{display:inline-block;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:1px;padding:12px 22px;background:var(--panel2);color:var(--text);border:3px solid var(--border);box-shadow:4px 4px #0006;cursor:pointer;transition:transform .05s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #0006}.btn.primary{background:var(--accent);color:#201500;border-color:#b08820}.btn.primary:hover{background:#ffe27a;color:#201500}.btn.danger{border-color:var(--bad);color:var(--bad)}.btn.big{font-size:22px;padding:16px 34px}.btn.small{font-size:13px;padding:6px 12px;box-shadow:2px 2px #0006}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.wide{width:100%;text-align:center}input.txt{font-family:inherit;font-size:18px;padding:10px 14px;background:#14141c;color:var(--text);border:3px solid var(--border);outline:none;width:100%}input.txt:focus{border-color:var(--accent)}a{color:var(--accent)}a:hover{color:#ffe27a}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.col{display:flex;flex-direction:column;gap:12px}.dim{color:var(--dim);font-size:13px}.err{color:var(--bad);font-size:14px;min-height:18px}.gold{color:var(--accent);font-weight:700}.colorpick{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.colorcard{width:128px;padding:10px;background:var(--panel2);border:3px solid var(--border);cursor:pointer;text-align:center;font-size:12px}.colorcard:hover{border-color:var(--text)}.colorcard.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.colorcard .swatch{width:100%;height:26px;margin-bottom:6px;border:2px solid #00000055}.colorcard b{display:block;font-size:15px;margin-bottom:4px}.colorcard .stats{color:var(--dim);line-height:1.5}.shopgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;align-content:start}.skincard.previewing{outline:2px dashed var(--accent);outline-offset:2px}.skincard{background:var(--panel2);border:3px solid var(--border);padding:8px;text-align:center;font-size:12px}.skincard canvas{width:64px;height:64px;image-rendering:pixelated}.skincard.owned{border-color:var(--ok)}.skincard.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}table.list{border-collapse:collapse;width:100%;font-size:15px}table.list th,table.list td{border:2px solid var(--border);padding:8px 12px;text-align:left}table.list th{background:var(--panel2);color:var(--accent)}.lb-scroll{max-height:max(200px,calc(100dvh - 360px));overflow-y:auto}.lb-scroll thead th{position:sticky;top:0}@media(max-height:560px){.lb-scroll{max-height:calc(100dvh - 150px)}}.roomcode{font-size:42px;letter-spacing:12px;color:var(--accent);background:#14141c;border:3px dashed var(--border);padding:10px 20px 10px 32px;cursor:pointer}#gamewrap{flex:1;position:relative;background:#101018;overflow:hidden}#gamecanvasbox{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hud-top{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#14141ccc;border:2px solid var(--border);padding:6px 18px;font-size:20px;color:var(--accent);pointer-events:none}.hud-left{position:absolute;top:10px;left:10px;background:#14141ccc;border:2px solid var(--border);padding:10px 12px;font-size:13px;min-width:170px}.hud-left .hud-team-label{font-size:11px;letter-spacing:2px;margin-bottom:3px}.hud-score-row{display:flex;align-items:center;gap:6px;padding:2px 0}.hud-score-row .dot{width:11px;height:11px;border:2px solid #00000088;flex-shrink:0}.hud-score-row .nick{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-score-row .sc{color:var(--accent)}.hud-right{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px}.hud-right .btn{font-size:18px;padding:8px 12px;background:#14141ccc}.skill-feed{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:15;pointer-events:none}.feed-chip{background:#14141cdd;border:2px solid var(--border);padding:3px 12px;font-size:12px;animation:chipIn .25s ease-out}.feed-chip.out{opacity:0;transform:translateY(-10px);transition:all .35s}.hud-bottom{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;background:#14141ccc;border:2px solid var(--border);padding:6px 10px}.hb-slot{position:relative;width:42px;height:42px;border:2px solid var(--border);background:#0e0e16;cursor:pointer;display:flex;align-items:center;justify-content:center}.hb-slot:hover{border-color:var(--accent)}.hb-slot canvas{pointer-events:none}.hb-key{position:absolute;top:-1px;left:1px;font-size:9px;color:var(--dim);z-index:2}.hb-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:linear-gradient(to top,#000000dd var(--fill, 50%),transparent var(--fill, 50%));color:var(--accent);font-size:14px;font-weight:700;z-index:3}input.vol{-webkit-appearance:none;width:150px;height:8px;background:#14141c;border:2px solid var(--border);outline:none}input.vol::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;background:var(--accent);border:2px solid #b08820;cursor:pointer}#gamehud-unused{display:flex;gap:18px;align-items:center;padding:8px 16px;background:var(--panel);border-bottom:3px solid var(--border);font-size:15px}canvas#game{background:transparent;cursor:crosshair}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000b;z-index:10}.overlay .panel{text-align:center;max-height:calc(100dvh - 24px);overflow-y:auto}.toast{position:fixed;top:70px;left:calc(50% - var(--rail-w) / 2);transform:translate(-50%);background:var(--panel);border:3px solid var(--accent);padding:10px 20px;z-index:100;font-size:15px;box-shadow:4px 4px #000a}.tabbar{display:flex;gap:8px}.btn.sel{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent),4px 4px #0006}.hint{font-size:12px;color:var(--dim);text-align:center;line-height:1.6}.settings-panel{min-width:400px}.menu-screen{position:fixed;inset:0 var(--rail-w) 0 0;overflow:hidden}.menu-screen .screen.sub-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:none;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:116px 20px 84px;overflow-y:auto}.sub-frame{display:flex;flex-direction:column;align-items:stretch;max-width:100%;border:3px solid var(--border);background:var(--panel);box-shadow:6px 6px #0006}.sub-head{display:flex;align-items:center;gap:12px;background:#14141c;border-bottom:3px solid var(--border);padding:8px 14px}.sub-head h2{font-size:18px;margin:0;white-space:nowrap}.sub-head .sub-gold{display:none;margin-left:auto;color:var(--accent);font-weight:700;font-size:17px}.sub-body{display:flex;flex-direction:column;min-width:0;padding:18px}.menu-screen .sub-body>.screen{position:static;inset:auto;flex:none;width:auto;padding:0;overflow:visible;background:none}.menu-screen .sub-body>.screen>.panel{border:none;box-shadow:none;background:none;padding:0;min-width:0}.menu-bg{position:fixed;top:0;left:0;width:calc(100vw - var(--rail-w));height:100dvh;z-index:-1;pointer-events:none}.menu-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.menu-corner{position:absolute;z-index:5;display:flex;align-items:center;gap:10px}.menu-corner.tl{top:18px;left:20px;font-size:42px;line-height:1;cursor:pointer;filter:drop-shadow(3px 3px 0 #00000088);transition:transform .05s}.menu-corner.tl:hover{transform:scale(1.12)}.menu-corner.tr{top:18px;right:20px;flex-direction:column;align-items:flex-end;gap:4px}.menu-gold{font-size:30px;font-weight:700;color:var(--accent);text-shadow:2px 2px 0 #7a3010,4px 4px 0 #00000066}.menu-corner.br{bottom:18px;right:20px}.menu-corner.bl{bottom:18px;left:20px;gap:8px}.btn.icon{font-size:22px;padding:10px 14px;line-height:1}.btn.ghost{background:none;border-color:transparent;box-shadow:none}.btn.ghost:hover{background:none;border-color:transparent;filter:drop-shadow(0 0 6px #ffd23f88)}.btn.ghost:active{box-shadow:none}.menu-center .btn.big{border-radius:9px}.menu-center .btn.big.primary{border-color:#8a6a10;box-shadow:0 0 22px #ffd23f44,4px 4px #0006}.menu-center .btn.big.primary:active{box-shadow:0 0 22px #ffd23f44,1px 1px #0006}.menu-cards{display:flex;gap:14px;justify-content:center}.menu-card{font-family:inherit;width:100px;height:104px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1c1c2ccc;color:var(--text);border:2px solid var(--border);border-radius:10px;box-shadow:4px 4px #0004;transition:transform .05s}.menu-card:hover{border-color:var(--accent);color:var(--accent)}.menu-card:active{transform:translate(2px,2px);box-shadow:1px 1px #0004}.menu-card .mc-icon{font-size:32px;line-height:1}.menu-card .mc-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center;line-height:1.35;padding:0 4px}@media(max-width:680px),(max-height:560px){.menu-cards{gap:10px}.menu-card{width:56px;height:56px;gap:0;border-radius:8px}.menu-card .mc-label{display:none}.menu-card .mc-icon{font-size:26px}}#game-tip{position:fixed;z-index:999;pointer-events:none;background:#14141cf2;border:2px solid var(--accent);box-shadow:4px 4px #000a;padding:8px 12px;font-size:12px;line-height:1.5;font-family:Courier New,Consolas,monospace;color:var(--text);max-width:280px}.ld-slot{width:40px;height:40px;border:2px solid var(--border);background:#0e0e16;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.55;transition:transform .05s}.ld-slot:hover{border-color:var(--text);opacity:.9}.ld-slot.on{border-color:var(--accent);opacity:1;box-shadow:0 0 0 1px var(--accent),0 0 10px #ffd23f44}.ld-slot canvas{pointer-events:none}.emoji-panel{position:absolute;right:64px;top:130px;z-index:20;display:flex;gap:6px;padding:8px;background:#14141cee;border:2px solid var(--border)}.emoji-btn{font-size:22px;background:#0e0e16;border:2px solid var(--border);cursor:pointer;padding:6px 8px}.emoji-btn:hover{border-color:var(--accent);transform:scale(1.1)}.emoji-feed{position:absolute;left:10px;top:210px;z-index:15;display:flex;flex-direction:column;gap:6px;pointer-events:none}.emoji-chip{display:flex;align-items:center;gap:8px;background:#14141cdd;border:2px solid var(--border);padding:4px 12px;font-size:13px;animation:chipIn .25s ease-out}.emoji-chip b{font-size:22px}.emoji-chip.out{opacity:0;transform:translate(-16px);transition:all .35s}@keyframes chipIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}#tut-box{position:fixed;z-index:60;left:calc(50% - var(--rail-w) / 2);transform:translate(-50%);bottom:84px;width:min(560px,92vw);background:#14141cf2;border:3px solid var(--accent);box-shadow:6px 6px #000a;padding:14px 18px;font-family:Courier New,Consolas,monospace}#tut-box .tut-badge{color:var(--accent);font-size:12px;letter-spacing:2px;margin-bottom:6px}#tut-box p{font-size:14px;color:var(--text);margin-bottom:10px;line-height:1.5}.chars-wrap{display:flex;gap:16px;width:min(1100px,calc(100vw - var(--rail-w) - 90px));align-items:stretch}.chars-list{display:flex;flex-direction:column;gap:10px}.char-tile{width:104px;padding:10px 6px;text-align:center;cursor:pointer;background:var(--panel2);border:3px solid var(--border);border-left:4px solid var(--cc, var(--border));font-size:13px}.char-tile canvas{image-rendering:pixelated}.char-tile:hover{border-color:var(--text)}.char-tile.sel{border-color:var(--cc);box-shadow:0 0 12px 0 var(--cc)}.char-detail{flex:1;display:flex;gap:18px;align-items:stretch}.char-stage{flex-shrink:0;border:3px solid var(--border);background:#0e0e16;display:flex;align-items:center;justify-content:center}.char-stage canvas{width:400px;height:222px;image-rendering:pixelated}.char-info{flex:1;display:flex;flex-direction:column;gap:10px;min-width:280px}.char-stats{display:flex;gap:14px;font-size:14px;color:var(--dim);flex-wrap:wrap}.char-stats span{background:#0e0e16;border:2px solid var(--border);padding:4px 10px}.char-skilldesc{min-height:64px;background:#0e0e16;border:2px solid var(--border);padding:10px 12px}@media(max-width:1100px)and (min-height:561px){.char-detail{flex-direction:column}.char-stage canvas{width:100%;height:auto}}.wiki-wrap{display:flex;gap:16px;width:min(1000px,96vw);height:min(600px,calc(100dvh - 220px));align-items:stretch}.wiki-nav{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:3px solid var(--border);box-shadow:6px 6px #0006;padding:12px;min-width:190px;align-self:flex-start}.wiki-nav-title{color:var(--accent);font-weight:700;letter-spacing:1px;padding:2px 4px 8px;border-bottom:2px solid var(--border);margin-bottom:4px}.wiki-nav-btn{font-family:inherit;font-size:14px;text-align:left;background:var(--panel2);color:var(--text);border:2px solid var(--border);padding:8px 10px;cursor:pointer}.wiki-nav-btn:hover{border-color:var(--text)}.wiki-nav-btn.sel{border-color:var(--accent);color:var(--accent);border-left-width:5px}.wiki-content{flex:1;min-height:0;height:100%;overflow-y:auto;font-size:14px;line-height:1.65}.wiki-content h2{margin-bottom:10px}.wiki-content h3{color:var(--text);font-size:15px;letter-spacing:1px;margin:16px 0 4px}.wiki-content p{margin:8px 0}.wiki-fact{background:#0e0e16;border:2px solid var(--border);border-left:4px solid var(--accent);padding:8px 12px;margin:10px 0;font-size:13px;color:var(--accent)}.wiki-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px}.wiki-card{background:var(--panel2);border:3px solid var(--border);border-top:4px solid var(--cc, var(--border));padding:12px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.wiki-card canvas{image-rendering:pixelated;width:64px;height:64px}.wiki-card .wiki-lore{font-style:italic;font-size:11px;color:var(--dim);margin:0}.wiki-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;font-size:11px;color:var(--dim)}.wiki-stats span{background:#0e0e16;border:2px solid var(--border);padding:2px 6px}.wiki-skill{display:flex;gap:12px;align-items:flex-start;background:var(--panel2);border:2px solid var(--border);padding:10px 12px;margin:8px 0}.wiki-skill-icon{flex-shrink:0;display:flex}.wiki-tip{background:var(--panel2);border:2px solid var(--border);padding:8px 12px;margin:6px 0}.wiki-table{margin:10px 0}@media(max-width:820px){.wiki-wrap{flex-direction:column;height:auto}.wiki-nav{flex-direction:row;flex-wrap:wrap;min-width:0;width:100%;position:static}.wiki-nav-title{border-bottom:none;padding:4px;margin:0;width:100%}.wiki-content{height:auto;max-height:none}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg)}body.native{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(max-height:560px){.menu-center{gap:8px}.menu-screen.has-sub .menu-corner{display:none}.menu-screen .screen.sub-screen{padding:0}.sub-frame{width:100%;height:100%;border:none;box-shadow:none}.sub-head{padding:4px 10px}.sub-head h2{font-size:14px}.sub-head .sub-gold{display:block}.sub-body{padding:12px;flex:1;min-height:0;overflow-y:auto}.chars-wrap{width:100%;gap:10px}.chars-list{gap:6px}.char-tile{width:84px;padding:6px 4px;font-size:12px}.char-detail{padding:12px;gap:12px}#ch-canvas{width:min(42vw,340px)!important;height:auto!important}#pv-canvas{width:150px!important;height:auto!important}.skincard{font-size:11px;padding:6px}.skincard canvas{width:48px;height:48px}.shopgrid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.wiki-wrap{flex-direction:row;width:100%;height:calc(100dvh - 66px);min-height:0}.wiki-nav{flex-direction:column;flex-wrap:nowrap;width:auto;min-width:150px;align-self:stretch;overflow-y:auto;padding:8px;gap:4px}.wiki-nav-title{width:auto;border-bottom:2px solid var(--border);padding:2px 4px 6px;margin-bottom:4px}.wiki-nav-btn{font-size:12px;padding:6px 8px}.wiki-content{height:100%}.overlay .panel{padding:14px 18px}.settings-panel{min-width:0;width:min(640px,94vw);display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;align-items:center}.settings-panel>h2,.settings-panel>hr,.settings-panel>.col,.settings-panel>.btn.wide{grid-column:1 / -1}#logo-box canvas{width:150px!important}#logo-box h1.logo{font-size:20px!important;margin-top:-4px!important;text-shadow:2px 2px 0 #7a3010,4px 4px 0 #00000055}#logo-box h1.logo small{letter-spacing:4px;font-size:10px}.menu-center .col{gap:8px!important}.menu-center .btn.big{font-size:15px;padding:8px 16px}.menu-corner.tl{font-size:32px}.menu-gold{font-size:22px}.screen{padding:12px;gap:10px}#tut-box{bottom:96px;width:min(460px,62vw);padding:8px 12px}#tut-box p{font-size:12px;margin-bottom:6px}#tut-box .tut-badge{margin-bottom:3px}}@media(pointer:coarse){.btn,.hb-slot,.emoji-btn,.menu-corner .btn{min-width:44px;min-height:44px}.hud-right .btn{font-size:22px;padding:10px 14px}.hud-left{left:max(10px,env(safe-area-inset-left))}.hud-right{right:max(10px,env(safe-area-inset-right))}.hud-top{top:max(6px,env(safe-area-inset-top))}.hud-bottom{bottom:max(10px,env(safe-area-inset-bottom))}.hb-slot{width:54px;height:54px}.hud-left{font-size:12px;min-width:150px;padding:8px 10px}.emoji-btn{font-size:24px}}