:root{--gold: #ffcc4d;--gold2: #f59e0b;--orange: #ff7a1a;--ki: #38c8ff;--ki2: #2a7dff;--ink: #e9eef8;--dim: #9aa6bd;--dim2: #6b7690;--glass: rgba(9, 19, 52, .88);--glass2: rgba(11, 23, 62, .93);--edge: rgba(255, 170, 60, .45);--edge2: rgba(110, 180, 255, .34);--panel: linear-gradient(170deg, rgba(26, 52, 120, .93), rgba(10, 21, 58, .93) 45%, rgba(6, 12, 36, .95));--panel-edge: inset 0 0 0 1.5px rgba(110, 180, 255, .5), inset 0 2px 0 2px rgba(160, 210, 255, .12);--cut: polygon(14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px);--cut-s: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px);--plate: repeating-linear-gradient(-60deg, rgba(255, 255, 255, .1) 0 3px, transparent 3px 9px), linear-gradient(90deg, #ff5a00, #ff9a00 55%, #ffc23a);--c1: #9aa6b5;--c2: #2fc26a;--c3: #2f9bff;--c4: #c45cff;--c5: #ffb820;--c6: #ff5cc8;--hp: #44e07a;--hpe: #ff5050;--r: 10px;--font: "Rubik", system-ui, "Segoe UI", sans-serif;--display: "Bangers", "Rubik", system-ui, sans-serif}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#070a14;color:var(--ink);font:500 13px/1.35 var(--font);overflow:hidden;user-select:none}#world canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}.pend{color:#ff9b57;font-style:normal;cursor:help}#overlays{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ubar{position:absolute;transform:translate(-50%,-100%);width:74px;--tick: 25%;--ki: 33.3%}.ubar .stars{text-align:center;font-size:13px;line-height:12px;color:#cfd8e6;text-shadow:0 0 3px #000,0 0 2px #000;letter-spacing:-1px}.ubar .stars.s2{color:#f2f6ff}.ubar .stars.s3{color:var(--gold);text-shadow:0 0 6px #f90,0 0 2px #000}.ubar .hp{height:9px;background:#12161f;border:1px solid #000;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0009}.ubar .hp i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#7cf5a0,var(--hp) 60%,#27a956);transition:width .12s}.ubar .hp:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--tick) - 1px),rgba(0,0,0,.65) calc(var(--tick) - 1px) var(--tick))}.ubar .hp u{position:absolute;left:0;top:0;height:3px;background:#f4f4f4;opacity:.9}.ubar.enemy .hp i{background:linear-gradient(#ff8c8c,var(--hpe) 60%,#b62a2a)}.ubar .mp{height:4px;background:#0b0e16;border:1px solid #000;border-top:0;position:relative}.ubar .mp i{display:block;height:100%;background:linear-gradient(#9ae6ff,var(--ki))}.ubar .mp:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--ki) - 1px),#000 calc(var(--ki) - 1px) var(--ki))}.ubar .its{display:flex;justify-content:center;gap:1px;margin-top:2px}.ubar .its img{width:16px;height:16px;border:1px solid #000;border-radius:3px}.dmg{position:absolute;font:400 19px/1 var(--display);letter-spacing:.03em;-webkit-text-stroke:1px rgba(0,0,0,.65);text-shadow:0 2px 2px #000;animation:rise .8s ease-out forwards;transform:translate(-50%,-50%)}.dmg.physical{color:#ffa040}.dmg.magic{color:#5ab4ff}.dmg.true{color:#fff}.dmg.heal{color:#5ce68a}.dmg.crit{font-size:25px;color:#ffdf4d}@keyframes rise{to{margin-top:-40px;opacity:0}}.tbar{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.tbar .tn{display:block;font-size:12px;font-weight:800;color:#eef3ff;text-shadow:0 1px 2px #000,0 0 3px #000}.tbar.me .tn{color:var(--gold)}.tbar .th{display:block;width:58px;height:6px;margin:2px auto 0;background:#12161f;border:1px solid #000;border-radius:3px;overflow:hidden}.tbar .th i{display:block;height:100%;background:linear-gradient(#ffe27a,#e39a17);transition:width .5s}.clickmark{position:absolute;width:24px;height:12px;margin:-6px 0 0 -12px;border:2px solid #7cf27c;border-radius:50%;animation:click .5s ease-out forwards}@keyframes click{0%{transform:scale(1.6);opacity:1}to{transform:scale(.4);opacity:0}}#banners{position:fixed;left:0;right:0;top:17%;display:flex;justify-content:center;pointer-events:none;z-index:4}.banner{position:relative;text-align:center;padding:10px 90px 12px;background:linear-gradient(90deg,transparent,rgba(8,12,26,.92) 18%,rgba(8,12,26,.92) 82%,transparent);animation:banner 2s ease-out forwards}.banner:before,.banner:after{content:"";position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.banner:before{top:0}.banner:after{bottom:0}.banner .b-title{font:400 44px/1 var(--display);letter-spacing:.05em;color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.4);text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 22px rgba(255,255,255,.25)}.banner .b-sub{font-size:15px;font-weight:600;color:#c9d4e8;margin-top:4px}.banner.round .b-title{color:var(--gold);text-shadow:0 3px 0 #7a3d00,0 0 24px rgba(255,160,40,.5)}.banner.combat .b-title{color:#ffe3c2}.banner.victory .b-title{color:#ffd34d;text-shadow:0 3px 0 #8a4b00,0 0 30px #ff9900;font-size:58px}.banner.defeat .b-title{color:#ff6a5a;text-shadow:0 3px 0 #5a0000,0 0 30px #c00;font-size:58px}.banner.draw .b-title{color:#cfd8e6;font-size:52px}.banner.level .b-title{color:#7fd6ff;text-shadow:0 3px 0 #0b3d6b,0 0 24px #2a9dff}.banner.shenron .b-title{color:#8cff7a;text-shadow:0 3px 0 #0d4a14,0 0 24px #2a6}@keyframes banner{0%{opacity:0;transform:scaleX(.5)}9%{opacity:1;transform:scaleX(1.04)}14%{transform:none}80%{opacity:1}to{opacity:0}}.popup{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:800;text-shadow:0 1px 2px #000,0 0 3px #000;animation:pop 1.6s ease-out forwards;white-space:nowrap}.popup.hurt{color:#ff4b3a;font:400 32px/1 var(--display);letter-spacing:.04em}.popup.gold{color:var(--gold);font-size:20px}.popup.gold small{font-size:11px;color:var(--ink);font-weight:600}.popup.orb{flex-direction:row;gap:4px;padding:4px 7px;background:#080c1ad9;border:1px solid var(--edge);border-radius:8px}.popup.orb img{width:28px;height:28px;border:1px solid #000;border-radius:4px}.popup.orb .ou{border-radius:50%}.popup.orb .og{display:flex;align-items:center;gap:2px;color:var(--gold);font-size:17px}.popup.orb .og img{width:16px;height:16px;border:0}@keyframes pop{0%{opacity:0;margin-top:10px}12%{opacity:1;margin-top:0}75%{opacity:1}to{opacity:0;margin-top:-26px}}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:3}#flash.on{animation:flash .6s ease-out}@keyframes flash{0%{opacity:.85}to{opacity:0}}#hud>*{position:fixed}.glass{background:var(--glass);border:1px solid var(--edge2);border-radius:var(--r);box-shadow:0 6px 18px #00000073;backdrop-filter:blur(6px)}#topbar{top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:5px 16px 5px 0;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s)}#stage-label{align-self:stretch;display:flex;align-items:center;font:400 24px/1 var(--display);letter-spacing:.06em;color:#fff;-webkit-text-stroke:1px #2a0d00;paint-order:stroke fill;text-shadow:0 2px 0 #2a0d00;background:var(--plate);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);margin:-5px 0;padding:4px 20px 2px 14px;min-width:34px}#round-track{display:flex;gap:4px;align-items:center}#round-track img{width:22px;height:22px;opacity:.8}#round-track img.cur{width:30px;height:30px;opacity:1;filter:drop-shadow(0 0 5px var(--gold))}#timer{width:170px;height:16px;background:#050a1e;box-shadow:inset 0 0 0 1px #6eb4ff59;position:relative;overflow:hidden;transform:skew(-14deg)}#timer-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ffe14a,#ff9a00 60%,#ff6a00);transition:width .25s linear}#timer.low #timer-fill{background:linear-gradient(#ff9a7a,#d93a2a)}#timer-text{position:absolute;inset:0;text-align:center;font-size:11px;line-height:16px;font-weight:800;text-shadow:0 1px 2px #000;transform:skew(14deg)}#phase-label{min-width:90px;color:var(--ink);font:800 italic 15px/1 var(--cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}#hud-tools{top:10px;right:10px;display:flex;gap:6px}.tool{height:32px;padding:0 12px;background:var(--panel);color:#d6deee;border:0;box-shadow:var(--panel-edge);clip-path:var(--cut-s);font:800 italic 13px var(--cond);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tool.icon{width:32px;padding:0;font-size:15px}.tool:hover{box-shadow:inset 0 0 0 1.5px var(--fz-or, #ff8a00);color:#fff}#btn-view.on,.tool.on{background:linear-gradient(#ffe14a,#ff9a00);color:#1a0a00;box-shadow:none}#traits{left:10px;top:64px;width:206px;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 360px);overflow:hidden}.trait{display:flex;align-items:center;gap:7px;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);padding:3px 8px 3px 4px;pointer-events:auto}.trait:hover{box-shadow:inset 0 0 0 1.5px var(--edge)}.trait .hexi{width:32px;height:36px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#2a3350;flex:none}.trait .hexi img{width:26px;height:26px;border-radius:50%}.trait.t1 .hexi{background:linear-gradient(#d18a55,#8e4f27)}.trait.t2 .hexi,.trait.t3 .hexi{background:linear-gradient(#e3edf5,#8aa2b3)}.trait.t4 .hexi{background:linear-gradient(#ffe68a,#d69a14)}.trait.t5 .hexi,.trait.t6 .hexi{background:linear-gradient(135deg,#8ff,#f8f,#ff8)}.trait .cnt{font-weight:900;font-size:15px;width:16px;text-align:center}.trait .nm{font-weight:700}.trait .bp{color:var(--dim2);font-size:11px;font-weight:600}.trait .bp b{color:#fff}.trait.off{opacity:.72}.trait.off .cnt{color:var(--dim)}.trait.off .hexi img{filter:grayscale(1) brightness(.75)}#players{right:10px;top:54px;width:214px;display:flex;flex-direction:column;gap:4px}.pl{display:flex;align-items:center;gap:6px;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);padding:3px 9px 3px 3px;pointer-events:auto;position:relative}.pl .av{width:34px;height:34px;border-radius:50%;border:2px solid #3d5a9a;background:#0e1424;object-fit:cover;flex:none}.pl.me{background:linear-gradient(90deg,#ff780080,#0a153aed 62%);box-shadow:inset 0 0 0 1.5px #ffaa3ccc}.pl.me .av{border-color:var(--gold)}.pl.dead{opacity:.4;filter:grayscale(1)}.pl.opp{box-shadow:inset 0 0 0 2px #ff5a5a,inset 0 0 14px #ff464680}.pl .pi{flex:1;min-width:0}.pl .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700;display:flex;align-items:center;gap:3px}.pl .stk{width:13px;height:13px}.pl .hpb{height:5px;background:#050a1e;margin-top:3px;overflow:hidden;transform:skew(-14deg)}.pl .hpb i{display:block;height:100%;background:linear-gradient(90deg,#ff6a00,#ffe14a);transition:width .6s}.pl .hpn{font:400 18px/1 var(--display);letter-spacing:.03em;width:30px;text-align:right}.pl .lv{color:var(--dim);font-size:10px;font-weight:700;background:#12182a;border-radius:8px;padding:0 5px}.pl .db{color:#ffb43a;font-size:11px;font-weight:900;text-shadow:0 0 4px #f60}#itembench{left:10px;bottom:196px;display:grid;grid-template-columns:repeat(2,42px);gap:5px}.item{width:42px;height:42px;border:1px solid #000;border-radius:4px;outline:1.5px solid var(--edge2);background:#0b1638 center/cover;pointer-events:auto;cursor:grab;box-shadow:0 2px 6px #00000080}.item:hover{outline-color:var(--gold)}.item.done{outline:2px solid var(--gold)}#augments-owned{right:10px;bottom:196px;display:flex;gap:5px}#augments-owned img{width:38px;height:38px;border-radius:50%;border:2px solid var(--edge);background:#121726;pointer-events:auto}#bottom{left:50%;bottom:8px;transform:translate(-50%);display:flex;flex-direction:column;gap:0;width:min(1020px,calc(100vw - 20px))}#bottom-top{display:grid;grid-template-columns:196px 1fr;align-items:end;position:relative;height:30px}#level{display:flex;align-items:center;gap:8px;height:26px;padding:0 10px;margin-left:6px;background:var(--glass2);box-shadow:inset 0 1.5px #6eb4ff80;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}#level-num{font:400 18px/1 var(--display);letter-spacing:.05em;color:var(--ki);white-space:nowrap}#xpbar{flex:1;height:6px;background:#0b0f1b;border-radius:3px;overflow:hidden}#xpfill{height:100%;background:linear-gradient(90deg,var(--ki2),var(--ki));width:0;transition:width .3s}#xp-text{font-size:11px;color:var(--dim);font-weight:700}#goldbox{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);display:flex;align-items:center;gap:6px;height:34px;padding:0 20px 0 16px;background:linear-gradient(#3a2408,#170d02);box-shadow:inset 0 0 0 1.5px #ffbe3cbf;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);z-index:2}#goldbox img{width:22px}#gold{font:400 26px/1 var(--display);letter-spacing:.04em;color:var(--gold);min-width:24px}#interest{display:flex;gap:2px}#interest i{width:7px;height:7px;border-radius:50%;background:#2a2f39;border:1px solid #000}#interest i.on{background:var(--gold);box-shadow:0 0 4px var(--gold)}#streak{font-size:12px;font-weight:800;display:flex;align-items:center;gap:2px}#streak:empty{display:none}#streak img{width:18px}#shopbar{justify-self:end;display:flex;align-items:center;gap:12px;height:26px;padding:0 6px 0 12px;margin-right:6px;background:var(--glass2);box-shadow:inset 0 1.5px #6eb4ff80;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);font-size:12px;font-weight:700}#odds{display:flex;gap:8px}#odds span{font-weight:800}#board-count{color:var(--dim);white-space:nowrap}#board-count b{color:#fff;font-size:13px}#board-count b.room{color:#ff9b57}#btn-lock{background:none;border:0;font-size:14px;padding:0 4px}#bottom-main{display:flex;gap:8px;padding:8px;background:var(--panel);box-shadow:var(--panel-edge),inset 0 -40px 60px -30px #508cff40;clip-path:var(--cut)}#leftbox{display:flex;flex-direction:column;gap:6px;width:172px;flex:none}.act{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;background:linear-gradient(#22408c,#122660);border:0;box-shadow:inset 0 0 0 1.5px #6eb4ff8c,inset 0 2px #b4dcff40;clip-path:var(--cut-s);text-align:left;transition:transform .06s,box-shadow .1s}.act span{display:flex;flex-direction:column}.act b{font:400 19px/1 var(--display);letter-spacing:.05em}.act small{font-size:10px;color:var(--dim);font-weight:700}.act em{font-style:normal;color:var(--gold);font-weight:900;font-size:16px;display:flex;align-items:center;gap:3px}.act em img{width:16px}#btn-xp{background:linear-gradient(#1d5aa8,#103a78)}.act:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--fz-or, #ff8a00),inset 0 2px #ffdca059;transform:translateY(-1px)}.act:active:not(:disabled){transform:translateY(1px)}.act:disabled{opacity:.45;cursor:default}#shopwrap{position:relative;flex:1;min-width:0}#shop{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#shop.closed{display:flex;align-items:center;justify-content:center;min-height:112px}#shop .shut{color:var(--dim);font-size:15px;font-weight:700}.card{--cc: var(--c1);height:112px;position:relative;border:2px solid var(--cc);clip-path:var(--cut-s);background:#0a1a48 center 10%/cover;background-color:color-mix(in srgb,var(--cc) 22%,#0a1a48);cursor:pointer;overflow:hidden;transition:transform .08s,box-shadow .12s,opacity .12s;box-shadow:inset 0 0 0 1px #0009}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%,transparent 50%,rgba(4,8,26,.95) 88%),linear-gradient(0deg,var(--cc) 0 3px,transparent 3px);pointer-events:none}.card:hover:not(.empty):not(.bought){transform:translateY(-3px);box-shadow:0 6px 14px #00000080,0 0 0 1px #fff4}.card:active:not(.empty){transform:translateY(0) scale(.98)}.card.empty{background:#ffffff08;border:2px dashed #2a3350;cursor:default}.card.bought{opacity:0;transform:translateY(-14px) scale(.96);pointer-events:none;transition:transform .14s ease-out,opacity .14s ease-out}.card.c2{--cc: var(--c2)}.card.c3{--cc: var(--c3)}.card.c4{--cc: var(--c4)}.card.c5{--cc: var(--c5)}.card.c6{--cc: var(--c6)}.card .tr{position:absolute;left:6px;top:6px;display:flex;flex-direction:column;gap:1px;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000;z-index:1}.card .tr span{display:flex;align-items:center;gap:3px}.card .tr img{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #000}.card .nmb{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:4px 8px 6px;font:400 18px/1 var(--display);letter-spacing:.04em;z-index:1;text-shadow:0 2px 0 #000,0 0 4px #000}.card .nmb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .nmb em{font-style:normal;display:flex;align-items:center;gap:3px;color:#fff}.card .nmb img{width:14px}.card .have{position:absolute;right:6px;top:6px;font-size:11px;font-weight:900;color:#fff;background:#000000a6;padding:1px 6px;border-radius:999px;z-index:1}.card.own{box-shadow:inset 0 0 0 2px #fff5,0 0 10px #fff4}.card.starup{box-shadow:inset 0 0 0 2px var(--gold),0 0 16px var(--gold);animation:starup 1s ease-in-out infinite alternate}@keyframes starup{to{box-shadow:inset 0 0 0 2px var(--gold),0 0 26px var(--gold)}}.card.starup .have{color:#1a1205;background:var(--gold)}.card.poor{filter:grayscale(.85) brightness(.55)}.card .pend-art{position:absolute;inset:0;display:grid;place-items:center;color:#6c7584;font-size:11px}#sellzone{position:absolute;inset:0;display:none;place-items:center;border-radius:10px;background:repeating-linear-gradient(-45deg,#781414e0 0 14px,#5f0e0ee0 14px 28px);border:2px dashed #ff8a7a;text-align:center;z-index:3;pointer-events:none}#sellzone small{display:block;font-size:12px;font-weight:700;color:#ffd0c8;letter-spacing:.08em;text-transform:uppercase}#sellzone b{display:flex;align-items:center;justify-content:center;gap:6px;font:400 34px/1 var(--display);letter-spacing:.05em;color:#fff;text-shadow:0 2px 0 #500}#sellzone b img{width:28px}#sellzone b span{color:var(--gold)}#shopwrap.selling #sellzone{display:grid}#shopwrap.selling.over #sellzone{background:repeating-linear-gradient(-45deg,#be1e1ef2 0 14px,#961414f2 14px 28px);border-style:solid;border-color:#fff;box-shadow:0 0 24px #ff3c3cb3}#btn-ready{right:10px;bottom:10px;min-width:128px;height:46px;padding:0 22px;color:#fff;border:0;font:400 26px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.2px #3a1200;paint-order:stroke fill;text-shadow:0 2px 0 #3a1200;background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:inset 0 -4px #781e0073,inset 0 2px #fff9}#btn-ready small{font:800 10px var(--font);-webkit-text-stroke:0;text-shadow:none;opacity:.75;margin-left:4px;letter-spacing:0}#btn-ready:hover{filter:brightness(1.08)}#btn-arc{right:150px;bottom:10px;height:46px;background:linear-gradient(#8a64e0,#4b30a0);border:0;box-shadow:inset 0 0 0 1.5px #c7b0ff;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding:0 24px;font:400 21px/1 var(--display);letter-spacing:.05em;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{box-shadow:inset 0 0 0 2px #fff,inset 0 0 18px #d9c8ff}}#help{left:50%;transform:translate(-50%);top:54px;font-size:11px;color:#dce4f58c;pointer-events:none;white-space:nowrap;text-shadow:0 1px 2px #000}#help b{color:#ffdc8ccc}#toast{left:50%;top:80px;transform:translate(-50%);background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);padding:8px 18px;font-weight:700;opacity:0;transition:opacity .25s;pointer-events:none;max-width:70vw;text-align:center;z-index:6}#toast.on{opacity:1}#log{left:226px;top:66px;font-size:11px;color:var(--dim);max-width:260px;pointer-events:none;text-shadow:0 1px 1px #000;opacity:.8}#modal{position:fixed;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,#060e2c80,#03061438);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:5}#modal h2{margin:0;color:#fff;font:400 40px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.5px #2a0d00;paint-order:stroke fill;text-shadow:0 3px 0 #2a0d00;background:var(--plate);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);padding:10px 46px 8px}@media (min-width: 641px) and (min-height: 521px){#modal.encounter,#modal.arcs,#modal.shenron,#modal[data-armory]{padding-bottom:120px;box-sizing:border-box}}#modal>small,#modal .hint{color:#e3ebff;font:700 italic 14px var(--cond);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 8px #000}#modal h2 .tier{font:700 14px var(--font);color:#fff;background:#3a4560;padding:3px 10px;border-radius:999px;vertical-align:middle;letter-spacing:0}#modal.arcs.t-KingKai h2 .tier{background:#b8902c}#modal.arcs.t-Whis h2 .tier{background:linear-gradient(90deg,#6cf,#c8f,#fc8);color:#111}#modal.shenron{background:radial-gradient(#143c1eb3,#0009)}#modal.shenron h2{background:repeating-linear-gradient(-60deg,rgba(255,255,255,.1) 0 3px,transparent 3px 9px),linear-gradient(90deg,#0d7a2a,#2fc24a 55%,#9cff6a)}#modal .row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:1100px}.aug{width:236px;min-height:260px;background:var(--panel);box-shadow:var(--panel-edge),inset 0 -40px 60px -30px #508cff40;clip-path:var(--cut);padding:16px;text-align:center;cursor:pointer;transition:transform .1s,box-shadow .1s}.aug:hover,.offer:hover{box-shadow:inset 0 0 0 2px var(--fz-or, #ff8a00),inset 0 0 26px #ff961e59;transform:translateY(-4px)}.aug img{width:86px;height:86px;border-radius:50%;background:#0a0f1e;border:2px solid var(--edge)}.aug h3{margin:10px 0 6px;color:#fff;font:400 24px/1 var(--display);letter-spacing:.05em}.aug p{font-size:12px;color:#c4cde0;text-align:left}.btn{background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);border:0;color:#fff;font:400 20px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1px #3a1200;paint-order:stroke fill;text-shadow:0 2px 0 #3a1200;padding:11px 28px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:inset 0 -4px #781e0073,inset 0 2px #fff9}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px)}.btn.ghost{background:linear-gradient(#22408c,#122660);-webkit-text-stroke:0;text-shadow:0 2px 0 #000;color:#e3ebff;box-shadow:inset 0 0 0 1.5px #6eb4ff8c}.offer{width:150px;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);padding:10px 8px;cursor:pointer;text-align:center;font-weight:700}.offer .card{width:100%;height:90px;pointer-events:none}.offer .item{margin:6px auto 0;pointer-events:none}.offer.taken{opacity:.25;pointer-events:none}#tip{position:fixed;z-index:9;max-width:340px;background:linear-gradient(170deg,#1a3478fa,#0a153afa 45%,#060c24fa);box-shadow:inset 0 0 0 1.5px #6eb4ff8c;clip-path:var(--cut-s);padding:10px 14px;pointer-events:none;font-size:12px}#tip h4{margin:0 0 4px;font-size:15px;color:#fff}#tip .sub{color:var(--dim);margin-bottom:6px}#tip .sub.pend{color:#d9a441}#tip .tiph{display:flex;gap:9px;align-items:center;margin-bottom:4px}#tip .tiph>img{width:46px;height:46px;border:1px solid var(--edge);border-radius:8px;flex:none;object-fit:cover}#tip .st.s3{color:var(--gold)}#tip .coin{width:12px;vertical-align:-2px}#tip .fm{width:22px;height:22px;vertical-align:middle;border-radius:50%}#tip .stats{display:grid;grid-template-columns:repeat(4,auto);gap:3px 10px;margin:6px 0}#tip .stats span{color:var(--dim)}#tip .stats b{color:#fff;display:inline;font:700 12px/1.35 var(--font);letter-spacing:0}#tip .tits{display:flex;flex-direction:column;gap:2px;margin-top:4px}#tip .tits span{display:flex;align-items:center;gap:5px}#tip .tits img{width:18px;height:18px;border-radius:3px}#tip .recipe img{width:16px;height:16px;vertical-align:-4px;margin-right:2px}#tip .tunits{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}#tip .tunits img{width:30px;height:30px;border:2px solid var(--c1);border-radius:5px}#tip .tunits img.c2{border-color:var(--c2)}#tip .tunits img.c3{border-color:var(--c3)}#tip .tunits img.c4{border-color:var(--c4)}#tip .tunits img.c5{border-color:var(--c5)}#tip .ab{display:flex;gap:8px;margin-top:6px}#tip .ab img{width:36px;height:36px;flex:none}#tip .ic{color:var(--gold);font-weight:700;font-size:10px}#tip .sellhint{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);color:var(--dim);font-weight:600}#tip .sellhint b{color:var(--gold)}#tip .sellhint kbd{font:800 10px var(--font);color:#fff;background:#2a3350;border-radius:4px;padding:1px 5px}#drag{position:fixed;z-index:8;pointer-events:none;transform:translate(-50%,-50%)}#modal.end{background:radial-gradient(ellipse at 50% 30%,#1e2850e6,#02040af2)}#modal.end .end-wrap{display:flex;gap:28px;align-items:flex-start;max-width:1180px}#modal.end .end-main{display:flex;flex-direction:column;align-items:center;gap:14px}.end h2{font-size:60px!important}.end .place{position:relative}.end .place img{width:128px;height:128px;border-radius:50%;border:4px solid #8a93a1;object-fit:cover;background:#10141c}.end .place b{position:absolute;right:-16px;bottom:-6px;font:400 48px/1 var(--display);color:#fff;text-shadow:0 3px 0 #000}.end .place.p1 img{border-color:var(--gold);box-shadow:0 0 40px var(--gold)}.end .place.p2 img,.end .place.p3 img,.end .place.p4 img{border-color:#dbe4f2}.end .lp{font-weight:900;font-size:18px}.end .lp.up{color:#5ce68a}.end .lp.down{color:#ff7a6a}.end .lp small{color:var(--dim);font-weight:600;font-size:12px}.end table{border-collapse:collapse;background:var(--panel);clip-path:var(--cut-s)}.end td{padding:5px 12px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.end tr.me{color:var(--gold);background:#ffcc4d14}.end .pn{font-weight:900}.end .av{width:28px;height:28px;border-radius:50%}.end .units{display:flex;gap:2px}.end .units img{width:28px;height:28px;border:1px solid #333;border-radius:4px}.end .units img.s2{border-color:#dbe4f2}.end .units img.s3{border-color:var(--gold)}.end .end-board{width:300px;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut);padding:12px 14px}.end .end-board h3{margin:0 0 8px;font:400 24px/1 var(--display);letter-spacing:.05em;color:var(--gold)}.end .end-actions{display:flex;gap:10px}.fzc{--cc: var(--c1);position:relative;width:230px;height:380px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;clip-path:var(--cut);background:radial-gradient(ellipse 90% 60% at 50% 28%,color-mix(in srgb,var(--cc) 40%,#2a5ad0),#0a1640 72%);box-shadow:inset 0 0 0 2px var(--cc),inset 0 0 0 4px #0000008c;transition:transform .12s,filter .12s;animation:fzc-in .45s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * .08s)}.fzc.c2{--cc: var(--c2)}.fzc.c3{--cc: var(--c3)}.fzc.c4{--cc: var(--c4)}.fzc.c5{--cc: var(--c5)}.fzc:hover{transform:translateY(-6px) scale(1.02);filter:drop-shadow(0 0 16px rgba(255,160,30,.65))}.fzc:hover .fzc-art{transform:scale(1.04)}.fzc-art{position:absolute;inset:0 0 34%;background:center top/cover no-repeat;transition:transform .2s}.fzc:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-conic-gradient(from 0deg at 50% 30%,rgba(255,255,255,.06) 0 3deg,transparent 3deg 12deg);mix-blend-mode:screen}.fzc-cost{position:absolute;top:10px;right:12px;z-index:2;display:flex;align-items:center;gap:3px;font:400 22px/1 var(--display);color:#fff;text-shadow:0 2px 0 #000;background:#050a1ebf;padding:4px 10px 3px 6px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);box-shadow:inset 0 -2px 0 var(--cc)}.fzc-cost img{width:18px}.fzc-body{position:relative;z-index:2;padding:26px 14px 14px;background:linear-gradient(transparent,#060c24eb 22%,#060c24f7);display:flex;flex-direction:column;gap:6px}.fzc-name{font:400 30px/1 var(--display);letter-spacing:.05em;color:#fff;-webkit-text-stroke:1px #000;paint-order:stroke fill;text-shadow:0 3px 0 #000}.fzc-role{align-self:flex-start;margin-top:-2px;font:800 italic 13px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#1a0a00;background:linear-gradient(90deg,#ffe14a,#ff9a00);padding:3px 12px 2px 8px;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}.fzc-traits{display:flex;flex-wrap:wrap;gap:4px 10px}.fzc-traits span{display:flex;align-items:center;gap:5px;font:700 13px var(--font);color:#e3ebff}.fzc-traits img{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1px #000}.fzc-sig{border-top:1px solid rgba(120,170,255,.25);padding-top:6px;display:flex;flex-direction:column;gap:1px}.fzc-sig small{font:800 italic 10px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--fz-edge2, #8fd0ff)}.fzc-sig b{font:800 italic 17px/1.1 var(--cond);color:#ffd27a;letter-spacing:.02em}.fzc-sig span{font-size:12px;color:#b8c6e6}@keyframes fzc-in{0%{opacity:0;transform:translateY(30px) scale(.94)}}#bossbar{left:50%;top:56px;transform:translate(-50%);width:min(520px,calc(100vw - 580px));min-width:300px;height:96px;pointer-events:none;animation:bb-in .5s cubic-bezier(.2,1.4,.4,1)}#bossbar .bb-face{position:absolute;left:-6px;top:0;width:64px;height:64px;object-fit:cover;object-position:50% 15%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#3a0c0c;z-index:2;filter:drop-shadow(0 2px 2px #000)}#bossbar .bb-life{position:absolute;left:30px;right:0;top:-12px;aspect-ratio:4 / 1;max-height:130px}#bossbar .bb-frame{position:absolute;inset:0;width:100%;height:100%}#bossbar .bb-bar{position:absolute;left:3.32%;top:35.94%;width:89.65%;height:28.13%;clip-path:polygon(0 0,94.66% 0,100% 100%,5.23% 100%);overflow:hidden;transform:scaleX(-1)}#bossbar .bb-bar i{position:absolute;left:0;top:0;bottom:0}#bossbar .bb-trail{background:linear-gradient(#ffb3a3,#e2241b 45%,#a2110d)}#bossbar .bb-fill{background:linear-gradient(#fffbd8 0 14%,#ffe25a 18%,#ffc21a 55%,#f09a00);box-shadow:inset 0 -3px #c56b0066;transition:width .06s linear}#bossbar .bb-half{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#000000b3}#bossbar.phase2 .bb-fill{background:linear-gradient(#fff 0 12%,#ff9b6a 18%,#ff4a1a 55%,#c41400);animation:bb-rage .6s ease-in-out infinite alternate}#bossbar.phase2 .bb-half{display:none}#bossbar .bb-name{position:absolute;left:70px;top:70px;display:flex;align-items:baseline;gap:8px;font:400 22px/1 var(--display);letter-spacing:.05em;color:#fff3d7;-webkit-text-stroke:1px #2a1a0c;paint-order:stroke fill;text-shadow:0 2px 0 #000;white-space:nowrap}#bossbar .bb-name small{font:800 italic 12px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#ff9a5a;-webkit-text-stroke:0}#bossbar.phase2 .bb-name small:after{content:" · enraged";color:#ff5a3a}#bossbar.down{opacity:.5;filter:grayscale(.7);transition:opacity .6s}@keyframes bb-in{0%{opacity:0;transform:translate(-50%) scaleX(.6)}}@keyframes bb-rage{to{filter:brightness(1.35)}}.callout.boss b{color:#ffd0c0;text-shadow:0 0 28px #ff2a00,0 0 8px #fff,0 4px 4px #000}.callout.boss small{color:#ff8a5a;letter-spacing:.4em}.dmg.armor{color:#c9d6ea;font-size:15px;letter-spacing:.12em}body.metering #traits,body.bossing #help{display:none}#meter{left:10px;top:64px;width:256px;max-height:calc(100vh - 290px);display:flex;flex-direction:column;background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut);pointer-events:auto;z-index:1;--bar: linear-gradient(90deg, #ff5a00, #ffb020)}#meter[data-tab=taken]{--bar: linear-gradient(90deg, #a81020, #ff4a4a)}#meter[data-tab=heal]{--bar: linear-gradient(90deg, #14963e, #5ce68a)}#meter .m-h{display:flex;align-items:center;justify-content:space-between;font:400 22px/1 var(--display);letter-spacing:.06em;color:#fff;-webkit-text-stroke:1px #2a0d00;paint-order:stroke fill;text-shadow:0 2px 0 #2a0d00;background:var(--plate);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);padding:7px 26px 5px 14px;margin-right:34px}#meter .m-x{position:absolute;right:6px;top:4px;width:26px;height:26px;border:0;background:#6eb4ff26;color:#cfe0ff;font:700 13px var(--font);clip-path:var(--cut-s);-webkit-text-stroke:0}#meter .m-tabs{display:flex;gap:3px;margin:6px 8px 2px}#meter .m-tabs button{flex:1;border:0;padding:4px 2px;font:800 italic 12px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--fz-mute, #9db1da);background:#78aaff1a;transform:skew(-14deg)}#meter .m-tabs button.on{color:#1a0a00;background:linear-gradient(#ffe14a,#ff9a00)}#meter .m-list{overflow-y:auto;scrollbar-width:thin;padding:2px 8px 10px;touch-action:pan-y}#meter .m-side{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 3px;font:800 italic 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#ff9a9a;border-bottom:1px solid rgba(255,120,120,.25)}#meter .m-side.me{color:#8fd0ff;border-color:#6eb4ff4d}#meter .m-side b{font:400 15px var(--display);letter-spacing:.04em;color:#fff}#meter .m-row{display:flex;align-items:center;gap:5px;margin:2px 0}#meter .m-row img{width:26px;height:26px;border-radius:3px;object-fit:cover;flex:none;box-shadow:0 0 0 1px #000}#meter .m-row.dead{opacity:.5}#meter .m-row.dead img{filter:grayscale(1)}#meter .m-bar{position:relative;flex:1;min-width:0;height:24px;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 6px;background:#050a1eb3;overflow:hidden}#meter .m-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--bar);opacity:.85;transition:width .25s}#meter .m-bar span,#meter .m-bar b{position:relative;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000}#meter .m-bar span{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700}#meter .m-bar span small{font-size:9px;color:#cfd8e6}#meter .m-bar span small.s3{color:var(--gold)}#meter .m-bar b{font:400 16px/1 var(--display);letter-spacing:.03em}.tally{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2;transition:opacity .2s}.tally .hits{display:flex;align-items:flex-end;gap:2px;height:30px}.tally .hits[hidden]{display:none}.tally .cdig{display:flex}.tally .cdig span{width:22px;height:26px;background:url(/assets/ui/combo_digits.png) no-repeat;background-size:1000% 100%;background-position:calc(var(--d) * 100% / 9) 0;filter:drop-shadow(0 2px 1px #000)}.tally .hits img{height:18px;filter:drop-shadow(0 2px 1px #000)}.tally .sum{font:400 20px/1 var(--display);letter-spacing:.02em;color:#ffb347;-webkit-text-stroke:1.5px rgba(0,0,0,.8);text-shadow:0 3px 3px #000}.tally .sum.bump{animation:tbump .18s ease-out}.tally[data-kind=counter] .sum{color:#ffe04a}.tally[data-kind=dot] .sum{color:#e9e9e9}.tally.done{animation:tdone .9s ease-out forwards}@keyframes tbump{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes tdone{0%{transform:translate(-50%,-100%) scale(1.25);opacity:1}25%{transform:translate(-50%,-100%) scale(1)}to{transform:translate(-50%,-160%) scale(.95);opacity:0}}.callout{position:fixed;left:50%;top:30%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5;animation:callout 1.4s ease-out forwards}.callout b{font:400 54px/1 var(--display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #000;text-shadow:0 0 22px #ff9a1a,0 4px 4px #000;white-space:nowrap}.callout small{font:700 16px/1.4 var(--display);letter-spacing:.3em;color:#ffcf5a;text-shadow:0 2px 2px #000}.callout.hakai b{color:#d7a2ff;text-shadow:0 0 26px #8a2be2,0 4px 4px #000}.callout.signature b{color:#fff6c8;text-shadow:0 0 24px #ffd21a,0 0 6px #fff,0 4px 4px #000}.callout.signature small{color:#fff;letter-spacing:.4em}.blink{position:absolute;width:90px;height:150px;margin:-75px 0 0 -45px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,#fffbe0 0%,#ffd84acc 25%,#ff9a1a44 55%,transparent 70%);mix-blend-mode:screen;animation:blink .55s ease-out forwards}.blink.arrive{animation-delay:.04s;transform:scale(0)}@keyframes blink{0%{transform:scaleX(1.4) scaleY(.2);opacity:1}30%{transform:scaleX(.35) scaleY(1.2);opacity:1}to{transform:scaleX(.05) scaleY(1.5);opacity:0}}.callout.execute b{color:#ffd0b0;text-shadow:0 0 24px #ff3a1a,0 4px 4px #000}.callout.ringout b{color:#9fe7ff;text-shadow:0 0 22px #1a9aff,0 4px 4px #000}@keyframes callout{0%{opacity:0;transform:translate(calc(-50% + var(--side, 1) * 120px)) scale(1.3)}12%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) scale(.96)}}.dmg.heal{font-size:22px}.starflash{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(circle at 50% 55%,#fff 0%,#fff6d0cc 30%,#ffd84a33 60%,transparent 80%);animation:starflash .7s ease-out forwards}.starflash.big{animation-duration:1s;background:radial-gradient(circle at 50% 55%,#fff 0%,#fff 25%,#ffe680cc 50%,#ff9a1a33 75%,transparent 95%)}@keyframes starflash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.callout.starup b{color:#fff3b0;text-shadow:0 0 26px #ffcc00,0 0 8px #fff,0 4px 4px #000}.callout.starup small{font-size:30px;letter-spacing:.15em;color:#ffd21a;text-shadow:0 0 12px #ff9a1a,0 2px 2px #000}body.cine #hud,body.cine #overlays,body.cine #chat,body.cine #modal,body.cine #banners,body.cine #tip{visibility:hidden}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}#tip.pinned{pointer-events:auto;touch-action:manipulation}#tip .tacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);align-items:center}#tip .tacts button{min-height:44px;min-width:64px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(#24305a,#172041);border:1px solid #3b4d86;border-radius:10px;font-weight:800;font-size:14px}#tip .tacts button[data-act=sell]{background:linear-gradient(#7a2222,#521414);border-color:#ff8a7a}#tip .tacts button[data-act=sell] b{display:flex;align-items:center;gap:3px;color:var(--gold)}#tip .tacts button img{width:16px}#tip .tacts button.on{border-color:var(--gold);color:var(--gold)}#tip .tacts small{color:var(--dim);font-weight:600}@media (pointer: coarse){html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:100%}#world,#hud,#overlays,#drag,#tip{touch-action:none}#modal,#dlg,#front{touch-action:pan-y}button,.card,.aug,.offer,.pill,.tile{touch-action:manipulation}.tool{height:40px;min-width:40px;font-size:13px}.tool.icon{width:40px;font-size:17px}.item{width:44px;height:44px}#btn-lock{min-width:44px;height:44px;margin:-9px -2px -9px 0;font-size:16px}.pl{min-height:40px}.trait{min-height:40px;box-sizing:border-box}#augments-owned img,#dlg .dlg-x,#front .f-icon{width:44px;height:44px}.act small,#btn-ready small,.chat-open kbd{display:none}.card:hover:not(.empty):not(.bought),.aug:hover,.offer:hover,.act:hover:not(:disabled){transform:none}}#btn-side,#btn-zoom,#btn-players{display:none}html.phone #help,html.phone #log{display:none!important}html.phone #btn-players,html.phone #hud.zoomed #btn-zoom{display:block}html.phone #btn-view{width:40px;padding:0;font-size:0}html.phone #btn-view:before{content:"🎥";font-size:16px}html.phone #btn-meter{width:40px;padding:0;font-size:0}html.phone #btn-meter:before{content:"📊";font-size:16px}html.phone #hud-tools{top:calc(4px + var(--sat));right:calc(6px + var(--sar));gap:4px}html.phone .tool{height:40px;min-width:40px}html.phone .tool.icon{width:40px;font-size:17px}html.phone #hud.players-off #players{display:none}html.phone #btn-players{opacity:1}html.phone #hud.players-off #btn-players{opacity:.55}html.phone #toast{max-width:calc(100vw - 24px);box-sizing:border-box;font-size:12px}html.phone #tip{max-width:min(340px,calc(100vw - 12px));box-sizing:border-box}html.phone .tbar .tn{font-size:10px}html.phone .tbar .th{width:44px;height:5px}html.phone .banner{padding:6px 40px 8px}html.phone .banner .b-title{font-size:30px}html.phone .banner .b-sub{font-size:12px}html.phone .banner.victory .b-title,html.phone .banner.defeat .b-title{font-size:40px}html.phone .banner.draw .b-title,html.phone .callout b{font-size:36px}html.phone .callout small{font-size:12px}html.phone .callout.starup small{font-size:22px}html.land #hud{--c: clamp(66px, 20vh, 92px);--lcol: 112px;--rcol: 92px;--top: 40px;--hud-gap-top: 2;--hud-gap-bottom: 4;--hud-side: 4}html.land #topbar{--fit: top;top:calc(4px + var(--sat));gap:8px;padding:2px 10px 2px 0;height:32px;box-sizing:border-box}html.land #stage-label{font-size:18px;padding:3px 12px 2px 10px}html.land #round-track img{width:15px;height:15px}html.land #round-track img.cur{width:21px;height:21px}html.land #timer{width:clamp(80px,14vw,150px);height:14px}html.land #timer-text{line-height:14px;font-size:10px}html.land #phase-label{display:none}html.land #round-track{gap:3px}html.land .ubar{width:46px}html.land .ubar .stars{font-size:12px;line-height:11px}html.land .ubar .hp{height:8px}html.land .ubar .its img{width:14px;height:14px}html.land #btn-side{display:flex;left:calc(6px + var(--sal));top:calc(4px + var(--sat));width:64px;padding:0;align-items:stretch}html.land #btn-side i{flex:1;display:grid;place-items:center;font-style:normal;font-size:16px;position:relative;opacity:.45}html.land #hud:not(.side-items) #btn-side .s-tr,html.land #hud.side-items #btn-side .s-it{opacity:1;background:#ffaa3c40}html.land #side-n{position:absolute;top:1px;right:1px;min-width:14px;height:14px;border-radius:7px;background:var(--orange);color:#fff;font:800 9px/14px var(--font);text-align:center}html.land #side-n:empty{display:none}html.land #augments-owned{left:calc(6px + var(--sal));top:calc(48px + var(--sat));right:auto;bottom:auto;gap:3px}html.land #hud:has(#augments-owned:not(:empty)) :is(#traits,#itembench){top:calc(88px + var(--sat))}html.land #hud:has(#augments-owned:not(:empty)) #traits{max-height:calc(100vh - var(--c) - 130px - var(--sat) - var(--sab));max-height:calc(100dvh - var(--c) - 130px - var(--sat) - var(--sab))}html.land #augments-owned img{width:34px;height:34px}html.land #traits{left:calc(6px + var(--sal));top:calc(50px + var(--sat));width:var(--lcol);gap:3px;overflow-y:auto;touch-action:pan-y;scrollbar-width:none;max-height:calc(100vh - var(--c) - 92px - var(--sat) - var(--sab));max-height:calc(100dvh - var(--c) - 92px - var(--sat) - var(--sab))}html.land .trait{padding:2px 4px 2px 2px;gap:4px;min-height:0;flex:none}html.land .trait .hexi{width:26px;height:30px}html.land .trait .hexi img{width:19px;height:19px}html.land .trait .cnt{font-size:13px;width:12px}html.land .trait>div:last-child{min-width:0;display:flex;flex-direction:column;line-height:1.1}html.land .trait .nm,html.land .trait .bp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.land .trait .nm{font-size:10px}html.land .trait .bp{font-size:9px}html.land #itembench{left:calc(6px + var(--sal));top:calc(50px + var(--sat));bottom:auto;grid-template-columns:repeat(2,42px);gap:4px}html.land #itembench .item{width:42px;height:42px}html.land #hud:not(.side-items) #itembench,html.land #hud.side-items #traits{display:none}html.land body.metering #traits{display:flex}html.land body.metering #hud.side-items #traits{display:none}html.land #meter{left:auto;right:calc(6px + var(--sar));top:calc(50px + var(--sat));width:210px;max-height:calc(100vh - var(--c) - 72px);max-height:calc(100dvh - var(--c) - 72px)}html.land #meter:not([hidden])~#players{display:none}html.land #bossbar{top:calc(40px + var(--sat));width:min(360px,calc(100vw - 460px));min-width:220px;height:56px}html.land #bossbar .bb-face{width:40px;height:40px}html.land #bossbar .bb-life{left:18px;top:-8px}html.land #bossbar .bb-name{left:44px;top:42px;font-size:14px}html.land #players{right:calc(6px + var(--sar));top:calc(50px + var(--sat));width:var(--rcol);gap:2px;overflow-y:auto;scrollbar-width:none;touch-action:pan-y;max-height:calc(100vh - var(--c) - 110px - var(--sat) - var(--sab));max-height:calc(100dvh - var(--c) - 110px - var(--sat) - var(--sab))}html.land #hud:has(#btn-ready[hidden]) #players{max-height:calc(100vh - var(--c) - 70px - var(--sat) - var(--sab));max-height:calc(100dvh - var(--c) - 70px - var(--sat) - var(--sab))}html.land .pl{padding:1px 6px 1px 1px;gap:4px;min-height:0;flex:none}html.land .pl .av{width:21px;height:21px;border-width:1.5px}html.land .pl .nm{font-size:9px}html.land .pl .hpb,html.land .pl .lv,html.land .pl .stk{display:none}html.land .pl .hpn{font-size:13px;width:auto}html.land .pl .db{position:absolute;top:-2px;left:18px;font-size:9px}html.land #bottom,html.land #bottom-main,html.land #bottom-top,html.land #leftbox{display:contents}html.land #btn-xp,html.land #goldbox,html.land #btn-roll{position:fixed;width:var(--c);height:var(--c);border-radius:50%;clip-path:none;padding:0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center}html.land #btn-xp{left:calc(6px + var(--sal));bottom:calc(6px + var(--sab));box-shadow:inset 0 0 0 2px #6eb4ffcc,0 3px 10px #0009}html.land .act span{align-items:center}html.land .act b{font-size:16px}html.land .act em{font-size:14px}html.land #level{position:fixed;left:calc(6px + var(--sal));bottom:calc(var(--c) + 12px + var(--sab));width:calc(var(--lcol) - 4px);height:22px;margin:0;padding:0 7px;gap:5px;box-sizing:border-box}html.land #level-num{font-size:13px}html.land #xp-text{font-size:9px}html.land #goldbox{right:calc(6px + var(--sar));bottom:calc(6px + var(--sab));left:auto;transform:none;gap:0;z-index:2;cursor:pointer;background:radial-gradient(circle at 50% 35%,#5a3a10,#1d1004 70%);box-shadow:inset 0 0 0 2px #ffbe3ce6,0 3px 10px #0009}html.land #goldbox img{width:18px}html.land #gold{font-size:calc(var(--c) * .34);min-width:0;text-align:center}html.land #interest{gap:2px}html.land #interest i{width:5px;height:5px}html.land #streak{position:absolute;top:-4px;left:-4px;background:#060a1ae6;border-radius:10px;padding:1px 4px;font-size:10px}html.land #streak img{width:14px}html.land #goldbox:after{content:"SHOP ▲";font:800 8px/1 var(--font);letter-spacing:.08em;color:#ffd98a;margin-top:3px}html.land #hud.shop-open #goldbox:after{content:"SHOP ▼"}html.land #hud.shop-open #goldbox{box-shadow:inset 0 0 0 2.5px #fff2c0,0 0 16px #ffbe3cb3}html.land #btn-ready{right:calc(6px + var(--sar));bottom:calc(var(--c) + 14px + var(--sab));min-width:0;width:max(var(--rcol),var(--c));height:40px;padding:0 6px;font-size:17px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}html.land #btn-arc{left:50%;top:calc(42px + var(--sat));right:auto;bottom:auto;transform:translate(-50%);height:40px;padding:0 16px;font-size:15px;z-index:3}html.land #shopwrap,html.land #btn-roll,html.land #odds,html.land #btn-lock{display:none}html.land #shopbar{position:fixed;left:calc(76px + var(--sal));top:calc(6px + var(--sat));height:30px;margin:0;padding:0 8px;gap:8px;clip-path:var(--cut-s)}html.land .bc-l{display:none}html.land #hud.shop-open #shopwrap{display:block;position:fixed;left:calc(var(--lcol) + 12px + var(--sal));right:calc(6px + var(--sar));top:calc(4px + var(--sat));z-index:4;padding:6px;background:var(--panel);box-shadow:var(--panel-edge),0 8px 24px #0000008c;clip-path:var(--cut-s)}html.land #hud.shop-open #shop{gap:6px}html.land #shopwrap:before{content:"";position:absolute;left:0;top:0;height:3px;width:calc(var(--tk, 1) * 100%);background:linear-gradient(90deg,#ff9a00,#ffe14a);z-index:2;transition:width .25s linear}html.land #hud.shop-open .card{height:clamp(88px,28vh,130px)}html.land #hud.shop-open #shop.closed{min-height:clamp(88px,28vh,130px)}html.land .card .tr{left:4px;top:4px}html.land .card .tr span{font-size:10px}html.land .card .tr img{width:14px;height:14px}html.land .card .nmb{padding:3px 6px 5px;font-size:15px}html.land #hud.shop-open #btn-roll{display:flex;right:calc(6px + var(--sar));bottom:calc(var(--c) + 14px + var(--sab));width:calc(var(--c) * .8);height:calc(var(--c) * .8);background:radial-gradient(circle at 50% 35%,#3a64c8,#142a6a 70%)}html.land #hud.shop-open #btn-roll b{font-size:14px}html.land #hud.shop-open #btn-ready{right:calc(var(--c) * .8 + 14px + var(--sar));bottom:calc(var(--c) * 1.4 - 8px + var(--sab));width:auto;min-width:84px}html.land #hud.shop-open #shopbar{left:auto;right:calc(6px + var(--sar));top:calc(4px + var(--sat) + clamp(88px,28vh,130px) + 18px);z-index:2}html.land #hud.shop-open #odds,html.land #hud.shop-open #btn-lock{display:flex}html.land #hud.shop-open #players,html.land #hud.shop-open #meter{display:none}html.land #hud.selling #shopwrap,html.land #hud.selling #btn-roll,html.land #hud.selling #shopbar,html.land #hud.selling #btn-ready{display:none!important}html.land #hud.selling #btn-xp,html.land #hud.selling #goldbox{background:repeating-linear-gradient(-45deg,#961818f2 0 8px,#6e1010f2 8px 16px);box-shadow:inset 0 0 0 2px #ff8a7a,0 0 14px #ff3c3c80}html.land #hud.selling #btn-xp>*,html.land #hud.selling #goldbox>*{display:none}html.land #hud.selling #btn-xp:after,html.land #hud.selling #goldbox:after{content:"🗑 " var(--sell, "");font:400 calc(var(--c) * .26)/1 var(--display);letter-spacing:.04em;color:#fff;margin:0}html.land #hud.sell-over #btn-xp,html.land #hud.sell-over #goldbox{box-shadow:inset 0 0 0 3px #fff,0 0 24px #ff3c3ce6;transform:scale(1.08)}html.land #tip.dock{left:auto!important;top:calc(4px + var(--sat))!important;right:calc(4px + var(--sar));bottom:calc(var(--c) + 12px + var(--sab));width:250px;max-width:250px;overflow-y:auto;touch-action:pan-y}html.land #toast{top:calc(44px + var(--sat))}html.land #banners{top:24%}html.land .callout{top:26%}html.port #hud{--hud-gap-top: 4;--hud-gap-bottom: 4;--hud-side: 20}html.port .ubar{width:50px}html.port .ubar .stars{font-size:11px;line-height:10px}html.port .ubar .hp{height:7px}html.port .ubar .mp{height:3px}html.port .ubar .its img{width:12px;height:12px}html.port #topbar{--fit: top;left:calc(6px + var(--sal));top:calc(4px + var(--sat));transform:none;gap:6px;padding:3px 8px 3px 0;height:40px;max-width:calc(100vw - 194px - var(--sal) - var(--sar));box-sizing:border-box}html.port #stage-label{font-size:16px;padding:4px 8px 2px;min-width:0}html.port #round-track{gap:2px;flex:none}html.port #round-track img{width:14px;height:14px}html.port #round-track img.cur{width:20px;height:20px}html.port #timer{width:auto;flex:1;min-width:40px}html.port #phase-label{display:none}html.port #btn-zoom{position:fixed;right:calc(8px + var(--sar));bottom:calc(var(--hud-b, 200px) + 56px)}html.port #btn-view{display:none}html.port #bossbar{top:calc(130px + var(--sat));width:calc(100vw - 40px);min-width:0;height:56px}html.port #bossbar .bb-face{width:42px;height:42px}html.port #bossbar .bb-life{left:20px;top:-8px}html.port #bossbar .bb-name{left:48px;top:40px;font-size:14px}html.port #meter{left:calc(4px + var(--sal));top:calc(130px + var(--sat));width:min(250px,calc(100vw - 70px));max-height:calc(100dvh - var(--hud-b, 240px) - 200px)}html.port #players{--fit: top;left:calc(4px + var(--sal));right:calc(4px + var(--sar));top:calc(50px + var(--sat));width:auto;flex-direction:row;justify-content:center;gap:3px}html.port .pl{flex:1 1 0;min-width:0;max-width:54px;flex-direction:column;gap:1px;padding:3px 0 2px}html.port .pl .av{width:28px;height:28px}html.port .pl .pi,html.port .pl .lv{display:none}html.port .pl .hpn{width:auto;text-align:center;font-size:12px;line-height:1.1}html.port .pl .db{position:absolute;top:0;right:2px;font-size:9px}html.port #hud.players-off #traits{top:calc(50px + var(--sat))}html.port #traits{--fit: top;left:calc(4px + var(--sal));right:calc(4px + var(--sar));top:calc(104px + var(--sat));width:auto;max-height:none;flex-direction:row;gap:3px;overflow-x:auto;touch-action:pan-x;scrollbar-width:none}html.port #traits:empty{display:none}html.port .trait{flex:none;padding:2px 6px 2px 2px;gap:3px;min-height:0}html.port .trait>div:last-child{display:none}html.port .trait .hexi{width:24px;height:28px}html.port .trait .hexi img{width:18px;height:18px}html.port #augments-owned{right:calc(4px + var(--sar));top:calc(104px + var(--sat));bottom:auto;gap:3px}html.port #augments-owned img{width:34px;height:34px}html.port #hud:has(#augments-owned:not(:empty)) #traits{right:calc(120px + var(--sar))}html.port #hud.players-off #augments-owned{top:calc(50px + var(--sat))}html.port #itembench{--fit: bottom;left:calc(4px + var(--sal));right:calc(112px + var(--sar));bottom:calc(var(--hud-b, 230px) + 6px);display:flex;flex-wrap:wrap-reverse;gap:4px}html.port #itembench:empty{display:none}html.port #itembench .item{width:40px;height:40px}html.port #btn-ready{--fit: bottom;right:calc(4px + var(--sar));bottom:calc(var(--hud-b, 230px) + 6px);min-width:100px;height:44px;padding:0 12px;font-size:17px}html.port #btn-arc{right:calc(110px + var(--sar));bottom:calc(var(--hud-b, 230px) + 6px);height:44px;padding:0 12px;font-size:13px}html.port #bottom{--fit: bottom;left:calc(4px + var(--sal));right:calc(4px + var(--sar));bottom:calc(4px + var(--sab));transform:none;width:auto}html.port #bottom-top{grid-template-columns:auto 1fr;height:32px}html.port #level{margin-left:4px;gap:5px;padding:0 8px;width:104px;height:28px}html.port #level-num{font-size:13px}html.port #xp-text{font-size:10px}html.port #goldbox{height:32px;padding:0 10px 0 6px;gap:4px}html.port #goldbox img{width:18px}html.port #gold{font-size:18px;min-width:0}html.port #interest{gap:1px}html.port #interest i{width:4px;height:4px}html.port #streak img{width:14px}html.port #shopbar{gap:4px;margin-right:4px;padding:0 2px 0 8px;height:28px;font-size:11px}html.port #odds,html.port .bc-l{display:none}html.port #bottom-main{flex-direction:column;gap:6px;padding:6px}html.port #leftbox{flex-direction:row;width:auto;height:44px}html.port .act{padding:0 10px}html.port .act b{font-size:15px}html.port #shop{gap:4px}html.port .card{height:96px}html.port .card .tr{left:3px;top:3px;gap:2px}html.port .card .tr span{font-size:0;gap:0}html.port .card .tr img{width:14px;height:14px}html.port .card .nmb{padding:2px 4px 3px;font-size:13px;flex-direction:column;align-items:flex-start;gap:0}html.port .card .nmb span{max-width:100%}html.port .card .have{right:3px;top:3px;font-size:9px;padding:0 4px}html.port #shop.closed{min-height:96px}html.port #sellzone b{font-size:26px}html.port #toast{top:calc(140px + var(--sat))}html.port #banners{top:26%}html.port .banner{padding:8px 28px 10px}html.phone #modal{justify-content:flex-start;overflow-y:auto;padding:calc(12px + var(--sat)) calc(10px + var(--sar)) calc(16px + var(--sab)) calc(10px + var(--sal));gap:10px}html.phone #modal>:first-child{margin-top:auto}html.phone #modal>:last-child{margin-bottom:auto}html.phone #modal h2{font-size:28px;text-align:center}html.phone #modal .row{gap:8px}html.phone .aug{width:100%;max-width:360px;min-height:0;padding:10px 12px;display:grid;grid-template-columns:56px 1fr;column-gap:10px;text-align:left;align-items:start;box-sizing:border-box}html.phone .aug img{width:56px;height:56px;grid-row:span 3}html.phone .aug h3{margin:2px 0 4px;font-size:15px}html.phone .aug p{margin:0}html.phone .aug:not(:has(>img)){grid-template-columns:1fr}html.phone .fzc{width:calc((100vw - 44px) / 3);max-width:200px;height:300px}html.phone .fzc-body{padding:18px 7px 8px;gap:4px}html.phone .fzc-name{font-size:20px}html.phone .fzc-role{font-size:10px;padding:2px 8px 1px 5px}html.phone .fzc-traits{gap:3px}html.phone .fzc-traits span{font-size:0}html.phone .fzc-traits img{width:22px;height:22px}html.phone .fzc-sig b{font-size:13px}html.phone .fzc-sig span{font-size:10px;line-height:1.2}html.phone .fzc-cost{top:6px;right:6px;font-size:17px}html.phone .fzc-cost img{width:14px}html.phone .offer{width:calc(50% - 8px);max-width:150px;box-sizing:border-box}html.phone #modal.end .end-wrap{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:560px}html.phone .end h2{font-size:40px!important}html.phone .end .place img{width:92px;height:92px}html.phone .end .place b{font-size:36px}html.phone .end table{width:100%;font-size:11px}html.phone .end td{padding:4px 5px}html.phone .end .units{flex-wrap:wrap}html.phone .end .units img{width:18px;height:18px}html.phone .end .end-board{width:auto}html.phone .end .end-actions{flex-wrap:wrap;justify-content:center}html.phone .end .end-actions .btn{min-height:44px}html.land #modal .row{flex-wrap:nowrap}html.land .aug{width:33%;display:block;text-align:center}html.land .aug img{width:48px;height:48px}html.land .fzc{width:200px;height:calc(100vh - 110px);height:calc(100dvh - 110px);max-height:300px}html.land .fzc-art{inset:0 0 40%}html.land .fzc-body{padding:14px 10px 8px;gap:4px}html.land .fzc-name{font-size:22px}html.land .fzc-sig span{display:none}html.land #modal.end .end-wrap{max-width:720px}:root{--fz-ink: #050a1e;--fz-navy: #0c1940;--fz-navy2: #17306f;--fz-edge: rgba(110, 180, 255, .55);--fz-edge2: #8fd0ff;--fz-or: #ff8a00;--fz-or2: #ff5a00;--fz-ye: #ffe14a;--fz-red: #e3141c;--fz-scout: #52ff8f;--fz-txt: #eef4ff;--fz-mute: #9db1da;--cond: "Saira Condensed", var(--font);--cut: polygon(14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px);--cut-s: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px)}#front{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;color:var(--fz-txt);overflow:hidden}#front[hidden]{display:none!important}#front button{font-family:var(--cond);cursor:pointer}.f-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 58%,rgba(255,150,30,.42),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(60,120,255,.45),transparent 60%),linear-gradient(165deg,#060e2ce6,#100a30db 60%,#04081af0)}.f-rays{position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,214,120,.13) 0deg 2.2deg,transparent 2.2deg 9deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 6%,#000 22%,transparent 52%);mask:radial-gradient(circle at 50% 50%,transparent 6%,#000 22%,transparent 52%);animation:fz-spin 140s linear infinite}.f-tone{position:absolute;inset:0;background:radial-gradient(rgba(140,190,255,.22) 1.1px,transparent 1.7px) 0 0 / 8px 8px;-webkit-mask:linear-gradient(to top,#000,transparent 38%);mask:linear-gradient(to top,#000,transparent 38%)}.f-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,10,.6))}.scr{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:5vw;padding:84px 32px 96px;min-height:0}.logo{display:flex;flex-direction:column;align-items:flex-start;transform:rotate(-5deg) skew(-6deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));user-select:none;position:relative;z-index:2}.logo .l1{font:400 clamp(64px,9.5vw,136px)/.82 var(--display);letter-spacing:.015em;background:linear-gradient(#fffbe0 10%,#ffe14a 42%,#ff9a00 70%,#ff5a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #1a0a00;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #1a0a00) drop-shadow(0 0 22px rgba(255,160,40,.55))}.logo .l2{font:400 clamp(40px,5.6vw,82px)/.9 var(--display);letter-spacing:.2em;margin:2px 0 0 22%;color:#fff;-webkit-text-stroke:2px #0a1640;paint-order:stroke fill;text-shadow:0 4px 0 #2a6cff,0 7px 0 #0a1640,0 0 24px rgba(80,160,255,.7)}.logo .l3{margin:12px 0 0 6%;font:700 italic 15px var(--cond);color:#ffe7c4;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #000;transform:skew(6deg) rotate(5deg)}.logo.small{transform:rotate(-5deg) skew(-6deg) scale(.56);transform-origin:left bottom;margin:-40px 0 -26px}.fcard,.panel,.dlg-box{position:relative;background:linear-gradient(170deg,#1a3478f7,#0a153af7 45%,#060c24fa);clip-path:var(--cut);box-shadow:inset 0 0 0 2px var(--fz-edge),inset 0 2px 0 3px #a0d2ff2e,inset 0 -40px 60px -30px #508cff40}.card-h,.p-h,.dlg-body h2{position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:10px 44px 9px 22px;color:#fff;font:400 26px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.2px #2a0d00;paint-order:stroke fill;text-shadow:0 2px 0 #2a0d00;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.1) 0 3px,transparent 3px 9px),linear-gradient(90deg,#ff5a00,#ff9a00 55%,#ffc23a);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);width:fit-content;min-width:55%}.p-h small,.dlg-body h2 small{font:700 italic 13px var(--cond);letter-spacing:.04em;-webkit-text-stroke:0;text-shadow:none;opacity:.92;text-transform:uppercase}.dlg-body h2 small .zeni{font-size:16px}.card-h img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;object-fit:cover;background:#ffd27a}.card-f{padding:10px 22px 14px;font:600 12px var(--font);color:var(--fz-mute);border-top:1px solid rgba(120,170,255,.18)}.card-f.ok:before{content:"● ";color:var(--fz-scout)}.card-f.bad:before{content:"● ";color:#ff4a4a}.tabs{display:flex;gap:4px;margin:14px 18px 4px}.tabs button{position:relative;flex:1;border:0;padding:7px 10px;font:800 italic 15px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--fz-mute);background:#78aaff1a;transform:skew(-14deg);transition:background .12s,color .12s}.tabs button:hover{color:#fff;background:#78aaff33}.tabs button.on{color:#1a0a00;background:linear-gradient(#ffe14a,#ff9a00);box-shadow:0 0 14px #ffa01e80}.tab-body{padding:10px 18px 16px;display:flex;flex-direction:column;gap:12px}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--fz-red);color:#fff;font:800 11px/18px var(--font);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--fz-ink),0 0 10px #ff2828b3;animation:fz-bump 2.4s ease-in-out infinite;transform:skew(0)}.tabs .badge{transform:skew(14deg);top:-7px;right:2px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font:800 italic 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--fz-edge2)}.field input,.join-row input,#front select,#dlg select,#dev input{font:600 16px var(--font);color:#fff;background:#040a20d9;border:2px solid rgba(110,170,255,.35);border-radius:0;padding:10px 12px;outline:none;clip-path:var(--cut-s);transition:border-color .12s,box-shadow .12s}.field input::placeholder,.join-row input::placeholder{color:#5f74a6}.field input:focus,.join-row input:focus{border-color:var(--fz-or);box-shadow:inset 0 0 14px #ff8c0059}#front select option,#dlg select option{background:#0c1940}.lead{margin:0;font-weight:600;color:#d8e4ff}.fine{margin:0;font-size:12px;color:var(--fz-mute)}.fine.center{text-align:center}#invite-note{background:#ff8c0029;border-left:4px solid var(--fz-or);color:#ffd9a8;padding:8px 12px;font-weight:700}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.avatars button{position:relative;aspect-ratio:1;padding:0;border:2px solid rgba(110,170,255,.35);background:radial-gradient(circle at 50% 70%,#ffb84a,#c2410c 70%) center/cover;background-size:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform .08s,filter .1s}.avatars button:hover{transform:scale(1.1);filter:brightness(1.15)}.avatars button.on{border-color:#fff;filter:drop-shadow(0 0 6px #ffd23a);background-color:#ffd23a;box-shadow:inset 0 0 0 3px #ffd23a}.avatars button.locked{filter:grayscale(1) brightness(.45)}.avatars button.locked:after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;font-size:14px;filter:none}.cta{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:0;padding:13px 26px;color:#fff;overflow:hidden;font:400 24px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.2px #3a1200;paint-order:stroke fill;text-shadow:0 2px 0 #3a1200;background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:inset 0 -4px #781e0073,inset 0 2px #fff9;transition:transform .06s,filter .12s}.cta:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-20deg)}.cta:hover:not(:disabled):after{animation:fz-shine .6s ease-out}.cta:hover:not(:disabled){filter:brightness(1.1) drop-shadow(0 0 10px rgba(255,200,60,.8))}.cta:active:not(:disabled){transform:translateY(2px) scale(.99)}.cta:disabled{filter:grayscale(.85) brightness(.75);cursor:default}.cta .zeni{-webkit-text-stroke:0;text-shadow:none}.cta.discord{background:linear-gradient(#8f99ff,#5865f2 55%,#3b45c8);-webkit-text-stroke-color:#141a5c;text-shadow:0 2px 0 #141a5c}.cta.small{font-size:19px;padding:10px 22px}.cta.on{background:linear-gradient(#a6ffb8,#2fd166 50%,#14963e);-webkit-text-stroke-color:#04300f;text-shadow:0 2px 0 #04300f}.cta.wait{font:800 italic 14px var(--cond);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.05em;text-transform:uppercase}.pill{position:relative;border:0;padding:8px 16px;font:800 italic 14px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(#2c58c8,#183478);box-shadow:inset 0 0 0 1px #a0d2ff8c;transform:skew(-12deg);transition:filter .1s,background .12s}.pill:hover:not(:disabled){filter:brightness(1.25)}.pill:disabled{opacity:.45;cursor:default}.pill.ghost{background:transparent;color:var(--fz-mute)}.pill.done{background:linear-gradient(#3fe07a,#14963e)}.pill.go{color:#2a0d00;background:linear-gradient(#ffe14a,#ff9a00);box-shadow:0 0 12px #ffaa28b3;animation:fz-ki 1.2s ease-in-out infinite}.pill.buy.poor{filter:grayscale(.7) brightness(.8)}#f-top{position:absolute;top:14px;left:18px;right:18px;display:flex;align-items:center;gap:12px;z-index:3}#f-profile{display:flex;align-items:center;gap:12px;padding:5px 26px 5px 6px;cursor:pointer;position:relative;background:linear-gradient(100deg,#1a3478f2,#08102eeb);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);box-shadow:inset 0 0 0 2px var(--fz-edge);transition:filter .12s}#f-profile:hover{filter:brightness(1.2)}.pf-frame{display:block;width:50px;height:50px;padding:3px;border-radius:50%;flex:none;box-shadow:0 0 12px #ffc85059}.pf-frame img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%)}.pf-frame.big{width:84px;height:84px;padding:4px}.pf-lv{position:absolute;left:40px;bottom:2px;min-width:22px;height:22px;padding:0 4px;display:grid;place-items:center;font:400 15px/1 var(--display);color:#fff;-webkit-text-stroke:1px #3a1200;paint-order:stroke fill;background:linear-gradient(#ffe14a,#ff7a00);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pf-txt{min-width:120px}.pf-txt b{display:block;font:800 16px/1.1 var(--font);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.pf-txt small{display:block;font:700 italic 12px var(--cond);color:var(--fz-ye);letter-spacing:.04em;margin-top:1px}.pf-xp{display:block;height:5px;margin-top:5px;background:#000014b3;box-shadow:inset 0 0 0 1px #6eaaff59}.pf-xp i,.bar i{display:block;height:100%;background:linear-gradient(90deg,#2a7aff,#6fe0ff,#fff);box-shadow:0 0 8px #6edcffcc;transition:width .5s}.dcm{color:#8f99ff}#f-wallet{display:flex;gap:8px;align-items:center}.chip{display:flex;align-items:center;gap:6px;height:34px;padding:0 16px;font:800 16px var(--cond);background:#060c24e0;box-shadow:inset 0 0 0 1.5px var(--fz-edge);transform:skew(-14deg);white-space:nowrap}.chip>*{transform:skew(14deg)}.chip.scouter{color:var(--fz-scout);background:linear-gradient(90deg,#145a32a6,#061e12d9);box-shadow:inset 0 0 0 1.5px #52ff8f8c,0 0 14px #52ff8f33;text-shadow:0 0 8px rgba(82,255,143,.9)}.chip.scouter small{font:700 11px var(--cond);opacity:.8}.chip.scouter b{font:800 17px Saira Condensed,monospace;letter-spacing:.08em}.chip.scouter .lens{width:16px;height:11px;border-radius:50% 40%;background:radial-gradient(circle at 35% 35%,#d8ffe6,#2bd86a 60%,#0a5a2a);box-shadow:0 0 8px #52ff8f}.chip.rank{color:var(--fz-ye)}.zeni{display:inline-flex;align-items:center;gap:4px;font:800 1em var(--cond);color:#ffe59a;white-space:nowrap}.zeni .zc{display:inline-grid;place-items:center;width:1.15em;height:1.15em;border-radius:50%;font:400 .78em/1 var(--display);font-style:normal;color:#6a3a00;background:radial-gradient(circle at 35% 30%,#fff6c0,#fc3 45%,#d48a00);box-shadow:inset 0 0 0 1.5px #a86400,0 0 6px #ffc83c80}.f-tools{display:flex;gap:8px;margin-left:auto}.f-icon{position:relative;width:44px;height:44px;border:0;display:grid;place-items:center;color:#dfeaff;background:linear-gradient(160deg,#1e3c8cf2,#08102ef2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform .1s,filter .1s}.f-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.f-icon:hover{transform:scale(1.08);filter:brightness(1.3) drop-shadow(0 0 6px #6fc8ff);color:#fff}.f-icon.off{color:#7f8db0}.f-icon .badge{top:3px;right:3px;animation:none;box-shadow:0 0 0 2px #0c1940}#scr-menu{display:grid;grid-template-columns:minmax(290px,360px) minmax(280px,1fr) minmax(320px,400px);gap:22px;align-items:stretch;padding:84px 26px 92px}.m-left{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:0}.m-buttons{display:flex;flex-direction:column;gap:10px}button.big{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:13px 24px 12px 28px;border:0;color:#fff;text-align:left;overflow:hidden;background:linear-gradient(100deg,#2246a0f7,#0c1a46f7);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:inset 5px 0 0 var(--fz-or),inset 0 0 0 2px var(--fz-edge);transition:transform .08s,filter .12s,background .15s}button.big b{font:800 italic 23px/1.05 var(--cond);letter-spacing:.03em;text-transform:uppercase}button.big small{font:600 13px var(--font);color:var(--fz-mute)}button.big:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%)}button.big:hover:not(:disabled){transform:translate(6px);background:linear-gradient(100deg,#3c6ee6fa,#142c6efa);filter:drop-shadow(0 0 10px rgba(110,190,255,.5))}button.big:hover:not(:disabled):after{animation:fz-sweep .55s ease-out}button.big:active:not(:disabled){transform:translate(6px) scale(.985)}button.big.primary{padding:18px 28px 16px 32px;background:linear-gradient(100deg,#ffe14a,#ff9a00 45%,#ff5a00);box-shadow:inset 0 -5px #781e0066,inset 0 2px #fff9}button.big.primary b{font:400 42px/.95 var(--display);letter-spacing:.05em;-webkit-text-stroke:1.6px #3a1200;paint-order:stroke fill;text-shadow:0 3px 0 #3a1200;text-transform:none;font-style:normal}button.big.primary small{color:#4a1800;font-weight:800}button.big.primary:before{content:"";position:absolute;right:-30px;top:-40%;width:160px;height:180%;background:repeating-linear-gradient(-70deg,rgba(255,255,255,.25) 0 4px,transparent 4px 14px)}button.big.primary:hover:not(:disabled){background:linear-gradient(100deg,#fff38a,#ffb000 45%,#ff6a00);filter:drop-shadow(0 0 16px rgba(255,190,40,.85))}button.big:disabled{filter:grayscale(.7) brightness(.7);cursor:default}button.big.slim{padding:12px 26px;align-items:center;justify-content:center}button.big.slim b{font-size:20px}.join-row{display:flex;gap:8px}.join-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.35em;font:800 18px var(--cond);text-align:center}.m-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 9px;border:0;color:#fff;overflow:hidden;background:linear-gradient(170deg,#1e3c8ceb,#08102ef0);clip-path:var(--cut-s);box-shadow:inset 0 0 0 1.5px var(--fz-edge);transition:transform .1s,filter .12s}.tile img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6));transition:transform .2s}.tile b{font:800 italic 14px/1.1 var(--cond);letter-spacing:.04em;text-transform:uppercase}.tile small{font:600 11px var(--font);color:var(--fz-mute);white-space:nowrap}.tile small .zeni{font-size:12px}.tile:hover{transform:translateY(-3px);filter:brightness(1.2);box-shadow:inset 0 0 0 2px var(--fz-or),0 0}.tile:hover img{transform:scale(1.14) rotate(-6deg)}.m-hero{position:relative;min-height:0;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.hero-bg{position:absolute;inset:6% 2% 4%;z-index:-3;clip-path:polygon(8% 0,100% 4%,92% 100%,0 96%);transition:background .4s;box-shadow:inset 0 0 0 3px #ffffff80,inset 0 0 80px #00001e80}.hero-bg:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 62%,rgba(255,255,255,.22) 0deg 1.4deg,transparent 1.4deg 7deg);-webkit-mask:radial-gradient(circle at 50% 62%,transparent 18%,#000 60%);mask:radial-gradient(circle at 50% 62%,transparent 18%,#000 60%)}.hero-aura{position:absolute;left:50%;bottom:8%;width:min(80%,520px);aspect-ratio:.8;transform:translate(-50%);z-index:-2;border-radius:50% 50% 40% 40%;background:radial-gradient(ellipse at 50% 70%,rgba(255,255,220,.95),rgba(255,220,70,.7) 25%,rgba(255,140,0,.35) 50%,transparent 70%);filter:blur(6px);animation:fz-aura 1.6s ease-in-out infinite}.hero-swirl{position:absolute;left:50%;top:46%;width:min(92%,640px);transform:translate(-50%,-50%);z-index:-1;opacity:.9;animation:fz-swirl 9s ease-in-out infinite;pointer-events:none}.hero-art{position:relative;width:min(88%,540px);max-height:68%;object-fit:contain;object-position:bottom;margin-bottom:9%;pointer-events:none;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 18px rgba(255,200,60,.65)) drop-shadow(0 18px 18px rgba(0,0,20,.6));animation:fz-float 4s ease-in-out infinite}.hero-pl{position:absolute;top:9%;right:6%;padding:6px 18px 6px 14px;text-align:right;color:var(--fz-scout);font-family:var(--cond);background:linear-gradient(120deg,#28a05a8c,#062818bf);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1.5px #52ff8fb3;text-shadow:0 0 8px rgba(82,255,143,.9)}.hero-pl:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(82,255,143,.12) 0 1px,transparent 1px 3px)}.hero-pl small{display:block;font:700 italic 11px var(--cond);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.hero-pl b{display:block;font:800 34px/1 var(--cond);letter-spacing:.06em}.hero-plate{position:absolute;left:3%;bottom:7%;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hero-plate small{font:700 italic 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:3px 16px 3px 10px;background:#040a20d9;transform:skew(-14deg)}.hero-plate b{font:400 clamp(30px,3.4vw,50px)/1 var(--display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #2a0d00;paint-order:stroke fill;text-shadow:0 4px 0 #2a0d00;padding:8px 30px 6px 16px;background:linear-gradient(90deg,#ff5a00,#ff9a00 60%,#ffc23a);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}.hero-plate .pill{margin-left:8px}.m-right{display:flex;flex-direction:column;gap:14px;min-height:0}.m-board{flex:1;min-height:0;display:flex;flex-direction:column}.m-board .tab-body{flex:1;min-height:0;overflow:auto}.list{display:flex;flex-direction:column;gap:6px;min-height:120px}.list .empty,.db .empty{color:var(--fz-mute);text-align:center;padding:34px 10px;font-weight:600;line-height:1.5}.row-room,.row-rank,.mission,.mail,.hrow{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(90deg,#2850b44d,#0a163c80);box-shadow:inset 3px 0 #6eaaff8c}.row-room img,.row-rank img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);flex:none;box-shadow:0 0 0 2px #a0d2ff80}.row-room .rn,.row-rank .rn{flex:1;min-width:0}.row-room b,.row-rank b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.row-room small,.row-rank small{color:var(--fz-mute);font-weight:600;font-size:12px}.row-room .cnt{font:800 16px var(--cond);color:var(--fz-ye)}.row-rank .pos{width:28px;text-align:center;font:400 26px/1 var(--display);color:#8fa3cf;-webkit-text-stroke:1px #050a1e;paint-order:stroke fill}.row-rank.r1 .pos{color:#ffd23a}.row-rank.r2 .pos{color:#d6e2f5}.row-rank.r3 .pos{color:#ff9a4a}.row-rank .lp{font:800 18px var(--cond);color:var(--fz-ye);text-align:right}.row-rank .lp small{display:block;text-align:right;color:var(--fz-mute)}.row-rank.me{box-shadow:inset 4px 0 0 var(--fz-or);background:linear-gradient(90deg,#ff8c0047,#0a163c80)}.dc{display:inline-block;width:14px;height:14px;vertical-align:-2px;color:#8f99ff}.bar{display:block;height:7px;background:#000014bf;box-shadow:inset 0 0 0 1px #6eaaff4d;transform:skew(-20deg);overflow:hidden}.radar{padding-bottom:14px}.radar-in{display:flex;gap:16px;align-items:center;padding:12px 18px 0}.scope{position:relative;flex:none;width:112px;height:112px;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(30,120,60,.55) 21px 22.5px),repeating-linear-gradient(90deg,transparent 0 21px,rgba(30,120,60,.55) 21px 22.5px),radial-gradient(circle,#b9ffcf,#5fe08f 55%,#1d8a4a);box-shadow:0 0 0 5px #e9eef6,0 0 0 8px #8e9bb2,0 0 0 9px #2a3346,0 0 18px 9px #52ff8f40,inset 0 0 18px #003c1499;margin:9px}.scope .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.55),rgba(255,255,255,0) 70deg,transparent);animation:fz-spin 2.6s linear infinite}.scope .blip{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c0,#ffb000 50%,#e05a00);box-shadow:0 0 8px #fc3;animation:fz-blip 1.4s ease-in-out infinite}.scope .me{position:absolute;left:50%;top:50%;width:0;height:0;border:6px solid transparent;border-bottom:10px solid #e3141c;transform:translate(-50%,-70%)}.radar-r{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.balls{display:flex;gap:3px}.balls .slot{flex:1;max-width:34px;aspect-ratio:1;position:relative}.dball{display:block;width:100%;height:100%}.balls .slot:not(.got) .dball{filter:grayscale(1) brightness(.42);opacity:.7}.balls .slot.got .dball{filter:drop-shadow(0 0 5px rgba(255,170,30,.8))}.balls .slot.next .dball{filter:grayscale(.3) brightness(.85);opacity:1;animation:fz-ball 1.1s ease-in-out infinite}.balls .slot.pop .dball{animation:fz-grab .7s cubic-bezier(.2,1.6,.4,1)}.radar-t{margin:0;font:600 13px/1.35 var(--font);color:#d8e4ff}.radar .cta{align-self:flex-start;font-size:18px;padding:9px 20px;white-space:nowrap}.mission{gap:12px;padding:10px 12px}.mission .mi,.mail .mi{flex:none;width:44px;height:44px;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 50% 40%,#6eaaff59,#08102ee6);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mission .mi img,.mail .mi img{width:34px;height:34px;object-fit:contain}.mission .mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mission .mt b{font:800 15px var(--font)}.mission .mt small{font:600 12px var(--font);color:var(--fz-mute);display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mission .pct{font:800 italic 16px var(--cond);color:var(--fz-mute);width:52px;text-align:right}.mission.done{background:linear-gradient(90deg,#ff960052,#0a163c80);box-shadow:inset 3px 0 0 var(--fz-or)}.mission.done .bar i{background:linear-gradient(90deg,#ff9a00,#ffe14a);box-shadow:0 0 8px #ffc83ce6}.mission.claimed{opacity:.55}.mission .ok{width:52px;text-align:center;font:800 22px var(--font);color:var(--fz-scout)}.room{width:min(900px,94vw);padding-bottom:4px}.room-h{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px 16px}.room-label{font:400 38px/1 var(--display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:1.5px #2a0d00;paint-order:stroke fill;text-shadow:0 3px 0 #ff6a00,0 5px 0 #2a0d00}.room-sub{font-weight:700;color:var(--fz-mute);margin-top:6px}.room-code{text-align:right}.room-code small{display:block;font:800 italic 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--fz-edge2)}.room-code b{display:inline-block;font:400 48px/1 var(--display);letter-spacing:.2em;color:var(--fz-ye);padding:4px 8px 2px 18px;background:#040a20d9;clip-path:var(--cut-s);box-shadow:inset 0 0 0 2px #ffc83c80;text-shadow:0 0 14px rgba(255,200,60,.6)}.invite{display:flex;gap:10px;padding:6px 26px 4px}.invite input{flex:1;font:600 14px var(--font);color:#cfe0ff;background:#040a20d9;border:0;padding:10px 16px;outline:none;clip-path:var(--cut-s);box-shadow:inset 0 0 0 1.5px #6eaaff4d}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 26px}.seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;min-height:136px;justify-content:center;background:linear-gradient(170deg,#2850b473,#08102eb3);clip-path:var(--cut-s);box-shadow:inset 0 0 0 1.5px var(--fz-edge)}.seat img{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);box-shadow:0 0 0 3px #a0d2ff8c}.seat b{font-size:15px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat .st{font:800 italic 13px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--fz-mute)}.seat .st.ready{color:var(--fz-scout);text-shadow:0 0 8px rgba(82,255,143,.7)}.seat.me{box-shadow:inset 0 0 0 2px var(--fz-or),inset 0 0 26px #ff8c004d}.seat.ready img{box-shadow:0 0 0 3px var(--fz-scout),0 0 14px #52ff8f99}.seat.off{opacity:.5}.seat .crown{position:absolute;top:8px;left:10px;font-size:16px}.seat .you{position:absolute;top:8px;right:10px;font:800 italic 11px var(--cond);letter-spacing:.08em;background:var(--fz-or);color:#2a0d00;padding:1px 8px;transform:skew(-14deg)}.seat.bot{background:repeating-linear-gradient(-45deg,rgba(110,170,255,.06) 0 8px,transparent 8px 16px),#040a2099;color:var(--fz-mute)}.seat.bot .bi{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#6eaaff24;font-size:26px;filter:grayscale(.4)}.room-f{display:flex;align-items:center;gap:12px;padding:10px 26px 22px;flex-wrap:wrap}.room-f .grow{flex:1}#r-wait{font:700 italic 14px var(--cond);color:var(--fz-mute);letter-spacing:.03em}.host-opts{display:flex;gap:14px;align-items:center;font:800 italic 14px var(--cond);text-transform:uppercase;letter-spacing:.05em;color:#d8e4ff}.host-opts select{font-size:14px;padding:6px 8px}.switch{display:flex;align-items:center;gap:8px;cursor:pointer}.switch input{display:none}.switch i{width:44px;height:22px;background:#040a20e6;box-shadow:inset 0 0 0 1.5px #6eaaff73;position:relative;transform:skew(-14deg);transition:background .15s}.switch i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#9db1da;transition:left .15s,background .15s}.switch input:checked+i{background:#ff8c0059;box-shadow:inset 0 0 0 1.5px var(--fz-or)}.switch input:checked+i:after{left:25px;background:linear-gradient(#ffe14a,#ff8a00);box-shadow:0 0 8px #ffb000}#scr-title{gap:4vw}.t-left{position:relative;display:flex;flex-direction:column;align-items:center}.t-hero{position:relative;margin-top:-10px;display:flex;justify-content:center;isolation:isolate}.t-hero:before{content:"";position:absolute;left:50%;bottom:6%;width:120%;aspect-ratio:1;transform:translate(-50%);z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(255,245,200,.85),rgba(255,190,50,.5) 30%,transparent 62%);filter:blur(4px);animation:fz-aura 1.6s ease-in-out infinite}.t-swirl{position:absolute;left:50%;top:50%;width:150%;transform:translate(-50%,-50%);z-index:-1;animation:fz-swirl 9s ease-in-out infinite}#t-art{height:min(44vh,420px);filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 16px rgba(255,200,60,.6));animation:fz-float 4s ease-in-out infinite}.login{width:420px;flex:none}#f-bottom{position:absolute;left:18px;right:18px;bottom:10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 18px;align-items:end;z-index:2;pointer-events:none}#f-bottom>*{pointer-events:auto}.discord-pill{grid-row:1;display:flex;align-items:center;gap:10px;padding:7px 22px 7px 14px;background:linear-gradient(#8f99ff,#5865f2 55%,#3b45c8);color:#fff;text-decoration:none;width:max-content;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.discord-pill b{display:block;font:800 italic 15px var(--cond);text-transform:uppercase;letter-spacing:.04em}.discord-pill small{display:block;font-size:11px;opacity:.85}.discord-pill:hover{filter:brightness(1.12)}#f-load{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:10px;color:#dfe6f5;font:700 italic 13px var(--cond);letter-spacing:.04em;text-shadow:0 1px 2px #000}#f-load .bar{width:200px}#f-load i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff5a00,#ffe14a);box-shadow:0 0 10px #ffb000;transition:width .3s}#f-load.done .bar{display:none}.legal{grid-column:1 / -1;grid-row:2;margin:0;max-width:760px;font-size:10px;line-height:1.4;color:#c8d7f88c;text-shadow:0 1px 2px #000}#dev{position:absolute;right:18px;top:74px;z-index:4;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#060c24f0;color:#dfe6f5;box-shadow:inset 0 0 0 1px var(--fz-edge);font-size:12px}#dev h4{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fz-ye)}#dev label{display:flex;justify-content:space-between;gap:8px;align-items:center}#dev input,#dev select{width:150px;font-size:12px;padding:4px 6px;border-width:1px}#dev button{border:0;padding:6px;font-weight:800;background:var(--fz-ye);color:#1a1205}#dlg{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#0a143c8c,#02040ed1);backdrop-filter:blur(4px)}#dlg[hidden]{display:none}.dlg-box{width:min(680px,94vw);max-height:88vh;overflow:auto;color:var(--fz-txt);animation:fz-in .18s ease-out;scrollbar-width:thin;scrollbar-color:#2c58c8 transparent}.dlg-x{position:absolute;top:10px;right:14px;width:34px;height:34px;border:0;color:#fff;font-size:22px;line-height:1;z-index:1;cursor:pointer;background:linear-gradient(#ff5a5a,#c4141c);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.dlg-x:hover{filter:brightness(1.2)}.dlg-body h2{font-size:32px;padding:14px 52px 12px 24px}.dlg-body .db{padding:16px 22px 22px;display:flex;flex-direction:column;gap:12px}.dlg-body .db>.tabs{margin:0}.dlg-body h3{margin:6px 0 0;font:800 italic 18px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--fz-ye)}.dlg-body p,.dlg-body li{margin:0;color:#d4e0fb;font-weight:500;line-height:1.5}.dlg-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.dlg-body kbd{font:800 11px var(--font);background:var(--fz-or);color:#2a0d00;padding:2px 6px}.dlg-body button.big{width:100%}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(90deg,#2850b44d,#0a163c80);box-shadow:inset 3px 0 #6eaaff8c;font-weight:700}.set-row small{display:block;font-weight:500;color:var(--fz-mute)}.set-row input[type=range]{width:160px;accent-color:var(--fz-or)}.set-pane{display:flex;flex-direction:column;gap:8px}.set-pane[hidden]{display:none}.set-row.vol{padding:6px 14px}.set-row.vol>span{flex:1}.set-row.vol b{width:32px;text-align:right;font:800 15px var(--cond);color:var(--fz-ye)}.dlg-actions{display:flex;gap:10px;justify-content:flex-end}.lb-table{width:100%;border-collapse:collapse}.lb-table th{text-align:left;font:800 italic 12px var(--cond);color:var(--fz-edge2);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px}.lb-table td{padding:7px 8px;border-top:1px solid rgba(110,170,255,.15);font-weight:600}.lb-table td img{width:28px;height:28px;border-radius:50%;vertical-align:middle;margin-right:8px;object-fit:cover;object-position:50% 20%;background:#b7410c}.lb-table tr.me td{background:#ff8c0033}.lb-table .lpc{font:800 16px var(--cond);color:var(--fz-ye)}.medals{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.medal{display:flex;gap:12px;padding:10px 12px;background:#040a2099;box-shadow:inset 0 0 0 1px #6eaaff33;clip-path:var(--cut-s)}.medal .md-ico{flex:none;width:56px;height:56px;display:grid;place-items:center;background:radial-gradient(circle,#3a4a6a,#121a2e);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.medal .md-ico img{width:42px;height:42px;object-fit:contain;filter:grayscale(1) brightness(.6)}.medal b{display:block;font:800 15px var(--font);color:#b8c6e6}.medal p{font-size:12.5px!important;line-height:1.35!important;color:var(--fz-mute)!important}.medal small{font:600 11px var(--font);color:var(--fz-mute)}.medal .bar{margin:6px 0 2px}.medal .rw{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;font-size:12px}.medal .tt{font:700 italic 12px var(--cond);color:var(--fz-edge2);letter-spacing:.03em}.medal.got{background:linear-gradient(110deg,#ff960047,#0a163c99);box-shadow:inset 0 0 0 1.5px #ffbe3c99}.medal.got .md-ico{background:radial-gradient(circle at 50% 40%,#fff3b0,#ffb000 50%,#c25400)}.medal.got .md-ico img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.medal.got b{color:#fff}.medal.got .when{color:var(--fz-ye);font-weight:800}.wares{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.ware{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;text-align:center;background:linear-gradient(170deg,#2850b466,#060c24b3);clip-path:var(--cut-s);box-shadow:inset 0 0 0 1px #6eaaff4d}.ware b{font:800 13px/1.2 var(--font);min-height:2.4em;display:grid;place-items:center}.ware.on{box-shadow:inset 0 0 0 2px var(--fz-or),inset 0 0 22px #ff8c004d}.ware .pv{display:block;width:92px;height:92px;position:relative;overflow:hidden}.ware .pv img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.ware .pv.tac{background:radial-gradient(circle at 50% 70%,#ffd25a,#e05a00 55%,#5a1a00);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ware:not(.owned) .pv.tac img{filter:brightness(.25) saturate(0)}.ware .pv.frame{border-radius:50%;padding:6px}.ware .pv.frame img{border-radius:50%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%)}.ware .pv.bd{width:100%;height:80px;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.ware .pv.bd img{object-fit:contain;object-position:bottom}.ware .eq{font:800 italic 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--fz-or)}.ware .lock{font:700 italic 13px var(--cond);color:var(--fz-mute)}.ware .lock:before{content:"🔒 "}.frames{display:flex;gap:8px;flex-wrap:wrap}.frames button{width:38px;height:38px;border-radius:50%;border:0;box-shadow:inset 0 0 0 9px #0c1940;transition:transform .08s}.frames button.on{outline:2px solid #fff;outline-offset:2px}.frames button:hover{transform:scale(1.1)}.frames .more{background:#6eaaff26;color:#fff;font:800 20px var(--font);box-shadow:none}.pf-card{display:flex;gap:16px;align-items:center;padding:12px 14px;background:#040a2099;clip-path:var(--cut-s);box-shadow:inset 0 0 0 1px #6eaaff40}.pf-card>div{flex:1}.pf-card b{font:400 28px/1 var(--display);letter-spacing:.04em;color:var(--fz-ye)}.pf-card small{display:block;color:var(--fz-scout);font:700 13px var(--cond);margin:2px 0 6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats.mini{grid-template-columns:repeat(3,1fr)}.stats>div{padding:8px;text-align:center;background:#040a2099;box-shadow:inset 0 0 0 1px #6eaaff33}.stats b{display:block;font:400 28px/1 var(--display);letter-spacing:.04em;color:#fff}.stats.mini b{font-size:20px;color:#fff}.stats small{font:700 italic 11px var(--cond)!important;color:var(--fz-mute)!important;letter-spacing:.08em;text-transform:uppercase;margin:0!important}.hist{min-height:0}.hrow .hp{width:46px;text-align:center;font:400 28px/1 var(--display);color:#8fa3cf;-webkit-text-stroke:1px #050a1e;paint-order:stroke fill}.hrow.p1 .hp{color:#ffd23a}.hrow.p2 .hp,.hrow.p3 .hp,.hrow.p4 .hp{color:#ff9a4a}.hrow.p1{box-shadow:inset 4px 0 #ffd23a;background:linear-gradient(90deg,#ffc82840,#0a163c80)}.hrow .hm{flex:1;min-width:0}.hrow .hm b{display:block;font:800 14px var(--font)}.hrow .hm small{font:600 12px var(--font);color:var(--fz-mute)}.hrow .ht{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:50%}.hrow .ht img{width:26px;height:26px;border-radius:4px;object-fit:cover;object-position:50% 15%;background:#1a2a50;box-shadow:inset 0 0 0 1px #8f9bb2;border:1.5px solid #8f9bb2}.hrow .ht img.s2{border-color:#c8d4e6}.hrow .ht img.s3{border-color:#ffd23a;box-shadow:0 0 6px #ffb000}.mail{align-items:flex-start}.mail>div{flex:1;min-width:0}.mail b{font:800 14px var(--font)}.mail p{font-size:13px!important;line-height:1.4!important}.mail small{font:600 11px var(--font);color:var(--fz-mute)}.mail.unread{box-shadow:inset 4px 0 0 var(--fz-or);background:linear-gradient(90deg,#ff8c0038,#0a163c80)}.news{padding:12px 16px 14px;background:#040a2099;box-shadow:inset 0 0 0 1px #6eaaff33;clip-path:var(--cut-s)}.news.new{box-shadow:inset 0 0 0 1.5px #ffbe3c99}.news .nh{display:flex;gap:10px;align-items:center;margin-bottom:4px}.news .nh small{color:var(--fz-mute);font-weight:600}.news .tag{font:800 italic 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;padding:1px 10px;transform:skew(-14deg);background:#2c58c8}.news .tag.t-fix{background:#14963e}.news .tag.t-update{background:#ff6a00}.news .tag.t-multiplayer{background:#8a3cc8}.news .nw{margin-left:auto;font:800 italic 12px var(--cond);color:var(--fz-red);letter-spacing:.1em;text-shadow:0 0 6px rgba(255,40,40,.6)}.news h3{margin:0 0 2px!important;color:#fff!important;text-transform:none!important;font-size:20px!important}#pops{position:fixed;top:76px;right:18px;z-index:40;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:min(340px,calc(100vw - 32px))}.pop{pointer-events:auto;cursor:pointer;display:flex;gap:12px;align-items:center;padding:10px 16px 10px 12px;color:var(--fz-txt);background:linear-gradient(110deg,#1a3478f7,#08102ef7);clip-path:var(--cut-s);box-shadow:inset 4px 0 0 var(--fz-or),inset 0 0 0 1.5px var(--fz-edge);animation:fz-pop .45s cubic-bezier(.2,1.4,.4,1);transition:transform .4s,opacity .4s}.pop.out{transform:translate(120%);opacity:0}.pop .pi{flex:none;width:46px;height:46px;display:grid;place-items:center;font-size:24px;background:radial-gradient(circle at 50% 40%,#fff3b0,#ffb000 50%,#c25400);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pop .pi img{width:36px;height:36px;object-fit:contain}.pop small{display:block;font:800 italic 11px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--fz-ye)}.pop b{display:block;font:800 15px/1.2 var(--font)}.pop p{margin:2px 0 0;font:500 12px/1.35 var(--font);color:#c4d2f2}.pop.k-level{box-shadow:inset 4px 0 0 var(--fz-ye),inset 0 0 0 1.5px #ffd23ccc,inset 0 0 30px #ffb41e4d}.pop.k-level b{font:400 22px/1 var(--display);letter-spacing:.05em;color:var(--fz-ye)}.pop.k-level .pi,.mail.k-level .mi{font:400 26px/1 var(--display);color:#fff;-webkit-text-stroke:1.2px #3a1200;paint-order:stroke fill}.mail.k-level .mi{background:radial-gradient(circle at 50% 40%,#fff3b0,#ffb000 50%,#c25400)}.shenron{position:fixed;inset:0;z-index:45;display:grid;place-items:center;cursor:pointer;background:radial-gradient(ellipse at 50% 50%,#28ff8c59,#00140ae6 60%);animation:fz-in .4s ease-out}.sh-in{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sh-balls{display:flex;gap:8px;animation:fz-ball 1.2s ease-in-out infinite}.sh-balls .dball{width:54px;height:54px;filter:drop-shadow(0 0 14px #ffcc33)}.shenron h2{margin:0;font:400 clamp(54px,9vw,110px)/1 var(--display);letter-spacing:.05em;color:#fff;-webkit-text-stroke:3px #04300f;paint-order:stroke fill;text-shadow:0 0 30px #52ff8f,0 6px 0 #04300f}.shenron p{margin:0;font:700 20px var(--font);color:#e6ffee;display:flex;gap:8px;align-items:center}.end-hub{display:flex;flex-direction:column;gap:6px;width:min(440px,100%);box-sizing:border-box;margin:8px auto 4px;padding:10px 16px;background:#040a2099;box-shadow:inset 0 0 0 1px #6eaaff4d}.eh-row{display:flex;gap:14px;align-items:center;justify-content:center;font:800 20px var(--cond)}.eh-xp{color:#8fe0ff;text-shadow:0 0 8px rgba(110,220,255,.7)}.eh-lv{font:400 20px var(--display);letter-spacing:.05em;color:var(--fz-ye);text-shadow:0 0 10px rgba(255,200,40,.8);animation:fz-bump 1s ease-in-out infinite}.eh-bar{display:flex;gap:10px;align-items:center}.eh-bar .bar{flex:1}.eh-bar small{font:700 12px var(--cond);color:var(--fz-mute);white-space:nowrap}.eh-medals{display:flex;gap:8px;flex-wrap:wrap}.eh-m{display:flex;gap:6px;align-items:center;font:800 italic 13px var(--cond);color:var(--fz-ye);padding:2px 10px 2px 4px;background:#ff8c0033}.eh-m img{width:24px;height:24px;object-fit:contain}.end .end-board .list{min-height:0}@keyframes fz-spin{to{transform:rotate(360deg)}}@keyframes fz-aura{0%,to{transform:translate(-50%) scale(1);opacity:.85}50%{transform:translate(-50%) scale(1.06,1.1);opacity:1}}@keyframes fz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fz-swirl{0%,to{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(4deg) scale(1.05)}}@keyframes fz-shine{0%{left:-60%}to{left:130%}}@keyframes fz-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fz-ki{0%,to{box-shadow:0 0 8px #ffaa2899}50%{box-shadow:0 0 18px #ffd23c}}@keyframes fz-bump{0%,88%,to{transform:scale(1)}94%{transform:scale(1.25)}}@keyframes fz-blip{0%,to{transform:scale(.7);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes fz-ball{0%,to{transform:translateY(0)}50%{transform:translateY(-4px);filter:drop-shadow(0 0 8px #ffcc33)}}@keyframes fz-grab{0%{transform:scale(2.2) rotate(-90deg);opacity:0}to{transform:none;opacity:1}}@keyframes fz-pop{0%{transform:translate(110%)}to{transform:none}}@keyframes fz-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.find-row{display:flex;gap:8px;align-items:stretch}.find-row button.big{flex:1;min-width:0}button.big.find{box-shadow:inset 5px 0 #b07aff,inset 0 0 0 2px var(--fz-edge)}button.big.find.searching{background:repeating-linear-gradient(-60deg,#7850e680 0 14px,#3c289680 14px 28px),linear-gradient(100deg,#3c28a0f7,#140c46f7);background-size:64px 100%,100% 100%;animation:fz-search 1.2s linear infinite}button.big.find.searching small{color:#e0d2ff}@keyframes fz-search{to{background-position:64px 0,0 0}}.find-row .pill{align-self:center}#scr-room.mm .room-code{display:none}.tier{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:26px;margin-right:6px;vertical-align:middle;font:800 italic 11px/1 var(--cond);font-style:normal;color:#10142a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--t1),var(--t2));text-shadow:0 1px 0 rgba(255,255,255,.35)}.tier.t-none{--t1: #4a5880;--t2: #26304e;color:#aab6d8;text-shadow:none}.tier.t-iron{--t1: #9aa0ad;--t2: #4a4e58}.tier.t-bronze{--t1: #e0a070;--t2: #7a3f1c}.tier.t-silver{--t1: #f2f6fb;--t2: #8592a3}.tier.t-gold{--t1: #fff0a0;--t2: #d08a0a}.tier.t-platinum{--t1: #a8fff0;--t2: #1d8f96}.tier.t-emerald{--t1: #8affb8;--t2: #0f8a4a}.tier.t-diamond{--t1: #cfe0ff;--t2: #4058e0;color:#fff;text-shadow:0 1px 0 #20308a}.tier.t-master{--t1: #f0c0ff;--t2: #8a30c8;color:#fff;text-shadow:0 1px 0 #4a1070}.tier.t-grandmaster{--t1: #ffb0a0;--t2: #b8142a;color:#fff;text-shadow:0 1px 0 #600010}.tier.t-challenger{--t1: #fff6c0;--t2: #2aa8ff}.chip.rank .tier{width:18px;height:20px;font-size:9px;margin-right:5px}.row-rank .tier{width:28px;height:31px;font-size:12px;margin:0}.row-rank .lp small,.lb-table .rkc{white-space:nowrap}.pf-rank{display:flex;gap:12px;align-items:center;padding:10px 14px;margin-top:8px;background:#040a2099;clip-path:var(--cut-s);box-shadow:inset 0 0 0 1px #b07aff59}.pf-rank .tier{width:40px;height:44px;font-size:16px;margin:0}.pf-rank b{display:block;font:400 24px/1 var(--display);letter-spacing:.04em;color:#fff}.pf-rank small{display:block;color:var(--fz-mute);font:700 13px var(--cond);margin-top:3px}.end .lp .tier{width:18px;height:20px;font-size:9px;margin:0 2px}@media (prefers-reduced-motion: reduce){#front *,#pops *,.shenron *{animation:none!important}}@media (max-width: 1180px){#scr-menu{grid-template-columns:minmax(280px,340px) 1fr}.m-right{grid-column:1 / -1;flex-direction:row}.m-right>*{flex:1}.m-board{min-height:300px}#scr-menu{overflow:auto;align-items:start}.m-hero{min-height:520px}#front[data-screen=scr-menu] .legal{display:none}}@media (max-width: 980px){.scr{flex-direction:column;gap:20px;padding:76px 16px 130px;overflow:auto;justify-content:flex-start}#scr-menu{display:flex;padding:76px 16px 130px}.login,.m-left,.m-right,.m-hero{width:100%;max-width:560px;flex:none}.m-right{flex-direction:column}.m-hero{min-height:400px;order:-1}.hero-art{width:min(94%,420px)}.hero-plate b{font-size:30px}.m-left{order:-2}.logo .l1{font-size:64px}.logo .l2{font-size:40px}.logo.small{margin:-24px 0 -4px}.t-hero{display:none}.seats{grid-template-columns:repeat(2,1fr)}.medals{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.legal,#f-load{display:none}#f-load:not(.done){display:flex}}@media (max-width: 620px){#f-top{left:0;right:0;top:0;padding:8px 10px;gap:6px;flex-wrap:wrap;background:linear-gradient(#050a1ef7,#050a1ee6);box-shadow:0 2px #6eaaff59,0 8px 20px #00000080}#front[data-screen=scr-title] #f-top{background:none;box-shadow:none}.tabs button{font-size:13px;padding:7px 4px;white-space:nowrap}.pf-txt{min-width:0}.pf-txt b{max-width:110px;font-size:14px}.pf-txt small{display:none}#f-profile{padding-right:18px}.pf-frame{width:40px;height:40px}.pf-lv{left:32px}.chip{height:30px;padding:0 10px;font-size:14px}.chip.rank,.chip.scouter small{display:none}.f-icon{width:38px;height:38px}.f-icon svg{width:19px;height:19px}#f-wallet{order:3;width:100%}.scr,#scr-menu{padding-top:112px}.radar-in{flex-direction:column;align-items:stretch}.scope{align-self:center}.room-h{flex-direction:column;align-items:flex-start}.room-code{text-align:left}.hero-pl b{font-size:24px}#f-top{padding-top:calc(8px + env(safe-area-inset-top,0px))}.scr,#scr-menu{padding-top:calc(112px + env(safe-area-inset-top,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}#pops{top:calc(112px + env(safe-area-inset-top,0px));left:8px;right:8px;width:auto}.dlg-box{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100vw - 16px)}}@media (max-height: 520px) and (min-width: 560px){#f-top{top:calc(6px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px))}.scr{overflow:auto;justify-content:flex-start;padding-top:70px;padding-bottom:20px}#scr-menu{overflow:auto}.dlg-box{max-height:calc(100dvh - 16px)}#f-bottom .legal{display:none}}@media (pointer: coarse){#front .cta.small,#dlg .cta.small,#front .pill,#dlg .pill{min-height:44px}#front .tabs button,#dlg .tabs button{min-height:40px}#front .join-row input,#front .join-row button,#front .find-row .pill{min-height:48px}.tile:hover img,.f-icon:hover,.avatars button:hover{transform:none}}html.land #scr-title{flex-direction:row;align-items:center;gap:24px;padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px))}html.land #scr-title .t-left{flex:none}html.land #scr-title .logo .l1{font-size:52px}html.land #scr-title .logo .l2{font-size:32px}html.land #scr-title .logo .l3{display:none}html.land #scr-title .fcard.login{width:min(440px,100%);max-width:440px}html.land #g-avatars{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46px;gap:5px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}html.land #scr-title .fine{display:none}html.land #scr-title .card-h{padding-block:7px 6px}html.land #scr-title .card-f{padding-block:7px 9px}html.land #scr-menu{display:grid;grid-template-columns:minmax(300px,44%) 1fr;gap:12px;align-items:start;overflow:auto;padding:calc(78px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}html.land #scr-menu .m-hero,html.land #scr-menu .logo{display:none}html.land #scr-menu .m-left,html.land #scr-menu .m-right{width:auto;max-width:none;order:0;gap:8px;justify-content:flex-start}html.land #scr-menu .m-right{grid-column:auto;flex-direction:column}html.land button.big{padding:8px 16px 7px 20px}html.land button.big b{font-size:17px}html.land button.big small{font-size:11px}html.land button.big.primary{padding:10px 18px 9px 22px}html.land button.big.primary b{font-size:28px}html.land .tile{padding:5px 4px 6px}html.land .tile img{width:30px;height:30px}html.land .tile b{font-size:12px}html.land .tile small{display:none}html.land .m-board{min-height:0}html.land #scr-room{padding-top:calc(78px + env(safe-area-inset-top,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}html.land .room{width:min(900px,100%)}html.land .room-h{flex-direction:row;align-items:center;padding:10px 18px 6px}html.land .room-label{font-size:26px}html.land .room-sub{font-size:12px;margin-top:3px}html.land .room-code{text-align:right}html.land .room-code b{font-size:28px}html.land .invite{padding:2px 18px}html.land .invite input{padding:7px 12px;font-size:12px}html.phone .seats{grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 18px}html.phone .seat{min-height:0;padding:8px 6px 6px;gap:3px}html.phone .seat img{width:40px;height:40px}html.phone .seat.bot .bi{width:40px;height:40px;font-size:20px}html.phone .seat b{font-size:13px}html.phone .seat .st{font-size:11px}html.phone .room-f{position:sticky;bottom:0;z-index:1;padding:8px 18px 10px;background:linear-gradient(#060c24e6,#060c24fa)}html.port #f-top .f-tools{gap:4px}html.port #f-top .f-icon{width:38px;height:38px}html.port #scr-menu .logo.small{display:none}html.port .seats{padding-inline:12px;gap:5px}html.port .seat{padding-inline:3px}html.port .seat .crown,html.port .seat .you{top:3px}html.port .seat .crown{left:4px;font-size:13px}html.port .seat .you{right:4px;font-size:9px;padding:0 5px}html.port .room-f{padding-inline:12px;gap:8px}html.port button.big.primary b{font-size:32px}.chat{position:fixed;left:10px;bottom:10px;width:min(340px,calc(100vw - 20px));z-index:7;display:flex;flex-direction:column;gap:4px;font:500 13px/1.35 var(--font);color:var(--ink);pointer-events:none}.chat[hidden]{display:none}.chat button,.chat input,.chat .chat-emotes{pointer-events:auto;font:inherit}.chat-log{display:flex;flex-direction:column;gap:2px;max-height:168px;overflow:hidden;pointer-events:none}.chat .cl{align-self:flex-start;max-width:100%;padding:2px 8px;border-radius:8px;background:#060914b8;text-shadow:0 1px 2px #000;overflow-wrap:anywhere;transition:opacity .6s}.chat .cl.old{opacity:0}.chat .cn{color:var(--ki);margin-right:6px}.chat .cn.me{color:var(--gold)}.chat .cl.emote .ce{color:#ffe79a;font-weight:800;font-style:italic}.chat .cl.sys{color:#ff9a8a;font-style:italic}.chat-bar{display:flex;gap:4px;align-items:center}.chat-bar button,.chat-send{height:30px;padding:0 10px;background:var(--glass);color:#d6deee;border:1px solid var(--edge2);border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.chat-bar button:hover{border-color:var(--edge)}.chat-open{position:relative}.chat-open kbd{font:700 10px var(--font);color:var(--dim);border:1px solid var(--edge2);border-radius:4px;padding:0 4px;margin-left:4px}.chat-unread{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--orange);color:#fff;font:800 10px/16px var(--font);font-style:normal;text-align:center}.chat-form{flex:1;display:flex;gap:4px;min-width:0}.chat-form[hidden]{display:none}.chat-in{flex:1;min-width:0;height:30px;padding:0 10px;background:#060914e6;color:var(--ink);border:1px solid var(--edge);border-radius:999px;outline:none;user-select:text}.chat-emotes{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:var(--glass2);border:1px solid var(--edge2);border-radius:10px}.chat-emotes[hidden]{display:none}.chat-emotes button{padding:3px 9px;background:#ffcc4d1f;color:#ffe79a;border:1px solid var(--edge);border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}.chat-emotes button:hover{background:#ffcc4d40}.chat.inmatch.open .cl.old{opacity:1}.chat.inmatch.open .chat-log{max-height:240px;overflow-y:auto;pointer-events:auto;background:#0609148c;border-radius:10px;padding:4px}@media (max-width: 1500px){.chat.inmatch{bottom:196px;width:min(300px,calc(100vw - 20px))}}.chat.inroom{position:static;width:auto;margin:10px 18px 6px;color:#1b2340;pointer-events:auto}.chat.inroom .chat-log{max-height:110px;min-height:48px;overflow-y:auto;pointer-events:auto;padding:6px 10px;background:#040a20cc;box-shadow:inset 0 0 0 1.5px #6eaaff4d;color:#dfe8ff}.chat.inroom .cl{background:none;padding:1px 2px;text-shadow:none}.chat.inroom .cl.old{opacity:1}.chat.inroom .cn{color:#8fd0ff}.chat.inroom .cn.me{color:#ffd23a}.chat.inroom .cl.emote .ce{color:#ffb04a}.chat.inroom .cl.sys{color:#ff7a7a}.chat.inroom .chat-in{background:#040a20d9;color:#fff;border:2px solid rgba(110,170,255,.35);border-radius:0}.chat.inroom .chat-bar button,.chat.inroom .chat-send{background:linear-gradient(#2c58c8,#183478);color:#fff;border:0;border-radius:0;box-shadow:inset 0 0 0 1px #a0d2ff8c}.chat.inroom .chat-emotes{background:#0c1940;border:2px solid rgba(110,170,255,.45)}.chat.inroom .chat-emotes button{background:#ff8c002e;color:#ffd9a8;border-color:#ffaa3c73}@media (pointer: coarse){.chat .chat-bar button,.chat .chat-send,.chat .chat-in{height:40px}.chat .chat-emotes button{padding:9px 12px}.chat-log{touch-action:pan-y}}html.port .chat.inmatch{left:calc(4px + env(safe-area-inset-left,0px));bottom:calc(var(--hud-b, 230px) + 58px);width:min(300px,calc(100vw - 16px))}html.port .chat.inmatch .chat-log{max-height:96px}html.land .chat.inmatch{left:calc(124px + env(safe-area-inset-left,0px));top:calc(48px + env(safe-area-inset-top,0px));bottom:auto;width:min(280px,calc(100vw - 360px));flex-direction:column-reverse}html.land .chat.inmatch .chat-log{max-height:84px}html.land #hud.shop-open~.chat.inmatch{display:none}