.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.btn-primary{display:block;width:100%;max-width:340px;margin:0 auto;padding:12px 20px;border-radius:12px;background:var(--user);color:#1a1200;font-weight:800;font-size:16px;transition:transform .15s,filter .15s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.35}.btn-ghost{display:block;width:100%;max-width:340px;margin:10px auto 0;padding:12px 20px;border-radius:12px;border:1px solid var(--line);color:var(--text-dim);font-size:15px;transition:color .15s,border-color .15s,background .15s}.btn-ghost:active{background:#1a274099}.btn-ghost:disabled{opacity:.4}@media(hover:hover){.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim);background:#1a274073}.btn-back:hover{background:var(--panel-2)}.pick-cell:hover{border-color:var(--text-dim);box-shadow:0 6px 18px #00000059}}.btn-back{width:44px;height:44px;font-size:20px;border-radius:10px}.btn-back:active{background:var(--panel-2)}.title-screen{align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(86,180,233,.1),transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(255,196,0,.08),transparent 50%),var(--bg)}.title-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.title-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.9}.title-hero-img.portrait{display:none}@media(orientation:portrait){.title-hero-img.landscape{display:none}.title-hero-img.portrait{display:block}}.title-hero-img._legacy{opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 36%);mask-image:linear-gradient(180deg,transparent 0%,#000 36%)}.result-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.2;pointer-events:none}.blip{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--user);animation:blip 3s ease-in-out infinite}.b1{top:24%;left:68%;animation-delay:0s}.b2{top:38%;left:22%;animation-delay:.7s;background:var(--npc-2)}.b3{top:58%;left:80%;animation-delay:1.3s;background:var(--npc-3)}.b4{top:70%;left:35%;animation-delay:1.9s;background:var(--npc-4)}.b5{top:18%;left:45%;animation-delay:2.4s;background:var(--npc-1)}@keyframes blip{0%,to{opacity:.15}50%{opacity:.9}}.title-body{position:relative;text-align:center;padding:24px;width:100%}.title-logo{font-size:56px;margin-bottom:8px}.title-name{margin:0 0 4px;font-size:30px;font-weight:900;letter-spacing:-1px;background:linear-gradient(180deg,#ffe27a,var(--user));-webkit-background-clip:text;background-clip:text;color:transparent}.title-sub{margin:0 0 32px;color:var(--text-dim);font-size:14px}.title-start{margin:0;border:1px solid rgba(255,226,122,.72);background:#ffc400c7;box-shadow:0 8px 24px #0000003d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.title-continue{margin:0;width:min(280px,100%);border-color:#19f0c36b;background:#08121fa8;color:#8df8d8;box-shadow:0 8px 22px #00000038;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.title-save-meta{display:block;margin-top:3px;color:var(--text-dim);font-size:10px;font-weight:500}.title-icons{display:flex;height:44px;align-items:center;justify-content:center;gap:20px;margin:0}.title-icons button{width:44px;height:44px;font-size:20px;border-radius:12px;border:1px solid var(--line);background:#08121fa8;box-shadow:0 6px 18px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.title-ver{height:16px;margin:0;color:var(--text-dim);font-size:12px;line-height:16px;opacity:.7}.title-body-bottom{margin-top:auto;display:grid;grid-template-rows:58px auto 44px 16px;justify-items:center;row-gap:12px;padding-bottom:max(18px,var(--safe-bottom))}.title-copy{display:grid;grid-template-rows:26px 32px;width:100%;height:58px;overflow:hidden}.title-body-bottom .title-name{align-self:start;font-size:22px;line-height:26px;text-shadow:0 2px 14px rgba(0,0,0,.8)}.title-body-bottom .title-tagline{align-self:start;margin:2px 0 0;line-height:15px;text-shadow:0 1px 8px rgba(0,0,0,.8)}.title-actions{display:grid;grid-template-rows:48px;justify-items:center;gap:8px;width:100%}.title-actions.has-save{grid-template-rows:48px 58px}.title-actions .title-start{height:48px}.title-actions .title-continue{height:58px}.title-locale-chips{display:flex;gap:6px;align-items:center;padding-left:8px;border-left:1px solid var(--line)}.title-locale-chip{min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:#08121fa8;color:var(--text-dim);font-size:13px;font-weight:800}.title-locale-chip.on{color:var(--user);border-color:#ffc4008c;background:#ffc40033}.settings-modal{max-width:400px}.settings-modal h3{margin:0 0 12px;font-size:17px}.settings-label{margin:14px 0 6px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase}.settings-locales{display:flex;gap:8px}.settings-locale-btn{flex:1;height:44px;border-radius:10px;border:1px solid var(--line);color:var(--text-dim);font-weight:800;font-size:13px}.settings-locale-btn.on{color:var(--user);border-color:#ffc4008c;background:#ffc4001a}.settings-sound{width:100%;margin:0}.setup-screen{background:var(--bg);overflow-y:auto}.setup-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.setup-header h2{margin:0;font-size:17px}.setup-lead-inline{margin-left:auto;color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mini-badge{display:inline-block;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--text);font-size:13px}.typeselect-screen{overflow:hidden}.typeselect-screen .setup-header{position:static;flex:0 0 auto}.pick-groups{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pick-group{--pg-color: #9aa5b1;--pg-line: #3d4a61;flex:none;border:2px solid var(--pg-line);border-radius:16px;background:#0d142499;padding:8px 10px 10px}.pg-hard{--pg-color: #ffb04a;--pg-line: #6b4d24}.pg-hell{--pg-color: #ff5d5d;--pg-line: #6b2638;background:#24101c99}.pick-group-head{display:flex;align-items:baseline;gap:8px;padding:2px 4px 8px;min-width:0}.pg-label{font-size:14px;font-weight:900;letter-spacing:1.2px;color:var(--pg-color)}.pg-stars{font-size:11px;color:var(--pg-color);opacity:.85;flex:none}.pg-tagline{margin-left:auto;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pick-group-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick-cell{position:relative;width:100%;aspect-ratio:2 / 3;min-width:0;min-height:0;padding:0;border-radius:12px;border:2px solid var(--line);background:var(--panel);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.pick-cell:active{transform:scale(.97)}.diff-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.4px;background:#0a101cb8;border:1px solid var(--line);color:var(--text-dim);flex:none;white-space:nowrap}.diff-badge.diff-hard{color:#ffb04a;border-color:#5d4423}.diff-badge.diff-hell{color:#ff5d5d;border-color:#5d2333;background:#2a1220cc}.pick-figure{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--panel-2),#0d1626 75%)}.pick-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,6vw,84px);opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));pointer-events:none}.pick-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.pick-name{position:absolute;left:0;right:0;bottom:0;padding:22px 6px 6px;background:linear-gradient(180deg,transparent,rgba(5,9,18,.88) 72%);font-size:12px;font-weight:700;line-height:1.25;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.8)}.pickpop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040810a8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.pickpop-card{position:relative;width:min(400px,100%,84vh * 2 / 3);width:min(400px,100%,84dvh * 2 / 3);aspect-ratio:2 / 3;display:flex;flex-direction:column;justify-content:flex-end;border-radius:18px;overflow:hidden;background:var(--panel);border:2px solid var(--line);box-shadow:0 18px 50px #0009;animation:pickpop-in .24s cubic-bezier(.2,.9,.3,1.12)}@keyframes pickpop-in{0%{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:none}}.pickpop-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--panel-2),#0d1626 75%)}.pickpop-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:30%;font-size:96px;opacity:.9;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.pickpop-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.pickpop-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;padding:26px 16px 14px;background:linear-gradient(180deg,transparent 0%,rgba(7,12,22,.8) 16%,rgba(7,12,22,.96) 55%,rgba(7,12,22,.98) 100%)}.pickpop-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pickpop-name{font-size:20px;letter-spacing:-.4px;text-shadow:0 1px 6px rgba(0,0,0,.7);min-width:0}.pickpop-head .diff-badge{font-size:11px;padding:3px 10px}.pickpop-concept{margin:0;font-size:12.5px;color:var(--text-dim);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pickpop-passives{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.45}.pickpop-passives li{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pickpop-bonus{margin:0;font-size:12px;font-weight:700;color:var(--user);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pickpop-start{margin-top:4px;max-width:none}@media(min-width:1024px){.pick-groups{flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:16px;overflow:visible}.pick-group{flex:1 1 0;min-width:0;max-width:600px;padding:12px 14px 14px}.pick-group-head{padding:2px 4px 10px}.pg-label{font-size:16px}.pg-stars,.pg-tagline{font-size:12px}.pick-group-cards{gap:10px}.pick-cell{border-radius:16px}.pick-name{font-size:15px;padding:28px 10px 9px}}@media(prefers-reduced-motion:reduce){.pickpop-card{animation:none}}.result-screen{position:relative;background:var(--bg);overflow-y:auto;align-items:center;padding:28px 16px}.result-screen.lost{filter:saturate(.85);background:linear-gradient(180deg,#141821,#0b0d13)}.result-inner{position:relative;width:100%;max-width:560px;text-align:center}.result-headline{font-size:26px;font-weight:900;margin:8px 0 2px}.result-screen.won .result-headline{color:var(--user)}.result-screen.lost .result-headline{color:#9aa5b1}.result-copy{color:var(--text-dim);margin:0 0 18px;font-size:14px}.result-reason{margin:0 0 18px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:14px}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.result-stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.result-stat .k{font-size:12px;color:var(--text-dim)}.result-stat .v{font-size:18px;font-weight:800;margin-top:2px}.result-graph{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:18px}.result-graph h3,.result-top h3{margin:0 0 8px;font-size:14px;text-align:left}.graph-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-dim);margin-top:8px;justify-content:flex-start}.result-top{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:22px;text-align:left}.result-top ol{margin:0;padding-left:22px;font-size:13px;line-height:1.7}.result-top .fit{color:var(--user);font-weight:700}.result-top .empty{color:var(--text-dim);font-size:13px}.result-btns{display:flex;gap:10px}.result-btns .btn-primary,.result-btns .btn-ghost{flex:1;margin:0;max-width:none}.ach-modal{max-width:400px}.ach-title{margin:0 0 10px;font-size:17px;display:flex;align-items:baseline;gap:8px}.ach-count{font-size:13px;color:var(--user);font-weight:800}.ach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ach-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#1a274073;border:1px solid transparent;opacity:.55}.ach-row.done{opacity:1;border-color:#ffc40059;background:#ffc4000f}.ach-icon{font-size:20px;flex:none;width:26px;text-align:center}.ach-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.ach-body strong{font-size:13px}.ach-body small{font-size:11px;color:var(--text-dim)}.ach-date{flex:none;font-size:10px;color:var(--text-dim)}.info-modal{max-width:380px}.info-modal h3{margin:0 0 10px;font-size:17px}.info-line{margin:0 0 10px;font-size:13px;line-height:1.6}.info-line.dim{color:var(--text-dim);font-size:12px}.info-contact{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#ffc40012;border:1px solid rgba(255,196,0,.3);font-size:13px}.info-contact span{color:var(--text-dim)}.info-contact a{color:var(--user);font-weight:700;text-decoration:none}.info-contact a:active{text-decoration:underline}.info-ver{margin:10px 0 0;font-size:11px;color:var(--text-dim);opacity:.7}.pick-lead-big{flex:none;margin:10px 12px 2px;text-align:center;font-size:clamp(20px,3.2vw,34px);font-weight:900;letter-spacing:-.5px;background:linear-gradient(180deg,#ffe27a,var(--user));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 24px rgba(255,196,0,.15)}.modal-backdrop.modal-top{z-index:72}.staff-modal{max-width:360px}.staff-modal h3{margin:0 0 12px;font-size:17px}.staff-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.staff-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#1a274073;font-size:13px}.staff-role{color:var(--text-dim);font-size:11px;flex:none}.staff-note{margin:0 0 10px;font-size:12px;color:var(--text-dim);line-height:1.6}.staff-contact{margin:0;font-size:12px}.staff-contact a{color:var(--user);font-weight:700;text-decoration:none}.modal{position:relative}.modal-x{position:absolute;top:6px;right:6px;width:34px;height:34px;min-height:34px;display:grid;place-items:center;border-radius:10px;color:var(--text-dim);font-size:15px;z-index:1}.modal-x:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.modal-x:hover{color:var(--text);background:var(--panel-2)}.title-tagline{margin:-24px 0 28px;color:var(--text-dim);font-size:12px;letter-spacing:.02em}.help-modal{max-width:430px}.help-modal h3{margin:0 0 10px;font-size:17px}.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:min(58vh,480px);overflow-y:auto}.help-row{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.help-icon{font-size:19px;flex:none;width:26px;text-align:center}.help-body{display:flex;flex-direction:column;gap:3px;min-width:0}.help-body strong{font-size:13px}.help-body small{font-size:12px;color:var(--text-dim);line-height:1.55}.worldmap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b1220;touch-action:none}.worldmap svg{display:block;cursor:grab}.worldmap.static svg{cursor:default}.worldmap.scroll-x svg{cursor:grab;touch-action:pan-y}.map-land{fill:#1c2a3a;stroke:#2a3b58;stroke-width:.5}.map-land-blur{fill:#22344c;opacity:.55}.map-bg-image{opacity:.55;pointer-events:none}.map-edge{stroke:#8a93a0}.map-edge-w1{stroke-width:1;stroke-dasharray:2 6;opacity:.25}.map-edge-w2{stroke-width:2;stroke-dasharray:4 6;opacity:.4}.map-edge-w3{stroke-width:3.5;stroke-dasharray:6 4;opacity:.55}.map-spread-layer,.map-spread-event,.map-spread-layer *{pointer-events:none}.map-spread-event{color:#d7b7ff;opacity:0;animation:map-spread-lifetime 2.8s ease-out both}.map-spread-player{color:var(--user)}.map-spread-npc{color:var(--npc-2)}.map-spread-neutral{color:var(--noise)}.map-spread-halo,.map-spread-arc{fill:none;stroke-linecap:round;stroke-linejoin:round}.map-spread-halo{stroke:currentColor;stroke-width:9;opacity:.16}.map-spread-arc{stroke:currentColor;stroke-width:2.75;opacity:.95}.map-spread-player .map-spread-arc{stroke-dasharray:10 4}.map-spread-npc .map-spread-arc{stroke-dasharray:3 4}.map-spread-neutral .map-spread-arc{stroke-dasharray:2 3 8 3}.map-spread-runner{color:inherit;filter:drop-shadow(0 0 4px currentColor)}.map-spread-runner-glow{fill:currentColor;opacity:.34}.map-spread-runner-arrow{fill:currentColor;stroke:#0b1220cc;stroke-width:.8}@keyframes map-spread-lifetime{0%{opacity:0}10%{opacity:1}78%{opacity:.95}to{opacity:0}}.map-node{cursor:pointer;outline:none}.map-node:focus-visible{outline:2px solid var(--user);outline-offset:2px;filter:drop-shadow(0 0 6px var(--user))}.map-node-logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:auto}.map-node-initials{font-weight:800;letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.map-node-label{font-size:10px;fill:#cfd9e8;paint-order:stroke;stroke:#0b1220d9;stroke-width:3px;-webkit-user-select:none;user-select:none}.pulse-ring{fill:none;stroke:var(--user);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:node-ping 1.2s ease-out infinite}@keyframes node-ping{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.pulse-ring{animation:none;opacity:.8}.map-spread-event{animation:none;opacity:.82}.map-spread-runner{display:none}}.worldmap.scroll-x:before,.worldmap.scroll-x:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none}.worldmap.scroll-x:before{left:0;background:linear-gradient(90deg,rgba(11,18,32,.85),transparent)}.worldmap.scroll-x:after{right:0;background:linear-gradient(270deg,rgba(11,18,32,.85),transparent)}.community-logo{position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;isolation:isolate}.community-logo-image{display:block;max-width:none;max-height:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.community-logo-image.tone-light{filter:brightness(0) invert(1)}.community-logo-image.tone-dark{filter:brightness(0) saturate(100%)}.community-logo-fallback{font-size:.42em;font-weight:950;letter-spacing:-.04em;line-height:1}.owner-dot{font-size:11px;margin-right:2px}.chip-row{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;-webkit-overflow-scrolling:touch;flex:none}.chip{flex:none;font-size:12px;padding:5px 12px;min-height:32px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);background:var(--panel-2);white-space:nowrap}.chip.on{color:#1a1200;background:var(--user);border-color:var(--user);font-weight:800}.trend-panel{height:100%;display:flex;flex-direction:column;gap:8px;padding:8px 12px 10px;overflow:hidden;min-height:0}.logo-grid{flex:none;display:flex;flex-wrap:wrap;gap:8px}.logo-dot{width:28px;height:28px;min-height:28px;flex:none;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:-.3px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000040;transition:transform .12s,border-color .12s,box-shadow .12s;overflow:hidden;white-space:nowrap;background:transparent}.logo-dot-logo{width:100%;height:100%}.logo-dot{position:relative}.logo-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%}.logo-dot:active{transform:scale(.92)}.logo-dot.on{border-color:var(--user);box-shadow:0 0 0 2px #ffc40059;transform:scale(1.06)}.logo-dot.all{background:var(--panel-2);color:var(--text-dim);border-color:var(--line);font-size:8px}.logo-dot.all.on{border-color:var(--user);color:var(--user)}.trend-caption{flex:none;margin:0;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-rows{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.trow{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;gap:8px;padding:0 10px 0 6px;border-radius:10px;background:#1a274073;border:1px solid transparent;overflow:hidden}.trow.flash{animation:trow-in .4s cubic-bezier(.2,.8,.3,1) var(--d, 0ms) both}.trow.flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:linear-gradient(90deg,#ffc40057,#ffc4001a);opacity:0;animation:trow-flash 1.2s ease-out calc(var(--d, 0ms) + .12s) both;pointer-events:none}@keyframes trow-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes trow-flash{0%{opacity:1}to{opacity:0}}.trow.mine{border-color:#ffc40080;background:#ffc40012}.trow.empty{opacity:.35;background:transparent;border:1px dashed var(--line)}.trow-rank{flex:none;width:24px;font-size:19px;font-weight:900;font-style:italic;line-height:1;text-align:center;color:var(--text-dim)}.trow:first-child .trow-rank{color:var(--user)}.trow-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.trow-label{display:flex;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:600;line-height:1.2}.trow-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.trow-title.dim{flex:none;color:var(--text-dim)}.trow-cbadge{flex:none;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;overflow:hidden;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff2e}.trow-heatbar{height:4px;border-radius:999px;background:#090e18cc;overflow:hidden}.trow-heatbar i{display:block;height:100%;background:linear-gradient(90deg,#ff8a4a,var(--user));border-radius:999px}.trow-heat{flex:none;font-size:11px;color:#ff8a4a;font-weight:700}.queue-panel{overflow-y:auto;padding:8px 12px 16px}.trend-empty{color:var(--text-dim);font-size:13px;text-align:center;line-height:1.6}.trend-empty.pad{padding:32px 16px}.queue-row{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.queue-row.expired{opacity:.55}.queue-head{display:flex;align-items:center;gap:6px;font-size:14px}.queue-card-name{font-weight:800;flex:1}.queue-fit{font-size:12px;color:var(--user);font-weight:800}.queue-text{margin:6px 0 0;font-size:12px;color:var(--text-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.queue-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.queue-target{font-size:12px;color:var(--text-dim)}.queue-foot{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px}.spread-badge{color:#4ade80;font-weight:700}.expired-label{color:var(--noise);margin-left:auto}.queue-details{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line)}.queue-details summary{width:fit-content;cursor:pointer;color:#b9a7ff;font-size:11px;font-weight:800}.queue-reason{margin:8px 0 6px;color:var(--text-dim);font-size:12px;line-height:1.5;white-space:pre-line}.queue-reaction{margin:4px 0;padding:6px 8px;border-radius:8px;background:#070d1973;font-size:12px}.queue-reignite{margin-left:auto;padding:4px 8px;min-height:28px;border:1px solid rgba(185,167,255,.45);border-radius:8px;color:#c7b9ff;font-size:11px;font-weight:800}.queue-reignite{position:relative}.queue-reignite:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.queue-reignite:disabled{opacity:.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081099;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:420px;max-height:calc(100vh - 60px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 40px #0000008c}.modal-backdrop.cc-backdrop{background:#0b071abd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:max(8px,var(--safe-top)) 8px max(8px,var(--safe-bottom))}.community-card{position:relative;width:min(500px,100%,calc((100vh - 16px) * 2 / 3));width:min(500px,100%,calc((100dvh - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom))) * 2 / 3));aspect-ratio:2 / 3;display:flex;flex-direction:column;justify-content:flex-end;border-radius:18px;overflow:hidden;background:#150f2e;border:2px solid rgba(255,196,0,.55);box-shadow:0 0 0 1px #140c2ce6,0 12px 44px #000000b3,0 0 28px #ffc4001f}.cc-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#241a4a,#120c26 75%)}.cc-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-bottom:25%}.cc-fallback-badge{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:34px;box-shadow:0 10px 30px #00000073}.cc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.cc-close{position:absolute;top:8px;right:8px;z-index:2;width:40px;height:40px;min-height:40px;border-radius:50%;font-size:16px;color:var(--text);background:#0a101c8c;border:1px solid rgba(42,59,88,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cc-body{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;max-height:82%;padding:30px 14px 12px;background:linear-gradient(180deg,transparent 0%,rgba(15,10,34,.72) 16%,rgba(15,10,34,.9) 40%,rgba(13,9,30,.96) 100%)}.cc-body.stats-open{width:100%;height:100%;max-height:100%;padding:22px 12px 10px;background:linear-gradient(180deg,transparent 0%,rgba(15,10,34,.86) 14%,rgba(14,9,32,.97) 32%,rgba(13,9,30,.99) 100%)}.cc-body.stats-open .cm-desc{display:none}.cc-stats-toggle{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;margin:0 0 8px;padding:5px 12px;border-radius:10px;border:1px solid rgba(42,59,88,.7);background:#121c2e8c;color:var(--text-dim);font-size:12px;font-weight:700;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s,color .15s,border-color .15s}.cc-stats-toggle:active{background:#1a2740cc}.cc-body.stats-open .cc-stats-toggle{color:var(--text);border-color:var(--line)}.cc-stats-arrow{font-size:11px}.cm-head{display:flex;align-items:center;gap:10px;flex:none}.cm-badge{width:36px;height:36px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;box-shadow:0 2px 10px #0006}.cm-title{display:flex;flex-direction:column;flex:1;min-width:0}.cm-title strong{font-size:18px;text-shadow:0 1px 6px rgba(0,0,0,.7)}.cm-sub{font-size:11px;color:var(--text-dim);text-shadow:0 1px 4px rgba(0,0,0,.7)}.cm-desc{flex:none;font-size:12px;color:var(--text-dim);line-height:1.5;margin:8px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cm-trends{flex:none;margin:0 0 8px;padding:7px 8px;border:1px solid rgba(255,196,0,.24);border-radius:10px;background:#0c1222b8}.cm-trends-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px}.cm-trends-head strong{color:#ffe28a}.cm-trends-head span{color:var(--text-dim);font-size:10px;font-weight:800}.cm-trend-list{display:grid;gap:3px}.cm-trend-row{display:grid;grid-template-columns:14px 14px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:24px;padding:2px 4px;border-radius:6px;background:#1b263c9e}.cm-trend-row.mine{background:#ffc4001a}.cm-trend-rank{color:var(--text-dim);font-size:10px;font-weight:900;text-align:center}.cm-trend-owner{font-size:10px;text-align:center}.cm-trend-main{min-width:0;display:grid;gap:2px}.cm-trend-label{overflow:hidden;color:var(--text);font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.cm-trend-rail{height:3px;overflow:hidden;border-radius:999px;background:var(--panel-2)}.cm-trend-rail i{display:block;height:100%;border-radius:inherit;background:var(--user)}.cm-trend-heat{color:#ff9a5d;font-size:10px;font-weight:800}.cm-trends-empty{margin:3px 0 1px;color:var(--text-dim);font-size:10px}.cc-details{flex:1 1 auto;min-height:0;overflow:hidden;margin-bottom:6px}.cm-stats{display:flex;flex-direction:column;gap:6px}.cm-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 0;border-top:1px solid rgba(42,59,88,.6);padding-top:6px}.gauge{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 5px;font-size:10px}.gauge-label{min-width:0;color:var(--text-dim)}.gauge-track{grid-column:1 / -1;display:flex;gap:1px}.gauge-track i{height:5px;flex:1;border-radius:2px;background:var(--panel-2)}.gauge-track i.on{background:var(--user)}.gauge-num{text-align:right;font-weight:700}.cm-mine{font-size:10px;color:var(--user);margin:6px 0 0}.cm-links{margin:6px 0 0;border-top:1px solid rgba(66,52,110,.7);padding-top:5px}.cm-links-title{margin:0 0 6px;font-size:11px;font-weight:700;color:var(--text-dim)}.cm-links-list{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:thin}.cm-link{scroll-snap-align:start}.cm-link{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid rgba(66,52,110,.8);background:#1a1234b8;color:var(--text);font-size:11px;font-weight:600;transition:border-color .12s,background .12s}.cm-link:active{border-color:#ffc40099;background:#261b48d9}.cm-link-badge{width:20px;height:20px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;overflow:hidden;white-space:nowrap;box-shadow:inset 0 0 0 1px #00000040}.cm-link-name{max-width:96px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-link-w{flex:none;color:var(--user);font-size:8px;letter-spacing:1.5px;line-height:1}.cc-body.stats-open .cm-link{width:30px;height:30px;min-height:30px;padding:4px;justify-content:center}.cc-body.stats-open .cm-link-badge{width:20px;height:20px}.cc-body.stats-open .cm-link-name,.cc-body.stats-open .cm-link-w{display:none}.cm-actions{flex:none;display:flex;gap:8px}.cm-btn{flex:1;margin:0;max-width:none;padding:10px 8px;font-size:13px}.statbar{display:flex;align-items:flex-start;gap:8px;font-size:10px}.statbar-label{width:40px;flex:none;color:var(--text-dim);padding-top:2px}.statbar-body{flex:1;min-width:0}.statbar-track.single{display:flex;align-items:center;gap:6px}.statbar-side{color:var(--text-dim);font-size:10px;flex:none}.statbar-rail{position:relative;flex:1;height:10px;border-radius:999px;background:#d95b8d66;overflow:hidden}.statbar-fill-left{position:absolute;left:0;top:0;bottom:0;background:#5b8dd9;border-radius:999px 0 0 999px}.statbar-rail.bipolar{background:var(--panel-2);overflow:visible}.statbar-center-mark{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--text-dim)}.statbar-fill-bi{position:absolute;top:0;bottom:0}.statbar-fill-bi.left{right:50%;background:#5b8dd9;border-radius:999px 0 0 999px}.statbar-fill-bi.right{left:50%;background:#e8734a;border-radius:0 999px 999px 0}.statbar-rail.stacked{display:flex;overflow:hidden}.statbar-seg{height:100%}.statbar-seg-legend{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:10px;color:var(--text-dim)}.statbar-seg-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:3px}.milestone-modal h3{margin:0 0 4px;font-size:18px;width:fit-content;background:linear-gradient(100deg,var(--user) 25%,#fff3b0 42%,var(--user) 58%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ms-shimmer 2.4s linear infinite}@keyframes ms-shimmer{to{background-position:-250% 0}}.ms-sub{margin:0 0 12px;font-size:13px;color:var(--text-dim)}.draft-options{display:flex;flex-direction:column;gap:8px}.draft-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--panel-2);border:2px solid var(--line);border-radius:12px;padding:10px 12px;transition:border-color .15s}.draft-card.grade-S{border-color:var(--grade-s)}.draft-card.grade-A{border-color:var(--grade-a)}.draft-card:active{border-color:var(--user)}.draft-name{font-size:15px}.draft-kw{font-size:12px;color:var(--text-dim)}.draft-heat{font-size:12px;color:#ff8a4a;font-weight:700}.draft-flavor{font-size:11px;color:var(--text-dim);font-style:italic}.compress-list{display:flex;flex-direction:column;gap:6px}.compress-row{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px;text-align:left}.compress-name{font-weight:700;flex:1}.compress-kw,.compress-where{font-size:11px;color:var(--text-dim);flex:none}.compress-x{flex:none}.compress-grade-flow{display:inline-flex;align-items:center;gap:4px;flex:none}.compress-count{color:#ffd36c;font-size:11px;font-weight:800}.compress-upgrade{flex:none;color:var(--user);font-size:12px;font-weight:900}.pause-modal{max-width:300px;text-align:center}.pause-modal h3{margin:0 0 14px}.pause-goal{margin:-4px 0 14px;padding:9px;border:1px solid var(--line);border-radius:10px;color:var(--text-dim);font-size:11px;line-height:1.6}.pause-goal strong{color:var(--user)}.pause-modal .btn-primary{margin-bottom:8px}.toast-stack{position:fixed;top:calc(var(--safe-top) + 60px);left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;gap:6px;width:min(92vw,380px);pointer-events:none}.toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;background:#1a2740f2;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:13px;box-shadow:0 6px 20px #0006;animation:toast-in .25s ease-out}.toast-icon{font-size:16px}.toast:after{content:"";position:absolute;top:0;bottom:0;left:-45%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.13),transparent);transform:skew(-18deg);animation:toast-shimmer .9s ease-out .25s 1 both;pointer-events:none}@keyframes toast-shimmer{0%{transform:translate(0) skew(-18deg)}to{transform:translate(380%) skew(-18deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.chip:hover{color:var(--text);border-color:var(--text-dim)}.chip.on:hover{color:#1a1200;border-color:var(--user)}.logo-dot:hover{transform:scale(1.08)}.cc-close:hover{background:#1a2740d9}.cc-stats-toggle:hover{background:#1a2740cc;color:var(--text)}.cm-link:hover{border-color:#ffc40099;background:#261b48d9}.draft-card:hover{border-color:var(--user)}.compress-row:hover{border-color:var(--text-dim)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast:after{animation:none;opacity:0}.trow.flash{animation:none}.trow.flash:after{animation:none;opacity:0}.milestone-modal h3{animation:none}.logo-dot,.cc-stats-toggle,.cm-link{transition:none}}.fatigue-note{color:#b9a8ff}.cm-fatigue{margin-top:5px}.cm-fatigue-list{display:flex;align-items:center;gap:4px;min-width:0}.cm-fatigue-chip{min-width:0;max-width:42%;overflow:hidden;font-size:10px;padding:2px 6px;border-radius:999px;background:#7a64dc29;border:1px solid rgba(122,100,220,.45);color:#cabfff;text-overflow:ellipsis;white-space:nowrap}.cm-fatigue-more{color:var(--text-dim);font-size:10px;font-weight:800}@media(max-height:520px){.cc-body:not(.stats-open){max-height:86%;padding:22px 10px 8px}.cc-body.stats-open{padding:14px 10px 8px}.cc-body.stats-open .cm-head{gap:7px}.cc-body.stats-open .cm-badge{width:30px;height:30px}.cc-body.stats-open .cm-title strong{font-size:16px}.cc-body.stats-open .cm-sub{display:none}.cc-body.stats-open .cc-stats-toggle{min-height:28px;margin-bottom:4px;padding:3px 8px}.cc-body.stats-open .cm-stats{gap:4px}.cc-body.stats-open .statbar-seg-legend{gap:2px 6px;margin-top:2px;font-size:8px}.cc-body.stats-open .cm-gauges{margin-top:5px;padding-top:4px}.cc-body.stats-open .cm-mine{margin-top:4px}.cc-body.stats-open .cm-links{margin-top:4px;padding-top:3px}.cc-body.stats-open .cm-links-title{margin-bottom:3px;font-size:9px}.cc-body.stats-open .cm-fatigue{margin-top:3px}.cc-body.stats-open .cm-btn{min-height:36px;padding:7px 5px;font-size:12px}}.trow-delta{flex:none;width:14px;font-size:9px;font-weight:900;text-align:center}.trow-delta.up{color:#7df7d1}.trow-delta.down{color:#ff9c9c}.trow-delta.new{color:var(--user)}.statbar-side.num{color:var(--user);font-weight:800;font-variant-numeric:tabular-nums}.queue-expired-group{margin-top:6px;border-top:1px dashed var(--line);padding-top:6px}.queue-expired-toggle{width:100%;min-height:36px;text-align:left;padding:4px 8px;border-radius:8px;color:var(--text-dim);font-size:12px;font-weight:700}.queue-expired-toggle:hover{color:var(--text);background:var(--panel-2)}.queue-spread-heats{margin:4px 0 0;font-size:11px;color:var(--text-dim);line-height:1.5}.queue-spread-heats .home{color:var(--user);font-weight:700}.queue-reignite-note{margin:3px 0 0;font-size:10px;color:var(--text-dim);text-align:right}.queue-reignite.free{border-color:#55dcaa80;color:#7df7d1;margin-left:6px}.ms-decksum{margin-top:10px;border-top:1px dashed var(--line);padding-top:6px}.ms-decksum-toggle{min-height:34px;padding:4px 8px;border-radius:8px;color:var(--text-dim);font-size:12px;font-weight:700}.ms-decksum-toggle:hover{color:var(--text);background:var(--panel-2)}.ms-decksum-list{margin:6px 0 0;max-height:96px;overflow-y:auto;font-size:11px;line-height:1.7;color:var(--text)}.ms-decksum-list small{color:var(--user);font-weight:800;margin-left:2px}.cc-img-mood{animation:mood-fade-in .4s ease-out both}@keyframes mood-fade-in{0%{opacity:0}to{opacity:1}}.cm-mood{flex:none;margin-left:auto;align-self:flex-start;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid var(--line);background:#090e18bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cm-mood.mood-angry{color:#ff9c9c;border-color:#d6454599}.cm-mood.mood-conspiracy{color:#b8f5c9;border-color:#3cb46e8c}.cm-mood.mood-hyped{color:#ffe28a;border-color:#ffc4008c}.cm-mood.mood-bored{color:var(--text-dim);border-color:var(--line)}@media(prefers-reduced-motion:reduce){.cc-img-mood{animation:none}}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}.map-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hud{position:absolute;top:calc(var(--safe-top) + 10px);left:50%;transform:translate(-50%);width:calc(100vw - 20px);max-width:980px;display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:16px;background:#1a1634eb;border:1px solid rgba(255,196,0,.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 22px #00000073;z-index:40}.hud-main{flex:none;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;padding:2px 6px 2px 2px;border-radius:12px}.hud-main:active{background:#3a3268d9}.hud-avatar{position:relative;width:34px;height:34px;flex:none;border-radius:50%;overflow:hidden;background:var(--panel-2);border:1px solid var(--line)}.hud-avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:17px}.hud-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hud-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.hud-row1{display:flex;align-items:center;gap:6px;min-width:0}.hud-name{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:38vw}.hud-row1 .diff-badge{font-size:9px;padding:1px 6px}.hud-row2{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;white-space:nowrap}.hud-turn{color:var(--text-dim)}.hud-aware{display:inline-block;color:var(--text);font-variant-numeric:tabular-nums}.hud-aware.punch{color:var(--user);animation:aware-punch .55s cubic-bezier(.2,1.4,.4,1)}@keyframes aware-punch{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.hud-msbar{width:52px;height:5px;flex:none;border-radius:999px;background:#090e18e6;overflow:hidden}.hud-msbar i{display:block;height:100%;background:var(--user);border-radius:999px}.hud-rank{padding:1px 7px;border-radius:999px;border:1px solid var(--line);font-size:10px;font-weight:900;color:var(--text-dim)}.hud-rank.top{color:#1a1200;background:var(--user);border-color:var(--user)}.hud-gap{padding:1px 6px;border-radius:999px;color:#ffad86;background:#ff734a1a;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.hud-gap.ahead{color:#7df7d1;background:#19f0c31a}.hud-token-row{display:flex;gap:6px;margin:8px 0 0}.hud-token{padding:3px 7px;border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:10px}.hud-ticker{flex:1 1 auto;min-width:0;min-height:34px;display:flex;align-items:center;overflow:hidden;padding:0 8px;border-radius:10px;text-align:left}.hud-ticker:active{background:#3a3268d9}.ticker-item{display:inline-flex;align-items:center;gap:6px;min-width:0;animation:ticker-in .45s cubic-bezier(.2,.8,.3,1) both}@keyframes ticker-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ticker-dot{flex:none;width:8px;height:8px;border-radius:50%;box-shadow:0 0 6px #0006}.ticker-text{min-width:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-text.dim{color:var(--text-dim)}.hud-actions{flex:none;display:flex;align-items:center;gap:4px;margin-left:auto}.hud-btn{position:relative;width:38px;height:38px;min-height:38px;flex:none;border-radius:12px;font-size:17px;border:1px solid transparent;transition:border-color .15s,background .15s,transform .15s}.hud-btn:active{transform:scale(.94);background:#3a3268d9}.hud-btn.on{border-color:var(--user);background:#ffc40014}.hud-btn-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--user);color:#1a1200;font-size:10px;font-weight:900;font-style:normal;line-height:17px}.hud-pause{font-size:18px;min-width:38px;min-height:38px;border-radius:12px;flex:none}.hud-pause:active{background:#3a3268d9}.hud-popover{position:absolute;top:calc(100% + 8px);left:8px;width:min(320px,calc(100vw - 24px));background:#201b3ef7;border:1px solid rgba(255,196,0,.24);border-radius:12px;padding:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000073}.pop-num{margin:0 0 6px;font-size:18px;font-weight:800}.pop-sub{margin:0 0 6px;font-size:12px;color:var(--text-dim)}.pop-bar{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.pop-bar>div{height:100%;background:var(--user);border-radius:999px}.pop-divider{height:1px;background:var(--line);margin:10px 0 6px}.pop-rank{margin:4px 0;font-size:13px}.pop-rank.me{color:var(--user);font-weight:800}@media(max-width:767px){.hud{flex-wrap:wrap;row-gap:2px;padding:5px 6px}.hud-main{flex:1 1 auto}.hud-actions{margin-left:0}.hud-ticker{order:3;flex-basis:100%;min-height:26px;padding:2px 6px 0;border-top:1px dashed rgba(140,125,200,.45);border-radius:0}}@media(max-width:480px){.hud-msbar{width:40px}.hud-row2{gap:5px}.hud-btn{width:34px;min-height:34px;font-size:15px}.hud-pause{min-width:34px;min-height:34px;font-size:16px}}.fab-area{position:absolute;right:12px;bottom:calc(var(--safe-bottom) + 12px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:31}.fab-endturn{display:flex;align-items:stretch;background:var(--user);color:#1a1200;border-radius:18px;overflow:hidden;min-height:62px;box-shadow:0 5px 20px #ffc40066;transition:transform .15s,box-shadow .15s}.fab-endturn.disabled{box-shadow:none}.fab-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 16px;color:#1a1200;transition:transform .15s}.fab-main:active:not(:disabled){transform:scale(.96)}.fab-main:disabled{opacity:.4}.fab-title{font-size:17px;font-weight:900;letter-spacing:-.3px;white-space:nowrap}.fab-deck{font-size:13px;font-weight:800;opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap}.fab-deck.low{opacity:1;color:#a3131f;animation:deck-low 1.2s ease-in-out infinite}@keyframes deck-low{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.fab-grave{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:52px;padding:8px 10px;color:#1a1200;background:#1a120024;border-left:1px solid rgba(26,18,0,.28);font-variant-numeric:tabular-nums;transition:background .15s,transform .15s}.fab-grave:active{transform:scale(.94)}.fab-grave-icon{font-size:17px;line-height:1.15}.fab-grave-num{font-size:13px;font-weight:900;line-height:1.2}.grave-modal{max-width:440px}.grave-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.grave-head h3{margin:0;font-size:17px}.grave-sub{margin:4px 0 12px;font-size:12px;color:var(--text-dim)}.grave-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.grave-card{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--panel-2);border:2px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;filter:saturate(.72)}.grave-card.grade-C{border-color:var(--grade-c)}.grave-card.grade-B{border-color:var(--grade-b)}.grave-card.grade-A{border-color:var(--grade-a)}.grave-card.grade-S{border-color:var(--grade-s)}.grave-card-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grave-card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#121c2e26,#121c2ed9)}.grave-card-img{width:100%;height:100%;object-fit:cover}.grave-card .grade-ribbon{position:absolute;top:5px;left:5px;font-size:10px;padding:1px 6px}.grave-card-name{position:relative;padding:4px 5px 6px;font-size:11px;font-weight:700;line-height:1.25;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 4px rgba(0,0,0,.7)}.targeting-banner{position:absolute;top:calc(var(--safe-top) + 66px);left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#121c2eeb;border:1px solid var(--user);border-radius:12px;padding:8px 12px;font-size:13px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:45}.targeting-btns{display:flex;gap:6px}.targeting-btns button{font-size:12px;padding:4px 10px;min-height:32px;border-radius:8px;border:1px solid var(--line);color:var(--text-dim)}@media(max-width:767px){.targeting-banner{top:calc(var(--safe-top) + 100px)}}.targeting-chips{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 8px);display:flex;gap:6px;overflow-x:auto;padding:6px 10px;z-index:45;-webkit-overflow-scrolling:touch}.targeting-chips .chip{position:relative;flex:none;display:flex;align-items:center;gap:5px}.target-recommend{border-color:#19f0c37a;background:#19f0c31a}.target-recommend.exploratory{border-color:#af84ff7a;background:#af84ff1a}.recommend-rank{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#04130f;background:var(--user);font-size:9px;font-weight:950}.recommend-label{color:#8df8d8;font-size:10px;font-weight:850}.target-recommend.exploratory .recommend-label{color:#c5b4ff}.recommend-note{position:absolute;left:10px;bottom:calc(var(--safe-bottom) + 56px);z-index:45;max-width:min(430px,calc(100vw - 20px));margin:0;padding:5px 8px;border-radius:8px;color:var(--text-dim);background:#0a121fd1;font-size:11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.deploy-stage-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:64;display:grid;place-items:center;overflow:auto;padding:max(14px,var(--safe-top)) 10px max(12px,var(--safe-bottom));background:radial-gradient(circle at 50% 42%,rgba(58,84,132,.28),transparent 46%),#030811db;backdrop-filter:blur(9px) saturate(.78);-webkit-backdrop-filter:blur(9px) saturate(.78)}.deploy-confirm-stage{width:min(760px,100%);color:var(--text);text-align:center}.deploy-stage-error{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.deploy-stage-header{margin-bottom:14px}.deploy-stage-kicker{display:block;margin-bottom:4px;color:var(--user);font-size:10px;font-weight:950;letter-spacing:.2em}.deploy-stage-header h2{margin:0;font-size:clamp(20px,3.4vw,30px);line-height:1.15}.deploy-stage-header p{margin:5px 0 0;color:var(--text-dim);font-size:12px}.deploy-card-pair{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.4vw,24px);width:100%}.deploy-preview-card{position:relative;flex:0 0 min(280px,calc((100vw - 34px)/2));width:min(280px,calc((100vw - 34px)/2));aspect-ratio:3 / 4;overflow:hidden;border:2px solid var(--line);border-radius:clamp(14px,2vw,22px);background:#111c2d;box-shadow:0 22px 54px #00000094;isolation:isolate;text-align:left}.deploy-player-preview{border-color:var(--grade-c);animation:deploy-card-shift-left .48s cubic-bezier(.22,.9,.3,1) both}.deploy-player-preview.grade-B{border-color:var(--grade-b)}.deploy-player-preview.grade-A{border-color:var(--grade-a)}.deploy-player-preview.grade-S{border-color:var(--grade-s);box-shadow:0 0 28px #ffc4003d,0 22px 54px #00000094}.deploy-community-preview{animation:deploy-community-enter .48s .08s cubic-bezier(.22,.9,.3,1) both}.deploy-preview-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(145deg,#263c5f,#0d1726)}.deploy-preview-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04081005 20%,#04081085 54%,#040810fa)}.deploy-community-art:after{background:linear-gradient(180deg,#0408102e 5%,#040810c4 34%,#040810fa)}.deploy-preview-art-img{width:100%;height:100%;object-fit:cover}.deploy-preview-topline,.deploy-community-topline{position:absolute;top:clamp(8px,1.5vw,13px);right:clamp(8px,1.5vw,13px);left:clamp(8px,1.5vw,13px);z-index:2;display:flex;align-items:center;justify-content:space-between}.deploy-charge-badge{padding:3px 8px;border-radius:999px;color:#07111c;background:#f4f9ffeb;font-size:11px;font-weight:950}.deploy-community-topline{justify-content:flex-start;gap:7px;color:#ffffffe0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.deploy-community-logo{display:grid;place-items:center;width:clamp(27px,4vw,38px);height:clamp(27px,4vw,38px);border:1px solid rgba(255,255,255,.34);border-radius:50%;box-shadow:0 3px 12px #00000061;font-size:clamp(8px,1.3vw,12px);letter-spacing:0}.deploy-player-body,.deploy-community-body{position:absolute;right:clamp(8px,1.8vw,15px);bottom:clamp(8px,1.8vw,15px);left:clamp(8px,1.8vw,15px);z-index:1}.deploy-player-body h3,.deploy-community-body h3{margin:2px 0;font-size:clamp(15px,2.7vw,23px);line-height:1.08;text-shadow:0 2px 6px rgba(0,0,0,.76)}.deploy-card-role{color:var(--user);font-size:10px;font-weight:950;letter-spacing:.08em}.deploy-card-keywords{margin:5px 0;overflow:hidden;color:#bdd6f2;font-size:clamp(9px,1.4vw,11px);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.deploy-card-copy{display:-webkit-box;margin:5px 0 8px;overflow:hidden;color:#f4f9ffdb;font-size:clamp(10px,1.55vw,12px);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.deploy-card-footerline{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:7px;border-top:1px solid rgba(255,255,255,.16);font-size:clamp(9px,1.4vw,11px)}.deploy-card-footerline strong{color:#ff9a5b;font-size:clamp(12px,2vw,16px)}.deploy-card-footerline span{color:var(--text-dim)}.deploy-community-body{top:clamp(64px,9vw,82px);display:flex;min-height:0;flex-direction:column}.deploy-community-location{margin:1px 0 6px;overflow:hidden;color:#dfebf9c7;font-size:clamp(9px,1.3vw,10px);text-overflow:ellipsis;white-space:nowrap}.deploy-territory-status{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:2px}.deploy-territory-status strong{color:#d9e7f7;font-size:clamp(10px,1.7vw,13px)}.deploy-territory-status span{overflow:hidden;color:var(--text-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.deploy-territory-status.mine strong{color:var(--user)}.deploy-territory-status.rival strong{color:#ff8b73}.deploy-territory-status.contested strong{color:#ffd36a}.deploy-influence-meter{display:flex;height:clamp(5px,.8vw,7px);margin-top:5px;overflow:hidden;border-radius:999px;background:#d8e6f626;box-shadow:inset 0 1px 3px #00000080}.deploy-influence-meter i{display:block;height:100%;transition:width .3s ease}.deploy-influence-meter .mine{background:var(--user)}.deploy-influence-meter .rival{background:#ff745f}.deploy-influence-values{display:flex;justify-content:space-between;gap:4px;margin-top:3px;color:#eaf2fce0;font-size:10px;font-weight:750;white-space:nowrap}.deploy-community-facts{display:flex;gap:4px;margin-top:6px}.deploy-community-facts span{flex:1 1 0;overflow:hidden;padding:3px 4px;border:1px solid rgba(180,206,235,.18);border-radius:5px;color:#d4e3f3;background:#08111d94;font-size:10px;font-weight:750;text-align:center;text-overflow:ellipsis;white-space:nowrap}.deploy-community-facts span.warn{color:#ffd36a;border-color:#ffd36a59}.deploy-live-trend{margin:6px 0 0;overflow:hidden;color:#eaf2fce0;font-size:clamp(9px,1.35vw,10px);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.deploy-live-trend strong{color:#ff9a5b}.deploy-synergy-chip{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);min-height:0}.deploy-synergy-chip strong{flex:0 0 auto;color:#9ee8ff;font-size:clamp(9px,1.4vw,10px)}.deploy-synergy-chip span{display:-webkit-box;overflow:hidden;color:#dbe8f7b8;font-size:11px;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.deploy-pair-arrow{position:absolute;top:50%;left:50%;z-index:4;display:grid;place-items:center;width:clamp(29px,5vw,42px);height:clamp(29px,5vw,42px);border:1px solid rgba(255,196,0,.62);border-radius:50%;color:#161006;background:linear-gradient(145deg,#ffe27c,var(--user));box-shadow:0 4px 18px #ffc4005c;transform:translate(-50%,-50%);animation:deploy-arrow-pop .3s .36s ease-out both}.deploy-pair-arrow span{font-size:clamp(16px,2.6vw,22px);line-height:1}.deploy-pair-arrow small{position:absolute;top:calc(100% + 4px);color:var(--user);font-size:8px;font-weight:950;text-shadow:0 1px 4px #000}.deploy-context-note{width:min(600px,calc(100% - 12px));margin:11px auto 0;color:var(--text-dim);font-size:11px;line-height:1.35}.deploy-context-note strong{color:#9ee8ff}.deploy-stage-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;width:min(520px,100%);margin:12px auto 0}.deploy-stage-actions .btn-primary,.deploy-stage-actions .btn-ghost{width:100%;max-width:none;margin:0;min-height:44px}.deploy-throw{font-size:16px;box-shadow:0 5px 20px #ffc40047}@keyframes deploy-card-shift-left{0%{opacity:.74;transform:translate(42%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes deploy-community-enter{0%{opacity:0;transform:translate(36%) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes deploy-arrow-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:480px){.deploy-stage-backdrop{padding-inline:6px}.deploy-stage-header{margin-bottom:10px}.deploy-stage-header h2{font-size:20px}.deploy-stage-header p{font-size:10px}.deploy-card-pair{gap:6px}.deploy-preview-card{border-radius:13px}.deploy-card-copy{-webkit-line-clamp:1}.deploy-card-footerline span,.deploy-community-location,.deploy-live-trend,.deploy-territory-status span{display:none}.deploy-community-facts,.deploy-live-trend{margin-top:4px}.deploy-synergy-chip span{display:none}.deploy-context-note{margin-top:9px;font-size:11px}.deploy-stage-actions{margin-top:9px}.deploy-stage-actions .btn-primary,.deploy-stage-actions .btn-ghost{min-height:42px;padding-inline:8px;font-size:12px}.deploy-throw{font-size:15px!important}}@media(max-width:340px){.deploy-stage-kicker,.deploy-stage-header p,.deploy-community-location{display:none}.deploy-stage-header{margin-bottom:7px}.deploy-stage-header h2{font-size:17px}.deploy-player-body h3,.deploy-community-body h3{font-size:14px}.deploy-card-keywords{margin-block:3px}.deploy-card-copy{margin-block:3px 5px}.deploy-live-trend{display:none}.deploy-context-note{margin-top:6px}.deploy-stage-actions{margin-top:7px}}.hand{position:absolute;left:12px;bottom:calc(var(--safe-bottom) + 14px);width:calc(100vw - 208px);max-width:620px;height:212px;z-index:30;pointer-events:none;--step: min(105px, calc((100% - 135px) / var(--den, 1)));transition:opacity .25s,transform .25s}.hand.hand-hidden{opacity:0;transform:translateY(56px);pointer-events:none}.hand.hand-hidden .hand-card{pointer-events:none}.hand-card{position:absolute;bottom:0;left:calc(var(--step) * var(--i, 0));overflow:hidden;pointer-events:auto;width:135px;height:180px;border-radius:14px;background:var(--panel-2);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px 6px 7px;text-align:center;transform:rotate(var(--rot, 0deg)) translateY(var(--lift, 0px));transform-origin:50% 90%;box-shadow:0 8px 22px #00000073;transition:transform .18s,box-shadow .18s}.hand-card.selected{transform:rotate(0) translateY(calc(var(--lift, 0px) - 26px)) scale(1.06);border-color:var(--user);box-shadow:0 10px 26px #ffc4004d}.hand-card:disabled{filter:saturate(.5);opacity:.65}.hand-card-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hand-card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#121c2e14,#121c2ea8 58%,#121c2eeb)}.hand-card-art-img{width:100%;height:100%;object-fit:cover}.hand-card>*:not(.hand-card-art){position:relative;z-index:1}.hand-card.grade-C{border-color:var(--grade-c)}.hand-card.grade-B{border-color:var(--grade-b)}.hand-card.grade-A{border-color:var(--grade-a)}.hand-card.grade-S{border-color:var(--grade-s);box-shadow:0 0 16px #ffc4004d}.hand-card.selected.grade-S{box-shadow:0 10px 28px #ffc40073}.grade-ribbon{align-self:flex-start;font-size:12px;font-weight:900;padding:2px 8px;border-radius:5px;color:#0b1220}.grade-ribbon.grade-C{background:var(--grade-c)}.grade-ribbon.grade-B{background:var(--grade-b)}.grade-ribbon.grade-A{background:var(--grade-a)}.grade-ribbon.grade-S{background:linear-gradient(120deg,#ffd75e,#fff3b0,#ffd75e)}.hand-card-name{margin-top:auto;font-size:14px;font-weight:800;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hand-card-heat{font-size:13px;font-weight:700;color:#ff8a4a}.card-charges{position:absolute!important;top:8px;right:7px;min-width:25px;padding:2px 6px;border-radius:999px;color:#08131f;background:#ebf5ffe6;font-size:10px;font-weight:950;box-shadow:0 2px 7px #00000059}.focus-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810a8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:55;display:grid;place-items:center;overflow:hidden;padding:max(8px,var(--safe-top)) 10px max(8px,var(--safe-bottom))}.focus-wrap{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:10px;width:min(630px,100%);height:720px;max-height:calc(100dvh - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom)));min-height:0;overflow:hidden;padding:0;perspective:1100px}.focus-close{position:absolute;top:10px;right:10px;width:36px;height:36px;min-height:36px;margin:0;border-radius:50%;font-size:16px;color:var(--text);background:#0a101cb8;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:4}.hud-fame{flex:none;font-size:10px;font-weight:800;color:#ffd36c;opacity:.85;letter-spacing:.02em}.pop-fame{color:#ffd36c}.focus-card-slot{display:grid;place-items:center;width:100%;min-height:0}.focus-flip{position:relative;flex:none;width:min(300px,72vw,calc((100dvh - 218px - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom)))*.75));max-width:100%;max-height:100%;aspect-ratio:3 / 4;transform-style:preserve-3d;animation:focus-flip .6s cubic-bezier(.24,.9,.32,1.08) both}@keyframes focus-flip{0%{opacity:0;transform:translateY(110px) scale(.5) rotateY(-180deg)}30%{opacity:1}to{opacity:1;transform:none}}.focus-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--panel);border:2px solid var(--line);box-shadow:0 18px 50px #0009;backface-visibility:hidden;-webkit-backface-visibility:hidden}.focus-card.grade-C{border-color:var(--grade-c)}.focus-card.grade-B{border-color:var(--grade-b)}.focus-card.grade-A{border-color:var(--grade-a)}.focus-card.grade-S{border-color:var(--grade-s);box-shadow:0 18px 50px #0009,0 0 24px #ffc4004d}.focus-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:16px;border:2px solid var(--line);background:radial-gradient(ellipse at 50% 40%,rgba(255,196,0,.1),transparent 62%),repeating-linear-gradient(135deg,#0d1626 0,#0d1626 14px,#121c2e 14px,#121c2e 28px);box-shadow:0 18px 50px #0009;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.focus-card-back:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:10px;border:1px dashed rgba(255,196,0,.35);pointer-events:none}.fcb-emblem{font-size:46px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.fcb-name{font-size:14px;font-weight:900;letter-spacing:3px;color:var(--user);opacity:.85}.focus-art{position:relative;display:block;width:100%;flex:1 1 auto;min-height:0;background:linear-gradient(180deg,var(--panel-2),#0d1626)}.focus-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.focus-info{flex:none;padding:10px 12px 12px}.focus-head{display:flex;align-items:center;gap:8px}.focus-name{flex:1;font-size:16px;min-width:0}.focus-heat{font-size:13px;font-weight:800;color:#ff8a4a;flex:none}.focus-kws{margin:6px 0 0;font-size:12px;color:var(--user)}.focus-flavor{margin:6px 0 0;font-size:12px;color:var(--text-dim);font-style:italic;line-height:1.5}.focus-upgrade-note{margin:7px 0 0;color:#ffd36c;font-size:11px;font-weight:800}.focus-compose{width:min(630px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 10px 10px;box-shadow:0 10px 30px #00000073}.compose-entry-row{--compose-tool-size: 48px;display:grid;grid-template-columns:var(--compose-tool-size) minmax(0,1fr);gap:8px}.compose-tool-stack{display:grid;grid-auto-rows:var(--compose-tool-size);gap:8px}.focus-reroll{position:absolute;right:-6px;bottom:4px;transform:translate(100%);display:grid;place-items:center;width:44px;height:44px;margin:0;padding:3px;border-radius:50%;line-height:1;color:#c7baff;border-color:#b9a7ff6b;background:var(--panel);box-shadow:0 8px 22px #00000080;animation:focus-reroll-in .25s ease .55s backwards}.focus-reroll>span{font-size:17px}.focus-reroll small{font-size:9px;font-weight:800;line-height:1;white-space:nowrap}@keyframes focus-reroll-in{0%{opacity:0;transform:translate(100%) scale(.6)}}@media(max-width:344px){.focus-reroll{transform:translate(50%)}@keyframes focus-reroll-in{0%{opacity:0;transform:translate(50%) scale(.6)}}}.focus-compose .compose-tool{display:grid;place-items:center;width:var(--compose-tool-size);height:var(--compose-tool-size);min-height:var(--compose-tool-size);margin:0;padding:3px;border-radius:10px;line-height:1}.focus-compose .compose-tool>span{font-size:19px;line-height:1}.focus-compose .compose-tool small{font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.compose-editor{position:relative;min-width:0;height:104px}.focus-compose .compose-textarea{height:100%;min-height:0;padding:9px 54px 9px 11px;line-height:1.35}.focus-compose .compose-counter{position:absolute;right:9px;bottom:7px;margin:0;padding:2px 4px;border-radius:5px;background:#0b1220c2;pointer-events:none}.compose-submit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,42%);align-items:center;gap:8px;margin-top:8px}.focus-compose .compose-warn{display:-webkit-box;margin:0;overflow:hidden;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.focus-compose .compose-warn.is-clear{color:#9fb4c9}.focus-compose .compose-next{width:100%;min-height:42px;margin:0;padding-inline:8px;max-width:none;white-space:nowrap}@media(max-width:360px){.compose-entry-row{--compose-tool-size: 44px}.compose-editor{height:96px}.compose-submit-row{grid-template-columns:minmax(0,1fr) 132px}.focus-compose{padding-inline:8px}.focus-compose .compose-warn{font-size:10px}}@media(max-height:560px){.focus-flavor,.focus-upgrade-note{display:none}.focus-info{padding:7px 10px 9px}.focus-kws{margin-top:4px}}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;height:42vh;background:#1a1634f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,196,0,.24);border-radius:16px 16px 0 0;z-index:50;display:flex;flex-direction:column;box-shadow:0 -8px 32px #00000080;padding-bottom:var(--safe-bottom);transition:height .25s ease}.bottom-sheet.full{height:88vh}.sheet-grab-btn{min-height:20px;height:20px;padding:6px 0 2px;display:flex;justify-content:center}.sheet-grab{display:block;width:44px;height:4px;border-radius:999px;background:var(--line)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:2px 14px 8px;font-size:14px}.sheet-close{width:36px;height:36px;min-height:36px;border-radius:8px;color:var(--text-dim)}.sheet-body{flex:1;overflow-y:auto;min-height:0}@media(min-width:1024px){.bottom-sheet{left:auto;right:12px;bottom:12px;width:380px;height:min(560px,calc(100vh - 120px));border:1px solid rgba(255,196,0,.24);border-radius:16px}.bottom-sheet.full{height:calc(100vh - 100px)}.hand{left:20px;bottom:20px}.fab-area{right:20px;bottom:20px}}@media(max-width:767px){.hand{left:8px;right:150px;bottom:calc(var(--safe-bottom) + 8px);width:auto;height:154px;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 26px 4px 3px;pointer-events:auto;scroll-snap-type:x mandatory;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}.hand::-webkit-scrollbar{display:none}.hand-card{position:relative;left:auto;bottom:auto;flex:0 0 104px;width:104px;height:139px;border-radius:12px;padding:6px 5px;transform:none;scroll-snap-align:start}.hand-card.selected{transform:translateY(-6px) scale(1.02)}.hand-card-name{font-size:12px}.hand-card-heat{font-size:11px}.hand-card .grade-ribbon{font-size:10px;padding:1px 6px}.card-charges{top:6px;right:5px}}@media(max-width:480px){.fab-main{padding-inline:10px}.fab-title{font-size:15px}.fab-grave{min-width:46px;padding-inline:7px}}@media(hover:hover){.hud-main:hover,.hud-pause:hover,.hud-btn:hover,.hud-ticker:hover{background:#3a3268a6}.hud-btn.on:hover{border-color:var(--user)}.fab-endturn:not(.disabled):hover{transform:translateY(-1px);box-shadow:0 7px 24px #ffc40080}.fab-main:hover:not(:disabled){background:#ffffff24}.fab-grave:hover{background:#1a120042}.hand-card:hover:not(:disabled):not(.selected){transform:rotate(var(--rot, 0deg)) translateY(calc(var(--lift, 0px) - 10px));box-shadow:0 12px 28px #00000080}.sheet-close:hover,.focus-close:hover{color:var(--text);background:var(--panel-2)}.targeting-btns button:hover{color:var(--text);border-color:var(--text-dim)}}@media(prefers-reduced-motion:reduce){.focus-flip,.focus-reroll,.hud-aware.punch,.ticker-item,.fab-deck.low{animation:none}.hand,.hand-card,.fab-endturn,.fab-main,.fab-grave,.hud-btn{transition:none}.deploy-player-preview,.deploy-community-preview,.deploy-pair-arrow{animation:none}.deploy-influence-meter i{transition:none}}.hand.hand-empty{display:flex;align-items:center;gap:8px;height:auto;padding:12px 16px;background:#121c2eb8;border:1px dashed rgba(143,161,189,.5);border-radius:14px;color:var(--text-dim);font-size:13px;pointer-events:none;mask-image:none;-webkit-mask-image:none}.hand.hand-empty strong{color:var(--user)}.pretarget-chip{position:absolute;top:calc(var(--safe-top) + 64px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:6px 8px 6px 12px;background:#121c2eeb;border:1px solid var(--user);border-radius:999px;font-size:12px;z-index:30;box-shadow:0 4px 16px #0006}.pretarget-chip strong{color:var(--user)}.pretarget-chip button{min-height:28px;min-width:28px;border-radius:50%;color:var(--text-dim);position:relative}.pretarget-chip button:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.pretarget-chip button:hover{color:var(--text);background:var(--panel-2)}.compose-pretarget{margin:0 0 6px;font-size:12px;color:var(--text-dim);text-align:center}.compose-pretarget strong{color:var(--user)}.focus-wrap{transform:translateY(calc(var(--kb-offset, 0px) * -.9));transition:transform .15s ease-out}.btn-ghost.danger-armed,.btn-primary.danger-armed{background:#d645452e;border:1px solid #d64545;color:#ff9c9c;animation:danger-pulse .9s ease-in-out infinite alternate}@keyframes danger-pulse{0%{box-shadow:0 0 #d6454500}to{box-shadow:0 0 12px #d645458c}}@media(prefers-reduced-motion:reduce){.btn-ghost.danger-armed,.btn-primary.danger-armed{animation:none}}.coach-bubble{position:absolute;bottom:calc(100% + 10px);left:8px;padding:8px 12px;background:var(--user);color:#1a1200;border-radius:12px 12px 12px 3px;font-size:12.5px;font-weight:800;box-shadow:0 6px 18px #00000073;animation:coach-bob 1.6s ease-in-out infinite;pointer-events:none;white-space:nowrap;z-index:5}@keyframes coach-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.coach-inline{margin:0 0 6px;padding:6px 10px;border-radius:8px;background:#ffc4001f;border:1px dashed rgba(255,196,0,.5);color:#ffe28a;font-size:11.5px;line-height:1.5}.coach-glow{animation:coach-glow-pulse 1.1s ease-in-out infinite alternate}@keyframes coach-glow-pulse{0%{box-shadow:0 0 #ffc40000}to{box-shadow:0 0 16px #ffc400bf}}@media(prefers-reduced-motion:reduce){.coach-bubble{animation:none}.coach-glow{animation:none;box-shadow:0 0 10px #ffc40099}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081080;z-index:55;display:flex;align-items:flex-end}.compose-sheet{width:100%;background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:6px 16px calc(16px + var(--safe-bottom));box-shadow:0 -8px 32px #00000080}.compose-sheet .sheet-grab{margin:4px auto 8px}.compose-title{margin:0 0 8px;font-size:15px}.compose-card-line{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:10px}.compose-kws{font-size:12px;color:var(--user)}.compose-textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;resize:none;font-size:15px;line-height:1.5}.compose-textarea:focus{outline:2px solid var(--user);border-color:transparent}.compose-counter{text-align:right;font-size:11px;color:var(--text-dim);margin:4px 2px 10px}.compose-actions{display:flex;flex-wrap:wrap;gap:8px}.compose-actions>button{flex:1 1 120px}.compose-dice{flex:0 0 auto;margin:0;max-width:none;width:auto;padding:10px 14px;font-size:13px}.compose-next{flex:1;margin:0;max-width:none}.compose-warn{margin:8px 0 0;font-size:11px;color:var(--text-dim)}.judge-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081061;z-index:62;display:flex;align-items:flex-end;justify-content:center;padding:20px 20px calc(var(--safe-bottom) + 28px)}.judge-backdrop:has(.judge-card.result),.judge-backdrop:has(.judge-card.failed){align-items:center;background:#04081099}.judge-card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center;box-shadow:0 16px 48px #0009}.judge-card.judging .judge-plane{font-size:40px;animation:plane 1.2s ease-in-out infinite}@keyframes plane{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(6deg)}}.judge-target{margin:10px 0 2px;font-size:14px;font-weight:700}.judge-status{margin:0;color:var(--text-dim);font-size:13px;min-height:20px}.typing-dots{display:flex;justify-content:center;gap:5px;margin-top:12px}.typing-dots i{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:dot 1.1s infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.fit-big{font-size:56px;font-weight:900;line-height:1;color:var(--user);font-variant-numeric:tabular-nums}.fit-stamp{display:inline-block;margin-top:6px;font-size:20px;font-weight:900;padding:2px 14px;border:2.5px solid currentColor;border-radius:8px;opacity:0;transform:scale(2.6) rotate(10deg)}.fit-stamp.on{animation:stamp .38s cubic-bezier(.22,.9,.28,1.2) forwards}@keyframes stamp{0%{opacity:0;transform:scale(2.6) rotate(10deg);filter:none}55%{opacity:1;transform:scale(.88) rotate(-5deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}75%{transform:scale(1.07) rotate(-3.4deg)}to{opacity:1;transform:scale(1) rotate(-4deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}}.judge-card.stamped{animation:card-thud .3s .18s cubic-bezier(.3,.7,.4,1)}@keyframes card-thud{0%{transform:none}35%{transform:translateY(3px) rotate(-.5deg) scale(.985)}65%{transform:translateY(-1px) rotate(.25deg)}to{transform:none}}.stamp-legend .fit-stamp{color:var(--user)}.stamp-surge .fit-stamp{color:#ff8a4a}.stamp-buzz .fit-stamp{color:#56b4e9}.stamp-meh .fit-stamp{color:var(--text-dim)}.stamp-silent .fit-stamp{color:var(--noise)}.stamp-silent .fit-big,.stamp-meh .fit-big{color:var(--text-dim)}.fit-cap-note{margin-top:6px;font-size:11px;color:var(--text-dim)}.judge-reason{margin:12px 0 8px;font-size:12px;color:var(--text-dim);line-height:1.5;white-space:pre-line}.judge-synergy,.judge-breakdown{margin:4px 0 0;font-size:11px;color:var(--text-dim);line-height:1.5}.judge-breakdown{color:#ffd36c;opacity:.9}.reactions{text-align:left;margin:8px 0}.reaction{margin:6px 0;font-size:13px;background:var(--panel-2);border-radius:10px;padding:8px 10px;opacity:0;animation:reaction-in .3s ease-out forwards}@keyframes reaction-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.judge-foot{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:10px 0 12px;color:var(--text)}.judge-ok{margin:0;max-width:none}.briefing-backdrop,.breakthrough-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:145;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 38%,rgba(25,240,195,.13),transparent 42%),#030812db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.briefing-card,.breakthrough-card{position:relative;width:min(440px,100%);overflow:hidden;border:1px solid rgba(104,255,220,.35);border-radius:22px;padding:26px;color:var(--text);text-align:center;background:linear-gradient(145deg,#121d30fa,#070d19fa);box-shadow:0 24px 90px #0000008c,0 0 50px #19f0c314;animation:briefing-enter .42s cubic-bezier(.2,.85,.25,1.08) both}.briefing-kicker,.breakthrough-kicker{margin:0 0 8px;color:var(--user);font-size:10px;font-weight:900;letter-spacing:.2em}.briefing-card h2,.breakthrough-card h2{margin:0;font-size:clamp(22px,5vw,30px)}.briefing-run{margin:8px 0 20px;color:var(--text-dim);font-size:12px}.briefing-goal{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(104,255,220,.22);border-radius:14px;text-align:left;background:#19f0c312}.briefing-goal-icon{font-size:30px}.briefing-goal strong{color:var(--user);font-size:12px}.briefing-goal p{margin:3px 0 0;font-size:14px;line-height:1.45}.briefing-rules{display:grid;gap:8px;margin:16px 0 20px;text-align:left}.briefing-rules p{display:grid;grid-template-columns:24px 1fr;gap:6px;margin:0;color:var(--text-dim);font-size:12px;line-height:1.45}.briefing-start,.breakthrough-ok{width:100%;max-width:none}.breakthrough-backdrop{background:radial-gradient(circle at 50% 50%,rgba(255,184,56,.24),transparent 44%),#030812d1}.breakthrough-card{border-color:#ffcb5b7a;box-shadow:0 24px 90px #00000094,0 0 80px #ffb83824}.breakthrough-rings{position:absolute;inset:50% auto auto 50%;width:160px;aspect-ratio:1;border:1px solid rgba(255,211,112,.5);border-radius:50%;transform:translate(-50%,-58%);animation:breakthrough-ring 1.4s ease-out infinite;pointer-events:none}.breakthrough-rings:before,.breakthrough-rings:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,211,112,.34);border-radius:inherit}.breakthrough-rings:after{top:42px;right:42px;bottom:42px;left:42px}.breakthrough-kicker{color:#ffd36c}.breakthrough-value{position:relative;margin:18px 0 6px;color:#fff0b0;font-size:clamp(50px,15vw,76px);font-weight:950;letter-spacing:-.06em;line-height:1;text-shadow:0 0 32px rgba(255,188,62,.58);animation:breakthrough-pulse .9s ease-in-out infinite alternate}.breakthrough-desc{position:relative;margin:14px auto 20px;max-width:360px;color:var(--text-dim);font-size:12px;line-height:1.55}@keyframes briefing-enter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes breakthrough-ring{0%{opacity:.75;transform:translate(-50%,-58%) scale(.72)}to{opacity:0;transform:translate(-50%,-58%) scale(1.75)}}@keyframes breakthrough-pulse{0%{transform:scale(.98)}to{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.judge-card.judging .judge-plane,.typing-dots i{animation:none}.fit-stamp.on{animation:none;opacity:1;transform:rotate(-4deg)}.judge-card.stamped{animation:none}.reaction{animation:none;opacity:1}.briefing-card,.breakthrough-card,.breakthrough-rings,.breakthrough-value{animation:none}}.judge-skip{margin-top:12px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:12px;animation:judge-skip-in .25s ease-out both}.judge-skip:hover{color:var(--text);border-color:var(--text-dim)}@keyframes judge-skip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.judge-card.failed{text-align:center}.judge-fail-note{margin:8px 0 14px;font-size:13px;line-height:1.55;color:var(--text)}.judge-fail-actions{display:flex;flex-direction:column;gap:7px}.judge-fail-actions .btn-ghost{border:1px solid var(--line);border-radius:12px}.judge-fail-sub{margin:10px 0 0;font-size:11px;color:var(--text-dim)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overscroll-behavior:none}:root{--bg: #0b1220;--land: #1c2a3a;--panel: #121c2e;--panel-2: #1a2740;--line: #2a3b58;--text: #e8eef8;--text-dim: #8fa1bd;--user: #ffc400;--npc-1: #56b4e9;--npc-2: #d55e00;--npc-3: #b48eff;--npc-4: #21c8a0;--noise: #6b7a93;--grade-c: #8fa1bd;--grade-b: #56b4e9;--grade-a: #b07cff;--grade-s: #ffc400;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body{background:var(--bg);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;min-height:44px}:focus-visible{outline:2px solid var(--user);outline-offset:2px}input,textarea{font:inherit;-webkit-user-select:text;user-select:text}.judge-reason,.reaction,.queue-reason,.queue-reaction{-webkit-user-select:text;user-select:text}