:root{--gold:#ffcc4d;--gold2:#f59e0b;--orange:#ff7a1a;--ki:#38c8ff;--ki2:#2a7dff;--ink:#e9eef8;--dim:#9aa6bd;--dim2:#6b7690;--glass:#091334e0;--glass2:#0b173eed;--edge:#ffaa3c73;--edge2:#6eb4ff57;--panel:linear-gradient(170deg, #1a3478ed, #0a153aed 45%, #060c24f2);--panel-edge:inset 0 0 0 1.5px #6eb4ff80, inset 0 2px 0 2px #a0d2ff1f;--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, #ffffff1a 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{height:100%;color:var(--ink);font:500 13px/1.35 var(--font);user-select:none;background:#070a14;margin:0;overflow:hidden}#world canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}.pend{color:#ff9b57;cursor:help;font-style:normal}#overlays{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ubar{--tick:25%;--ki:33.3%;width:74px;position:absolute;transform:translate(-50%,-100%)}.ubar .stars{text-align:center;color:#cfd8e6;text-shadow:0 0 3px #000,0 0 2px #000;letter-spacing:-1px;font-size:13px;line-height:12px}.ubar .stars.s2{color:#f2f6ff}.ubar .stars.s3{color:var(--gold);text-shadow:0 0 6px #f90,0 0 2px #000}.ubar .hp{background:#12161f;border:1px solid #000;border-radius:2px;height:9px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0009}.ubar .hp i{background:linear-gradient(#7cf5a0, var(--hp) 60%, #27a956);transition:width .12s;position:absolute;top:0;bottom:0;left:0}.ubar .hp:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--tick) - 1px), #000000a6 calc(var(--tick) - 1px) var(--tick));position:absolute;inset:0}.ubar .hp u{opacity:.9;background:#f4f4f4;height:3px;position:absolute;top:0;left:0}.ubar.enemy .hp i{background:linear-gradient(#ff8c8c, var(--hpe) 60%, #b62a2a)}.ubar .mp{background:#0b0e16;border:1px solid #000;border-top:0;height:4px;position:relative}.ubar .mp i{background:linear-gradient(#9ae6ff, var(--ki));height:100%;display:block}.ubar .mp:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--ki) - 1px), #000 calc(var(--ki) - 1px) var(--ki));position:absolute;inset:0}.ubar .its{justify-content:center;gap:1px;margin-top:2px;display:flex}.ubar .its img{border:1px solid #000;border-radius:3px;width:16px;height:16px}.ubar.fight .hp{display:none}.dmg{font:400 19px/1 var(--display);letter-spacing:.03em;-webkit-text-stroke:1px #000000a6;text-shadow:0 2px 2px #000;animation:.8s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.dmg.physical{color:#ffa040}.dmg.magic{color:#5ab4ff}.dmg.true{color:#fff}.dmg.heal{color:#5ce68a}.dmg.crit{color:#ffdf4d;font-size:25px}@keyframes rise{to{opacity:0;margin-top:-40px}}.tbar{text-align:center;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.tbar .tn{color:#eef3ff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:12px;font-weight:800;display:block}.tbar .th{background:#12161f;border:1px solid #000;border-radius:3px;width:58px;height:6px;margin:2px auto 0;display:block;overflow:hidden}.tbar .th i{background:linear-gradient(#ffe27a,#e39a17);height:100%;transition:width .5s;display:block}.clickmark{border:2px solid #7cf27c;border-radius:50%;width:24px;height:12px;margin:-6px 0 0 -12px;animation:.5s ease-out forwards click;position:absolute}@keyframes click{0%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(.4)}}#banners{pointer-events:none;z-index:4;justify-content:center;display:flex;position:fixed;top:17%;left:0;right:0}.banner{text-align:center;background:linear-gradient(90deg,#0000,#080c1aeb 18% 82%,#0000);padding:10px 90px 12px;animation:2s ease-out forwards banner;position:relative}.banner:before,.banner:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;left:10%;right:10%}.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 #0006;text-shadow:0 3px #00000080,0 0 22px #ffffff40}.banner .b-sub{color:#c9d4e8;margin-top:4px;font-size:15px;font-weight:600}.banner.round .b-title{color:var(--gold);text-shadow:0 3px #7a3d00,0 0 24px #ffa02880}.banner.victory .b-title{color:#ffd34d;text-shadow:0 3px #8a4b00,0 0 30px #f90;font-size:58px}.banner.defeat .b-title{color:#ff6a5a;text-shadow:0 3px #5a0000,0 0 30px #c00;font-size:58px}.banner.level .b-title{color:#7fd6ff;text-shadow:0 3px #0b3d6b,0 0 24px #2a9dff}.banner.shenron .b-title{color:#8cff7a;text-shadow:0 3px #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{text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;font-weight:800;animation:1.6s ease-out forwards pop;display:flex;position:absolute;transform:translate(-50%,-100%)}.popup.hurt{color:#ff4b3a;font:400 32px/1 var(--display);letter-spacing:.04em}.popup.gold{color:var(--gold);font-size:20px}.popup.gold small{color:var(--ink);font-size:11px;font-weight:600}.popup.orb{border:1px solid var(--edge);background:#080c1ad9;border-radius:8px;flex-direction:row;gap:4px;padding:4px 7px}.popup.orb img{border:1px solid #000;border-radius:4px;width:28px;height:28px}.popup.orb .ou{border-radius:50%}.popup.orb .og{color:var(--gold);align-items:center;gap:2px;font-size:17px;display:flex}.popup.orb .og img{border:0;width:16px;height:16px}@keyframes pop{0%{opacity:0;margin-top:10px}12%{opacity:1;margin-top:0}75%{opacity:1}to{opacity:0;margin-top:-26px}}#flash{opacity:0;pointer-events:none;z-index:3;background:#fff;position:fixed;inset:0}#flash.on{animation:.6s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}#hud>*{position:fixed}.glass{background:var(--glass);border:1px solid var(--edge2);border-radius:var(--r);backdrop-filter:blur(6px);box-shadow:0 6px 18px #00000073}#topbar{background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);align-items:center;gap:12px;padding:5px 16px 5px 0;display:flex;top:8px;left:50%;transform:translate(-50%)}#stage-label{font:400 24px/1 var(--display);letter-spacing:.06em;color:#fff;-webkit-text-stroke:1px #2a0d00;paint-order:stroke fill;text-shadow:0 2px #2a0d00;background:var(--plate);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);white-space:nowrap;align-self:stretch;align-items:center;min-width:34px;margin:-5px 0;padding:4px 20px 2px 14px;display:flex}#round-track{align-items:center;gap:4px;display:flex}#round-track img{opacity:.8;width:22px;height:22px}#round-track img.cur{opacity:1;width:30px;height:30px;filter:drop-shadow(0 0 5px var(--gold))}#timer{background:#050a1e;width:170px;height:16px;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:inset 0 0 0 1px #6eb4ff59}#timer-fill{background:linear-gradient(#ffe14a,#ff9a00 60%,#ff6a00);transition:width .25s linear;position:absolute;inset:0 auto 0 0}#timer-text{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;line-height:16px;position:absolute;inset:0;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{gap:6px;display:flex;top:10px;right:10px}.tool{background:var(--panel);color:#d6deee;height:32px;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;border:0;padding:0 12px}.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}#traits{flex-direction:column;gap:4px;width:206px;max-height:calc(100vh - 360px);display:flex;top:64px;left:10px;overflow:hidden}.trait{background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);pointer-events:auto;align-items:center;gap:7px;padding:3px 8px 3px 4px;display:flex}.trait:hover{box-shadow:inset 0 0 0 1.5px var(--edge)}.trait .hexi{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#2a3350;flex:none;place-items:center;width:32px;height:36px;display:grid}.trait .hexi img{border-radius:50%;width:26px;height:26px}.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{text-align:center;width:16px;font-size:15px;font-weight:900}.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()brightness(.75)}#players{flex-direction:column;gap:4px;width:214px;display:flex;top:54px;right:10px}.pl{background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);pointer-events:auto;align-items:center;gap:6px;padding:3px 9px 3px 3px;display:flex;position:relative}.pl .av{object-fit:cover;background:#0e1424;border:2px solid #3d5a9a;border-radius:50%;flex:none;width:34px;height:34px}.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()}.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;text-overflow:ellipsis;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.pl .stk{width:13px;height:13px}.pl .hpb{background:#050a1e;height:5px;margin-top:3px;overflow:hidden;transform:skew(-14deg)}.pl .hpb i{background:linear-gradient(90deg,#ff6a00,#ffe14a);height:100%;transition:width .6s;display:block}.pl .hpn{font:400 18px/1 var(--display);letter-spacing:.03em;text-align:right;width:30px}.pl .lv{color:var(--dim);background:#12182a;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.pl .db{color:#ffb43a;text-shadow:0 0 4px #f60;font-size:11px;font-weight:900}#itembench{grid-template-columns:repeat(2,42px);gap:5px;display:grid;bottom:196px;left:10px}.item{outline:1.5px solid var(--edge2);pointer-events:auto;cursor:grab;background:#0b1638 50%/cover;border:1px solid #000;border-radius:4px;width:42px;height:42px;box-shadow:0 2px 6px #00000080}.item:hover{outline-color:var(--gold)}.item.done{outline:2px solid var(--gold)}#augments-owned{gap:5px;display:flex;bottom:196px;right:10px}#augments-owned img{border:2px solid var(--edge);pointer-events:auto;background:#121726;border-radius:50%;width:38px;height:38px}#bottom{flex-direction:column;gap:0;width:min(1020px,100vw - 20px);display:flex;bottom:8px;left:50%;transform:translate(-50%)}#bottom-top{grid-template-columns:196px 1fr;align-items:end;height:30px;display:grid;position:relative}#level{background:var(--glass2);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);align-items:center;gap:8px;height:26px;margin-left:6px;padding:0 10px;display:flex;box-shadow:inset 0 1.5px #6eb4ff80}#level-num{font:400 18px/1 var(--display);letter-spacing:.05em;color:var(--ki);white-space:nowrap}#xpbar{background:#0b0f1b;border-radius:3px;flex:1;height:6px;overflow:hidden}#xpfill{background:linear-gradient(90deg, var(--ki2), var(--ki));width:0;height:100%;transition:width .3s}#xp-text{color:var(--dim);font-size:11px;font-weight:700}#goldbox{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);z-index:2;background:linear-gradient(#3a2408,#170d02);align-items:center;gap:6px;height:34px;padding:0 20px 0 16px;display:flex;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1.5px #ffbe3cbf}#goldbox img{width:22px}#gold{font:400 26px/1 var(--display);letter-spacing:.04em;color:var(--gold);min-width:24px}#interest{gap:2px;display:flex}#interest i{background:#2a2f39;border:1px solid #000;border-radius:50%;width:7px;height:7px}#streak{align-items:center;gap:2px;font-size:12px;font-weight:800;display:flex}#streak:empty{display:none}#streak img{width:18px}#shopbar{background:var(--glass2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);justify-self:end;align-items:center;gap:12px;height:26px;margin-right:6px;padding:0 6px 0 12px;font-size:12px;font-weight:700;display:flex;box-shadow:inset 0 1.5px #6eb4ff80}#odds{gap:8px;display:flex}#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:0 0;border:0;padding:0 4px;font-size:14px}#bottom-main{background:var(--panel);box-shadow:var(--panel-edge), inset 0 -40px 60px -30px #508cff40;clip-path:var(--cut);gap:8px;padding:8px;display:flex}#leftbox{flex-direction:column;flex:none;gap:6px;width:172px;display:flex}.act{clip-path:var(--cut-s);text-align:left;background:linear-gradient(#22408c,#122660);border:0;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:0 12px;transition:transform 60ms,box-shadow .1s;display:flex;box-shadow:inset 0 0 0 1.5px #6eb4ff8c,inset 0 2px #b4dcff40}.act span{flex-direction:column;display:flex}.act b{font:400 19px/1 var(--display);letter-spacing:.05em}.act small{color:var(--dim);font-size:10px;font-weight:700}.act em{color:var(--gold);align-items:center;gap:3px;font-size:16px;font-style:normal;font-weight:900;display:flex}.act em img{width:16px}.act:disabled{opacity:.45;cursor:default}#shopwrap{flex:1;min-width:0;position:relative}#shop{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}#shop.closed{justify-content:center;align-items:center;min-height:112px;display:flex}#shop .shut{color:var(--dim);font-size:15px;font-weight:700}.card{--cc:var(--c1);border:2px solid var(--cc);height:112px;clip-path:var(--cut-s);background:#0a1a48 top/cover;background-color:color-mix(in srgb, var(--cc) 22%, #0a1a48);cursor:pointer;transition:transform 80ms,box-shadow .12s,opacity .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.card:after{content:"";background:linear-gradient(180deg, #0000004d, transparent 26%, transparent 50%, #04081af2 88%), linear-gradient(0deg, var(--cc) 0 3px, transparent 3px);pointer-events:none;position:absolute;inset:0}.card:active:not(.empty){transform:translateY(0)scale(.98)}.card.empty{cursor:default;background:#ffffff08;border:2px dashed #2a3350}.card.bought{opacity:0;pointer-events:none;transition:transform .14s ease-out,opacity .14s ease-out;transform:translateY(-14px)scale(.96)}.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{text-shadow:0 1px 2px #000,0 0 3px #000;z-index:1;flex-direction:column;gap:1px;font-size:11px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.card .tr span{align-items:center;gap:3px;display:flex}.card .tr img{border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #000}.card .nmb{font:400 18px/1 var(--display);letter-spacing:.04em;z-index:1;text-shadow:0 2px #000,0 0 4px #000;justify-content:space-between;align-items:center;padding:4px 8px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.card .nmb span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card .nmb em{color:#fff;align-items:center;gap:3px;font-style:normal;display:flex}.card .nmb img{width:14px}.card .have{color:#fff;z-index:1;background:#000000a6;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;top:6px;right:6px}.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:1s ease-in-out infinite alternate starup}@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{color:#6c7584;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}#sellzone{text-align:center;z-index:3;pointer-events:none;background:repeating-linear-gradient(-45deg,#781414e0 0 14px,#5f0e0ee0 14px 28px);border:2px dashed #ff8a7a;border-radius:10px;place-items:center;display:none;position:absolute;inset:0}#sellzone small{color:#ffd0c8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}#sellzone b{font:400 34px/1 var(--display);letter-spacing:.05em;color:#fff;text-shadow:0 2px #500;justify-content:center;align-items:center;gap:6px;display:flex}#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{color:#fff;min-width:128px;height:46px;font:400 26px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.2px #3a1200;paint-order:stroke fill;text-shadow:0 2px #3a1200;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);border:0;padding:0 22px;bottom:10px;right:10px;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;letter-spacing:0;margin-left:4px}#btn-arc{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);height:46px;font:400 21px/1 var(--display);letter-spacing:.05em;background:linear-gradient(#8a64e0,#4b30a0);border:0;padding:0 24px;animation:1.2s infinite alternate pulse;bottom:10px;right:150px;box-shadow:inset 0 0 0 1.5px #c7b0ff}@keyframes pulse{to{box-shadow:inset 0 0 0 2px #fff,inset 0 0 18px #d9c8ff}}#help{color:#dce4f58c;pointer-events:none;white-space:nowrap;text-shadow:0 1px 2px #000;font-size:11px;top:54px;left:50%;transform:translate(-50%)}#help b{color:#ffdc8ccc}#toast{background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut-s);opacity:0;pointer-events:none;text-align:center;z-index:6;max-width:70vw;padding:8px 18px;font-weight:700;transition:opacity .25s;top:80px;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#log{color:var(--dim);pointer-events:none;text-shadow:0 1px 1px #000;opacity:.8;max-width:260px;font-size:11px;top:66px;left:226px}#modal{z-index:5;background:radial-gradient(70% 60%,#060e2c80,#03061438);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#modal h2{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 #2a0d00;background:var(--plate);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);margin:0;padding:10px 46px 8px}@media (width>=641px) and (height>=521px){#modal.encounter,#modal.arcs,#modal.shenron,#modal[data-armory]{box-sizing:border-box;padding-bottom:120px}}#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;vertical-align:middle;letter-spacing:0;background:#3a4560;border-radius:999px;padding:3px 10px}#modal.arcs.t-KingKai h2 .tier{background:#b8902c}#modal.arcs.t-Whis h2 .tier{color:#111;background:linear-gradient(90deg,#6cf,#c8f,#fc8)}#modal.shenron{background:radial-gradient(#143c1eb3,#0009)}#modal.shenron h2{background:repeating-linear-gradient(-60deg,#ffffff1a 0 3px,#0000 3px 9px),linear-gradient(90deg,#0d7a2a,#2fc24a 55%,#9cff6a)}#modal .row{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1100px;display:flex}.aug{background:var(--panel);width:236px;min-height:260px;box-shadow:var(--panel-edge), inset 0 -40px 60px -30px #508cff40;clip-path:var(--cut);text-align:center;cursor:pointer;padding:16px;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{border:2px solid var(--edge);background:#0a0f1e;border-radius:50%;width:86px;height:86px}.aug h3{color:#fff;font:400 24px/1 var(--display);letter-spacing:.05em;margin:10px 0 6px}.aug p{color:#c4cde0;text-align:left;font-size:12px}.btn{color:#fff;font:400 20px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1px #3a1200;paint-order:stroke fill;text-shadow:0 2px #3a1200;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);border:0;padding:11px 28px;box-shadow:inset 0 -4px #781e0073,inset 0 2px #fff9}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px)}.btn.ghost{-webkit-text-stroke:0;text-shadow:0 2px #000;color:#e3ebff;background:linear-gradient(#22408c,#122660);box-shadow:inset 0 0 0 1.5px #6eb4ff8c}.offer{background:var(--panel);width:150px;box-shadow:var(--panel-edge);clip-path:var(--cut-s);cursor:pointer;text-align:center;padding:10px 8px;font-weight:700}.offer .card{pointer-events:none;width:100%;height:90px}.offer .item{pointer-events:none;margin:6px auto 0}.offer.taken{opacity:.25;pointer-events:none}.offer.sel{box-shadow:inset 0 0 0 2px var(--fz-or,#ff8a00), inset 0 0 26px #ff961e59}#tip{z-index:9;max-width:340px;clip-path:var(--cut-s);pointer-events:none;background:linear-gradient(170deg,#1a3478fa,#0a153afa 45%,#060c24fa);padding:10px 14px;font-size:12px;position:fixed;box-shadow:inset 0 0 0 1.5px #6eb4ff8c}#tip h4{color:#fff;margin:0 0 4px;font-size:15px}#tip .sub{color:var(--dim);margin-bottom:6px}#tip .sub.pend{color:#d9a441}#tip .tiph{align-items:center;gap:9px;margin-bottom:4px;display:flex}#tip .tiph>img{border:1px solid var(--edge);object-fit:cover;border-radius:8px;flex:none;width:46px;height:46px}#tip .st.s3{color:var(--gold)}#tip .coin{vertical-align:-2px;width:12px}#tip .fm{vertical-align:middle;border-radius:50%;width:22px;height:22px}#tip .stats{grid-template-columns:repeat(4,auto);gap:3px 10px;margin:6px 0;display:grid}#tip .stats span{color:var(--dim)}#tip .stats b{color:#fff;font:700 12px/1.35 var(--font);letter-spacing:0;display:inline}#tip .tits{flex-direction:column;gap:2px;margin-top:4px;display:flex}#tip .tits span{align-items:center;gap:5px;display:flex}#tip .tits img{border-radius:3px;width:18px;height:18px}#tip .recipe img{vertical-align:-4px;width:16px;height:16px;margin-right:2px}#tip .tunits{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}#tip .tunits img{border:2px solid var(--c1);border-radius:5px;width:30px;height:30px}#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{gap:8px;margin-top:6px;display:flex}#tip .ab img{flex:none;width:36px;height:36px}#tip .ic{color:var(--gold);font-size:10px;font-weight:700}#tip .sellhint{color:var(--dim);border-top:1px solid #ffffff14;margin-top:6px;padding-top:6px;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{z-index:8;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}#modal.end .end-wrap{align-items:flex-start;gap:28px;max-width:1180px;display:flex}#modal.end .end-main{flex-direction:column;align-items:center;gap:14px;display:flex}.end h2{font-size:60px!important}.end .place{position:relative}.end .place img{object-fit:cover;background:#10141c;border:4px solid #8a93a1;border-radius:50%;width:128px;height:128px}.end .place b{font:400 48px/1 var(--display);color:#fff;text-shadow:0 3px #000;position:absolute;bottom:-6px;right:-16px}.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-size:18px;font-weight:900}.end .lp small{color:var(--dim);font-size:12px;font-weight:600}.end table{border-collapse:collapse;background:var(--panel);clip-path:var(--cut-s)}.end td{vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:5px 12px}.end .pn{font-weight:900}.end .av{border-radius:50%;width:28px;height:28px}.end .units{gap:2px;display:flex}.end .units img{border:1px solid #333;border-radius:4px;width:28px;height:28px}.end .units img.s2{border-color:#dbe4f2}.end .units img.s3{border-color:var(--gold)}.end .end-board{background:var(--panel);width:300px;box-shadow:var(--panel-edge);clip-path:var(--cut);padding:12px 14px}.end .end-board h3{font:400 24px/1 var(--display);letter-spacing:.05em;color:var(--gold);margin:0 0 8px}.end .end-actions{gap:10px;display:flex}.fzc{--cc:var(--c1);cursor:pointer;width:230px;height:380px;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;animation:.45s cubic-bezier(.2,1.4,.4,1) both fzc-in;animation-delay:calc(var(--i) * 80ms);flex-direction:column;justify-content:flex-end;transition:transform .12s,filter .12s;display:flex;position:relative}.fzc.c2{--cc:var(--c2)}.fzc.c3{--cc:var(--c3)}.fzc.c4{--cc:var(--c4)}.fzc.c5{--cc:var(--c5)}.fzc:hover .fzc-art{transform:scale(1.04)}.fzc-art{background:top/cover no-repeat;transition:transform .2s;position:absolute;inset:0 0 34%}.fzc:before{content:"";pointer-events:none;z-index:1;background:repeating-conic-gradient(from 0deg at 50% 30%, #ffffff0f 0 3deg, transparent 3deg 12deg);mix-blend-mode:screen;position:absolute;inset:0}.fzc-cost{z-index:2;font:400 22px/1 var(--display);color:#fff;text-shadow:0 2px #000;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);box-shadow:inset 0 -2px 0 var(--cc);background:#050a1ebf;align-items:center;gap:3px;padding:4px 10px 3px 6px;display:flex;position:absolute;top:10px;right:12px}.fzc-cost img{width:18px}.fzc-body{z-index:2;background:linear-gradient(#0000,#060c24eb 22%,#060c24f7);flex-direction:column;gap:6px;padding:26px 14px 14px;display:flex;position:relative}.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 #000}.fzc-role{font:800 italic 13px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#1a0a00;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%);background:linear-gradient(90deg,#ffe14a,#ff9a00);align-self:flex-start;margin-top:-2px;padding:3px 12px 2px 8px}.fzc-traits{flex-wrap:wrap;gap:4px 10px;display:flex}.fzc-traits span{font:700 13px var(--font);color:#e3ebff;align-items:center;gap:5px;display:flex}.fzc-traits img{border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #000}.fzc-sig{border-top:1px solid #78aaff40;flex-direction:column;gap:1px;padding-top:6px;display:flex}.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{color:#b8c6e6;font-size:12px}@keyframes fzc-in{0%{opacity:0;transform:translateY(30px)scale(.94)}}#bossbar{pointer-events:none;width:min(520px,100vw - 580px);min-width:300px;height:96px;animation:.5s cubic-bezier(.2,1.4,.4,1) bb-in;top:56px;left:50%;transform:translate(-50%)}#bossbar .bb-face{object-fit:cover;object-position:50% 15%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:2;filter:drop-shadow(0 2px 2px #000);background:#3a0c0c;width:64px;height:64px;position:absolute;top:0;left:-6px}#bossbar .bb-life{aspect-ratio:4;max-height:130px;position:absolute;top:-12px;left:30px;right:0}#bossbar .bb-frame{width:100%;height:100%;position:absolute;inset:0}#bossbar .bb-bar{clip-path:polygon(0 0,94.66% 0,100% 100%,5.23% 100%);width:89.65%;height:28.13%;position:absolute;top:35.94%;left:3.32%;overflow:hidden;transform:scaleX(-1)}#bossbar .bb-bar i{position:absolute;top:0;bottom:0;left: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);transition:width 60ms linear;box-shadow:inset 0 -3px #c56b0066}#bossbar .bb-half{background:#000000b3;width:2px;position:absolute;top:0;bottom:0;left:50%}#bossbar.phase2 .bb-half{display:none}#bossbar .bb-name{font:400 22px/1 var(--display);letter-spacing:.05em;color:#fff3d7;-webkit-text-stroke:1px #2a1a0c;paint-order:stroke fill;text-shadow:0 2px #000;white-space:nowrap;align-items:baseline;gap:8px;display:flex;position:absolute;top:70px;left:70px}#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 small{color:#ff8a5a;letter-spacing:.4em}.dmg.armor{color:#c9d6ea;letter-spacing:.12em;font-size:15px}body.metering #traits .trait.off,body.bossing #help{display:none}#meter{left:10px;top:var(--meter-top,64px);width:256px;max-height:calc(100vh - var(--meter-top,64px) - 226px);background:var(--panel);box-shadow:var(--panel-edge);clip-path:var(--cut);pointer-events:auto;z-index:1;--bar:linear-gradient(90deg, #ff5a00, #ffb020);flex-direction:column;display:flex}#meter .m-h{font:400 22px/1 var(--display);letter-spacing:.06em;color:#fff;-webkit-text-stroke:1px #2a0d00;paint-order:stroke fill;text-shadow:0 2px #2a0d00;background:var(--plate);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);justify-content:space-between;align-items:center;margin-right:34px;padding:7px 26px 5px 14px;display:flex}#meter .m-x{color:#cfe0ff;width:26px;height:26px;font:700 13px var(--font);clip-path:var(--cut-s);-webkit-text-stroke:0;background:#6eb4ff26;border:0;position:absolute;top:4px;right:6px}#meter .m-tabs{gap:3px;margin:6px 8px 2px;display:flex}#meter .m-tabs button{font:800 italic 12px var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--fz-mute,#9db1da);background:#78aaff1a;border:0;flex:1;padding:4px 2px;transform:skew(-14deg)}#meter .m-list{scrollbar-width:thin;touch-action:pan-y;padding:2px 8px 10px;overflow-y:auto}#meter .m-side{font:800 italic 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#ff9a9a;border-bottom:1px solid #ff787840;justify-content:space-between;align-items:baseline;margin:6px 0 3px;display:flex}#meter .m-side b{font:400 15px var(--display);letter-spacing:.04em;color:#fff}#meter .m-row{align-items:center;gap:5px;margin:2px 0;display:flex}#meter .m-row img{object-fit:cover;border-radius:3px;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #000}#meter .m-row.dead{opacity:.5}#meter .m-row.dead img{filter:grayscale()}#meter .m-bar{background:#050a1eb3;flex:1;justify-content:space-between;align-items:center;gap:4px;min-width:0;height:24px;padding:0 6px;display:flex;position:relative;overflow:hidden}#meter .m-bar i{background:var(--bar);opacity:.85;transition:width .25s;position:absolute;top:0;bottom:0;left:0}#meter .m-bar span,#meter .m-bar b{white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;position:relative}#meter .m-bar span{text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}#meter .m-bar span small{color:#cfd8e6;font-size:9px}#meter .m-bar span small.s3{color:var(--gold)}#meter .m-bar b{font:400 16px/1 var(--display);letter-spacing:.03em}.tally{pointer-events:none;z-index:2;flex-direction:column;align-items:center;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%,-100%)}.tally .hits{align-items:flex-end;gap:2px;height:30px;display:flex}.tally .hits[hidden]{display:none}.tally .cdig{display:flex}.tally .cdig span{background:url(/assets/ui/combo_digits.png) 0 0/1000% 100% no-repeat;background-position:calc(var(--d) * 100% / 9) 0;filter:drop-shadow(0 2px 1px #000);width:22px;height:26px}.tally .hits img{filter:drop-shadow(0 2px 1px #000);height:18px}.tally .sum{font:400 20px/1 var(--display);letter-spacing:.02em;color:#ffb347;-webkit-text-stroke:1.5px #000c;text-shadow:0 3px 3px #000}.tally .sum.bump{animation:.18s ease-out tbump}.tally.done{animation:.9s ease-out forwards tdone}@keyframes tbump{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes tdone{0%{opacity:1;transform:translate(-50%,-100%)scale(1.25)}25%{transform:translate(-50%,-100%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(.95)}}.callout{pointer-events:none;z-index:5;flex-direction:column;align-items:center;animation:1.4s ease-out forwards callout;display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%)}.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{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(#fffbe0 0%,#ffd84acc 25%,#ff9a1a44 55%,#0000 70%);border-radius:50%;width:90px;height:150px;margin:-75px 0 0 -45px;animation:.55s ease-out forwards blink;position:absolute}.blink.arrive{animation-delay:40ms;transform:scale(0)}@keyframes blink{0%{opacity:1;transform:scaleX(1.4)scaleY(.2)}30%{opacity:1;transform:scaleX(.35)scaleY(1.2)}to{opacity:0;transform:scaleX(.05)scaleY(1.5)}}.callout.execute b{color:#ffd0b0;text-shadow:0 0 24px #ff3a1a,0 4px 4px #000}@keyframes callout{0%{opacity:0;transform:translateX(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{pointer-events:none;z-index:4;background:radial-gradient(circle at 50% 55%,#fff 0%,#fff6d0cc 30%,#ffd84a33 60%,#0000 80%);animation:.7s ease-out forwards starflash;position:fixed;inset:0}.starflash.big{background:radial-gradient(circle at 50% 55%,#fff 0% 25%,#ffe680cc 50%,#ff9a1a33 75%,#0000 95%);animation-duration:1s}@keyframes starflash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.callout.starup b{color:#fff3b0;text-shadow:0 0 26px #fc0,0 0 8px #fff,0 4px 4px #000}.callout.starup small{letter-spacing:.15em;color:#ffd21a;text-shadow:0 0 12px #ff9a1a,0 2px 2px #000;font-size:30px}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{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}#tip .tacts button{background:linear-gradient(#24305a,#172041);border:1px solid #3b4d86;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:64px;min-height:44px;padding:0 14px;font-size:14px;font-weight:800;display:flex}#tip .tacts button[data-act=sell]{background:linear-gradient(#7a2222,#521414);border-color:#ff8a7a}#tip .tacts button[data-act=sell] b{color:var(--gold);align-items:center;gap:3px;display:flex}#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{min-width:40px;height: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{box-sizing:border-box;min-height:40px}#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{min-width:40px;height: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{box-sizing:border-box;max-width:calc(100vw - 24px);font-size:12px}html.phone #tip{box-sizing:border-box;max-width:min(340px,100vw - 12px)}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));box-sizing:border-box;gap:8px;height:32px;padding:2px 10px 2px 0}html.land #stage-label{padding:3px 12px 2px 10px;font-size:18px}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{font-size:10px;line-height:14px}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{left:calc(6px + var(--sal));top:calc(4px + var(--sat));align-items:stretch;width:64px;padding:0;display:flex}html.land #btn-side i{opacity:.45;flex:1;place-items:center;font-size:16px;font-style:normal;display:grid;position:relative}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{background:var(--orange);color:#fff;min-width:14px;height:14px;font:800 9px/14px var(--font);text-align:center;border-radius:7px;position:absolute;top:1px;right:1px}html.land #side-n:empty{display:none}html.land #augments-owned{left:calc(6px + var(--sal));top:calc(48px + var(--sat));gap:3px;bottom:auto;right:auto}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);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));gap:3px;overflow-y:auto}html.land .trait{flex:none;gap:4px;min-height:0;padding:2px 4px 2px 2px}html.land .trait .hexi{width:26px;height:30px}html.land .trait .hexi img{width:19px;height:19px}html.land .trait .cnt{width:12px;font-size:13px}html.land .trait>div:last-child{flex-direction:column;min-width:0;line-height:1.1;display:flex}html.land .trait .nm,html.land .trait .bp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}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));grid-template-columns:repeat(2,42px);gap:4px;bottom:auto}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,100vw - 460px);min-width:220px;height:56px}html.land #bossbar .bb-face{width:40px;height:40px}html.land #bossbar .bb-life{top:-8px;left:18px}html.land #bossbar .bb-name{font-size:14px;top:42px;left:44px}html.land #players{right:calc(6px + var(--sar));top:calc(50px + var(--sat));width:var(--rcol);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));gap:2px;overflow-y:auto}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{flex:none;gap:4px;min-height:0;padding:1px 6px 1px 1px}html.land .pl .av{border-width:1.5px;width:21px;height:21px}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{width:auto;font-size:13px}html.land .pl .db{font-size:9px;position:absolute;top:-2px;left:18px}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{width:var(--c);height:var(--c);clip-path:none;box-sizing:border-box;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;position:fixed}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{left:calc(6px + var(--sal));bottom:calc(var(--c) + 12px + var(--sab));width:calc(var(--lcol) - 4px);box-sizing:border-box;gap:5px;height:22px;margin:0;padding:0 7px;position:fixed}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));z-index:2;cursor:pointer;background:radial-gradient(circle at 50% 35%,#5a3a10,#1d1004 70%);gap:0;left:auto;transform:none;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);text-align:center;min-width:0}html.land #interest{gap:2px}html.land #interest i{width:5px;height:5px}html.land #streak{background:#060a1ae6;border-radius:10px;padding:1px 4px;font-size:10px;position:absolute;top:-4px;left:-4px}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));clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);height:40px;padding:0 6px;font-size:17px}html.land #btn-arc{left:50%;top:calc(42px + var(--sat));z-index:3;height:40px;padding:0 16px;font-size:15px;bottom:auto;right:auto;transform:translate(-50%)}html.land #shopwrap,html.land #btn-roll,html.land #odds,html.land #btn-lock{display:none}html.land #shopbar{left:calc(76px + var(--sal));top:calc(6px + var(--sat));height:30px;clip-path:var(--cut-s);gap:8px;margin:0;padding:0 8px;position:fixed}html.land .bc-l{display:none}html.land #hud.shop-open #shopwrap{left:calc(var(--lcol) + 12px + var(--sal));right:calc(6px + var(--sar));top:calc(4px + var(--sat));z-index:4;background:var(--panel);box-shadow:var(--panel-edge), 0 8px 24px #0000008c;clip-path:var(--cut-s);padding:6px;display:block;position:fixed}html.land #hud.shop-open #shop{gap:6px}html.land #shopwrap:before{content:"";height:3px;width:calc(var(--tk,1) * 100%);z-index:2;background:linear-gradient(90deg,#ff9a00,#ffe14a);transition:width .25s linear;position:absolute;top:0;left:0}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{top:4px;left: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{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%);display:flex}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{transform:scale(1.08);box-shadow:inset 0 0 0 3px #fff,0 0 24px #ff3c3ce6}html.land #tip.dock{right:calc(4px + var(--sar));bottom:calc(var(--c) + 12px + var(--sab));touch-action:pan-y;width:250px;max-width:250px;overflow-y:auto;left:auto!important;top:calc(4px + var(--sat))!important}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));height:40px;max-width:calc(100vw - 194px - var(--sal) - var(--sar));box-sizing:border-box;gap:6px;padding:3px 8px 3px 0;transform:none}html.port #stage-label{min-width:0;padding:4px 8px 2px;font-size:16px}html.port #round-track{flex:none;gap:2px}html.port #round-track img{width:14px;height:14px}html.port #round-track img.cur{width:20px;height:20px}html.port #timer{flex:1;width:auto;min-width:40px}html.port #phase-label{display:none}html.port #btn-zoom{right:calc(8px + var(--sar));bottom:calc(var(--hud-b,200px) + 56px);position:fixed}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{top:-8px;left:20px}html.port #bossbar .bb-name{font-size:14px;top:40px;left:48px}html.port #meter{left:calc(4px + var(--sal));top:calc(130px + var(--sat));width:min(250px,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));flex-direction:row;justify-content:center;gap:3px;width:auto}html.port .pl{flex-direction:column;flex:1 1 0;gap:1px;min-width:0;max-width:54px;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{text-align:center;width:auto;font-size:12px;line-height:1.1}html.port .pl .db{font-size:9px;position:absolute;top:0;right:2px}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));touch-action:pan-x;scrollbar-width:none;flex-direction:row;gap:3px;width:auto;max-height:none;overflow-x:auto}html.port #traits:empty{display:none}html.port .trait{flex:none;gap:3px;min-height:0;padding:2px 6px 2px 2px}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));gap:3px;bottom:auto}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);flex-wrap:wrap-reverse;gap:4px;display:flex}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));width:auto;transform:none}html.port #bottom-top{grid-template-columns:auto 1fr;height:32px}html.port #level{gap:5px;width:104px;height:28px;margin-left:4px;padding:0 8px}html.port #level-num{font-size:13px}html.port #xp-text{font-size:10px}html.port #goldbox{gap:4px;height:32px;padding:0 10px 0 6px}html.port #goldbox img{width:18px}html.port #gold{min-width:0;font-size:18px}html.port #interest{gap:1px}html.port #interest i{width:4px;height:4px}html.port #streak img{width:14px}html.port #shopbar{gap:4px;height:28px;margin-right:4px;padding:0 2px 0 8px;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{gap:2px;top:3px;left:3px}html.port .card .tr span{gap:0;font-size:0}html.port .card .tr img{width:14px;height:14px}html.port .card .nmb{flex-direction:column;align-items:flex-start;gap:0;padding:2px 4px 3px;font-size:13px}html.port .card .nmb span{max-width:100%}html.port .card .have{padding:0 4px;font-size:9px;top:3px;right:3px}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{padding:calc(12px + var(--sat)) calc(10px + var(--sar)) calc(16px + var(--sab)) calc(10px + var(--sal));justify-content:flex-start;gap:10px;overflow-y:auto}html.phone #modal>:first-child{margin-top:auto}html.phone #modal>:last-child{margin-bottom:auto}html.phone #modal h2{text-align:center;font-size:28px}html.phone #modal .row{gap:8px}html.phone .aug{text-align:left;box-sizing:border-box;grid-template-columns:56px 1fr;align-items:start;column-gap:10px;width:100%;max-width:360px;min-height:0;padding:10px 12px;display:grid}html.phone .aug img{grid-row:span 3;width:56px;height:56px}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(33.3333vw - 14.6667px);max-width:200px;height:300px}html.phone .fzc-body{gap:4px;padding:18px 7px 8px}html.phone .fzc-name{font-size:20px}html.phone .fzc-role{padding:2px 8px 1px 5px;font-size:10px}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{font-size:17px;top:6px;right:6px}html.phone .fzc-cost img{width:14px}html.phone .offer{box-sizing:border-box;width:calc(50% - 8px);max-width:150px}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{text-align:center;width:33%;display:block}html.land .aug img{width:48px;height:48px}html.land .fzc{width:200px;height:calc(100dvh - 110px);max-height:300px}html.land .fzc-art{inset:0 0 40%}html.land .fzc-body{gap:4px;padding:14px 10px 8px}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:#6eb4ff8c;--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{z-index:10;color:var(--fz-txt);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}#front[hidden]{display:none!important}#front button{font-family:var(--cond);cursor:pointer}.f-bg{pointer-events:none;background:radial-gradient(60% 55% at 50% 58%,#ff961e6b,#0000 70%),radial-gradient(at 50% 120%,#3c78ff73,#0000 60%),linear-gradient(165deg,#060e2ce6,#100a30db 60%,#04081af0);position:absolute;inset:0;overflow:hidden}.f-rays{background:repeating-conic-gradient(#ffd67821 0deg 2.2deg,#0000 2.2deg 9deg);animation:140s linear infinite fz-spin;position:absolute;inset:-60%;-webkit-mask:radial-gradient(circle,#0000 6%,#000 22%,#0000 52%);mask:radial-gradient(circle,#0000 6%,#000 22%,#0000 52%)}.f-tone{background:radial-gradient(#8cbeff38 1.1px,#0000 1.7px) 0 0/8px 8px;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 62%,#000);mask:linear-gradient(#0000 62%,#000)}.f-shade{background:radial-gradient(#0000 55%,#00000a99);position:absolute;inset:0}.scr{flex:1;justify-content:center;align-items:center;gap:5vw;min-height:0;padding:84px 32px 96px;display:flex;position:relative}.logo{filter:drop-shadow(0 10px 18px #0009);user-select:none;z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative;transform:rotate(-5deg)skew(-6deg)}.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);color:#0000;-webkit-text-stroke:3px #1a0a00;paint-order:stroke fill;filter:drop-shadow(0 4px #1a0a00)drop-shadow(0 0 22px #ffa0288c);-webkit-background-clip:text;background-clip:text}.logo .l2{font:400 clamp(40px, 5.6vw, 82px)/.9 var(--display);letter-spacing:.2em;color:#fff;-webkit-text-stroke:2px #0a1640;paint-order:stroke fill;text-shadow:0 4px #2a6cff,0 7px #0a1640,0 0 24px #50a0ffb3;margin:2px 0 0 22%}.logo .l3{font:700 italic 15px var(--cond);color:#ffe7c4;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px #000;margin:12px 0 0 6%;transform:skew(6deg)rotate(5deg)}.logo.small{transform-origin:0 100%;margin:-40px 0 -26px;transform:rotate(-5deg)skew(-6deg)scale(.56)}.fcard,.panel,.dlg-box{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;background:linear-gradient(170deg,#1a3478f7,#0a153af7 45%,#060c24fa);position:relative}.card-h,.p-h,.dlg-body h2{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 #2a0d00;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);background:repeating-linear-gradient(-60deg,#ffffff1a 0 3px,#0000 3px 9px),linear-gradient(90deg,#ff5a00,#ff9a00 55%,#ffc23a);align-items:center;gap:10px;width:fit-content;min-width:55%;margin:0;padding:10px 44px 9px 22px;display:flex;position:relative}.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{object-fit:cover;background:#ffd27a;border:2px solid #fff;border-radius:50%;width:34px;height:34px}.card-f{font:600 12px var(--font);color:var(--fz-mute);border-top:1px solid #78aaff2e;padding:10px 22px 14px}.card-f.ok:before{content:"● ";color:var(--fz-scout)}.card-f.bad:before{content:"● ";color:#ff4a4a}.tabs{gap:4px;margin:14px 18px 4px;display:flex}.tabs button{font:800 italic 15px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--fz-mute);background:#78aaff1a;border:0;flex:1;padding:7px 10px;transition:background .12s,color .12s;position:relative;transform:skew(-14deg)}.tab-body{flex-direction:column;gap:12px;padding:10px 18px 16px;display:flex}.badge{background:var(--fz-red);color:#fff;min-width:18px;height:18px;font:800 11px/18px var(--font);text-align:center;box-shadow:0 0 0 2px var(--fz-ink), 0 0 10px #ff2828b3;border-radius:9px;padding:0 4px;font-style:normal;animation:2.4s ease-in-out infinite fz-bump;position:absolute;top:-6px;right:-6px;transform:skew(0)}.tabs .badge{top:-7px;right:2px;transform:skew(14deg)}.field{flex-direction:column;gap:5px;display:flex}.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;clip-path:var(--cut-s);background:#040a20d9;border:2px solid #6eaaff59;border-radius:0;outline:none;padding:10px 12px;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}.lead{color:#d8e4ff;margin:0;font-weight:600}.fine{color:var(--fz-mute);margin:0;font-size:12px}.fine.center{text-align:center}#invite-note{border-left:4px solid var(--fz-or);color:#ffd9a8;background:#ff8c0029;padding:8px 12px;font-weight:700}.avatars{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.avatars button{aspect-ratio:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 70%,#ffb84a,#c2410c 70%) 50%/cover;border:2px solid #6eaaff59;padding:0;transition:transform 80ms,filter .1s;position:relative}.avatars button:hover{filter:brightness(1.15);transform:scale(1.1)}.avatars button.on{filter:drop-shadow(0 0 6px #ffd23a);background-color:#ffd23a;border-color:#fff;box-shadow:inset 0 0 0 3px #ffd23a}.avatars button.locked{filter:grayscale()brightness(.45)}.avatars button.locked:after{content:"🔒";filter:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.cta{color:#fff;font:400 24px/1 var(--display);letter-spacing:.06em;-webkit-text-stroke:1.2px #3a1200;paint-order:stroke fill;text-shadow:0 2px #3a1200;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(#ffe14a,#ff9a00 48%,#ff5a00);border:0;justify-content:center;align-items:center;gap:10px;padding:13px 26px;transition:transform 60ms,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px #781e0073,inset 0 2px #fff9}.cta:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.cta:hover:not(:disabled):after{animation:.6s ease-out fz-shine}.cta:hover:not(:disabled){filter:brightness(1.1)drop-shadow(0 0 10px #ffc83ccc)}.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{-webkit-text-stroke-color:#141a5c;text-shadow:0 2px #141a5c;background:linear-gradient(#8f99ff,#5865f2 55%,#3b45c8)}.cta.small{padding:10px 22px;font-size:19px}.cta.on{-webkit-text-stroke-color:#04300f;text-shadow:0 2px #04300f;background:linear-gradient(#a6ffb8,#2fd166 50%,#14963e)}.cta.wait{font:800 italic 14px var(--cond);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.05em;text-transform:uppercase}.pill{font:800 italic 14px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(#2c58c8,#183478);border:0;padding:8px 16px;transition:filter .1s,background .12s;position:relative;transform:skew(-12deg);box-shadow:inset 0 0 0 1px #a0d2ff8c}.pill:hover:not(:disabled){filter:brightness(1.25)}.pill:disabled{opacity:.45;cursor:default}.pill.ghost{color:var(--fz-mute);background:0 0}.pill.go{color:#2a0d00;background:linear-gradient(#ffe14a,#ff9a00);animation:1.2s ease-in-out infinite fz-ki;box-shadow:0 0 12px #ffaa28b3}.pill.buy.poor{filter:grayscale(.7)brightness(.8)}#f-top{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:18px;right:18px}#f-profile{cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);box-shadow:inset 0 0 0 2px var(--fz-edge);background:linear-gradient(100deg,#1a3478f2,#08102eeb);align-items:center;gap:12px;padding:5px 26px 5px 6px;transition:filter .12s;display:flex;position:relative}#f-profile:hover{filter:brightness(1.2)}.pf-frame{border-radius:50%;flex:none;width:50px;height:50px;padding:3px;display:block;box-shadow:0 0 12px #ffc85059}.pf-frame img{object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);border-radius:50%;width:100%;height:100%;display:block}.pf-frame.big{width:84px;height:84px;padding:4px}.pf-lv{min-width:22px;height:22px;font:400 15px/1 var(--display);color:#fff;-webkit-text-stroke:1px #3a1200;paint-order:stroke fill;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#ffe14a,#ff7a00);place-items:center;padding:0 4px;display:grid;position:absolute;bottom:2px;left:40px}.pf-txt{min-width:120px}.pf-txt b{font:800 16px/1.1 var(--font);white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:block;overflow:hidden}.pf-txt small{font:700 italic 12px var(--cond);color:var(--fz-ye);letter-spacing:.04em;margin-top:1px;display:block}.pf-xp{background:#000014b3;height:5px;margin-top:5px;display:block;box-shadow:inset 0 0 0 1px #6eaaff59}.pf-xp i,.bar i{background:linear-gradient(90deg,#2a7aff,#6fe0ff,#fff);height:100%;transition:width .5s;display:block;box-shadow:0 0 8px #6edcffcc}.dcm{color:#8f99ff}#f-wallet{align-items:center;gap:8px;display:flex}.chip{height:34px;font:800 16px var(--cond);box-shadow:inset 0 0 0 1.5px var(--fz-edge);white-space:nowrap;background:#060c24e0;align-items:center;gap:6px;padding:0 16px;display:flex;transform:skew(-14deg)}.chip>*{transform:skew(14deg)}.chip.scouter{color:var(--fz-scout);text-shadow:0 0 8px #52ff8fe6;background:linear-gradient(90deg,#145a32a6,#061e12d9);box-shadow:inset 0 0 0 1.5px #52ff8f8c,0 0 14px #52ff8f33}.chip.scouter small{font:700 11px var(--cond);opacity:.8}.chip.scouter b{font:800 17px var(--cond);letter-spacing:.08em}.chip.scouter .lens{background:radial-gradient(circle at 35% 35%,#d8ffe6,#2bd86a 60%,#0a5a2a);border-radius:50% 40%;width:16px;height:11px;box-shadow:0 0 8px #52ff8f}.chip.rank{color:var(--fz-ye)}.zeni{font:800 1em var(--cond);color:#ffe59a;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.zeni .zc{width:1.15em;height:1.15em;font:400 .78em/1 var(--display);color:#6a3a00;background:radial-gradient(circle at 35% 30%,#fff6c0,#fc3 45%,#d48a00);border-radius:50%;place-items:center;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 1.5px #a86400,0 0 6px #ffc83c80}.f-tools{gap:8px;margin-left:auto;display:flex}.f-icon{color:#dfeaff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#1e3c8cf2,#08102ef2);border:0;place-items:center;width:44px;height:44px;transition:transform .1s,filter .1s;display:grid;position:relative}.f-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.f-icon:hover{filter:brightness(1.3)drop-shadow(0 0 6px #6fc8ff);color:#fff;transform:scale(1.08)}.f-icon.off{color:#7f8db0}.f-icon .badge{animation:none;top:3px;right:3px;box-shadow:0 0 0 2px #0c1940}#scr-menu{grid-template-columns:minmax(290px,360px) minmax(280px,1fr) minmax(320px,400px);align-items:stretch;gap:22px;padding:84px 26px 92px;display:grid}.m-left{flex-direction:column;justify-content:center;gap:16px;min-height:0;display:flex}.m-buttons{flex-direction:column;gap:10px;display:flex}button.big{color:#fff;text-align:left;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);background:linear-gradient(100deg,#2246a0f7,#0c1a46f7);border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:13px 24px 12px 28px;transition:transform 80ms,filter .12s,background .15s;display:flex;position:relative;overflow:hidden}button.big b{font:800 italic 23px/1.05 var(--cond);letter-spacing:.03em;text-transform:uppercase}button.big:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff40 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}button.big:hover:not(:disabled){filter:drop-shadow(0 0 10px #6ebeff80);background:linear-gradient(100deg,#3c6ee6fa,#142c6efa);transform:translate(6px)}button.big:hover:not(:disabled):after{animation:.55s ease-out fz-sweep}button.big:active:not(:disabled){transform:translate(6px)scale(.985)}button.big.primary{background:linear-gradient(100deg,#ffe14a,#ff9a00 45%,#ff5a00);padding:18px 28px 16px 32px;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 #3a1200;text-transform:none;font-style:normal}button.big.primary small{color:#4a1800;font-weight:800}button.big.primary:before{content:"";background:repeating-linear-gradient(-70deg,#ffffff40 0 4px,#0000 4px 14px);width:160px;height:180%;position:absolute;top:-40%;right:-30px}button.big:disabled{filter:grayscale(.7)brightness(.7);cursor:default}button.big.slim{justify-content:center;align-items:center;padding:12px 26px}button.big.slim b{font-size:20px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.35em;min-width:0;font:800 18px var(--cond);text-align:center;flex:1}.m-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{color:#fff;clip-path:var(--cut-s);box-shadow:inset 0 0 0 1.5px var(--fz-edge);background:linear-gradient(170deg,#1e3c8ceb,#08102ef0);border:0;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 9px;transition:transform .1s,filter .12s;display:flex;position:relative;overflow:hidden}.tile img{object-fit:contain;filter:drop-shadow(0 3px 4px #0009);width:44px;height:44px;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}.m-hero{isolation:isolate;justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.hero-bg{z-index:-3;clip-path:polygon(8% 0,100% 4%,92% 100%,0 96%);transition:background .4s;position:absolute;inset:6% 2% 4%;box-shadow:inset 0 0 0 3px #ffffff80,inset 0 0 80px #00001e80}.hero-bg:after{content:"";background:repeating-conic-gradient(at 50% 62%,#ffffff38 0deg 1.4deg,#0000 1.4deg 7deg);position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 62%,#0000 18%,#000 60%);mask:radial-gradient(circle at 50% 62%,#0000 18%,#000 60%)}.hero-aura{aspect-ratio:.8;z-index:-2;filter:blur(6px);background:radial-gradient(at 50% 70%,#ffffdcf2,#ffdc46b3 25%,#ff8c0059 50%,#0000 70%);border-radius:50% 50% 40% 40%;width:min(80%,520px);animation:1.6s ease-in-out infinite fz-aura;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hero-swirl{z-index:-1;opacity:.9;pointer-events:none;width:min(92%,640px);animation:9s ease-in-out infinite fz-swirl;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero-art{object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 18px #ffc83ca6)drop-shadow(0 18px 18px #00001499);width:min(88%,540px);max-height:68%;margin-bottom:9%;animation:4s ease-in-out infinite fz-float;position:relative}.hero-pl{text-align:right;color:var(--fz-scout);font-family:var(--cond);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);text-shadow:0 0 8px #52ff8fe6;background:linear-gradient(120deg,#28a05a8c,#062818bf);padding:6px 18px 6px 14px;position:absolute;top:9%;right:6%;box-shadow:inset 0 0 0 1.5px #52ff8fb3}.hero-pl:before{content:"";background:repeating-linear-gradient(0deg,#52ff8f1f 0 1px,#0000 1px 3px);position:absolute;inset:0}.hero-pl small{font:700 italic 11px var(--cond);letter-spacing:.14em;text-transform:uppercase;opacity:.85;display:block}.hero-pl b{font:800 34px/1 var(--cond);letter-spacing:.06em;display:block}.hero-plate{flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;bottom:7%;left:3%}.hero-plate small{font:700 italic 13px var(--cond);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#040a20d9;padding:3px 16px 3px 10px;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 #2a0d00;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);background:linear-gradient(90deg,#ff5a00,#ff9a00 60%,#ffc23a);padding:8px 30px 6px 16px}.hero-plate .pill{margin-left:8px}.m-right{flex-direction:column;gap:14px;min-height:0;display:flex}.m-board{flex-direction:column;flex:1;min-height:0;display:flex}.m-board .tab-body{flex:1;min-height:0;overflow:auto}.list{flex-direction:column;gap:6px;min-height:120px;display:flex}.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{background:linear-gradient(90deg,#2850b44d,#0a163c80);align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 3px 0 #6eaaff8c}.row-room img,.row-rank img{object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);border-radius:50%;flex:none;width:38px;height:38px;box-shadow:0 0 0 2px #a0d2ff80}.row-room .rn,.row-rank .rn{flex:1;min-width:0}.row-room b,.row-rank b{white-space:nowrap;text-overflow:ellipsis;font-weight:800;display:block;overflow:hidden}.row-room small,.row-rank small{color:var(--fz-mute);font-size:12px;font-weight:600}.row-room .cnt{font:800 16px var(--cond);color:var(--fz-ye)}.row-rank .pos{text-align:center;width:28px;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{text-align:right;color:var(--fz-mute);display:block}.row-rank.me{box-shadow:inset 4px 0 0 var(--fz-or);background:linear-gradient(90deg,#ff8c0047,#0a163c80)}.dc{vertical-align:-2px;color:#8f99ff;width:14px;height:14px;display:inline-block}.bar{background:#000014bf;height:7px;display:block;overflow:hidden;transform:skew(-20deg);box-shadow:inset 0 0 0 1px #6eaaff4d}.radar{padding-bottom:14px}.radar-in{align-items:center;gap:16px;padding:12px 18px 0;display:flex}.scope{background:repeating-linear-gradient(0deg,#0000 0 21px,#1e783c8c 21px 22.5px),repeating-linear-gradient(90deg,#0000 0 21px,#1e783c8c 21px 22.5px),radial-gradient(circle,#b9ffcf,#5fe08f 55%,#1d8a4a);border-radius:50%;flex:none;width:112px;height:112px;margin:9px;position:relative;overflow:hidden;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}.scope .sweep{background:conic-gradient(#ffffff8c,#fff0 70deg,#0000);border-radius:50%;animation:2.6s linear infinite fz-spin;position:absolute;inset:0}.scope .blip{background:radial-gradient(circle at 35% 35%,#fff6c0,#ffb000 50%,#e05a00);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;animation:1.4s ease-in-out infinite fz-blip;position:absolute;box-shadow:0 0 8px #fc3}.scope .me{border:6px solid #0000;border-bottom:10px solid #e3141c;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)}.radar-r{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.balls{gap:3px;display:flex}.balls .slot{aspect-ratio:1;flex:1;max-width:34px;position:relative}.dball{width:100%;height:100%;display:block}.balls .slot:not(.got) .dball{filter:grayscale()brightness(.42);opacity:.7}.balls .slot.got .dball{filter:drop-shadow(0 0 5px #ffaa1ecc)}.balls .slot.next .dball{filter:grayscale(.3)brightness(.85);opacity:1;animation:1.1s ease-in-out infinite fz-ball}.balls .slot.pop .dball{animation:.7s cubic-bezier(.2,1.6,.4,1) fz-grab}.radar-t{font:600 13px/1.35 var(--font);color:#d8e4ff;margin:0}.radar .cta{white-space:nowrap;align-self:flex-start;padding:9px 20px;font-size:18px}.mission{gap:12px;padding:10px 12px}.mission .mi,.mail .mi{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 40%,#6eaaff59,#08102ee6);flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.mission .mi img,.mail .mi img{object-fit:contain;width:34px;height:34px}.mission .mt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mission .mt b{font:800 15px var(--font)}.mission .mt small{font:600 12px var(--font);color:var(--fz-mute);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mission .pct{font:800 italic 16px var(--cond);color:var(--fz-mute);text-align:right;width:52px}.mission.done{box-shadow:inset 3px 0 0 var(--fz-or);background:linear-gradient(90deg,#ff960052,#0a163c80)}.mission.done .bar i{background:linear-gradient(90deg,#ff9a00,#ffe14a);box-shadow:0 0 8px #ffc83ce6}.mission.claimed{opacity:.55}.mission .ok{text-align:center;width:52px;font:800 22px var(--font);color:var(--fz-scout)}.room{width:min(900px,94vw);padding-bottom:4px}.room-h{justify-content:space-between;align-items:center;gap:20px;padding:20px 26px 16px;display:flex}.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 #ff6a00,0 5px #2a0d00}.room-sub{color:var(--fz-mute);margin-top:6px;font-weight:700}.room-code{text-align:right}.room-code small{font:800 italic 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--fz-edge2);display:block}.room-code b{font:400 48px/1 var(--display);letter-spacing:.2em;color:var(--fz-ye);clip-path:var(--cut-s);text-shadow:0 0 14px #ffc83c99;background:#040a20d9;padding:4px 8px 2px 18px;display:inline-block;box-shadow:inset 0 0 0 2px #ffc83c80}.invite{gap:10px;padding:6px 26px 4px;display:flex}.invite input{font:600 14px var(--font);color:#cfe0ff;clip-path:var(--cut-s);background:#040a20d9;border:0;outline:none;flex:1;padding:10px 16px;box-shadow:inset 0 0 0 1.5px #6eaaff4d}.seats{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 26px;display:grid}.seat{min-height:136px;clip-path:var(--cut-s);box-shadow:inset 0 0 0 1.5px var(--fz-edge);background:linear-gradient(170deg,#2850b473,#08102eb3);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 8px 12px;display:flex;position:relative}.seat img{object-fit:cover;object-position:50% 20%;background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);border-radius:50%;width:68px;height:68px;box-shadow:0 0 0 3px #a0d2ff8c}.seat b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;overflow:hidden}.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 #52ff8fb3}.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{font-size:16px;position:absolute;top:8px;left:10px}.seat .you{font:800 italic 11px var(--cond);letter-spacing:.08em;background:var(--fz-or);color:#2a0d00;padding:1px 8px;position:absolute;top:8px;right:10px;transform:skew(-14deg)}.seat.bot{color:var(--fz-mute);background:repeating-linear-gradient(-45deg,#6eaaff0f 0 8px,#0000 8px 16px),#040a2099}.seat.bot .bi{filter:grayscale(.4);background:#6eaaff24;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.room-f{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 26px 22px;display:flex}.room-f .grow{flex:1}#r-wait{font:700 italic 14px var(--cond);color:var(--fz-mute);letter-spacing:.03em}.host-opts{font:800 italic 14px var(--cond);text-transform:uppercase;letter-spacing:.05em;color:#d8e4ff;align-items:center;gap:14px;display:flex}.host-opts select{padding:6px 8px;font-size:14px}.switch{cursor:pointer;align-items:center;gap:8px;display:flex}.switch input{display:none}.switch i{background:#040a20e6;width:44px;height:22px;transition:background .15s;position:relative;transform:skew(-14deg);box-shadow:inset 0 0 0 1.5px #6eaaff73}.switch i:after{content:"";background:#9db1da;width:16px;height:16px;transition:left .15s,background .15s;position:absolute;top:3px;left:3px}.switch input:checked+i{box-shadow:inset 0 0 0 1.5px var(--fz-or);background:#ff8c0059}.switch input:checked+i:after{background:linear-gradient(#ffe14a,#ff8a00);left:25px;box-shadow:0 0 8px #ffb000}#scr-title{gap:4vw}.t-left{flex-direction:column;align-items:center;display:flex;position:relative}.t-hero{isolation:isolate;justify-content:center;margin-top:-10px;display:flex;position:relative}.t-hero:before{content:"";aspect-ratio:1;z-index:-2;filter:blur(4px);background:radial-gradient(circle,#fff5c8d9,#ffbe3280 30%,#0000 62%);border-radius:50%;width:120%;animation:1.6s ease-in-out infinite fz-aura;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.t-swirl{z-index:-1;width:150%;animation:9s ease-in-out infinite fz-swirl;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#t-art{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 16px #ffc83c99);height:min(44vh,420px);animation:4s ease-in-out infinite fz-float}.login{flex:none;width:420px}#f-bottom{z-index:2;pointer-events:none;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;gap:6px 18px;display:grid;position:absolute;bottom:10px;left:18px;right:18px}#f-bottom>*{pointer-events:auto}.discord-pill{color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:linear-gradient(#8f99ff,#5865f2 55%,#3b45c8);grid-row:1;align-items:center;gap:10px;width:max-content;padding:7px 22px 7px 14px;text-decoration:none;display:flex}.discord-pill b{font:800 italic 15px var(--cond);text-transform:uppercase;letter-spacing:.04em;display:block}.discord-pill small{opacity:.85;font-size:11px;display:block}.discord-pill:hover{filter:brightness(1.12)}#f-load{color:#dfe6f5;font:700 italic 13px var(--cond);letter-spacing:.04em;text-shadow:0 1px 2px #000;grid-area:1/2;justify-self:end;align-items:center;gap:10px;display:flex}#f-load .bar{width:200px}#f-load i{background:linear-gradient(90deg,#ff5a00,#ffe14a);width:0;height:100%;transition:width .3s;display:block;box-shadow:0 0 10px #ffb000}#f-load.done .bar{display:none}.legal{color:#c8d7f88c;text-shadow:0 1px 2px #000;grid-area:2/1/auto/-1;max-width:760px;margin:0;font-size:10px;line-height:1.4}#dev{z-index:4;color:#dfe6f5;box-shadow:inset 0 0 0 1px var(--fz-edge);background:#060c24f0;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;display:flex;position:absolute;top:74px;right:18px}#dev h4{letter-spacing:.1em;text-transform:uppercase;color:var(--fz-ye);margin:0;font-size:11px}#dev label{justify-content:space-between;align-items:center;gap:8px;display:flex}#dev input,#dev select{border-width:1px;width:150px;padding:4px 6px;font-size:12px}#dev button{background:var(--fz-ye);color:#1a1205;border:0;padding:6px;font-weight:800}#dlg{z-index:20;backdrop-filter:blur(4px);background:radial-gradient(#0a143c8c,#02040ed1);place-items:center;display:grid;position:fixed;inset:0}#dlg[hidden]{display:none}.dlg-box{width:min(680px,94vw);max-height:88vh;color:var(--fz-txt);scrollbar-width:thin;scrollbar-color:#2c58c8 transparent;animation:.18s ease-out fz-in;overflow:auto}.dlg-x{color:#fff;z-index:1;cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#ff5a5a,#c4141c);border:0;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:10px;right:14px}.dlg-x:hover{filter:brightness(1.2)}.dlg-body h2{padding:14px 52px 12px 24px;font-size:32px}.dlg-body .db{flex-direction:column;gap:12px;padding:16px 22px 22px;display:flex}.dlg-body .db>.tabs{margin:0}.dlg-body h3{font:800 italic 18px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--fz-ye);margin:6px 0 0}.dlg-body p,.dlg-body li{color:#d4e0fb;margin:0;font-weight:500;line-height:1.5}.dlg-body ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.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{background:linear-gradient(90deg,#2850b44d,#0a163c80);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:700;display:flex;box-shadow:inset 3px 0 #6eaaff8c}.set-row small{color:var(--fz-mute);font-weight:500;display:block}.set-row input[type=range]{width:160px;accent-color:var(--fz-or)}.set-pane{flex-direction:column;gap:8px;display:flex}.set-pane[hidden]{display:none}.set-row.vol{padding:6px 14px}.set-row.vol>span{flex:1}.set-row.vol b{text-align:right;width:32px;font:800 15px var(--cond);color:var(--fz-ye)}.dlg-actions{justify-content:flex-end;gap:10px;display:flex}.lb-table{border-collapse:collapse;width:100%}.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{border-top:1px solid #6eaaff26;padding:7px 8px;font-weight:600}.lb-table td img{vertical-align:middle;object-fit:cover;object-position:50% 20%;background:#b7410c;border-radius:50%;width:28px;height:28px;margin-right:8px}.lb-table tr.me td{background:#ff8c0033}.medals{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.medal{clip-path:var(--cut-s);background:#040a2099;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #6eaaff33}.medal .md-ico{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle,#3a4a6a,#121a2e);flex:none;place-items:center;width:56px;height:56px;display:grid}.medal .md-ico img{object-fit:contain;filter:grayscale()brightness(.6);width:42px;height:42px}.medal b{font:800 15px var(--font);color:#b8c6e6;display:block}.medal p{color:var(--fz-mute)!important;font-size:12.5px!important;line-height:1.35!important}.medal small{font:600 11px var(--font);color:var(--fz-mute)}.medal .bar{margin:6px 0 2px}.medal .rw{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.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 #00000080)}.medal.got b{color:#fff}.medal.got .when{color:var(--fz-ye);font-weight:800}.wares{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.ware{text-align:center;clip-path:var(--cut-s);background:linear-gradient(170deg,#2850b466,#060c24b3);flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;display:flex;box-shadow:inset 0 0 0 1px #6eaaff4d}.ware b{font:800 13px/1.2 var(--font);place-items:center;min-height:2.4em;display:grid}.ware.on{box-shadow:inset 0 0 0 2px var(--fz-or), inset 0 0 22px #ff8c004d}.ware .pv{width:92px;height:92px;display:block;position:relative;overflow:hidden}.ware .pv img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}.ware .pv.tac{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 70%,#ffd25a,#e05a00 55%,#5a1a00)}.ware:not(.owned) .pv.tac img{filter:brightness(.25)saturate(0)}.ware .pv.frame{border-radius:50%;padding:6px}.ware .pv.frame img{background:radial-gradient(circle at 50% 70%,#ffbf5a,#b7410c 75%);border-radius:50%}.ware .pv.bd{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);width:100%;height:80px}.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{flex-wrap:wrap;gap:8px;display:flex}.frames button{border:0;border-radius:50%;width:38px;height:38px;transition:transform 80ms;box-shadow:inset 0 0 0 9px #0c1940}.frames button.on{outline-offset:2px;outline:2px solid #fff}.frames button:hover{transform:scale(1.1)}.frames .more{color:#fff;font:800 20px var(--font);box-shadow:none;background:#6eaaff26}.pf-card{clip-path:var(--cut-s);background:#040a2099;align-items:center;gap:16px;padding:12px 14px;display:flex;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{color:var(--fz-scout);font:700 13px var(--cond);margin:2px 0 6px;display:block}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats.mini{grid-template-columns:repeat(3,1fr)}.stats>div{text-align:center;background:#040a2099;padding:8px;box-shadow:inset 0 0 0 1px #6eaaff33}.stats b{font:400 28px/1 var(--display);letter-spacing:.04em;color:#fff;display:block}.stats.mini b{color:#fff;font-size:20px}.stats small{letter-spacing:.08em;text-transform:uppercase;font:700 italic 11px var(--cond)!important;color:var(--fz-mute)!important;margin:0!important}.hist{min-height:0}.hrow .hp{text-align:center;width:46px;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{background:linear-gradient(90deg,#ffc82840,#0a163c80);box-shadow:inset 4px 0 #ffd23a}.hrow .hm{flex:1;min-width:0}.hrow .hm b{font:800 14px var(--font);display:block}.hrow .hm small{font:600 12px var(--font);color:var(--fz-mute)}.hrow .ht{flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:50%;display:flex}.hrow .ht img{object-fit:cover;object-position:50% 15%;background:#1a2a50;border:1.5px solid #8f9bb2;border-radius:4px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #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{clip-path:var(--cut-s);background:#040a2099;padding:12px 16px 14px;box-shadow:inset 0 0 0 1px #6eaaff33}.news.new{box-shadow:inset 0 0 0 1.5px #ffbe3c99}.news .nh{align-items:center;gap:10px;margin-bottom:4px;display:flex}.news .nh small{color:var(--fz-mute);font-weight:600}.news .tag{font:800 italic 12px var(--cond);letter-spacing:.08em;text-transform:uppercase;background:#2c58c8;padding:1px 10px;transform:skew(-14deg)}.news .tag.t-fix{background:#14963e}.news .tag.t-update{background:#ff6a00}.news .tag.t-multiplayer{background:#8a3cc8}.news .nw{font:800 italic 12px var(--cond);color:var(--fz-red);letter-spacing:.1em;text-shadow:0 0 6px #ff282899;margin-left:auto}.news h3{color:#fff!important;text-transform:none!important;margin:0 0 2px!important;font-size:20px!important}#pops{z-index:40;pointer-events:none;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:76px;right:18px}.pop{pointer-events:auto;cursor:pointer;color:var(--fz-txt);clip-path:var(--cut-s);box-shadow:inset 4px 0 0 var(--fz-or), inset 0 0 0 1.5px var(--fz-edge);background:linear-gradient(110deg,#1a3478f7,#08102ef7);align-items:center;gap:12px;padding:10px 16px 10px 12px;transition:transform .4s,opacity .4s;animation:.45s cubic-bezier(.2,1.4,.4,1) fz-pop;display:flex}.pop.out{opacity:0;transform:translate(120%)}.pop .pi{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 40%,#fff3b0,#ffb000 50%,#c25400);flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.pop .pi img{object-fit:contain;width:36px;height:36px}.pop small{font:800 italic 11px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--fz-ye);display:block}.pop b{font:800 15px/1.2 var(--font);display:block}.pop p{font:500 12px/1.35 var(--font);color:#c4d2f2;margin:2px 0 0}.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{z-index:45;cursor:pointer;background:radial-gradient(#28ff8c59,#00140ae6 60%);place-items:center;animation:.4s ease-out fz-in;display:grid;position:fixed;inset:0}.sh-in{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.sh-balls{gap:8px;animation:1.2s ease-in-out infinite fz-ball;display:flex}.sh-balls .dball{filter:drop-shadow(0 0 14px #fc3);width:54px;height:54px}.shenron h2{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 #04300f;margin:0}.shenron p{font:700 20px var(--font);color:#e6ffee;align-items:center;gap:8px;margin:0;display:flex}.end-hub{box-sizing:border-box;background:#040a2099;flex-direction:column;gap:6px;width:min(440px,100%);margin:8px auto 4px;padding:10px 16px;display:flex;box-shadow:inset 0 0 0 1px #6eaaff4d}.eh-row{font:800 20px var(--cond);justify-content:center;align-items:center;gap:14px;display:flex}.eh-xp{color:#8fe0ff;text-shadow:0 0 8px #6edcffb3}.eh-lv{font:400 20px var(--display);letter-spacing:.05em;color:var(--fz-ye);text-shadow:0 0 10px #ffc828cc;animation:1s ease-in-out infinite fz-bump}.eh-bar{align-items:center;gap:10px;display:flex}.eh-bar .bar{flex:1}.eh-bar small{font:700 12px var(--cond);color:var(--fz-mute);white-space:nowrap}.eh-medals{flex-wrap:wrap;gap:8px;display:flex}.eh-m{font:800 italic 13px var(--cond);color:var(--fz-ye);background:#ff8c0033;align-items:center;gap:6px;padding:2px 10px 2px 4px;display:flex}.eh-m img{object-fit:contain;width:24px;height:24px}.end .end-board .list{min-height:0}@keyframes fz-spin{to{transform:rotate(360deg)}}@keyframes fz-aura{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06,1.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{opacity:.7;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes fz-ball{0%,to{transform:translateY(0)}50%{filter:drop-shadow(0 0 8px #fc3);transform:translateY(-4px)}}@keyframes fz-grab{0%{opacity:0;transform:scale(2.2)rotate(-90deg)}to{opacity:1;transform:none}}@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{align-items:stretch;gap:8px;display:flex}.find-row button.big{flex:1;min-width:0}button.big.find{box-shadow:inset 5px 0 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) 0 0/64px 100%,linear-gradient(100deg,#3c28a0f7,#140c46f7) 0 0/100% 100%;animation:1.2s linear infinite fz-search}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{vertical-align:middle;width:24px;height:26px;font:800 italic 11px/1 var(--cond);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 #ffffff59;flex:none;justify-content:center;align-items:center;margin-right:6px;font-style:normal;display:inline-flex}.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 #20308a}.tier.t-master{--t1:#f0c0ff;--t2:#8a30c8;color:#fff;text-shadow:0 1px #4a1070}.tier.t-grandmaster{--t1:#ffb0a0;--t2:#b8142a;color:#fff;text-shadow:0 1px #600010}.tier.t-challenger{--t1:#fff6c0;--t2:#2aa8ff}.chip.rank .tier{width:18px;height:20px;margin-right:5px;font-size:9px}.row-rank .tier{width:28px;height:31px;margin:0;font-size:12px}.row-rank .lp small,.lb-table .rkc{white-space:nowrap}.pf-rank{clip-path:var(--cut-s);background:#040a2099;align-items:center;gap:12px;margin-top:8px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #b07aff59}.pf-rank .tier{width:40px;height:44px;margin:0;font-size:16px}.pf-rank b{font:400 24px/1 var(--display);letter-spacing:.04em;color:#fff;display:block}.pf-rank small{color:var(--fz-mute);font:700 13px var(--cond);margin-top:3px;display:block}.end .lp .tier{width:18px;height:20px;margin:0 2px;font-size:9px}@media (prefers-reduced-motion:reduce){#front *,#pops *,.shenron *{animation:none!important}}@media (width<=1180px){#scr-menu{grid-template-columns:minmax(280px,340px) 1fr}.m-right{flex-direction:row;grid-column:1/-1}.m-right>*{flex:1}.m-board{min-height:300px}#scr-menu{align-items:start;overflow:auto}.m-hero{min-height:520px}#front[data-screen=scr-menu] .legal{display:none}}@media (width<=980px){.scr{flex-direction:column;justify-content:flex-start;gap:20px;padding:76px 16px 130px;overflow:auto}#scr-menu{padding:76px 16px 130px;display:flex}.login,.m-left,.m-right,.m-hero{flex:none;width:100%;max-width:560px}.m-right{flex-direction:column}.m-hero{order:-1;min-height:400px}.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 (width<=620px){#f-top{background:linear-gradient(#050a1ef7,#050a1ee6);flex-wrap:wrap;gap:6px;padding:8px 10px;top:0;left:0;right:0;box-shadow:0 2px #6eaaff59,0 8px 20px #00000080}#front[data-screen=scr-title] #f-top{box-shadow:none;background:0 0}.tabs button{white-space:nowrap;padding:7px 4px;font-size:13px}.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));width:auto;left:8px;right:8px}.dlg-box{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100vw - 16px)}}@media (height<=520px) and (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{justify-content:flex-start;padding-top:70px;padding-bottom:20px;overflow:auto}#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{padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(12px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center;gap:24px}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{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:46px;grid-auto-flow:column;gap:5px;padding:4px 2px;overflow-x:auto}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{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));grid-template-columns:minmax(300px,44%) 1fr;align-items:start;gap:12px;display:grid;overflow:auto}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{order:0;justify-content:flex-start;gap:8px;width:auto;max-width:none}html.land #scr-menu .m-right{flex-direction:column;grid-column:auto}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{margin-top:3px;font-size:12px}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{gap:3px;min-height:0;padding:8px 6px 6px}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{z-index:1;background:linear-gradient(#060c24e6,#060c24fa);padding:8px 18px 10px;position:sticky;bottom:0}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{gap:5px;padding-inline:12px}html.port .seat{padding-inline:3px}html.port .seat .crown,html.port .seat .you{top:3px}html.port .seat .crown{font-size:13px;left:4px}html.port .seat .you{padding:0 5px;font-size:9px;right:4px}html.port .room-f{gap:8px;padding-inline:12px}html.port button.big.primary b{font-size:32px}.chat{z-index:7;width:min(340px,100vw - 20px);font:500 13px/1.35 var(--font);color:var(--ink);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:fixed;bottom:10px;left:10px}.chat[hidden]{display:none}.chat button,.chat input,.chat .chat-emotes{pointer-events:auto;font:inherit}.chat-log{pointer-events:none;flex-direction:column;gap:2px;max-height:168px;display:flex;overflow:hidden}.chat .cl{text-shadow:0 1px 2px #000;overflow-wrap:anywhere;background:#060914b8;border-radius:8px;align-self:flex-start;max-width:100%;padding:2px 8px;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-style:italic;font-weight:800}.chat .cl.sys{color:#ff9a8a;font-style:italic}.chat-bar{align-items:center;gap:4px;display:flex}.chat-bar button,.chat-send{background:var(--glass);color:#d6deee;border:1px solid var(--edge2);cursor:pointer;white-space:nowrap;border-radius:999px;height:30px;padding:0 10px;font-size:12px;font-weight:700}.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;margin-left:4px;padding:0 4px}.chat-unread{background:var(--orange);color:#fff;min-width:16px;height:16px;font:800 10px/16px var(--font);text-align:center;border-radius:999px;padding:0 3px;font-style:normal;position:absolute;top:-6px;right:-6px}.chat-form{flex:1;gap:4px;min-width:0;display:flex}.chat-form[hidden]{display:none}.chat-in{min-width:0;height:30px;color:var(--ink);border:1px solid var(--edge);user-select:text;background:#060914e6;border-radius:999px;outline:none;flex:1;padding:0 10px}.chat-emotes{background:var(--glass2);border:1px solid var(--edge2);border-radius:10px;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.chat-emotes[hidden]{display:none}.chat-emotes button{color:#ffe79a;border:1px solid var(--edge);cursor:pointer;background:#ffcc4d1f;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.chat-emotes button:hover{background:#ffcc4d40}.chat.inmatch.open .cl.old{opacity:1}.chat.inmatch.open .chat-log{pointer-events:auto;background:#0609148c;border-radius:10px;max-height:240px;padding:4px;overflow-y:auto}@media (width<=1500px){.chat.inmatch{width:min(300px,100vw - 20px);bottom:196px}}.chat.inroom{color:#1b2340;pointer-events:auto;width:auto;margin:10px 18px 6px;position:static}.chat.inroom .chat-log{pointer-events:auto;color:#dfe8ff;background:#040a20cc;min-height:48px;max-height:110px;padding:6px 10px;overflow-y:auto;box-shadow:inset 0 0 0 1.5px #6eaaff4d}.chat.inroom .cl{text-shadow:none;background:0 0;padding:1px 2px}.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{color:#fff;background:#040a20d9;border:2px solid #6eaaff59;border-radius:0}.chat.inroom .chat-bar button,.chat.inroom .chat-send{color:#fff;background:linear-gradient(#2c58c8,#183478);border:0;border-radius:0;box-shadow:inset 0 0 0 1px #a0d2ff8c}.chat.inroom .chat-emotes{background:#0c1940;border:2px solid #6eaaff73}.chat.inroom .chat-emotes button{color:#ffd9a8;background:#ff8c002e;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,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));flex-direction:column-reverse;width:min(280px,100vw - 360px);bottom:auto}html.land .chat.inmatch .chat-log{max-height:84px}html.land #hud.shop-open~.chat.inmatch{display:none}@font-face{font-family:"RS Plain 11";src:url(/app/runescape-plain-11-CtP23YYG.ttf)format("truetype")}@font-face{font-family:"RS Plain 12";src:url(/app/runescape-plain-12-Ct3D92nE.ttf)format("truetype")}@font-face{font-family:"RS Bold 12";src:url(/app/runescape-bold-12-T3gFaLlJ.ttf)format("truetype")}@font-face{font-family:"RS Quill 8";src:url(/app/runescape-quill-8-DsHqltJF.ttf)format("truetype")}:root{--rs-orange:#ff981f;--rs-yellow:#ff0;--rs-green:#0f0;--rs-red:red;--rs-cyan:#0ff;--rs-white:#fff;--rs-stone:url(/data/osrs/sprites/297.png) #3e3529;--rs-stone-dark:linear-gradient(#00000061, #00000061), url(/data/osrs/sprites/297.png) #2b251d;--rs-well:#00000052;--rs-bevel:inset 0 0 0 1px #000, inset 1px 1px 0 1px #6b5e49, inset -1px -1px 0 1px #1c1711;--rs-frame:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAI2ElEQVR4nO2d3W8UVRTAz351v9stBWlJsJYQMSgWEwMxCkEwRJQIQkLCi/FBfeLVF/8M3njzxZiSIMWIMSZWMUZSeLB8VYICLRXaQqHb7W53Z6e7a87dntk7s3d2u93ZHR7OL2lndu7MPTP37L333HvOnfWAwFMqb5n2UvJ4qPDPnz0DxZJWdcrZb8/BSy/1i/2inod4PAad3d0wNnYTYtGwOO4PeGBZL4ltwBuArJaHYkGDjlAIgsGoOCeTThvpCOXz8MGU2J+ZnYZoJA6hSAQikTAkFxbFeYmuODybe1pX7lrlI43mWSu9Z/1G4/4nJibhxMnjVWWaWdDgky++FPtCAVj4i8kUpFPPIF9YNp3804XvIdjZCcu5DPhDUejuXi+Oz8/PQSgUgVxuSRxLpRagUNCN63y+gPEZrxUPF4oa+WipFPg6fBCMJkzX2YEy9LwO6cyCKW9KW6v8DX39pmdZbZ710hGU8f6Rj0zPUSwCaLklmJh8BGe+Pl9WwLmh0zA7NQ39294AXcvD5T9+FidfuzIqCh+hG8Strus1BVuxPhwdQyhPGesxO7lOyF9rnnbpcjkhC49nYHDXbrG/98BhUb7D576BbHYJhoYvVRQwNTElquLM5D1xARZ+1wu9xk0igUC5+iJ+XwCWCzqEwxGRmR10LSHnIUP5UL52yOmYd2dnV9PyG82z3jNbISXMzj4R5dvbv8VQgF8+cePGDeIPC7+nb7NJYDAYAk3LmXPOV9KxeRAP2BEw9uU0PI55ENa89HxZmbhNJNYZ6fXkOiW/kTzrpcficdP947lYpqgELF9UBGFSAIInooauXL0KwY4O0PLlO6N965bSgqEopFLzynQ6x9gPlTtGbaVtFvsr13R1xWFhpQO2pqnybVb+WvNcTToxODgoyvTS75dh9+5yc6RUADU7qDXM4K/xhx6rgpjGOXjwvdLt23/Dpr4NMDo6Cq9s22pWAJqa2E5Rm19VPZmmQFOa+p/+FzfBb7+MwMTjssnvxX9o55O1wzgPjWmIfQf2w6nPjlUUQBoiU03urJjWoC+XKgpYWsqKD2i7okmWXlwUnSHjDJqWKQ8kLSaxoYD5+aQYWGANIHs4pxUdEs8s6yUx2saBG5m51M8KBeB8Bg4+UAlk18omItMcWL4ETl/IeO00pBcKTYplCCxfAi0hedBm1AA7DTHOYJ3vqqoBdhpimiedyRoWJho58rSIUEAtDTHNs3Pna6J/xT8yckydsEpDAZ/PAdEMkpqfr5qJNdUAlYa4E3aOxcW02Mo+CVMNUGmIa4BzrFvfIyxMaubFZKdcA5QaskzPMs7NBeG3P+D3VBSg1JA0n820eC5IpSHGOVSTnaYawLQW1WRnNBYTx3g6ug3klip9K1qZaOYnk4sVjxhPR7eWzNKi0plv1ACVhqyOcWbt9G7sM/YxHKVqKkKlITZDnQPNfPK3WPHaaojNUMcYGBgALZNUzrd562mIaZ65uSdQyJundkLhaEUBtTTENA9+wTHqRGVl+u00RNFjjDOUI7SDACtlX9CXzE2QnYaY5tGLugiJ94f8RmSEaSqCNLScq6wNYKe8c6DHkdYoWKd6/LKGxL4idoVpDpp2oDUOVQOxWhpinAG/4NTEo5lvUoCsIQQ1xB4xZyPjaoalqDRUZAU4Rj6XM4LeCNNUhEpDXnZJOobXF6xaT2byCas0xD5h5wgHzdM68mSc305D3Ac4B1qZps/WPkClIa4BzoFWprWF6Ur0VBSg0hDXAOdQRZ/nshnzOMCqoViUlyw5Ba8PcBleH+AyvD7gOcDaxBO8PqANYPQ5mfm8PsAFMPo8Fi33sbw+wAUw+lyE+9RaH4DrWHl9QGtAjyN+wXl9gEtg9DlSc30AmqG8PsDF9QEIrw9oH7w+oI3w+gCX4fUBLsPrA1yG1we4DK8PcBleH+AyvD7AZXh9wPO+PuDO3TtGZBzWhHCYJ+OcxBuoNOcYnIsDXdNkHDtknoPYUG5+XIwNZYeMy7Gh7JBxOTaUHTIux4ayQ8bl2FB2yLgcG8oOGZdjQxmXY0PZIeNybCg7ZFx+dzQ7ZFx+dzQ7ZFqLaqBr6oTZIePyu6PZIdNalANduQawQ8bl2FDZIWO8z4Yn49oXG8oOmfZT9cImbn5cjA1lh4zLsaH4e+r0wqYsW0Ltjw1VvVKLO+E2xoYePHQUPj/1Fb+wqUXEu8pmKJYvzoZufXm72SGTTP4HE3evwfFjJ/iFTS0OSzl65GOYnPgHZqanqn9R+9b4Dfjwg8Mw8usI7NvzNuzbAyVsnrAXfzb3FOLxGHR2d8PY2E3Rb4gMAh5hxqq2AW8AsloeigUNOkI4+CiH42XSaSN9YGAA7t+/L/KemZ2GaCQOoUgEIpGwYT83Kn81chHMD0epuM3k8g3JkmVg1EMt+fgZm3csWyxjmarflMcT9r+7Hy7++IPRJGEHjQM1nFCCyYdiWJ3NRkxDa0zD47jFaiaHYeA0B32mzh7zW85lYPzWdQhGE9L5j22/SfXkNyIXt1oqJUIGaWuVlboxDuFQBB5Z8pUhGfXkY+tiLfwqj9jeA4fhrXcOGjWBiCU2GBN15NGxzhvRcetNIPJnzIveUQoQFJ/pB4TkP8T6uZ78RuQi9BPuuFXJQtIZ+8KXZdjJx/yo8Kl8ZTwAntK5odMweW8Krl+/CTOT92Bw126R+Or2HTB84bxxMs3m+eX4IV0XDme8Yezh6cZVWF8KG5BmBxG6Xs5fhZ38tcqtxWpk1XpuudmZnX0iyrenb7PIc2j4UrkJyixoMPlgWpzU279FnFi+YAR2vP4m/Htn3HAiGA77FXcBOZnlLZlZeI1sclGa7JDQpAAATKNzEol1RppJLqGQ34hckm3NezWyaLCqkiHLR2sH+1MZLHz5SyFqAO58evKQuMj6zevt2wwLyaemAlPdJB3DLca+0zV2Dylu1O8x5kTkvBOJuOgwMY3OkfOxk9+IXF/APPWCYSKrlWV9XrvnRlOTrB0ZLPzvLv5JChCbSikw0D5Knv8B/NBuUYGjdF0AAAAASUVORK5CYII=) 32 / 32px;--rs-shadow:1px 1px 0 #000;--gold:var(--rs-yellow);--gold2:var(--rs-orange);--orange:var(--rs-orange);--ki:var(--rs-cyan);--ki2:#1a8fd8;--ink:#fff;--dim:#c9b993;--dim2:#95856a;--glass:#2b251df0;--glass2:#2b251df5;--edge:#6b5e49;--edge2:#4a4034;--panel:var(--rs-stone);--panel-edge:inset 0 0 0 1px #000, inset 0 0 0 2px #594e3d, inset 0 0 0 3px #231d16;--cut:none;--cut-s:none;--plate:linear-gradient(#5e5240, #3a3126);--hp:#00c800;--hpe:#d40000;--r:0;--font:"RS Plain 12", "Segoe UI", sans-serif;--display:"RS Bold 12", "RS Plain 12", sans-serif;--cond:"RS Bold 12", "RS Plain 12", sans-serif;--fz-ink:#1c1711;--fz-navy:#2b251d;--fz-navy2:#3e3529;--fz-edge:#594e3d;--fz-edge2:#8c7c60;--fz-or:var(--rs-orange);--fz-or2:#c06a10;--fz-ye:var(--rs-yellow);--fz-red:#b30c0c;--fz-scout:var(--rs-green);--fz-txt:#fff;--fz-mute:#c9b993}html,body{font:12px/1.3 var(--font);font-synthesis:none;-webkit-font-smoothing:none;text-shadow:var(--rs-shadow);background:#000}#hud *,#front *,#dlg *,#modal *,#tip *,#banners *,#toast,#pops *{letter-spacing:0!important;-webkit-text-stroke:0!important;text-transform:none!important;font-style:normal!important}#hud *,#front *,#dlg *,#modal *,#banners *,#pops *{text-shadow:var(--rs-shadow)!important}button{text-shadow:var(--rs-shadow)}#topbar,.trait,.pl,#toast,.tool,#meter,#bottom-main,#level,#shopbar{border-radius:0}#bottom-main,#meter,#tip,.fcard,.panel,.dlg-box{border:0;border-image:var(--rs-frame);border-image-repeat:repeat}#bottom-main{background:var(--rs-stone);box-shadow:none;padding:12px}#tip{background:var(--rs-stone);padding:12px 15px;box-shadow:0 0 0 1px #000}#tip h4{color:var(--rs-orange);font:12px/1.2 var(--display)}#tip .sub{color:var(--dim)}#tip .stats b{font:12px/1.3 var(--font);color:var(--rs-yellow)}#tip .tiph>img{background:var(--rs-well);border:1px solid #000;border-radius:0}#tip .tunits img,#tip .tits img{border-radius:0}#tip .sellhint kbd,.dlg-body kbd{color:#fff;box-shadow:var(--rs-bevel);background:#5e5240;border-radius:0}#tip .tacts button{box-shadow:var(--rs-bevel);color:var(--rs-orange);background:#3e3529 url(/data/osrs/sprites/297.png);border:0;border-radius:0}#tip .tacts button[data-act=sell]{background:linear-gradient(#7a1b14,#4e0f0a)}.glass{background:var(--glass);backdrop-filter:none;border:1px solid #000;border-radius:0}#stage-label{font:24px/1 var(--display);color:var(--rs-orange);background:var(--rs-stone-dark);clip-path:none;box-shadow:inset -1px 0 #000;text-shadow:2px 2px #000!important}#timer{background:#3a0000;height:14px;transform:none;box-shadow:0 0 0 1px #000}#timer-fill{background:#00b000}#timer.low #timer-fill{background:#c80000}#timer-text{font:12px/14px var(--font);color:#fff;transform:none}#phase-label{color:var(--rs-orange);font:12px/1 var(--display)}.tool{color:var(--rs-orange);font:12px var(--display);box-shadow:var(--rs-bevel)}.tool:hover{color:#fff;box-shadow:var(--rs-bevel), inset 0 0 0 99px #ffffff0f}#btn-view.on,.tool.on{color:var(--rs-yellow);box-shadow:var(--rs-bevel);background:linear-gradient(#7a1b14,#4e0f0a)}#round-track img.cur{filter:drop-shadow(0 0 3px var(--rs-yellow))}.trait .hexi{background:#1c1711}.trait .cnt{font:12px var(--display);color:var(--rs-yellow)}.trait .nm{font:12px var(--display);color:var(--rs-orange)}.trait .bp{font:11px "RS Plain 11", var(--font);color:var(--dim2)}.trait .bp b{color:#fff;font-weight:400}.pl .av{background:var(--rs-well);border:1px solid #000;border-radius:0}.pl .nm{font:12px var(--display);color:#fff}.pl .hpb{background:#c80000;height:6px;transform:none;box-shadow:0 0 0 1px #000}.pl .hpb i{background:#00c800}.pl .hpn{font:12px var(--display);color:var(--rs-yellow)}.pl .lv{background:var(--rs-well);color:var(--dim);font:11px "RS Plain 11", var(--font);border-radius:0}.ubar .hp{height:6px;box-shadow:none;background:#c80000;border-radius:0}.ubar .hp i,.ubar.enemy .hp i{background:#00c800}.ubar .mp i{background:var(--rs-cyan)}.ubar .stars{text-shadow:var(--rs-shadow)}.ubar .stars.s3{color:var(--rs-yellow)}.ubar .its img{border-radius:0}.dmg{font:24px/1 var(--display);text-shadow:2px 2px #000}.tbar .tn{font:12px var(--display);color:#fff;text-shadow:var(--rs-shadow)}.tbar.me .tn{color:var(--rs-yellow)}.tbar .th{background:#c80000;border-radius:0}.tbar .th i{background:#00c800}.popup{text-shadow:var(--rs-shadow)}.popup.hurt{font:24px/1 var(--display);color:var(--rs-red)}.popup.orb{background:var(--rs-stone);border:1px solid #000;border-radius:0}.banner{background:linear-gradient(90deg,#0000,#1e1913f0 14% 86%,#0000)}.banner:before,.banner:after{background:linear-gradient(90deg,#0000,#594e3d 15%,#8c7c60 50%,#594e3d 85%,#0000);height:3px}.banner .b-title{font:45px/1 "RS Quill 8", var(--display);color:var(--rs-orange);text-shadow:3px 3px #000!important}.banner .b-sub{font:12px var(--font);color:var(--dim)}.banner.round .b-title{color:var(--rs-yellow)}.banner.combat .b-title{color:var(--rs-orange)}.banner.victory .b-title{color:var(--rs-yellow);font-size:60px}.banner.defeat .b-title{color:var(--rs-red);font-size:60px}.banner.draw .b-title{color:#fff;font-size:60px}.banner.level .b-title{color:var(--rs-cyan)}.banner.shenron .b-title{color:var(--rs-green)}#level,#shopbar{background:var(--rs-stone-dark);clip-path:none;box-shadow:inset 0 0 0 1px #000}#level-num{font:12px var(--display);color:var(--rs-cyan)}#xpbar{background:#000;border-radius:0;height:6px;box-shadow:0 0 0 1px #000}#xpfill{background:var(--rs-cyan)}#xp-text,#board-count{font:12px var(--font);color:var(--dim)}#goldbox{background:var(--rs-stone-dark);clip-path:none;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #594e3d}#gold{font:24px/1 var(--display);color:var(--rs-yellow);text-shadow:2px 2px #000!important}#interest i{background:#1c1711;border-radius:0}#interest i.on{background:var(--rs-yellow);box-shadow:none}#odds span{font:12px var(--display)}.act{background:var(--rs-stone);clip-path:none;box-shadow:var(--rs-bevel)}.act b{font:12px var(--display);color:var(--rs-orange)}.act small{font:11px "RS Plain 11", var(--font);color:var(--dim)}.act em{font:12px var(--display);color:var(--rs-yellow)}#btn-xp{background:var(--rs-stone)}.act:hover:not(:disabled){box-shadow:var(--rs-bevel), inset 0 0 0 99px #ffffff12;transform:none}.act:active:not(:disabled){transform:translateY(1px)}.card{clip-path:none;background-color:#1c1711;border-width:2px;box-shadow:inset 0 0 0 1px #000}.card:after{background:linear-gradient(180deg, #0000004d, transparent 26%, transparent 52%, #14100cf5 88%), linear-gradient(0deg, var(--cc) 0 3px, transparent 3px)}.card:hover:not(.empty):not(.bought){transform:translateY(-2px);box-shadow:0 4px #00000080,inset 0 0 0 1px #fff3}.card.empty{background:var(--rs-well);border:2px solid #2b251d}.card .tr{font:12px var(--font)}.card .tr img{border-radius:0}.card .nmb{font:12px var(--display)}.card .nmb span{color:#fff}.card .nmb em{color:var(--rs-yellow)}.card .have{font:11px "RS Plain 11", var(--font);background:#000000b3;border-radius:0}#shop .shut{font:12px var(--font);color:var(--dim)}#sellzone{background:repeating-linear-gradient(-45deg,#6e140ee6 0 14px,#540e0ae6 14px 28px);border:2px solid #000;border-radius:0}#sellzone small{font:12px var(--font)}#sellzone b{font:24px/1 var(--display);color:#fff}#btn-ready{clip-path:none;height:44px;color:var(--rs-yellow);font:24px/1 var(--display);background-blend-mode:multiply;background:#6a1410 url(/data/osrs/sprites/297.png);border:0;box-shadow:inset 0 0 0 1px #000,inset 2px 2px 0 1px #b03a2a,inset -2px -2px 0 1px #3a0805;text-shadow:2px 2px #000!important}#btn-ready small{font:12px var(--font);color:#fff;opacity:.8}#btn-ready:hover{filter:brightness(1.15)}#btn-arc{clip-path:none;font:12px var(--display);color:var(--rs-yellow);background:var(--rs-stone);box-shadow:var(--rs-bevel);animation:none}#help{font:12px var(--font);color:#fff9}#toast{font:12px var(--display);color:var(--rs-yellow)}#modal{background:#00000080}#modal h2{font:48px/1 "RS Quill 8", var(--display);color:var(--rs-orange);clip-path:none;box-shadow:none;background:0 0;padding:0;text-shadow:3px 3px #000!important}#modal>small,#modal .hint{font:12px var(--display);color:#fff}#modal h2 .tier{font:12px var(--display);color:#fff;background:#594e3d;border-radius:0}#modal.end{background:radial-gradient(at 50% 30%,#2e271deb,#000000f5)}.f-bg{background:radial-gradient(#14100c59,#000000d1 75%)}.f-rays,.f-tone{display:none}.logo{filter:none;transform:none}.logo .l1{font:120px/.9 "RS Quill 8", var(--display);color:var(--rs-yellow);filter:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:6px 6px #000!important}.logo .l2{font:75px/1 "RS Quill 8", var(--display);color:var(--rs-orange);margin:0 0 0 8%;text-shadow:5px 5px #000!important}.logo .l3{color:#fff;margin:10px 0 0 4%;transform:none;font:12px var(--font)!important}.logo.small .l1{font-size:30px;text-shadow:2px 2px #000!important}.logo.small .l2{margin-left:12%;font-size:30px;text-shadow:2px 2px #000!important}#t-art{filter:drop-shadow(2px 2px #000)}.t-hero:before{filter:none;background:radial-gradient(circle,#ff981f38,#0000 60%);animation:none}.t-swirl{display:none}.fcard,.panel,.dlg-box{background:var(--rs-stone);clip-path:none;box-shadow:0 0 0 1px #000}.card-h,.panel>h3,.dlg-head{clip-path:none;color:var(--rs-orange);font:12px var(--display);background:0 0}.card-h img{background:var(--rs-well);border:1px solid #000;border-radius:0}.tabs button{background:var(--rs-stone-dark);color:var(--rs-orange);font:12px var(--display);transform:none;box-shadow:inset 0 0 0 1px #000}.tabs button:hover{color:#fff;background:var(--rs-stone)}.tabs button.on{color:var(--rs-yellow);background:linear-gradient(#7a1b14,#4e0f0a);box-shadow:inset 0 0 0 1px #000}.badge{font:11px/18px "RS Plain 11", var(--font);background:#b30c0c;border-radius:0}.field input,.join-row input,#front select,#dlg select,#dev input,.invite input{font:12px var(--font);color:#fff;background:#00000073;border:1px solid #000;border-radius:0;box-shadow:inset 0 0 0 1px #594e3d}#front select option,#dlg select option{background:#2b251d}.avatars button{border:1px solid #000;border-radius:0}.cta,button.big.primary{clip-path:none;color:var(--rs-yellow);font:24px/1 var(--display);filter:none;background:linear-gradient(#8a1d14,#5a100a);box-shadow:inset 0 0 0 1px #000,inset 2px 2px 0 1px #b03a2a,inset -2px -2px 0 1px #3a0805;text-shadow:2px 2px #000!important}.cta:after,button.big:after,button.big.primary:before{display:none}.cta.small{font-size:12px}.cta.discord{background:linear-gradient(#5865f2,#3b45c8)}.cta.on{background:linear-gradient(#1f7a2a,#0f4a17)}button.big{clip-path:none;background:var(--rs-stone);box-shadow:var(--rs-bevel);color:var(--rs-orange);transform:none}button.big b{font:24px/1 var(--display);color:var(--rs-orange);text-shadow:2px 2px #000!important}button.big small{font:12px var(--font);color:var(--dim)}button.big:hover:not(:disabled){background:var(--rs-stone);box-shadow:var(--rs-bevel), inset 0 0 0 99px #ffffff12;filter:none;transform:none}button.big.primary b{color:var(--rs-yellow)}button.big.primary:hover:not(:disabled){filter:none;background:linear-gradient(#a0261a,#6a140d)}.pill{background:var(--rs-stone);box-shadow:var(--rs-bevel);color:var(--rs-orange);font:12px var(--display);border-radius:0;transform:none}.pill.go{color:var(--rs-yellow);background:linear-gradient(#8a1d14,#5a100a);animation:none}.pill.done{background:linear-gradient(#1f7a2a,#0f4a17)}.chip{clip-path:none;background:var(--rs-stone-dark);font:12px var(--display);color:var(--rs-yellow);transform:none;box-shadow:inset 0 0 0 1px #000}.f-icon{clip-path:none;background:var(--rs-stone);box-shadow:var(--rs-bevel);color:var(--rs-orange);border-radius:0}.row-room,.row-rank,.mission,.mail,.hrow,.set-row,.medal,.seat{clip-path:none;background:var(--rs-well);box-shadow:inset 0 0 0 1px #0009}.row-rank.me,.mission.done,.medal.got{box-shadow:inset 3px 0 0 var(--rs-orange);background:#ff981f24}.row-room img,.row-rank img,.seat img,.pf-frame img{border-radius:0}.bar,.pf-xp{background:#000;transform:none;box-shadow:0 0 0 1px #000}.pf-xp i,.bar i,#f-load i{background:var(--rs-cyan);box-shadow:none}.switch i{background:#1c1711;transform:none;box-shadow:inset 0 0 0 1px #000}.switch input:checked+i{background:#1f5a24;box-shadow:inset 0 0 0 1px #000}.switch input:checked+i:after{background:var(--rs-green)}.room-code b{font:48px/1 var(--display);color:var(--rs-yellow);clip-path:none;background:#00000073}#dlg{backdrop-filter:none;background:#0009}.lb-table td{border-top:1px solid #00000080}.lb-table .lpc{font:12px var(--display);color:var(--rs-yellow)}#dev{background:var(--rs-stone);box-shadow:0 0 0 1px #000}#dev button{color:#fff;background:#5e5240}.fzc{clip-path:none;background:radial-gradient(ellipse 90% 60% at 50% 28%, color-mix(in srgb, var(--cc) 22%, #4a4034), #1c1711 74%);border:0;border-image:var(--rs-frame);box-shadow:0 0 0 1px #000}.fzc:before{display:none}.fzc:hover{filter:drop-shadow(0 0 6px #ffff0059);transform:translateY(-4px)}.fzc-cost{clip-path:none;font:24px/1 var(--display);color:var(--rs-yellow);background:#0000008c;box-shadow:inset 0 0 0 1px #000}.fzc-body{background:linear-gradient(#0000,#1c1711f0 22%,#1c1711fa)}.fzc-name{font:24px/1 var(--display);color:var(--rs-orange);text-shadow:2px 2px #000!important}.fzc-role{clip-path:none;font:12px/1 var(--display);color:#fff;background:#594e3d;padding:3px 8px;box-shadow:inset 0 0 0 1px #000}.fzc-traits span{font:12px var(--font);color:#fff}.fzc-traits img{box-shadow:none;border-radius:0}.fzc-sig{border-top:1px solid #0009;box-shadow:0 -1px #594e3d}.fzc-sig small{font:11px "RS Plain 11", var(--font);color:var(--dim)}.fzc-sig b{font:12px/1.2 var(--display);color:var(--rs-yellow)}.fzc-sig span{font:12px var(--font);color:#fff}#bossbar{background:var(--rs-stone);height:50px;box-shadow:0 0 0 1px #000, var(--panel-edge)}#bossbar .bb-face{display:none}#bossbar .bb-life{aspect-ratio:auto;height:16px;top:25px;left:10px;right:10px}#bossbar .bb-bar{clip-path:none;background:#c80000;width:100%;height:100%;top:0;left:0;transform:none;box-shadow:0 0 0 1px #000}#bossbar .bb-trail{opacity:.55;background:#ff7a00}#bossbar .bb-fill{box-shadow:none;background:#00c800}#bossbar .bb-half{background:#00000080;width:1px}#bossbar.phase2 .bb-fill{background:#00c800;animation:none}#bossbar .bb-name{font:12px/1 var(--display);color:var(--rs-orange);justify-content:center;top:7px;left:0;right:0}#bossbar .bb-name small{font:12px var(--font);color:#fff}.callout.boss b{color:var(--rs-red);text-shadow:3px 3px #000}.callout.boss small{color:var(--rs-orange)}.end .place img,.end .av,.end .units img{border-radius:0}.end .place b{font:48px/1 var(--display);color:var(--rs-yellow);text-shadow:3px 3px #000!important}.end .lp{font:12px var(--display)}.end .lp.up{color:var(--rs-green)}.end .lp.down{color:var(--rs-red)}.end table{background:var(--rs-stone);box-shadow:0 0 0 1px #000}.end tr.me{color:var(--rs-yellow);background:#ffff000f}.end .end-board{background:var(--rs-stone);border:0;border-image:var(--rs-frame);box-shadow:0 0 0 1px #000}.end .end-board h3{font:12px var(--display);color:var(--rs-orange)}#meter{background:var(--rs-stone);box-shadow:none;padding:4px}#meter[data-tab]{--bar:#8a1d14}#meter[data-tab=taken]{--bar:#5a100a}#meter[data-tab=heal]{--bar:#1f7a2a}#meter .m-h{font:12px var(--display);color:var(--rs-orange);clip-path:none;background:0 0}#meter .m-x{color:#0000;clip-path:none;background:url(/data/osrs/sprites/535.png) 50%/26px 23px no-repeat;text-shadow:none!important}#meter .m-x:hover{background-image:url(/data/osrs/sprites/536.png)}#meter .m-tabs button{font:12px var(--display);color:var(--rs-orange);background:var(--rs-stone-dark);transform:none;box-shadow:inset 0 0 0 1px #000}#meter .m-tabs button.on{color:var(--rs-yellow);background:linear-gradient(#7a1b14,#4e0f0a)}#meter .m-side{font:12px var(--display);color:var(--rs-red);border-bottom-color:#00000080}#meter .m-side.me{color:var(--rs-cyan);border-color:#00000080}#meter .m-side b{font:12px var(--display)}#meter .m-row img{border-radius:0}#meter .m-bar{background:var(--rs-well);box-shadow:inset 0 0 0 1px #00000080}#meter .m-bar span{font:12px var(--font)}#meter .m-bar b{font:12px var(--display);color:var(--rs-yellow)}.tally .sum{font:24px/1 var(--display);color:var(--rs-orange);text-shadow:2px 2px #000}.tally[data-kind=counter] .sum{color:var(--rs-yellow)}.tally[data-kind=dot] .sum{color:#fff}.callout b{font:48px/1 "RS Quill 8", var(--display);color:var(--rs-orange);text-shadow:3px 3px #000}.callout small{font:12px var(--display);color:var(--rs-yellow);text-shadow:var(--rs-shadow)}.callout.signature b,.callout.starup b{color:var(--rs-yellow);text-shadow:3px 3px #000}.callout.starup small{font:24px var(--display);color:var(--rs-yellow);text-shadow:2px 2px #000}.callout.hakai b,.callout.execute b{color:var(--rs-red);text-shadow:3px 3px #000}.callout.ringout b{color:var(--rs-cyan);text-shadow:3px 3px #000}.card-h,.p-h,.dlg-body h2{clip-path:none;width:auto;min-width:0;font:12px/1 var(--display);color:var(--rs-orange);background:0 0;justify-content:center;padding:12px 44px 8px;box-shadow:inset 0 -1px #0000008c,0 1px #594e3d}.dlg-body h2{padding:14px 52px 10px;font-size:24px;text-shadow:2px 2px #000!important}.p-h small,.dlg-body h2 small{font:12px var(--font);color:#fff;opacity:1}.dlg-box{scrollbar-color:#594e3d #1c1711}.dlg-x{clip-path:none;color:#0000;background:url(/data/osrs/sprites/535.png) no-repeat;width:26px;height:23px;font-size:0;top:12px;right:14px;text-shadow:none!important}.dlg-x:hover{filter:none;background-image:url(/data/osrs/sprites/536.png)}.dlg-body h3{font:12px var(--display);color:var(--rs-orange)}.dlg-body p,.dlg-body li{font:12px/1.4 var(--font);color:#fff}#dlg .dlg-box:has(.builds){width:min(860px,96vw)}.builds{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.build{background:var(--rs-well);flex-direction:column;gap:6px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #0009}.build.mine{box-shadow:inset 3px 0 0 var(--rs-orange), inset 0 0 0 1px #0009;background:#ff981f1f}.build .bh{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.build .bh b{font:12px var(--display);color:var(--rs-orange)}.build .bh em{font:12px var(--font);color:var(--rs-green)}.build .bh span{font:12px var(--font);color:var(--dim)}.build .bc{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.build .bcar{align-items:center;gap:6px;display:flex}.build .bcar>span{flex-direction:column;gap:2px;display:flex}.build .bcar b{font:12px var(--display);color:var(--rs-yellow)}.build .bcar i{gap:2px;display:flex}.build .bcar i img{width:32px;height:32px;image-rendering:pixelated;background:#00000059;box-shadow:inset 0 0 0 1px #000}.build .bcore{flex-wrap:wrap;gap:3px;display:flex}.build img.bu{object-fit:cover;border:2px solid var(--c1);opacity:.55;background:#1c1711;width:36px;height:36px}.build img.bu.carry{width:48px;height:48px}.build img.bu.own{opacity:1;box-shadow:0 0 0 1px var(--rs-yellow)}.build img.bu.c2{border-color:var(--c2)}.build img.bu.c3{border-color:var(--c3)}.build img.bu.c4{border-color:var(--c4)}.build img.bu.c5{border-color:var(--c5)}.build p{font:12px/1.4 var(--font);color:#fff;margin:0}.build small{font:12px var(--font);color:var(--dim)}#f-profile{clip-path:none;background:var(--rs-stone);box-shadow:0 0 0 1px #000, var(--rs-bevel)}.pf-frame,.pf-frame.big{box-shadow:none;border-radius:0}.pf-frame img{background:var(--rs-well);border-radius:0}.pf-lv{font:12px/1 var(--display);color:var(--rs-yellow);clip-path:none;background:#3a3126;box-shadow:inset 0 0 0 1px #000}.pf-txt b{font:12px var(--display);color:#fff}.pf-txt small{font:12px var(--font);color:var(--rs-orange)}.tile{clip-path:none;background:var(--rs-stone);box-shadow:var(--rs-bevel)}.tile b{font:12px var(--display);color:var(--rs-orange)}.tile small{font:11px "RS Plain 11", var(--font);color:var(--dim)}.tile:hover{filter:none;box-shadow:var(--rs-bevel), inset 0 0 0 99px #ffffff12;transform:none}.tile:hover img{transform:none}.hero-bg{clip-path:none;border:0;border-image:var(--rs-frame);box-shadow:0 0 0 1px #000;background:var(--rs-stone-dark)!important}.hero-bg:after,.hero-swirl{display:none}.hero-aura{filter:none;background:radial-gradient(at 50% 70%,#ff981f40,#0000 65%);animation:none}.hero-art{filter:drop-shadow(3px 3px #000);animation:none}.hero-pl{clip-path:none;color:var(--rs-yellow);text-shadow:var(--rs-shadow);background:#00000080;box-shadow:inset 0 0 0 1px #000}.hero-pl:before{display:none}.hero-pl small{font:12px var(--font);color:var(--rs-orange);opacity:1}.hero-pl b{font:24px/1 var(--display);color:var(--rs-yellow)}.hero-plate small{font:12px var(--font);background:#00000080;transform:none}.hero-plate b{font:24px/1 var(--display);color:var(--rs-orange);clip-path:none;background:0 0;padding:0;text-shadow:2px 2px #000!important}.scope{box-shadow:0 0 0 4px #594e3d,0 0 0 5px #000,inset 0 0 18px #0009}.mission .mi,.mail .mi{background:var(--rs-well);clip-path:none;border-radius:0}.chip.scouter{color:var(--rs-green);background:var(--rs-stone-dark);box-shadow:inset 0 0 0 1px #000}.chip.scouter b{font:12px var(--display);color:var(--rs-green)}.chip.scouter .lens{background:var(--rs-green);box-shadow:none;border-radius:0}