:root{--ink: #1d1a16;--paper: #fff7e6;--accent: #e63946;--gold: #ffd23f;--muted: #8a7f70;--panel: rgba(255, 247, 230, .96);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:#2b2b2b;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}html:has(body:not(.in-game) .home){overflow-y:auto;touch-action:pan-y;background:var(--paper)}body:not(.in-game):has(.home){overflow:visible;touch-action:pan-y;user-select:text;-webkit-user-select:text}#stage,#stage canvas{position:fixed;inset:0;display:block}#overlay{position:fixed;inset:0;pointer-events:none}#overlay>*{pointer-events:auto}body:not(.in-game):has(.home) #overlay{position:absolute;inset:0 0 auto;height:100dvh}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 30%,#4a3b2a,#1d1a16);background-size:cover;background-position:center;overflow-y:auto}.screen.center{background:#0000008c}.panel{background:var(--panel);border:4px solid var(--ink);border-radius:18px;box-shadow:0 8px 0 var(--ink);padding:20px;width:min(560px,100%);text-align:center;max-height:100%;overflow-y:auto}.panel.wide{width:min(720px,100%)}.logo{font-size:clamp(26px,5vw,38px);margin:0 0 4px;font-weight:900;color:var(--accent);-webkit-text-stroke:1.5px var(--ink);letter-spacing:1px;line-height:1.12;text-wrap:balance}.logo-part{white-space:nowrap}.subtitle,.hint,.muted{color:var(--muted);font-size:14px}.hint{margin-top:12px}.label{margin:14px 0 8px;font-weight:800}.error{color:var(--accent);min-height:18px;font-size:14px;margin-top:4px}.name-input{width:100%;margin-top:14px;font-size:18px;padding:12px 14px;border:3px solid var(--ink);border-radius:12px;background:#fff;text-align:center;font-weight:700;user-select:text;-webkit-user-select:text}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.btn{font:inherit;font-weight:800;font-size:16px;padding:12px 18px;border:3px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--gold);font-size:18px}.char-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.char-card{font:inherit;font-size:11px;font-weight:700;color:var(--ink);border:3px solid transparent;border-radius:12px;background:#0000000d;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.char-card.selected{border-color:var(--accent);background:#fff}.char-card .card-name{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-card .portrait,.preview-art .portrait{width:64px;height:64px;object-fit:contain}.char-card .portrait.placeholder,.preview-art .portrait.placeholder{border-radius:50%;width:52px;height:52px;margin:6px;border:3px solid var(--ink)}.char-preview{display:flex;gap:12px;align-items:center;text-align:left;margin-top:10px;padding:10px 12px;border:3px solid var(--ink);border-radius:14px;background:#0000000d}.preview-art{flex:none;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.preview-art .portrait{width:84px;height:84px}.preview-art .portrait.placeholder{width:68px;height:68px;margin:0}.preview-text{flex:1;min-width:0;display:grid}.preview-block{grid-area:1 / 1;visibility:hidden}.preview-block.on{visibility:visible}.preview-name{font-size:18px;font-weight:900}.preview-skill{font-size:15px;font-weight:800;color:#9a3412;margin-top:2px}.preview-desc{font-size:13px;line-height:1.4;color:#4a4036;margin-top:3px}.tabs{display:flex;gap:6px;justify-content:center;margin:8px 0;flex-wrap:wrap}.tab{font:inherit;font-weight:700;color:var(--ink);padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;cursor:pointer}.tab.active{background:var(--ink);color:var(--paper)}.lb-table{text-align:left;margin:10px 0;max-height:50vh;overflow-y:auto}.lb-row{display:grid;grid-template-columns:40px 1fr auto 70px;gap:8px;align-items:center;padding:6px 4px;border-bottom:1px dashed rgba(0,0,0,.15)}.lb-row .rank{font-weight:900;text-align:center}.lb-row .val{text-align:right;font-weight:800}.lb-row .realm{color:var(--muted);font-size:13px}.medal{width:30px;height:30px}.summary .panel{position:relative}.scroll-panel.has-scroll{background:none;box-shadow:none;border-style:solid;border-width:78px 76px 81px 61px;padding:4px 18px;width:min(680px,100%)}.scroll-panel.has-scroll h2{margin:0 0 4px}.scroll-panel.has-scroll .joke{color:#5a4a36}.scroll-panel.has-scroll .stat{padding:3px 8px;border-bottom-color:#3c281440}.scroll-panel.has-scroll .row{margin-top:10px}.ghost{width:90px;height:90px;object-fit:contain}.killer{font-size:20px;font-weight:900;margin:6px 0}.joke{font-style:italic;color:var(--muted);margin-bottom:10px}.stat{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:5px 8px;border-bottom:1px dashed rgba(0,0,0,.15)}.hud{position:absolute;inset:0;pointer-events:none!important;color:#fff;text-shadow:0 2px 0 #000;font-weight:800}.hud button{pointer-events:auto}.hud-left{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100vh - 24px)}.status{display:flex;gap:10px;align-items:center}.badge-wrap{position:relative;flex:none}.badge{width:64px;height:64px;border-radius:50%;border:3px solid #8d99ae;position:relative;overflow:hidden;background:#2a2622;box-shadow:0 2px 6px #00000080}.badge .portrait{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:center top / 180% no-repeat;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#e8e2d6}.badge-tag{position:absolute;right:-3px;bottom:-3px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;border:2px solid rgba(0,0,0,.6);font-size:12px;font-weight:800;line-height:16px;text-align:center}.badge-crown{position:absolute;left:50%;top:-15px;transform:translate(-50%) rotate(-8deg);width:22px;filter:drop-shadow(0 1px 2px #000);display:none}.badge-crown .rb-crown,.badge-crown svg{display:block;width:100%}.badge.tien{animation:tien-rim 2.4s linear infinite}@keyframes tien-rim{0%{box-shadow:0 0 6px 1px #ffffff8c,0 2px 6px #00000080}50%{box-shadow:0 0 14px 3px #ffffffe6,0 2px 6px #00000080}to{box-shadow:0 0 6px 1px #ffffff8c,0 2px 6px #00000080}}.status-text{min-width:180px}.realm{font-size:18px}.exp-bar{height:12px;background:#00000080;border:2px solid #000;border-radius:8px;overflow:hidden;margin:4px 0}.exp-fill{height:100%;width:0;background:linear-gradient(90deg,#5dff7a,#ffd23f);transition:width .2s}.exp-bar.tien{border-color:#8a6b00}.exp-bar.tien .exp-fill{background:linear-gradient(90deg,#ffd60a,#fff3a0)}.exp-bar.tien-full .exp-fill{animation:tienFull 1.2s ease-in-out infinite}@keyframes tienFull{0%,to{filter:brightness(1)}50%{filter:brightness(1.8)}}.exp-label{font-size:11px;opacity:.85;margin-bottom:2px}.swords{font-size:14px}.buffs{display:flex;gap:6px;min-height:0}.buff{width:44px;height:44px;border-radius:50%;padding:4px;position:relative}.buff-inner{width:100%;height:100%;border-radius:50%;background:#222 center / 120% no-repeat;display:flex;align-items:center;justify-content:center;font-size:12px}.buff-left{position:absolute;right:-4px;bottom:-4px;font-size:12px}.swords+.score{font-size:14px;color:var(--gold)}.score-pops{position:absolute;left:90px;top:74px;display:flex;flex-direction:column;gap:2px}.score-pop{font-size:20px;color:var(--gold);animation:scoreFloat 1.6s ease-out forwards}.score-pop.kill{color:#ff8585}.score-pop.breakthrough{color:#9ff0c8}@keyframes scoreFloat{0%{opacity:0;transform:translateY(10px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-34px) scale(1)}}.minimap{position:relative;max-width:calc(100vw - 24px);max-height:calc(100vh - 148px);border-radius:12px;border:3px solid rgba(0,0,0,.7);background:#0009;overflow:hidden;pointer-events:auto;cursor:pointer}.minimap.big{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;border-width:5px}.minimap-pin{display:none;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px}.minimap.collapsed{width:36px;height:36px;border-radius:10px;border-width:2px}.minimap.collapsed canvas,.minimap.collapsed .zone-list{display:none}.minimap.collapsed .minimap-pin{display:flex}.zone-list{display:none;position:absolute;right:-210px;top:0;width:196px;padding:8px 10px;border-radius:10px;background:#000000b8;color:#e8eef4;font-size:clamp(11px,1.4vw,14px);pointer-events:none}.zone-list-title{font-weight:700;color:#ffe9a8;margin-bottom:4px}.zone-row{display:flex;justify-content:space-between;gap:8px;padding:1px 0}.zone-row.me{color:#ffe9a8;font-weight:700}.zone-row-n{opacity:.85}@media(max-width:900px){.zone-list{right:auto;left:0;top:calc(100% + 8px);width:100%}}.feed-zone{color:#9fb4c8;opacity:.85}.zone-name{display:none;padding:2px 10px;border-radius:8px;background:#0000008c;color:#ffe9a8;font-weight:700;font-size:clamp(12px,1.6vw,16px);text-shadow:0 2px 0 rgba(0,0,0,.8);pointer-events:none;white-space:nowrap}.room-board{position:absolute;right:12px;top:12px;background:#0a08069e;border-radius:12px;padding:8px 10px;font-size:13px;color:#fff;width:300px;max-width:calc(100vw - 24px);max-height:50vh;overflow:hidden;pointer-events:auto}.rb{--gold1: #ffd23f;--gold2: #ff9f1c;--silver: #dfe6ee;--bronze: #e0894a}.rb-clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rb-clip.full{white-space:normal}.rb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;letter-spacing:.08em;color:#f5e6c8}.rb-htitle{font-weight:900;color:var(--gold1)}.rb-count{opacity:.75;letter-spacing:0}.rb-line{display:flex;align-items:center;gap:6px;min-width:0}.rb-name{flex:1;font-weight:800}.rb-score{flex:none;font-weight:900;font-variant-numeric:tabular-nums;margin-left:auto}.rb-tags{display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0}.rb-face{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #888;background:#2b2722;overflow:hidden;font-weight:900;font-size:12px}.rb-face img{width:100%;height:100%;object-fit:cover}.rb-pill{flex:none;display:inline-flex;align-items:baseline;padding:1px 6px 1px 7px;border-radius:999px;background:var(--pill);color:#fff;font-size:10px;font-weight:900;letter-spacing:.03em;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px #ffffff47}.rb-pill sup{font-size:.8em;margin-left:2px}.rb-pill.tien{box-shadow:none;border:1px solid transparent;background:linear-gradient(var(--pill),var(--pill)) padding-box,linear-gradient(90deg,#fff6,#ffd23f,#7ff0ff,#fff6) border-box;background-size:100% 100%,300% 100%;animation:rb-flow 3s linear infinite}.rb-zone{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#e8dcc6;position:relative}.rb-zone.hidden{color:#9a8f80;letter-spacing:.1em}.rb-zicon{width:12px;height:12px}.rb-same{width:5px;height:5px;border-radius:50%;background:#7dffb0;box-shadow:0 0 4px #7dffb0}.rb-top1{position:relative;display:flex;gap:10px;align-items:center;padding:10px 10px 8px 8px;border-radius:10px;margin-bottom:6px;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,#ffd23f47,#281a06eb 60%) padding-box,linear-gradient(120deg,#fff1a8,#ffb300,#ff7a00,#ffe066,#fff1a8) border-box;background-size:100% 100%,300% 300%;border:2px solid transparent;animation:rb-flow 4s linear infinite}.rb-top1 .rb-portrait{position:relative;flex:none;padding-top:8px}.rb-top1 .rb-crown{position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(-8deg);width:24px;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.rb-crown img,.rb-crown svg{width:100%;display:block}.rb-top1 .rb-info{flex:1;min-width:0}.rb-top1 .rb-name{font-size:16px;color:var(--gold1);text-shadow:0 1px 2px #000}.rb-top1 .rb-score{font-size:18px;color:#fff3c4}.rb-top1 .rb-title{display:block;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;color:#ffd76a;font-size:12px}.rb-top1.me,.rb-pod.me{outline:1px solid #fff8;outline-offset:-3px}.rb-shine{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:45% 100%;background-image:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);background-position:-60% 0;mix-blend-mode:screen;animation:rb-shine 3s ease-in-out infinite}.rb-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff7c2;box-shadow:0 0 6px 2px #ffd23f;opacity:0;pointer-events:none;animation:rb-twinkle 2.4s ease-in-out infinite}.rb-spark.s1{top:8px;right:30%}.rb-spark.s2{bottom:6px;right:12%;animation-delay:.6s}.rb-spark.s3{top:40%;left:4px;animation-delay:1.2s}.rb-spark.s4{top:6px;left:46px;animation-delay:1.8s}.rb-top1.shake{animation:rb-shake .32s linear}.rb-top1.flip{animation:rb-flip .5s ease-out,rb-flow 4s linear infinite}.rb-top1.flip:after{content:"";position:absolute;inset:0;background:#ffd23f;animation:rb-flash .6s ease-out forwards;pointer-events:none}.rb-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.rb-pod{position:relative;overflow:hidden;border-radius:9px;padding:6px 6px 5px;min-width:0;background:#1e1e22d9;border:1.5px solid var(--edge)}.rb-pod.p2{--edge: var(--silver)}.rb-pod.p3{--edge: var(--bronze)}.rb-pod.p3 .rb-shine{display:none}.rb-pod .rb-shine{animation-duration:5s;opacity:.7}.rb-pod .rb-name{display:block;font-size:14px;color:var(--edge);margin-top:3px;line-height:1.2}.rb-pod .rb-score{font-size:14px;color:#fff}.rb-pod .rb-title{display:block;font-size:10.5px;color:var(--edge);opacity:.9;margin-top:1px}.rb-pod .rb-tags{gap:4px}.rb-medal{flex:none;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:900;color:#222}.rb-medal img{width:100%;height:100%}.rb-medal.m2:not(:has(img)){background:var(--silver)}.rb-medal.m3:not(:has(img)){background:var(--bronze)}.rb-row{padding:3px 4px;border-radius:6px;will-change:transform}.rb-row+.rb-row{border-top:1px solid rgba(255,255,255,.06)}.rb-row .rb-rank{flex:none;width:1.4em;text-align:center;font-weight:900;color:#cbbfa9}.rb-row .rb-name{font-size:13px;font-weight:700}.rb-row .rb-score{font-size:13px}.rb-sub{display:block;font-size:10.5px;opacity:.7;padding-left:calc(1.4em + 6px);font-style:italic}.rb-row.me{background:#ffd23f29;box-shadow:inset 0 0 0 1px #ffd23f8c}.rb-me{display:block;margin-top:5px;background:#ffd23f33;box-shadow:inset 0 0 0 1px #ffd23f99}.rb-me .rb-rank{width:auto;color:var(--gold1)}.rb-arrow{flex:none;font-size:10px;animation:rb-fade 2s forwards}.rb-arrow.up{color:#46e37a}.rb-arrow.down{color:#ff5a5a}.rb-mini{display:none;align-items:center;gap:4px;cursor:pointer}.rb-mface{position:relative;display:inline-flex;padding-top:6px}.rb-mface .rb-crown{position:absolute;top:-2px;left:50%;width:15px;transform:translate(-50%);z-index:1}.rb-mface.r1 .rb-face{border-color:var(--gold1)!important}.rb-mface.r2 .rb-face{border-color:var(--silver)!important}.rb-mface.r3 .rb-face{border-color:var(--bronze)!important}.rb-mrank{margin-left:4px;font-weight:900;font-size:12px;color:var(--gold1);white-space:nowrap}.room-board.compact:not(.open){width:auto;padding:4px 8px 4px 6px;border-radius:999px}.room-board.compact:not(.open)>:not(.rb-mini){display:none!important}.room-board.compact:not(.open) .rb-mini{display:flex}.room-board.compact.open{position:fixed;left:8px;right:8px;top:8px;width:auto;max-width:none;max-height:80vh;z-index:70;padding:10px 12px;background:#120e0af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #0009;text-shadow:none}.rb-close{display:none;position:absolute;top:4px;right:4px;z-index:2;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffff1f;color:#fff;font-size:17px;font-weight:900;line-height:1;cursor:pointer;pointer-events:auto}.room-board.compact.open .rb-close{display:block}.room-board.compact.open .rb-head{padding-right:40px}.hud.board-open .skill-btn,.hud.board-open .burn-btn,.hud.board-open .hud-bottom-left,.hud.board-open .score-pops,.hud.board-open .banner{visibility:hidden}.rb.lowfx .rb-shine,.rb.lowfx .rb-spark{display:none}.rb.lowfx .rb-top1,.rb.lowfx .rb-pill.tien,.rb.lowfx .rb-arrow{animation:none}@keyframes rb-flow{to{background-position:0 0,300% 0}}@keyframes rb-shine{0%,55%{background-position:-60% 0}to{background-position:180% 0}}@keyframes rb-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes rb-shake{0%,to{transform:none}25%{transform:translate(-3px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}@keyframes rb-flip{0%{transform:perspective(500px) rotateX(90deg)}to{transform:none}}@keyframes rb-flash{0%{opacity:.7}to{opacity:0}}@keyframes rb-fade{0%,70%{opacity:1}to{opacity:0}}.hud-bottom-left{position:absolute;left:12px;bottom:64px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 140px)}.feed{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:15px;max-width:min(25vw,100%)}@media(orientation:portrait){.feed{max-width:min(33vw,100%)}}.feed-line{background:#00000073;padding:4px 9px;border-radius:9px}.f-actor{color:gold}.f-act{color:#e7eef5;font-weight:700}.f-target{color:#ff8585}.feed-tag{color:#fff6c9}.server-feed{position:fixed;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(46vw,620px);max-width:calc(100vw - 24px)}.server-line{width:100%;text-align:center;font-size:15px;line-height:1.35;padding:6px 14px;border-radius:10px;background:linear-gradient(90deg,#c0290feb,#e6501eeb,#c0290feb);border:2px solid var(--gold);color:#fff6c9;animation:serverFeedIn .35s ease-out,feedPulse 1.2s ease-out 2}@keyframes serverFeedIn{0%{opacity:0;transform:translateY(-18px) scale(.94)}to{opacity:1;transform:none}}@keyframes feedPulse{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 18px #ffd700d9}}.banner{display:none;position:absolute;top:18%;left:50%;transform:translate(-50%);background:#e63946e6;padding:10px 18px;border-radius:12px;border:3px solid #000;font-size:18px;text-align:center}.burn-btn{position:absolute;right:18px;bottom:80px;width:76px;height:76px;border-radius:50%;font-size:32px;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#ff8a3c,#c0290f);border:3px solid #000;color:#fff;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.burn-btn:active{transform:scale(.92);filter:brightness(1.3)}.corner{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;align-items:center;font-size:12px}.mute{font-size:18px;background:#0006;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer}.debug-help{position:absolute;left:50%;top:8px;transform:translate(-50%);font-size:12px;opacity:.8;max-width:calc(100vw - 520px);text-align:center}.guide{position:absolute;left:50%;bottom:14%;transform:translate(-50%);opacity:0;pointer-events:none;background:#080a0e99;border:3px solid rgba(255,215,0,.6);border-radius:18px;padding:20px 28px;max-width:min(520px,calc(100vw - 32px))}.guide.fade{animation:guideFade 2.6s ease-out forwards}@keyframes guideFade{0%{opacity:0;transform:translate(-50%,16px)}12%{opacity:.92;transform:translate(-50%)}72%{opacity:.92}to{opacity:0}}.guide-title{color:var(--gold);font-size:25px;text-align:center;margin-bottom:12px}.guide-line{display:flex;align-items:center;gap:14px;font-size:21px;line-height:2;color:#eef4fb;white-space:nowrap}.guide-key{min-width:118px;text-align:center;padding:4px 12px;border-radius:9px;background:#ffffff24;border:2px solid rgba(255,255,255,.4);font-weight:900}@media(max-width:720px){.guide{padding:12px 16px;bottom:18%}.guide-title{font-size:17px;margin-bottom:7px}.guide-line{font-size:15px;gap:10px;line-height:1.9}.guide-key{min-width:76px;padding:2px 8px}}.joy-base{display:none;position:fixed;width:120px;height:120px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);pointer-events:none;z-index:10}.joy-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#ffffffb3;border:3px solid rgba(0,0,0,.4)}@media(max-width:720px),(max-height:480px){.char-grid{grid-template-columns:repeat(5,1fr);gap:5px}.char-card{font-size:9px;padding:3px}.char-grid .portrait{width:40px;height:40px}.char-grid .portrait.placeholder{width:34px;height:34px;margin:3px}.char-preview{gap:9px;padding:8px;border-width:2px}.preview-art,.preview-art .portrait{width:62px;height:62px}.preview-art .portrait.placeholder{width:52px;height:52px}.preview-name{font-size:15px}.preview-skill{font-size:13px}.preview-desc{font-size:11.5px}.hud-left{left:8px;top:8px;gap:5px}.status{gap:7px}.status-text{min-width:104px}.realm{font-size:13px}.exp-bar{height:8px;border-width:1px;margin:3px 0}.exp-label{display:none}.swords{display:inline;font-size:11px}.swords+.score{display:inline;font-size:11px;margin-left:8px}.badge{width:40px;height:40px;border-width:2px}.badge-tag{min-width:15px;height:15px;font-size:9px;line-height:11px}.badge-crown{top:-12px;width:17px}.buff{width:30px;height:30px;padding:2px}.buff-inner{font-size:9px}.buff-left{font-size:9px;right:-2px;bottom:-2px}.zone-name{padding:1px 7px;font-size:11px}.score-pops{left:54px;top:44px}.score-pop{font-size:14px}.debug-help{display:none!important}.hud-bottom-left{left:8px;bottom:62px;gap:3px;max-width:calc(100vw - 124px)}.feed{font-size:10px;gap:2px}.feed-line{padding:2px 6px;border-radius:6px;line-height:1.3}.server-feed{position:static;transform:none;width:100%;gap:4px;align-items:stretch}.server-line{font-size:12px;padding:5px 8px;border-width:2px;border-radius:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.burn-btn{width:58px;height:58px;font-size:24px;right:12px;bottom:60px}.skill-btn{width:58px;height:58px;right:12px;bottom:126px}.skill-btn .skill-icon{font-size:20px}.skill-btn .skill-count{font-size:12px}.corner{right:8px;bottom:8px;font-size:10px}.mute{width:30px;height:30px;font-size:14px}.banner{top:112px;left:auto;right:8px;transform:none;font-size:13px;padding:6px 10px;border-width:2px;border-radius:9px;max-width:calc(100vw - 120px)}}.score-total{display:flex;justify-content:space-between;align-items:baseline;font-size:22px;color:var(--gold);margin:6px 0 2px}.score-by{margin-bottom:8px;opacity:.9}.score-line{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.rotate-hint{display:none;position:absolute;top:42%;white-space:nowrap;left:50%;transform:translate(-50%);font-size:12px;background:#0006;padding:4px 10px;border-radius:8px;animation:fadeHint 6s forwards;pointer-events:none}@keyframes fadeHint{0%,70%{opacity:1}to{opacity:0}}@media(max-width:720px)and (orientation:portrait){.rotate-hint{display:block}}@media(max-width:600px){.scroll-panel.has-scroll{border-width:52px 44px 54px 36px;padding:2px 6px}.scroll-panel.has-scroll .killer{font-size:17px}.scroll-panel.has-scroll .stat{font-size:14px}.scroll-panel.has-scroll .row{gap:6px}.scroll-panel.has-scroll .btn{padding:8px 12px;font-size:14px}.scroll-panel.has-scroll .ghost{width:60px;height:60px}}.perf{position:absolute;right:8px;bottom:28px;text-align:right;font:11px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#bfe9ff;background:#00000073;padding:4px 7px;border-radius:6px;white-space:pre;pointer-events:none}.skill-btn{position:absolute;right:18px;bottom:150px;width:76px;height:76px;border-radius:50%;border:3px solid rgba(0,0,0,.65);background:#281c46d9;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.skill-btn .skill-icon{font-size:26px;line-height:1}.skill-btn .skill-count{font-size:15px;font-weight:700;color:#ffe9a8}.skill-btn.empty{opacity:.45;filter:grayscale(1)}@media(max-height:880px){.screen.home{padding:10px}.screen.home .panel{padding:14px 18px}.screen.home .name-input{margin-top:10px;padding:10px 14px}.screen.home .label{margin:10px 0 6px}.screen.home .char-card .portrait{width:52px;height:52px}.screen.home .char-card .portrait.placeholder{width:44px;height:44px;margin:4px}.screen.home .preview-art,.screen.home .preview-art .portrait{width:66px;height:66px}.screen.home .preview-art .portrait.placeholder{width:56px;height:56px}.screen.home .char-preview{margin-top:7px;padding:8px 10px}.screen.home .row{margin-top:10px}.screen.home .hint{margin-top:8px}}@media(max-height:720px){.screen.home{padding:8px}.screen.home .panel{padding:12px 16px}.screen.home .logo{font-size:clamp(22px,4.2vw,30px)}.screen.home .subtitle{display:none}.screen.home .name-input{margin-top:8px;padding:9px 12px;font-size:16px}.screen.home .char-card .portrait{width:42px;height:42px}.screen.home .char-card .portrait.placeholder{width:36px;height:36px;margin:3px}.screen.home .preview-art,.screen.home .preview-art .portrait{width:46px;height:46px}.screen.home .preview-art .portrait.placeholder{width:40px;height:40px}.screen.home .char-preview{margin-top:5px;padding:5px 9px;gap:9px}.screen.home .preview-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.screen.home .label{margin:6px 0 5px}.screen.home .row{margin-top:7px}.screen.home .hint{margin-top:5px;font-size:12px}}@media(max-height:560px)and (min-width:700px){.screen.home .char-grid{grid-template-columns:repeat(10,1fr)}}@media(max-height:640px){.screen.home{padding:6px}.screen.home .preview-desc{display:none}.screen.home .error{min-height:0}.screen.home .char-preview{margin-top:4px}}@media(max-height:560px){.screen.home{padding:6px}.screen.home .panel{padding:8px 14px}.screen.home .logo{font-size:20px;margin-bottom:2px}.screen.home .hint,.screen.home .preview-desc{display:none}.screen.home .char-card{font-size:10px}.screen.home .char-card .portrait{width:38px;height:38px}.screen.home .char-card .portrait.placeholder{width:32px;height:32px;margin:3px}.screen.home .preview-art .portrait{width:42px;height:42px}.screen.home .char-preview{margin-top:4px;padding:4px 8px}.screen.home .btn{padding:8px 14px;font-size:15px}}.skill-dots{position:absolute;left:0;right:0;bottom:5px;display:flex;gap:4px;justify-content:center;pointer-events:none}.skill-dot{width:7px;height:7px;border-radius:50%;background:#00000059;border:1px solid rgba(255,255,255,.5)}.skill-dot.on{background:var(--gold);border-color:#fff;box-shadow:0 0 5px var(--gold)}.fb-btn{position:fixed;z-index:60;left:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#14161cb8;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.fb-btn:hover{background:#282c36e6}.fb-home{position:absolute;left:14px;bottom:14px}.fb-wrap{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#08090c9e;padding:16px}.fb-box{width:min(94vw,420px);max-height:88vh;overflow:auto;background:var(--panel);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 8px 0 var(--ink);padding:18px;display:flex;flex-direction:column;gap:10px}.fb-box h3{margin:0;font-size:18px;font-weight:900;color:var(--ink)}.fb-kind,.fb-body{width:100%;box-sizing:border-box;padding:10px 11px;border-radius:12px;border:3px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:600;user-select:text;-webkit-user-select:text}.fb-body{resize:vertical;min-height:92px}.fb-body::placeholder{color:var(--muted);font-weight:400}.fb-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}.fb-row input{width:17px;height:17px;accent-color:var(--accent)}.fb-note{margin:0;font-size:12px;color:var(--muted);line-height:1.45}.fb-msg{min-height:1.4em;font-size:13px;font-weight:700;color:var(--accent)}.fb-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}.fb-actions .btn{padding:10px 16px;font-size:15px}.fb-send{background:var(--gold)}.skill-scroll{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.skill-btn.empty .skill-scroll{opacity:.35}#below{position:relative;z-index:1;margin-top:100dvh;background:var(--paper);color:var(--ink);border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #00000073}#below>section,#below>footer{max-width:46em;margin:0 auto;padding:28px 20px}#below>section+section,#below>footer{border-top:2px dashed rgba(29,26,22,.18)}#below h2{font-size:22px;margin:0 0 12px}#below p{margin:0 0 14px}#below em{font-style:italic}#intro{font-size:16px;line-height:1.7;padding-top:32px}#below>#shots{max-width:68em}#shots h2{max-width:46em;margin-left:auto;margin-right:auto}#shots .shot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#shots figure{margin:0}#shots img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border:3px solid var(--ink);border-radius:10px;background:#1d1a16}#shots figcaption{margin-top:6px;font-size:13px;line-height:1.45;color:#4a4036}@media(max-width:700px){#shots .shot-row{grid-template-columns:1fr;gap:18px}}#howto ol{margin:0;padding-left:1.4em;line-height:1.7}#howto li{margin-bottom:8px}#faq details{border-bottom:1px solid rgba(29,26,22,.14);padding:10px 0}#faq details:last-of-type{border-bottom:0}#faq summary{font-weight:800;cursor:pointer;line-height:1.5}#faq summary::marker{color:var(--accent)}#faq details p{margin:8px 0 2px;line-height:1.65}#foot{font-size:14px;color:#4a4036;text-align:center;padding-bottom:48px}#foot .foot-lang{color:#5c5143}#foot .foot-links{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}#foot .foot-links button{font:inherit;font-weight:800;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 16px;cursor:pointer}#foot .foot-links a{color:#7a2a20;font-weight:700}#foot .foot-brand{margin:14px 0 0;color:var(--muted);font-size:13px}body.in-game #below{display:none}