:root{--cream:#fff6e5;--cream-2:#f3e5c8;--ink:#3a281c;--ink-soft:#7a5c45;--orange:#f08a2a;--gold:#ffc23d;--teal:#37b3ad;--sky:#5fc8ff;--red:#ff5a4f;--hud-bg:#fff6e5b8;--hud-edge:#3a281cc7;--hud-drop:0 3px 0 #3a281c73}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#17142a;margin:0;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#vignette{opacity:0;background:radial-gradient(#0000 45%,#0a0618d9 100%);transition:opacity .4s;position:absolute;inset:0}#flash{opacity:0;background:#fff;position:absolute;inset:0}#hurtfx{opacity:0;background:radial-gradient(#0000 52%,#be141e8c 88%,#78000acc 100%);position:absolute;inset:0}#ko{opacity:0;text-align:center;color:#fff;background:#07050d;place-content:center;gap:6px;display:grid;position:absolute;inset:0}#ko b{letter-spacing:.04em;-webkit-text-stroke:2px #3a281c;paint-order:stroke fill;color:#ff9b8f;font-size:46px}#ko span{opacity:.85;font-size:18px;font-weight:600}#foebars{position:absolute;inset:0}.foebar{background:#140e1cbf;border:2px solid #1b1320;border-radius:6px;width:64px;height:9px;margin:-4px 0 0 -32px;position:absolute;top:0;left:0;overflow:hidden}.foebar i{background:linear-gradient(#ff8f86,#d8413a);width:100%;height:100%;transition:width .12s;display:block}.card,.pill,.sheet{background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px}.pill{border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:26px;font-weight:700;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%, #fff3b0 0 18%, var(--gold) 20% 62%, #e39a14 64%);border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;display:inline-block;box-shadow:inset 0 -3px #00000026}#wallet{flex-direction:column;align-items:flex-start;gap:7px;display:flex;position:absolute;top:16px;left:16px}#wallet .wrow{align-items:center;gap:8px;display:flex}#wallet .pill{background:var(--hud-bg);border:2px solid var(--hud-edge);box-shadow:var(--hud-drop)}#wallet .hidden{display:none}#coins{gap:7px;padding:3px 14px 3px 4px;font-size:21px}#coins .coin{border-width:2.5px;width:25px;height:25px}#crystals{gap:6px;padding:3px 11px 3px 7px;font-size:17px}#crystals .gemi{border-width:2px;border-radius:4px;width:18px;height:18px}#depth{background:var(--hud-bg);border:2px solid var(--hud-edge);box-shadow:var(--hud-drop);border-radius:12px;padding:3px 11px 4px 10px;line-height:1.15}#depth .now{font-weight:700}#depth .now b{font-size:17px}#depth .now small{margin-left:1px;font-size:12px;font-weight:600}#depth .best{color:var(--ink-soft);font-size:11px;font-weight:600}#depth .best b{font-weight:700}#coins.bump,#crystals.bump{animation:.25s ease-out bump}#nametags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nametag{white-space:nowrap;pointer-events:none;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:15px;font-weight:700;position:absolute;top:0;left:0}body.title #nametags,body.panel #nametags{opacity:0}.nametag .hp{background:#140e1cbf;border:1.5px solid #1b1320;border-radius:4px;width:46px;height:6px;margin:3px auto 0;display:block;overflow:hidden}.nametag .hp b{background:linear-gradient(#ff8f86,#d8413a);width:100%;height:100%;transition:width .15s;display:block}#chat{pointer-events:none;flex-direction:column;gap:6px;width:min(380px,30vw);display:flex;position:absolute;bottom:16px;left:16px}#chat-log{flex-direction:column;gap:3px;display:flex}#chat .line{max-width:100%;color:var(--cream);overflow-wrap:anywhere;background:#3a281cb8;border-radius:10px;align-self:flex-start;padding:3px 10px;font-size:15px;font-weight:600;transition:opacity .6s}#chat .line b{color:#ffd27a}#chat .line.me b{color:#9ff0ff}#chat .line.sys{color:#d8c9b8;background:#3a281c80;font-style:italic}#chat .line.old{opacity:0}#chat.typing .line.old{opacity:1}#chat-input{pointer-events:auto;font:inherit;border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;outline:none;padding:7px 12px;font-size:15px;font-weight:600;display:none}#chat.typing #chat-input{display:block}body.title #chat{opacity:0}.namebox{color:var(--ink-soft);justify-content:center;align-items:center;gap:10px;margin:6px 0 14px;font-weight:700;display:flex}.namebox input{font:inherit;text-align:center;border:3px solid var(--ink);width:190px;color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:12px;outline:none;padding:6px 12px;font-size:18px;font-weight:700}#net-status{margin-top:6px}#net-status:empty{display:none}.coin.sm{border-width:2px;width:18px;height:18px}@keyframes bump{40%{transform:scale(1.14)}}.bar{background:var(--cream-2);border:2.5px solid var(--ink);border-radius:10px;height:16px;margin:4px 0 6px;overflow:hidden}.bar i{border-radius:6px;width:0%;height:100%;transition:width .15s;display:block}.bar.hp i{background:linear-gradient(#ff9d8f,#e0463c)}.bar.hp.low i{animation:.5s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.3)}}#goal{background:var(--hud-bg);border:2px solid var(--hud-edge);width:236px;box-shadow:var(--hud-drop);opacity:0;border-radius:14px;padding:6px 11px 8px;transition:opacity .3s,transform .3s;position:absolute;top:16px;right:16px;transform:translate(20px)}#goal.show{opacity:1;transform:none}#goal .head{justify-content:space-between;align-items:center;display:flex}#goal label{letter-spacing:.16em;color:var(--ink-soft);font-size:10px;font-weight:700}#goal .reward{align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}#goal .reward i{margin-left:4px}#goal .text{margin:2px 0 5px;font-size:14px;font-weight:700;line-height:1.2}#goal .bar{background:#f3e5c8cc;border-width:2px;height:8px;margin:0}#goal .bar i{background:linear-gradient(#b6f07a,#5fb84a)}#goal .count{color:var(--ink-soft);text-align:right;margin-top:2px;font-size:12px;font-weight:700}#goal .count:empty{display:none}#goal.done{animation:.9s cubic-bezier(.2,1.6,.4,1) goalDone}@keyframes goalDone{0%{transform:scale(1)}25%{box-shadow:var(--hud-drop), 0 0 0 6px #ffc23d80;background:#fff1b8;transform:scale(1.08)}to{transform:scale(1)}}body.title #goal{opacity:0!important}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair .dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 2px #3a281ccc}#crosshair .ring{opacity:0;border:3px solid #ffffffd9;border-radius:50%;width:30px;height:30px;transition:transform .12s,opacity .12s,border-color .12s;position:absolute;top:-15px;left:-15px;transform:scale(.6);box-shadow:0 0 0 1.5px #3a281c99}#crosshair.valid .ring{opacity:1;transform:scale(1)}#crosshair.hard .ring{opacity:1;border-color:var(--red);transform:scale(1)}#crosshair.drilling .ring{border-style:dashed;animation:.25s linear infinite spin}#crosshair.foe .ring{opacity:1;border-color:#ff6b5f;transform:scale(1.1)}#crosshair.aim .ring{opacity:.9;border-color:#ffc070;transform:scale(.8)}#crosshair:before,#crosshair:after{content:"";opacity:0;background:#fff;border-radius:2px;width:22px;height:3px;transition:opacity 80ms;position:absolute;top:-1.5px;left:-11px;box-shadow:0 0 0 1.5px #3a281cb3}#crosshair:before{transform:rotate(45deg)}#crosshair:after{transform:rotate(-45deg)}#crosshair.hit:before,#crosshair.hit:after{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}#home-marker,#loot-marker{color:#fff;letter-spacing:.1em;text-shadow:0 2px 0 var(--ink), 0 0 6px #0009;opacity:0;flex-direction:column;align-items:center;font-size:13px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#home-marker .arrow{color:#7fe3ff;font-size:20px;line-height:1}#loot-marker .arrow{color:#ffd27a;font-size:20px;line-height:1}#loot-marker span{color:#ffe8b8}#home-marker em,#loot-marker em{opacity:.9;font-size:12px;font-style:normal}#loot-marker.fading em{color:#ff8a7a;opacity:1;animation:.9s steps(2,jump-none) infinite satchel-blink}@keyframes satchel-blink{50%{opacity:.35}}body.panel #loot-marker,body.title #loot-marker{opacity:0!important}#dock{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#belt{gap:8px;display:flex}#belt.hidden{display:none}#belt .bslot{background:var(--hud-bg);border:2px solid var(--hud-edge);width:46px;height:46px;box-shadow:var(--hud-drop);border-radius:11px;place-items:center;display:grid;position:relative}#belt .bslot.empty{box-shadow:none;background:#3a281c4d;border-style:dashed}#belt .bslot.out .ic{filter:grayscale();opacity:.5}#belt .bslot .ic{place-items:center;width:38px;height:38px;display:grid}#belt .bslot .ic img,#belt .bslot .ic svg{object-fit:contain;width:100%;height:100%}#belt .bslot kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:-8px;left:-7px}#belt .bslot b{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:14px;position:absolute;bottom:1px;right:3px}#belt .bslot.use{animation:.35s cubic-bezier(.2,1.8,.4,1) beltUse}@keyframes beltUse{40%{transform:scale(1.22)rotate(-6deg)}}#vitals{align-items:center;gap:12px;display:flex}#vitals .key{white-space:nowrap;color:#fff;text-shadow:0 2px 0 var(--ink);opacity:.85;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}#vitals kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);text-shadow:none;border-radius:6px;padding:0 7px;font-family:inherit;font-size:12px;font-weight:700;display:inline-block}#vitals .new:empty{display:none}#vitals .new{background:var(--red);color:#fff;border:2px solid var(--ink);text-shadow:none;border-radius:999px;padding:0 7px;font-size:12px;animation:.6s infinite alternate pulse}#hp{border:2px solid var(--hud-edge);width:250px;height:17px;box-shadow:var(--hud-drop);background:#281a1480;border-radius:9px;margin:0;position:relative}#hp i{z-index:1;position:relative}#hp s{background:#ffe8d6cc;border-radius:6px;width:100%;text-decoration:none;transition:width .6s .35s;position:absolute;top:0;bottom:0;left:0}#hp b{z-index:2;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;place-items:center;font-size:11px;line-height:1;display:grid;position:absolute;inset:0}#jet{opacity:0;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .4s;position:absolute;top:0;left:0}#jet.show{opacity:1;transition-duration:.12s}#jet svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}#jet .track{fill:#1e14244d;stroke:#3a281c8c;stroke-width:8px}#jet .fill{fill:none;stroke:#7ff0e2;stroke-width:5px;stroke-linecap:round;stroke-dasharray:106.8;transition:stroke .2s}#jet.low .fill{stroke:#ffa15c}#jet.empty .fill{opacity:0}#jet.empty .track{animation:.5s steps(2,jump-none) infinite jetEmpty}@keyframes jetEmpty{50%{stroke:#ff5a4fe6}}#hint{color:var(--cream);opacity:0;white-space:nowrap;background:#3a281cbd;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:600;transition:opacity .2s}#hint.show{opacity:1}#hint kbd,footer kbd,.keygrid kbd,.settings kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;margin:0 2px;padding:0 7px;font-family:inherit;font-size:.85em;font-weight:700;display:inline-block}#toasts{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.toast{background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;align-items:center;gap:8px;padding:5px 12px 5px 8px;font-size:16px;font-weight:700;animation:.25s cubic-bezier(.2,1.6,.4,1) toastIn;display:flex}.toast .gem{border:2.5px solid var(--ink);border-radius:4px;width:18px;height:18px;transform:rotate(45deg)}.toast small{color:var(--ink-soft);font-weight:600}.toast.out{opacity:0;transition:all .3s;transform:translate(20px)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.8)}}#banner{z-index:20;opacity:0;pointer-events:none;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner b{color:#fff;letter-spacing:.04em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:58px;font-weight:700}#banner span{color:var(--cream);text-shadow:0 3px 0 var(--ink), 0 0 12px #00000080;font-size:22px;font-weight:700}#banner.show{animation:2.6s forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(2deg)}20%{transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.floater{white-space:nowrap;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:18px;font-weight:700;position:absolute;top:0;left:0}#recall{opacity:0;place-items:center;width:90px;height:90px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#recall svg{position:absolute;inset:0;transform:rotate(-90deg)}#recall circle{fill:none;stroke:#ff9b5f;stroke-width:4px;stroke-dasharray:100.5;stroke-dashoffset:100.5px;stroke-linecap:round}#recall span{color:#fff;letter-spacing:.1em;text-shadow:0 2px 0 var(--ink);margin-top:70px;font-size:12px;font-weight:700}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#17142a73;place-items:center;display:grid;position:absolute;inset:0}.modal.hidden{display:none}.sheet{max-width:calc(100vw - 32px);padding:22px 26px}.sheet h2{margin:0;font-size:30px}.sheet.title{text-align:center;width:560px}.sheet.title h1{color:var(--orange);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);margin:0;font-size:76px;line-height:1}.sheet.title h1 span{color:var(--gold);margin-left:10px}.tag{color:var(--ink-soft);margin:12px 0 18px;font-size:20px;font-weight:600}button{cursor:pointer;background:var(--orange);color:#fff;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-shadow:0 2px #3a281c80;border-radius:14px;padding:10px 28px;font-family:inherit;font-size:22px;font-weight:700;transition:transform 80ms,box-shadow 80ms}button:hover{filter:brightness(1.06)}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}button:disabled{cursor:default;filter:none;background:#cbbfa8}.small{color:var(--ink-soft);margin:14px 0 0;font-size:13px}footer{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:14px;font-weight:600}#start.modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#17142a6b,#17142a00 58%);place-items:center start;padding-left:max(16px,6vw)}#start .sheet.title{width:500px}body.title #wallet,body.title #dock,body.title #jet,body.title #crosshair,body.title #home-marker,body.title #toasts,body.title #foebars{opacity:0!important}@media (width<=640px){#start.modal{place-items:center;padding-left:0}}#no3d{text-align:left;font-weight:600;display:none}.no3d #no3d{display:block}.no3d>.namebox,.no3d>.buttons,.no3d>#load-status,.no3d>#net-status{display:none}#no3d p{margin:0 0 10px}#no3d ol{color:var(--ink-soft);gap:8px;margin:0 0 14px;padding-left:22px;display:grid}#no3d li b{color:var(--ink)}#no3d a{color:var(--teal)}#no3d .why{background:var(--cream-2);white-space:pre-line;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:8px;margin:0;padding:6px 9px;font-size:11px}#no3d .why:empty{display:none}.sheet.pause{text-align:center;width:300px}.pause .menu{gap:10px;margin-top:16px;display:grid}.pause .menu button{width:100%;padding:9px 16px;font-size:19px}.sheet.keys{width:600px;max-height:calc(100vh - 40px);overflow-y:auto}.keys header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.keys header .close{padding:4px 12px;font-size:18px}.keys h3{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;margin:14px 0 8px;font-size:13px}.keys h3 small{letter-spacing:0;text-transform:none;margin-left:4px;font-size:12px;font-weight:600}.keygrid{grid-template-columns:1fr 1fr;gap:8px 22px;font-weight:600;display:grid}@media (width<=560px){.keygrid{grid-template-columns:1fr}}.kbicon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}.buttons{justify-content:center;align-items:stretch;gap:12px;margin-top:16px;display:flex}#start .buttons{margin-top:0}button.ghost{background:var(--cream-2);color:var(--ink);text-shadow:none;padding:10px 16px}.sheet.settings{width:560px;max-height:calc(100vh - 40px);overflow-y:auto}.settings header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings header .close{padding:4px 12px;font-size:18px}.settings section{margin-top:12px}.settings .startover{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14px;font-weight:600;display:grid}.settings .startover button{white-space:nowrap;padding:6px 14px;font-size:15px}.settings .startover button.armed{color:#fff;background:#d8413a}.settings h3{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 8px;font-size:13px}.settings .slider,.settings .choice,.settings .check{grid-template-columns:120px 1fr 52px;align-items:center;gap:12px;margin:6px 0;font-weight:600;display:grid}.settings .choice{grid-template-columns:120px 1fr}.settings .check{cursor:pointer;grid-template-columns:22px 1fr}.settings .check input{width:20px;height:20px;accent-color:var(--orange);margin:0}.settings em{text-align:right;color:var(--ink-soft);font-size:14px;font-style:normal}.settings input[type=range]{appearance:none;background:var(--cream-2);border:2.5px solid var(--ink);border-radius:8px;outline:none;width:100%;height:14px}.settings input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2.5px solid var(--ink);cursor:pointer;width:22px;height:22px;box-shadow:0 2px 0 var(--ink);border-radius:50%}.settings input[type=range]::-moz-range-thumb{background:var(--orange);border:2.5px solid var(--ink);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings .seg{flex-wrap:wrap;gap:6px;display:flex}.settings .seg button{box-shadow:0 3px 0 var(--ink);background:var(--cream-2);color:var(--ink);text-shadow:none;border-radius:10px;padding:5px 12px;font-size:14px}.settings .seg button.on{background:var(--orange);color:#fff;text-shadow:0 2px #3a281c80}.settings .seg button.auto{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--orange)}.sheet.building{--accent:var(--orange);--band:#f3e5c8;width:860px;max-height:calc(100vh - 40px);position:relative;overflow-y:auto}.sheet.building[data-theme=trade]{--accent:#2fa39a;--band:#dff3ee}.sheet.building[data-theme=stash]{--accent:#c9823c;--band:#fbead0}.stash{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stash .scol{border:2.5px solid var(--ink);background:#fffaf0;border-radius:16px;min-height:220px;padding:12px}.stash .scol.chest{background:linear-gradient(#fff3da,#ffe6b8)}.stash h4{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:13px;display:flex}.stash h4 small{letter-spacing:0;text-transform:none;font-size:12px}.stash .stiles{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-bottom:10px;display:grid}.stash .stiles .itile{aspect-ratio:1;cursor:pointer;width:100%;height:auto;transition:transform .12s}.stash .stiles .itile:hover{transform:translateY(-3px)scale(1.05)}.stash .soft{text-align:left;margin:4px 0 0}@media (width<=640px){.stash{grid-template-columns:1fr}}.sheet.building.enter{animation:.32s cubic-bezier(.2,1.5,.4,1) sheetIn}@keyframes sheetIn{0%{opacity:0;transform:translateY(24px)scale(.94)}}.sheet.building.shake{animation:.35s sheetShake}@keyframes sheetShake{20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(1px,1px)}}.building header{background:var(--band);border-bottom:3px solid var(--ink);border-radius:15px 15px 0 0;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;margin:-22px -26px 12px;padding:16px 22px;display:grid}.building .crest{background:var(--cream);border:3px solid var(--ink);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);border-radius:18px;place-items:center;display:grid}.building .crest svg{width:50px;height:50px}.building h2{color:var(--ink);font-size:30px}.building .sub{color:var(--ink-soft);margin:0;font-weight:600}.building .wallet{gap:8px;display:flex}.pill.small{box-shadow:0 3px 0 var(--ink);border-width:2.5px;gap:6px;padding:4px 12px 4px 6px;font-size:18px}.building .close{padding:4px 12px;font-size:18px}.building .tabs{gap:8px;margin-bottom:12px;display:flex}.building .tabs:empty{display:none}.building .tabs button{background:var(--cream-2);color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--ink);padding:6px 16px;font-size:16px}.building .tabs button.on{background:var(--accent);color:#fff;text-shadow:0 2px #3a281c66}.building button{background:var(--accent)}.building button:disabled{background:#cbbfa8}.building .lbl{letter-spacing:.16em;color:var(--ink-soft);font-size:11px;font-weight:700}.building .soft{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:14px;font-weight:600}.building .soft kbd{background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 7px;font-family:inherit;font-size:.85em;font-weight:700;display:inline-block}.building .card{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffaf0;border-radius:16px}.building .icon{background:var(--band);border:2.5px solid var(--ink);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid}.building .icon svg{width:44px;height:44px}.building .pop{animation:.55s cubic-bezier(.2,1.8,.4,1) popUp}@keyframes popUp{0%{transform:scale(.92)}35%{filter:brightness(1.25)saturate(1.2);transform:scale(1.06)}to{transform:scale(1)}}.sell .list{gap:6px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.sell .row{border:2.5px solid var(--ink);background:#fffaf0;border-radius:12px;grid-template-columns:26px 1fr auto 110px;align-items:center;gap:10px;padding:6px 12px;font-weight:700;display:grid}.sell .row small{letter-spacing:.08em;text-transform:uppercase;-webkit-text-stroke:.5px var(--ink);font-size:11px}.sell .row .ct{color:var(--ink-soft)}.sell .row .val{justify-content:flex-end;align-items:center;gap:6px;display:flex}.gem{border:2.5px solid var(--ink);border-radius:4px;width:18px;height:18px;display:inline-block;transform:rotate(45deg)}.gem.ore{border-radius:50%;transform:none}.sell .total{justify-content:space-between;align-items:center;margin:12px 4px;font-size:22px;font-weight:700;display:flex}.sell .total b{align-items:center;gap:8px;font-size:30px;display:flex}.sell .note{color:#d6f7ff;background:#1f2a44;border-radius:12px;margin:0 0 12px;padding:8px 12px;font-weight:600}button.big{width:100%;font-size:24px}.empty{text-align:center;padding:26px 0 10px;font-weight:600}.empty .big{font-size:56px}.empty p{margin:4px 0}#building .fx{pointer-events:none;position:fixed;inset:0;overflow:hidden}.spark{background:var(--c);border:2px solid var(--ink);border-radius:3px;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.95s cubic-bezier(.1,.7,.3,1) forwards sparkFly;position:absolute}.spark.star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px;height:16px;filter:drop-shadow(0 0 4px var(--c));border:none;margin:-8px 0 0 -8px}@keyframes sparkFly{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 60px)) scale(1) rotate(var(--r));opacity:0}}.ring{border:4px solid var(--c);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s ease-out forwards ringOut;position:absolute}@keyframes ringOut{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(12)}}@media (width<=640px){#hp{width:min(250px,46vw)}.sheet.title h1{font-size:52px}}.die{border:3px solid var(--ink);background:radial-gradient(circle at 28% 28%, var(--ink) 0 9%, transparent 11%), radial-gradient(circle at 72% 72%, var(--ink) 0 9%, transparent 11%), radial-gradient(circle at 50% 50%, #c2263b 0 10%, transparent 12%), linear-gradient(160deg, #fffdf6, #e8d9bb);border-radius:7px;flex:none;width:26px;height:26px;display:inline-block;transform:rotate(-8deg);box-shadow:inset 0 -3px #0000001f}.die.sm{border-width:2px;border-radius:5px;width:18px;height:18px}.gemi{border:3px solid var(--ink);background:linear-gradient(135deg,#fff 0 18%,#c9a4ff 20% 55%,#8a5cff 58%);border-radius:5px;flex:none;width:24px;height:24px;display:inline-block;transform:rotate(45deg)scale(.86)}.gemi.sm{border-width:2px;border-radius:3px;width:16px;height:16px}.star{background:var(--gold);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%);flex:none;width:22px;height:22px;display:inline-block}.star.sm{width:18px;height:18px}body.title #bossbar{opacity:0!important}#bossbar{opacity:0;justify-items:center;gap:4px;width:min(560px,60vw);transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .4s;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%,-140%)}#bossbar.show{opacity:1;transform:translate(-50%)}#bossbar b{letter-spacing:.3em;color:#f1e3cf;-webkit-text-stroke:1.5px #120708;paint-order:stroke fill;text-shadow:0 0 10px #ff1e2899,0 3px #120708;font-size:22px}#bossbar .bar{background:#1a0b0e;border:3px solid #120708;width:100%;height:16px;margin:0;position:relative;box-shadow:0 0 18px #ff141e59}#bossbar .bar i{z-index:1;background:linear-gradient(180deg, var(--boss-hi,#ff6b5f), var(--boss-lo,#a3141f));transition:width .2s;position:relative}#bossbar.drake{--boss-hi:#ffb35a;--boss-lo:#c2410c}#bossbar.hydra{--boss-hi:#c6f56a;--boss-lo:#3f7a12}#bossbar.titan{--boss-hi:#bff0ff;--boss-lo:#2a7ab8}#bossbar.king{--boss-hi:#d8b8ff;--boss-lo:#6b2fc0}#bossbar.drake b{text-shadow:0 0 10px #ff781eb3,0 3px #120708}#bossbar.hydra b{text-shadow:0 0 10px #96ff3c99,0 3px #120708}#bossbar.titan b{text-shadow:0 0 10px #78dcffb3,0 3px #120708}#bossbar.king b{text-shadow:0 0 10px #b478ffb3,0 3px #120708}#bossbar .bar s{background:#fff0dccc;text-decoration:none;transition:width .8s .25s;position:absolute;top:0;bottom:0;left:0}#shatter{pointer-events:auto;color:#fff;z-index:30;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#shatter.hidden{display:none}#shatter.enter{animation:.35s ease-out shIn}@keyframes shIn{0%{opacity:0}}#shatter .bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 42%,#2e468080,#0c0a1ee0 62%,#060510f5);position:absolute;inset:0}#shatter .rays{pointer-events:none;opacity:.6;background:repeating-conic-gradient(#a0e6ff12 0deg 7deg,#0000 7deg 20deg);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;transition:opacity .4s;animation:40s linear infinite spinRays;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 45%);mask-image:radial-gradient(circle,#000 0,#0000 45%)}#shatter[data-phase=charge] .rays,#shatter[data-phase=deal] .rays{opacity:1;animation-duration:8s}@keyframes spinRays{to{transform:rotate(360deg)}}#shatter .fxc{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}#shatter .flash{opacity:0;pointer-events:none;z-index:6;mix-blend-mode:screen;position:absolute;inset:0}#shatter header{z-index:4;flex:none;align-items:center;gap:16px;width:100%;padding:18px 24px 0;display:flex;position:relative}#shatter header .titles{flex:1}#shatter h2{letter-spacing:.03em;color:#bff6ff;-webkit-text-stroke:3px #0c1022;paint-order:stroke fill;text-shadow:0 5px #0c1022,0 0 22px #6ee6ff80;margin:0;font-size:40px}#shatter header p{color:#9fb8d8;margin:2px 0 0;font-weight:600}#shatter .res{gap:8px;display:flex}#shatter .res .pill{color:var(--ink)}#shatter .close{padding:6px 14px;font-size:18px}#shatter .stage{z-index:3;flex:1;width:100%;min-height:380px;position:relative}#shatter .crystal{cursor:pointer;z-index:1;width:240px;height:324px;filter:drop-shadow(0 0 26px var(--c)) drop-shadow(0 0 60px color-mix(in srgb, var(--c) 50%, transparent));margin:-168px 0 0 -120px;position:absolute;top:50%;left:50%}#shatter .crystal.empty{display:none}#shatter .crystal .glow{background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent), transparent 62%);opacity:.55;border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:2.4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%}@keyframes glowPulse{50%{opacity:.85;transform:scale(1.08)}}#shatter .csvg{width:100%;height:100%;position:relative;overflow:visible}#shatter .crystal.idle .csvg{animation:3.2s ease-in-out infinite crystalBob}#shatter .crystal.idle:hover .csvg{animation-duration:1.2s}@keyframes crystalBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}#shatter .cracks path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 4px #fff)}#shatter .crystal.charging .cracks path{animation:crackIn .9s var(--d) ease-in forwards}@keyframes crackIn{to{stroke-dashoffset:0}}#shatter .crystal.charging .csvg{animation:1.15s ease-in forwards chargeShake}#shatter .crystal.charging .glow{animation:1.15s ease-in forwards chargeGlow}@keyframes chargeShake{0%{transform:translate(0)scale(1)}10%{transform:translate(-2px,1px)scale(1.01)}20%{transform:translate(2px,-1px)scale(1.02)}30%{transform:translate(-3px,2px)scale(1.03)}40%{transform:translate(4px,-2px)scale(1.04)}50%{transform:translate(-5px,2px)scale(1.05)rotate(-1deg)}60%{transform:translate(6px,-3px)scale(1.06)rotate(1deg)}70%{transform:translate(-7px,3px)scale(1.08)rotate(-2deg)}80%{transform:translate(8px,-4px)scale(1.1)rotate(2deg)}90%{transform:translate(-9px,4px)scale(1.13)rotate(-3deg)}to{filter:brightness(2.2);transform:translate(0)scale(1.18)}}@keyframes chargeGlow{to{opacity:1;transform:scale(1.7)}}#shatter .crystal.burst .csvg{animation:.26s ease-out forwards burstOut}#shatter .crystal.burst .glow{animation:.4s ease-out forwards burstGlow}@keyframes burstOut{to{opacity:0;filter:brightness(4);transform:scale(1.6)}}@keyframes burstGlow{to{opacity:0;transform:scale(3)}}#shatter .cinfo{z-index:3;text-align:center;flex:none;justify-items:center;gap:5px;min-width:320px;min-height:64px;margin-bottom:6px;font-weight:700;transition:opacity .2s;display:grid;position:relative}#shatter[data-phase=deal] .cinfo,#shatter[data-phase=choose] .cinfo,#shatter[data-phase=resolve] .cinfo,#shatter[data-phase=charge] .cinfo{opacity:0}#shatter .cinfo b{-webkit-text-stroke:2px #0c1022;paint-order:stroke fill;text-shadow:0 3px #0c1022;font-size:26px}#shatter .cinfo span{color:#c6d4ea;font-size:15px}#shatter .cinfo em{font-style:normal}#shatter .odds{background:#0c1022;border:2px solid #0c1022;border-radius:6px;gap:2px;width:260px;height:10px;display:flex;overflow:hidden}#shatter .odds i{height:100%;display:block}#shatter .actions{z-index:4;flex:none;align-items:center;gap:12px;min-height:58px;margin-bottom:14px;display:flex;position:relative}#shatter .actions button{white-space:nowrap;text-shadow:0 2px #0c102273;border-color:#0c1022;align-items:center;gap:8px;padding:10px 22px;font-size:20px;display:inline-flex;box-shadow:0 5px #0c1022,inset 0 2px #fff6,inset 0 -4px #00000029}#shatter .actions button:active{box-shadow:0 1px #0c1022,inset 0 2px #fff6}#shatter .actions kbd{color:var(--ink);border:2px solid var(--ink);text-shadow:none;background:#ffffffd9;border-radius:6px;padding:0 6px;font-family:inherit;font-size:13px}#shatter button.go{background:linear-gradient(#6fe6ff,#22a9d9 60%,#1b8fc0);padding:12px 34px;font-size:26px;animation:1.4s ease-in-out infinite goPulse}#shatter button.go:disabled{animation:none}@keyframes goPulse{50%{box-shadow:0 5px #0c1022,inset 0 2px #fff6,0 0 30px #6ee6ffbf}}#shatter button.reroll{background:linear-gradient(#b095ff,#7a4cf0 60%,#6437d8)}#shatter button.reroll b{background:#00000040;border-radius:8px;padding:0 7px}#shatter button.skip{color:var(--ink);text-shadow:none;background:linear-gradient(#fffaf0,#eedcb6)}#shatter button.skip span{font-weight:700}#shatter .tray{z-index:4;flex-wrap:wrap;flex:none;justify-content:center;gap:10px;max-width:calc(100vw - 32px);min-height:62px;margin-bottom:8px;display:flex;position:relative}#shatter .tray .none{color:#c6d4ea;text-align:center;background:#0c1022b3;border-radius:12px;max-width:520px;padding:10px 16px;font-weight:600}#shatter .gemb{text-align:left;color:#fff;background:#141830d9;border:3px solid #0c1022;grid-template-columns:34px auto;align-items:center;column-gap:8px;padding:6px 12px 6px 6px;font-size:15px;display:grid;box-shadow:0 4px #0c1022}#shatter .gemb .g{width:34px;height:46px;filter:drop-shadow(0 0 6px var(--c));grid-row:span 3}#shatter .gemb .g svg,#shatter .gemb .g img{object-fit:contain;width:100%;height:100%}#shatter .gemb b{font-size:18px}#shatter .gemb .n{color:#c6d4ea;font-size:13px}#shatter .gemb small{letter-spacing:.12em;text-transform:uppercase;font-size:10px}#shatter .gemb.on{border-color:var(--c);box-shadow:0 4px 0 #0c1022, 0 0 18px var(--c);transform:translateY(-4px)}#shatter .gemb:disabled{opacity:.5}#shatter footer{color:#8ea2c2;z-index:4;flex:none;margin:0 0 12px;position:relative}#shatter footer kbd{font-size:12px}@property --fd{syntax:"<percentage>";inherits:false;initial-value:0%}#shatter .cards{z-index:2;position:absolute;top:50%;left:50%}#shatter .c3{perspective:1000px;width:232px;height:330px;transform:translate(0, 0) scale(.15) rotate(var(--r0,0deg));opacity:0;cursor:default;margin:-165px 0 0 -116px;transition:transform .55s cubic-bezier(.2,1.25,.4,1),opacity .25s;position:absolute;top:0;left:0}#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 270px), 10px) rotate(calc((var(--i) - 1) * 3deg));opacity:1}#shatter[data-phase=choose] .c3{cursor:pointer}#shatter .c3 .lift{width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s ease-out}#shatter[data-phase=choose] .c3:hover .lift{transform:translateY(-18px)scale(1.06)}#shatter .c3 .tilt{width:100%;height:100%;transform-style:preserve-3d;transition:transform .12s ease-out}#shatter .c3 .flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.4,.5,1);position:relative}#shatter .c3.shown .flip{transform:rotateY(180deg)}#shatter .back,#shatter .front{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0}#shatter .front{transform:rotateY(180deg)}#shatter .back{background:linear-gradient(150deg,#eef3fb 0%,#a6b3c7 14%,#5b6880 32%,#b7c3d6 50%,#414d64 70%,#9aa7bb 86%,#e6ecf6 100%);place-items:center;display:grid;box-shadow:0 0 0 2.5px #070a16,0 14px 30px #0000008c,inset 0 1.5px #ffffffd9,inset 0 -2px #00000059}#shatter .back:before{content:"";background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--back) 50%, transparent), transparent 50%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--back) 16%, transparent) 0 1.5px, transparent 1.5px 17px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--back) 16%, transparent) 0 1.5px, transparent 1.5px 17px), radial-gradient(ellipse at 50% 0%, #2a3470, #121637 55%, #0a0c22);border-radius:15px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1.5px #000000b3,0 0 0 1.5px #fff6,inset 0 0 40px #000000b3}#shatter .back:after{content:"";opacity:.6;border:1.5px solid color-mix(in srgb, var(--back) 60%, #fff);box-shadow:inset 0 0 14px color-mix(in srgb, var(--back) 35%, transparent);border-radius:10px;position:absolute;inset:17px}#shatter .back .ring{pointer-events:none;border-radius:50%;position:absolute;top:46%;left:50%}#shatter .back .ring.r1{border:2px solid color-mix(in srgb, var(--back) 70%, #fff);opacity:.55;width:150px;height:150px;box-shadow:0 0 18px color-mix(in srgb, var(--back) 50%, transparent), inset 0 0 18px color-mix(in srgb, var(--back) 40%, transparent);margin:-75px 0 0 -75px}#shatter .back .ring.r2{border:2px dashed color-mix(in srgb, var(--back) 80%, #fff);opacity:.45;width:128px;height:128px;margin:-64px 0 0 -64px;animation:18s linear infinite spinRays}#shatter .back .emblem{width:104px;height:104px;filter:drop-shadow(0 0 14px var(--back)) drop-shadow(0 6px 6px #00000080);margin:-52px 0 0 -52px;animation:2.6s ease-in-out infinite emblemBob;position:absolute;top:46%;left:50%}@keyframes emblemBob{50%{transform:translateY(-5px)scale(1.04)}}#shatter .back .bname{letter-spacing:.34em;text-transform:uppercase;text-align:center;color:color-mix(in srgb, var(--back) 45%, #fff);opacity:.8;text-shadow:0 0 10px color-mix(in srgb, var(--back) 70%, transparent);font-size:11px;font-weight:700;position:absolute;bottom:30px;left:0;right:0}#shatter .c3.tease .back{animation:.5s ease-in forwards tease}@keyframes tease{0%{box-shadow:0 0 0 2.5px #070a16,0 0 #0000}20%{transform:translate(-2px,1px)rotate(-1deg)}40%{transform:translate(3px,-1px)rotate(1.5deg)}60%{transform:translate(-3px)rotate(-1.5deg)scale(1.03)}80%{transform:translate(3px,1px)rotate(1deg)scale(1.05)}to{box-shadow:0 0 0 2.5px #070a16, 0 0 40px var(--tc), 0 0 90px var(--tc);filter:brightness(1.35);transform:scale(1.06)}}#shatter .face{--m1:#fff;--m2:#cdd6e2;--m3:#7f8ca0;--m4:#465166;--glow:#dfe8f5;--bgA:#6f82a3;--bgB:#1d263d;color:#fff;text-align:center;background:linear-gradient(150deg, var(--m1) 0%, var(--m2) 12%, var(--m3) 30%, var(--m2) 48%, var(--m4) 68%, var(--m3) 84%, var(--m1) 100%);border-radius:22px;position:absolute;inset:0;box-shadow:0 0 0 2.5px #070a16,0 14px 30px #0000008c,inset 0 1.5px #ffffffd9,inset 0 -2px #00000059}#shatter .face.t1{--m1:#eaffee;--m2:#95e8aa;--m3:#2f9e58;--m4:#145a30;--glow:#7be08f;--bgA:#3db56a;--bgB:#0d3520}#shatter .face.t2{--m1:#eef8ff;--m2:#93c9ff;--m3:#2f7fe0;--m4:#143e80;--glow:#6cbcff;--bgA:#3a8ef0;--bgB:#0b1f4c}#shatter .face.t3{--m1:#f9efff;--m2:#d3abff;--m3:#8b50e2;--m4:#431c7c;--glow:#c89aff;--bgA:#9c5ef2;--bgB:#220c46}#shatter .face.t4{--m1:#fffbe8;--m2:#ffe27f;--m3:#e0960f;--m4:#874700;--glow:#ffc84a;--bgA:#f29a1a;--bgB:#3a1600}#shatter .face:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--bgB) 60%, #0b0f22) 0%, #0b0e1f 60%, #080a17 100%);box-shadow:inset 0 0 0 1.5px #000000b3, 0 0 0 1.5px color-mix(in srgb, var(--m1) 70%, transparent);border-radius:15px;position:absolute;inset:8px}#shatter .face .art{border-radius:11px;height:172px;position:absolute;top:13px;left:13px;right:13px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff38}#shatter .face .abg{background:radial-gradient(ellipse 62% 56% at 50% 44%, color-mix(in srgb, var(--bgA) 60%, #fff) 0%, var(--bgA) 16%, color-mix(in srgb, var(--bgA) 45%, var(--bgB)) 42%, var(--bgB) 74%, #04060d 118%);translate:calc(var(--px,0) * -6px) calc(var(--py,0) * -5px);transition:translate .15s ease-out;position:absolute;inset:-14px}#shatter .face .arays{opacity:.5;mix-blend-mode:soft-light;background:repeating-conic-gradient(#ffffffe6 0deg 5deg,#0000 5deg 15deg);width:460px;height:460px;margin:-230px 0 0 -230px;animation:46s linear infinite spinRays;position:absolute;top:44%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 48%);mask-image:radial-gradient(circle,#000 0,#0000 48%)}#shatter .face.t3 .arays,#shatter .face.t4 .arays{opacity:.85;animation-duration:22s}#shatter .face .bokeh{opacity:.6;background:radial-gradient(circle at 14% 22%,#fff9 0 1.6px,#0000 2.4px),radial-gradient(circle at 84% 16%,#ffffff8c 0 1.2px,#0000 2px),radial-gradient(circle at 78% 64%,#ffffff80 0 1.8px,#0000 2.6px),radial-gradient(circle at 20% 70%,#ffffff73 0 1.2px,#0000 2px),radial-gradient(circle at 64% 26%,#ffffff59 0 1px,#0000 1.8px),radial-gradient(circle at 34% 10%,#ffffff73 0 1.4px,#0000 2.2px),radial-gradient(circle at 90% 44%,#fff6 0 1px,#0000 1.8px),radial-gradient(circle at 8% 48%,#ffffff59 0 1.2px,#0000 2px);animation:3.4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.15}}#shatter .face .art:after{content:"";background:linear-gradient(#0000,#040610c7);height:70px;position:absolute;bottom:0;left:0;right:0}#shatter .face .obj{object-fit:contain;pointer-events:none;z-index:1;width:194px;height:194px;filter:drop-shadow(0 9px 8px #00000080) drop-shadow(0 0 18px color-mix(in srgb, var(--glow) 42%, transparent));translate:calc(var(--px,0) * 10px) calc(var(--py,0) * 8px);margin-left:-97px;transition:translate .15s ease-out;animation:3.4s ease-in-out infinite objFloat;position:absolute;top:-2px;left:50%}@keyframes objFloat{50%{transform:translateY(-5px)rotate(1.5deg)}}#shatter .c3.shown .face .obj{animation:.7s cubic-bezier(.2,1.7,.4,1) .1s both objPop,3.4s ease-in-out .8s infinite objFloat}@keyframes objPop{0%{opacity:0;transform:translateY(26px)scale(.45)rotate(-8deg)}}#shatter .face .crest{z-index:3;width:40px;height:40px;filter:drop-shadow(0 3px 2px #0000008c) drop-shadow(0 0 8px color-mix(in srgb, var(--glow) 75%, transparent));margin-left:-20px;position:absolute;top:-17px;left:50%}#shatter .face .crest .r0{fill:#070a16}#shatter .face .crest .r1{fill:var(--m3);stroke:var(--m1);stroke-width:1.2px}#shatter .face .crest .f1{fill:var(--m1)}#shatter .face .crest .f2{fill:var(--m2)}#shatter .face .crest .f3{fill:var(--glow)}#shatter .face .crest .f4{fill:var(--m3)}#shatter .face .crest .hl{fill:#fff;opacity:.85}#shatter .face .stars{z-index:2;justify-content:center;gap:1px;display:flex;position:absolute;top:25px;left:0;right:0}#shatter .face .stars svg{width:13px;height:13px;fill:var(--glow);stroke:#070a16;stroke-width:2.6px;paint-order:stroke fill;stroke-linejoin:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--glow) 80%, transparent))}#shatter .face .perkb{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(#c08cff,#6a2fd0);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:21px;left:20px;box-shadow:0 0 0 1.5px #070a16,0 0 10px #b478ffb3}#shatter .face .val{z-index:2;color:#fff;letter-spacing:-.01em;-webkit-text-stroke:6px #070a16;paint-order:stroke fill;text-shadow:0 4px 0 #070a16, 0 0 20px color-mix(in srgb, var(--glow) 85%, transparent);font-size:44px;font-weight:700;line-height:1;position:absolute;top:134px;left:0;right:0}#shatter .face.t4 .val{color:#fff3c4}#shatter .face .val small{-webkit-text-stroke-width:4.5px;margin-left:3px;font-size:20px}#shatter .face .plate{z-index:2;clip-path:polygon(0 50%,13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%);background:#070a16;place-items:center;height:34px;display:grid;position:absolute;top:178px;left:3px;right:3px}#shatter .face .plate:before{content:"";background:linear-gradient(180deg, var(--m1) 0%, var(--m2) 20%, var(--m3) 62%, var(--m4) 100%);clip-path:polygon(0 50%,11.5px 0,calc(100% - 11.5px) 0,100% 50%,calc(100% - 11.5px) 100%,11.5px 100%);position:absolute;inset:2.5px}#shatter .face .plate h3{color:#fff;letter-spacing:.02em;white-space:nowrap;-webkit-text-stroke:4px #070a16;paint-order:stroke fill;text-shadow:0 2px #070a16;margin:0;font-size:17px;font-weight:700;position:relative}#shatter .face .blurb{z-index:1;color:#d4ddef;justify-content:center;align-items:center;height:66px;margin:0;font-size:13px;font-weight:600;line-height:1.28;display:flex;position:absolute;top:216px;left:18px;right:18px}#shatter .face .foot{z-index:1;justify-content:space-between;align-items:center;height:24px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}#shatter .face .now{color:#9fb0cf;white-space:nowrap;background:#ffffff12;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff1a}#shatter .face .now b{color:var(--glow)}#shatter .face .now i{opacity:.7;font-style:normal}#shatter .face .tier{letter-spacing:.16em;text-transform:uppercase;color:var(--glow);text-shadow:0 0 10px color-mix(in srgb, var(--glow) 60%, transparent);font-size:10.5px;font-weight:700}#shatter .face .foil{pointer-events:none;opacity:0;mix-blend-mode:color-dodge;z-index:1;background:linear-gradient(115deg,#0000 18%,#ff6ec899 34%,#6edcff99 45%,#a0ff8c8c 56%,#ffe66e99 67%,#0000 82%) 0 0/280% 280%;background-position:calc(50% + var(--px,0) * 45% + var(--fd)) calc(50% + var(--py,0) * 45%);animation:5s ease-in-out infinite alternate foilDrift;position:absolute;inset:0}@keyframes foilDrift{0%{--fd:-28%}to{--fd:28%}}#shatter .face.t2 .foil{opacity:.16}#shatter .face.t3 .foil{opacity:.3}#shatter .face.t4 .foil{opacity:.36}#shatter .face .glit{pointer-events:none;opacity:0;z-index:3;border-radius:15px;position:absolute;inset:8px}#shatter .face.t3 .glit,#shatter .face.t4 .glit{opacity:.45;mix-blend-mode:screen;background-image:radial-gradient(circle, #fff 0 .7px, transparent 1.3px), radial-gradient(circle, color-mix(in srgb, var(--glow) 60%, #fff) 0 .9px, transparent 1.6px), radial-gradient(circle, #fff 0 .5px, transparent 1.1px);-webkit-mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);background-position:0 0,9px 13px,5px 3px;background-size:23px 29px,37px 31px,13px 17px;animation:1.4s steps(2,end) infinite glitter}#shatter .face.t4 .glit{opacity:.75}@keyframes glitter{50%{background-position:5px 7px,14px 4px,9px 11px}}#shatter .face .glare{pointer-events:none;opacity:0;mix-blend-mode:soft-light;z-index:4;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffff80, transparent 42%);border-radius:22px;transition:opacity .2s;position:absolute;inset:0}#shatter[data-phase=choose] .c3:hover .glare{opacity:1}#shatter .face .shade{opacity:0;pointer-events:none;z-index:6;background:#04060e6b;border-radius:24px;transition:opacity .2s;position:absolute;inset:-3px}#shatter[data-phase=choose] .cards:has(.c3:hover) .c3:not(:hover) .shade{opacity:1}#shatter .face.t3:after,#shatter .face.t4:after{content:"";pointer-events:none;z-index:5;-webkit-mask-composite:xor;background:linear-gradient(105deg,#0000 40%,#fffffff2 50%,#0000 60%) 0 0/300% 100% no-repeat;border-radius:22px;padding:8px;animation:3.6s ease-in-out infinite frameShine;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#shatter .face.t4:after{animation-duration:2.4s}@keyframes frameShine{0%,45%{background-position:110% 0}to{background-position:-10% 0}}#shatter .c3.shown.t1 .front{box-shadow:0 0 24px #7be08f80}#shatter .c3.shown.t2 .front{box-shadow:0 0 34px #5fb4ffb3}#shatter .c3.shown.t3 .front{animation:1.4s ease-in-out infinite epicGlow;box-shadow:0 0 44px #c38bffd9}#shatter .c3.shown.t4 .front{animation:1s ease-in-out infinite legGlow;box-shadow:0 0 60px #ffc23df2}@keyframes epicGlow{50%{box-shadow:0 0 64px #c38bff}}@keyframes legGlow{50%{box-shadow:0 0 96px #ffd66e,0 0 22px #fff}}#shatter .c3.t3:before,#shatter .c3.t4:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tc,#c38bff) 55%, transparent) 0deg 8deg, transparent 8deg 22deg);opacity:.8;width:540px;height:540px;margin:-270px 0 0 -270px;animation:9s linear infinite spinRays;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 60%);mask-image:radial-gradient(circle,#000 0,#0000 60%)}#shatter .c3.t3{--tc:#c38bff}#shatter .c3.t4{--tc:#ffc23d}#shatter .c3.t4:before{width:720px;height:720px;margin:-360px 0 0 -360px;animation-duration:5s}#shatter .stamp{z-index:8;color:#ffe08a;pointer-events:none;-webkit-text-stroke:5px #070a16;paint-order:stroke fill;text-shadow:0 4px 0 #070a16, 0 0 22px var(--tc,#ffc23d);white-space:nowrap;font-size:34px;font-weight:700;animation:.5s cubic-bezier(.2,1.8,.4,1) stampIn;position:absolute;top:-34px;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}#shatter .stamp.t3{color:#ecd6ff;font-size:30px}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)rotate(-10deg)scale(3)}}#shatter .c3.chosen{z-index:5;transition-duration:.45s;transform:translateY(-10px)scale(1.2)}#shatter .c3.chosen .front{box-shadow:0 0 70px var(--tc,#fff), 0 0 0 4px #fff}#shatter .c3.gone{transform:translate(calc((var(--i) - 1) * 310px), 240px) rotate(calc((var(--i) - 1) * 18deg)) scale(.9);opacity:0;transition-duration:.6s}#shatter .c3.absorb{opacity:0;transition:transform .55s cubic-bezier(.6,0,.8,.4),opacity .55s ease-in;transform:translate(-44vw,42vh)scale(.1)rotate(-20deg)}#shatter .c3.crumble{animation:.7s ease-in forwards crumble}@keyframes crumble{0%{opacity:1}20%{transform:translate(calc((var(--i) - 1) * 270px + 4px), 10px) rotate(calc((var(--i) - 1) * 3deg + 2deg))}40%{transform:translate(calc((var(--i) - 1) * 270px - 4px), 12px) rotate(calc((var(--i) - 1) * 3deg - 2deg));filter:grayscale()brightness(.8)}to{transform:translate(calc((var(--i) - 1) * 270px), 260px) rotate(calc((var(--i) - 1) * 20deg)) scale(.8);opacity:0;filter:grayscale()brightness(.5)}}#shatter .c3.gather{transform:translate(0, 0) scale(.55) rotate(var(--r0));transition-duration:.5s}#shatter .gained{white-space:nowrap;z-index:6;pointer-events:none;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink), 0 0 24px currentColor;font-size:44px;font-weight:700;animation:1.5s ease-out forwards gained;position:absolute;top:calc(50% - 40px);left:50%;transform:translate(-50%,-50%)}#shatter .gained.coins{color:var(--gold)}@keyframes gained{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}#shatter .dieroll{z-index:7;perspective:600px;pointer-events:none;margin:-40px 0 0 -40px;animation:1.2s cubic-bezier(.3,.6,.4,1) forwards dieAcross;position:absolute;top:50%;left:50%}@keyframes dieAcross{0%{transform:translate(-60vw,30vh)}60%{transform:translate(-40px,-40px)}80%{opacity:1;transform:translateY(-60px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(1.6)}}#shatter .dieroll .cube{width:80px;height:80px;transform-style:preserve-3d;animation:1.2s ease-out forwards dieSpin;position:relative}@keyframes dieSpin{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(1080deg)rotateY(720deg)rotate(180deg)}}#shatter .dieroll i{border:4px solid var(--ink);background:linear-gradient(160deg,#fffdf6,#e8d9bb);border-radius:16px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;padding:10px;display:grid;position:absolute;inset:0}#shatter .dieroll i b{background:var(--ink);border-radius:50%;width:13px;height:13px}#shatter .dieroll .f1{transform:translateZ(40px)}#shatter .dieroll .f1 b{background:#c2263b;grid-area:2/2;width:18px;height:18px}#shatter .dieroll .f6{transform:rotateY(180deg)translateZ(40px)}#shatter .dieroll .f2{transform:rotateY(90deg)translateZ(40px)}#shatter .dieroll .f5{transform:rotateY(-90deg)translateZ(40px)}#shatter .dieroll .f3{transform:rotateX(90deg)translateZ(40px)}#shatter .dieroll .f4{transform:rotateX(-90deg)translateZ(40px)}#shatter .dieroll .f2 b:first-child{grid-area:1/1}#shatter .dieroll .f2 b:nth-child(2){grid-area:3/3}#shatter .dieroll .f3 b:first-child{grid-area:1/1}#shatter .dieroll .f3 b:nth-child(2){grid-area:2/2}#shatter .dieroll .f3 b:nth-child(3){grid-area:3/3}#shatter .dieroll .f4 b:first-child{grid-area:1/1}#shatter .dieroll .f4 b:nth-child(2){grid-area:1/3}#shatter .dieroll .f4 b:nth-child(3){grid-area:3/1}#shatter .dieroll .f4 b:nth-child(4){grid-area:3/3}#shatter .dieroll .f5 b:first-child{grid-area:1/1}#shatter .dieroll .f5 b:nth-child(2){grid-area:1/3}#shatter .dieroll .f5 b:nth-child(3){grid-area:2/2}#shatter .dieroll .f5 b:nth-child(4){grid-area:3/1}#shatter .dieroll .f5 b:nth-child(5){grid-area:3/3}#shatter .dieroll .f6 b:nth-child(odd){grid-column:1}#shatter .dieroll .f6 b:nth-child(2n){grid-column:3}@media (height<=760px){#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 230px), 0) rotate(calc((var(--i) - 1) * 3deg)) scale(.84)}#shatter .c3.chosen{transform:translateY(-10px)scale(1.04)}#shatter .crystal{transform:scale(.8)}#shatter .stage{min-height:320px}#shatter h2{font-size:32px}}@media (width<=760px){#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 124px), 10px) scale(.5)}#shatter .c3.chosen{transform:translateY(-10px)scale(.8)}#shatter h2{font-size:28px}#shatter .actions{flex-wrap:wrap;justify-content:center;width:calc(100vw - 32px)}}.itile{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tc,#e9eef5) 38%, #fffaf0), #efe2c6 78%);border:3px solid var(--ink);width:64px;height:64px;box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc,#e9eef5);border-radius:14px;flex:none;place-items:center;transition:transform .12s;display:grid;position:relative}.itile img{object-fit:contain;pointer-events:none;image-rendering:auto;width:92%;height:92%}.itile svg{width:72%;height:72%}.itile.t2{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 10px color-mix(in srgb, var(--tc) 60%, transparent)}.itile.t3{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 14px var(--tc)}.itile.t4{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 18px var(--tc);animation:1.6s ease-in-out infinite legTile}@keyframes legTile{50%{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 28px var(--tc)}}.itile.fresh:after{content:"NEW";color:#fff;background:var(--red);border:2px solid var(--ink);letter-spacing:.06em;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.itile.none{box-shadow:none;background:#3a281c14;border:2.5px dashed #3a281c4d}.itile.empty{box-shadow:none;background:#3a281c14;border:2.5px dashed #3a281c59}.itile.empty span{letter-spacing:.02em;color:var(--ink-soft);text-transform:uppercase;font-size:10px;font-weight:700}.itile.big{width:84px;height:84px}.itile.pop{animation:.55s cubic-bezier(.2,1.8,.4,1) popUp}.die.huge{border-width:4px;border-radius:12px;width:46px;height:46px}.geode{border:3.5px solid var(--ink);background:radial-gradient(circle at 60% 60%,#9fe7ff 0 22%,#5a4a6a 24% 36%,#8c7a6a 38%);border-radius:46% 54% 48% 52%/58% 52% 48% 42%;width:52px;height:44px;display:block}.geode.deep{background:radial-gradient(circle at 60% 60%,#ffd96a 0 20%,#ff6b5f 22% 28%,#3b2c4f 30% 40%,#5a4a6a 42%)}#inv{pointer-events:auto;z-index:25;background:#17142a6b;place-items:center;display:grid;position:absolute;inset:0}#inv.hidden{display:none}.sheet.inv{width:min(1080px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px 22px 12px;overflow:hidden auto}.sheet.inv.enter{animation:.3s cubic-bezier(.2,1.5,.4,1) sheetIn}.inv header{align-items:center;gap:16px;margin-bottom:14px;display:flex}.inv header h2{font-size:30px}.inv header .res{gap:8px;margin-left:auto;display:flex}.inv header .close{padding:4px 12px;font-size:18px}.inv .lbl{letter-spacing:.16em;color:var(--ink-soft);margin:2px 0 6px;font-size:11px;font-weight:700}.inv .lbl span{letter-spacing:0;margin-left:6px}.inv .soft{color:var(--ink-soft);margin:0;font-size:13px;font-weight:600;line-height:1.35}.inv .tabs{background:#3a281c17;border-radius:15px;gap:4px;padding:4px;display:flex}.inv .tabs button{color:var(--ink-soft);text-shadow:none;box-shadow:none;background:0 0;border:2.5px solid #0000;border-radius:11px;align-items:center;gap:6px;padding:4px 12px 4px 7px;font-size:16px;display:inline-flex}.inv .tabs button:active{box-shadow:none;transform:none}.inv .tabs button svg{width:24px;height:24px}.inv .tabs button.on{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.inv .tabs i{border-radius:999px;font-size:11px;font-style:normal;font-weight:700;line-height:1}.inv .tabs i:empty{display:none}.inv .tabs .tbadge{background:var(--red);color:#fff;border:2px solid var(--ink);padding:2px 5px}.inv .tabs .tcount{color:var(--ink);font-variant-numeric:tabular-nums;background:#3a281c1f;padding:3px 6px}.inv .tabs .tcount.full{background:var(--red);color:#fff}.inv .page{display:none}.sheet.inv[data-page=gear] .gearpage,.sheet.inv[data-page=pack] .packpage{display:grid}.inv .gearpage{grid-template-columns:372px minmax(0,1fr) 248px;align-items:start;gap:18px}.inv .doll{grid-template-columns:70px minmax(0,1fr) 70px;gap:10px;height:440px;display:grid}.inv .dcol{flex-direction:column;justify-content:space-evenly;display:flex}.inv .dcol.l{justify-content:flex-start;gap:22px;padding-top:20px}.inv .slot{cursor:pointer;justify-items:center;gap:4px;display:grid}.inv .slot .itile{width:64px;height:64px}.inv .slot .cap{letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;font-size:10px;font-weight:700}.inv .itile.empty svg{opacity:.3;filter:grayscale()contrast(.8)}.inv .slot .itile[data-uid]:hover,.inv .armory .itile[data-uid]:hover{transform:translateY(-3px)scale(1.05)}.inv .portrait{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:radial-gradient(at 50% 34%,#57468a,#2a2046 62%,#150f26);border-radius:18px;position:relative;overflow:hidden}.inv .portrait:before{content:"";background:radial-gradient(closest-side,#be96ff80,#be96ff00 100%);border-radius:50%;height:16%;position:absolute;bottom:7%;left:12%;right:12%}.inv .portrait canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.inv .portrait:after{content:"";pointer-events:none;border-radius:15px;position:absolute;inset:0;box-shadow:inset 0 0 34px #00000080}.inv .power{z-index:1;color:#fff;text-shadow:0 2px 0 var(--ink);justify-items:center;line-height:1;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.inv .power span{letter-spacing:.22em;opacity:.8;font-size:10px;font-weight:700}.inv .power b{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:26px}.inv .beltrow{gap:10px;margin-bottom:12px;display:flex}.inv .bslot2{cursor:pointer;position:relative}.inv .bslot2 kbd{z-index:1;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:-7px;left:-6px}.inv .bslot2 .itile{width:58px;height:58px}.inv .bslot2 .itile.supply:hover,.inv .armory .itile[data-sup]:hover{transform:translateY(-3px)scale(1.05)}.inv .armory .itile[data-sup]{cursor:pointer}.inv .armory .itile[data-onbelt]:after{content:"BELT";color:#fff;border:2px solid var(--ink);letter-spacing:.06em;background:#2fa39a;border-radius:999px;padding:0 5px;font-size:9px;font-weight:700;position:absolute;top:-8px;right:-8px}.itile.supply{background:radial-gradient(circle at 50% 38%,#ffe3d6,#efe2c6 78%)}.itile.supply.out{filter:grayscale();opacity:.55}.inv .armory .grid{grid-template-columns:repeat(6,minmax(0,64px));justify-content:start;gap:8px;margin-bottom:10px;display:grid}.inv .armory .grid .itile{aspect-ratio:1;width:100%;height:auto}.inv .armory .grid .itile[data-uid]{cursor:pointer}.inv .stats{gap:7px;display:grid}.inv .sgroup{background:#fffaf0;border:2.5px solid #3a281c2e;border-radius:12px;padding:4px 8px 6px}.inv .sghead{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;align-items:center;gap:6px;margin:0 -2px 1px;font-size:11px;font-weight:700;display:flex}.inv .sghead svg{width:20px;height:20px}.inv .srow2{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:1px 4px;font-size:14px;font-weight:600;display:flex}.inv .srow2:hover{background:#ffc23d38}.inv .srow2 b{font-variant-numeric:tabular-nums;font-weight:700}.inv .srow2.boost b{color:#23914a}.inv .perkrow{flex-wrap:wrap;gap:5px;padding-top:2px;display:flex}.inv .perk{border:2px solid var(--ink);background:#f3e6ff;border-radius:999px;align-items:center;gap:4px;padding:1px 9px 1px 3px;font-size:12px;font-weight:700;display:inline-flex}.inv .perk svg{width:20px;height:20px}.inv .gifts{color:var(--ink-soft);text-align:center;margin:0;font-size:12px;font-weight:600}.inv .packpage{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:22px}.inv .packcol{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:#fff6e5;background:radial-gradient(at 50% 20%,#c98d5a,#9c6437 72%);border-radius:18px;justify-self:start;padding:12px 14px 14px}.inv .packcol .soft{color:#ffe9cc;max-width:calc(var(--cols,4) * 82px);margin-top:10px}.inv .phead{color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffaf0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:7px 12px;display:flex}.inv .phead.full{border-color:#d8413a;animation:.9s ease-in-out infinite alternate packFull;box-shadow:0 3px #d8413a}@keyframes packFull{to{background:#ffe6e2}}.inv .ptitle{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.inv .ptitle b{letter-spacing:.16em;color:var(--ink-soft);font-size:12px}.inv .ptitle span{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.inv .ptitle em{color:var(--ink-soft);font-size:13px;font-style:normal;font-weight:600}.inv .pworth{color:var(--ink-soft);white-space:nowrap;font-size:14px;font-weight:600}.inv .pworth b{color:var(--ink);vertical-align:-2px;align-items:center;gap:3px;display:inline-flex}.inv .pworth .cry{color:#8446d6}.inv .pgrid{grid-template-columns:repeat(var(--cols,4), 72px);justify-content:center;gap:10px;display:grid}.inv .pgrid .itile{width:72px;height:72px}.inv .pgrid .itile.none{background:#3a281c47;border-color:#fff0dc73}.inv .pgrid .itile.locked{box-shadow:none;background:#28180e73;border:2.5px dashed #fff0dc40}.inv .pgrid .itile.locked svg{opacity:.45;width:26px;height:26px}.inv .pgrid .itile[data-i]{cursor:context-menu}.inv .pgrid .itile[data-i]:hover{transform:translateY(-3px)scale(1.05)}.itile.loot img{width:84%;height:84%}.itile .qty{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:15px;line-height:1;position:absolute;bottom:5px;right:5px}.itile.loot.crystal{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 12px color-mix(in srgb, var(--tc) 55%, transparent)}.itile.loot.r-legendary,.itile.loot.r-mythic{animation:1.6s ease-in-out infinite legTile}.itile.loot.over{outline-offset:2px;outline:3px dashed #d8413a}.inv .vault{color:#eef3ff;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#1f2a44;border-radius:16px;padding:10px 12px 12px}.inv .vault .lbl,.inv .vault .soft{color:#9fb3d9}.inv .vrows{gap:5px;margin-bottom:12px;display:grid}.inv .vrow{border-left:4px solid var(--tc,#fff1d6);background:#ffffff12;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:2px 10px 2px 3px;display:grid}.inv .vrow img,.inv .vrow svg{object-fit:contain;width:36px;height:36px}.inv .vrow span{font-size:14px;font-weight:700}.inv .vrow b{font-variant-numeric:tabular-nums}#inv .ctx{z-index:45;color:#fff;background:#1d1830;border:3px solid #0c0a18;border-radius:12px;gap:5px;min-width:160px;padding:8px;display:grid;position:fixed;top:0;left:0;box-shadow:0 5px #0c0a18,0 10px 30px #0006}#inv .ctx.hidden{display:none}#inv .ctx b{padding:0 3px 2px;font-size:14px}#inv .ctx button{text-align:left;border-width:2.5px;border-radius:9px;padding:5px 10px;font-size:14px;box-shadow:0 3px #0c0a18}#inv .ctx button.danger{background:#d8413a}#inv .tip{pointer-events:none;z-index:40;color:#f4ecff;background:#1d1830;border:3px solid #0c0a18;border-radius:14px;width:290px;padding:10px 12px;position:fixed;top:0;left:0;box-shadow:0 5px #0c0a18,0 10px 30px #0006}#inv .tip.hidden{display:none}.tip .thead{border-bottom:2px solid color-mix(in srgb, var(--tc) 60%, transparent);grid-template-columns:52px 1fr;align-items:center;gap:10px;padding-bottom:8px;display:grid}.tip .thead img,.tip .thead svg{object-fit:contain;width:52px;height:52px}.tip .thead b{color:var(--tc);font-size:17px;line-height:1.1;display:block}.tip .thead span{color:#b8aed0;font-size:12px;font-weight:600}.tip .tsimple b{color:#fff;margin-bottom:2px;font-size:16px;display:block}.tip .tsimple span{color:#b8aed0;font-size:13px;font-weight:600}.tip .tline{color:#e7defa;margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.35}.tip .tline .coin{vertical-align:-3px}.tip .odds{border:2px solid #0c0a18;border-radius:6px;height:11px;margin-top:7px;display:flex;overflow:hidden}.tip .legend{margin:5px 0 0;font-size:11.5px;font-weight:700;line-height:1.4}.tip ul{gap:3px;margin:8px 0 0;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.tip ul.src li{font-size:13px}.tip li.imp{color:#fff}.tip li.perk{color:#d7b8ff}.tip li em{color:#a99cc4;font-size:12px;font-style:normal;font-weight:600;display:block}.tip .cmp{border-top:2px dashed #ffffff26;margin-top:8px;padding-top:6px}.tip .cmp span{color:#b8aed0;font-size:12px;font-weight:600}.tip .cmp ul{margin-top:3px}.tip li.inc{color:#7be08f}.tip li.dec{color:#ff8f86}.tip .tfoot{color:#b8aed0;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.tip .tfoot span:last-child{align-items:center;gap:4px;display:inline-flex}@media (width<=1000px){.inv .gearpage{grid-template-columns:300px minmax(0,1fr)}.inv .gearpage .stats{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.inv .packpage{grid-template-columns:1fr}}@media (width<=700px){.inv .gearpage{grid-template-columns:1fr}.inv header{flex-wrap:wrap}}.sell h4,.shop h4{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;margin:14px 0 8px;font-size:13px}.sell h4:first-child{margin-top:0}.empty.small{padding:6px 0}.sell .sgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sell .srow{border:2.5px solid var(--ink);background:#fffaf0;border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.sell .srow .info{gap:1px;min-width:0;display:grid}.sell .srow .info b{-webkit-text-stroke:.5px var(--ink);font-size:15px;line-height:1.1}.sell .srow .info span{color:var(--ink-soft);font-size:12px;font-weight:600}.sell .srow ul,.stock ul{color:var(--ink);margin:2px 0 0;padding:0;font-size:12px;font-weight:700;list-style:none}.sell .srow ul li.perk,.stock ul li.perk{color:#8a4fd6}.sell .srow button,.sell .cchip button{align-items:center;gap:5px;padding:5px 10px;font-size:15px;display:inline-flex}.sell .crow{flex-wrap:wrap;gap:8px;display:flex}.sell .cchip{color:#fff;border:2.5px solid var(--ink);background:#1f2a44;border-radius:14px;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.sell .cchip .g{width:26px;height:36px;filter:drop-shadow(0 0 5px var(--c))}.sell .cchip .g svg,.sell .cchip .g img{object-fit:contain;width:100%;height:100%}.sell .cchip .nm{font-size:14px;font-weight:700}.shop .shophead{color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;display:flex}.shop .shophead b{color:var(--ink);font-variant-numeric:tabular-nums}.shop .shophead button{align-items:center;gap:6px;padding:5px 12px;font-size:15px;display:inline-flex}.stockgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stock{text-align:center;justify-items:center;gap:4px;padding:12px;display:grid;position:relative;border-top:6px solid var(--tc)!important}.stock>b{-webkit-text-stroke:.5px var(--ink);font-size:16px;line-height:1.15}.stock .kind{color:var(--ink-soft);font-size:12px;font-weight:600}.stock ul{text-align:center;min-height:34px}.stock button{align-items:center;gap:6px;margin-top:4px;padding:6px 16px;font-size:17px;display:inline-flex}.stock.sold{opacity:.55;filter:grayscale(.6)}.stock .soldout{letter-spacing:.2em;color:var(--ink-soft);border:2.5px dashed var(--ink-soft);border-radius:10px;margin-top:4px;padding:4px 12px;font-weight:700;transform:rotate(-4deg)}.shop .warn{color:#c0392b}@media (width<=900px){.stockgrid{grid-template-columns:1fr 1fr}.sell .sgrid{grid-template-columns:1fr}}#wallet,#goal,#dock,#crosshair{transition:opacity .25s}body.panel #wallet,body.panel #goal,body.panel #dock,body.panel #jet,body.panel #crosshair,body.panel #hint,body.panel #home-marker,body.panel #foebars,body.panel #bossbar{opacity:0!important}.toast.item{padding:4px 12px 4px 4px}.toast.item .itile{width:40px;height:40px;box-shadow:0 2px 0 var(--ink), inset 0 0 0 2px var(--tc);border-width:2.5px;border-radius:10px}.toast.item .itile.fresh:after{display:none}.toast.item>span{line-height:1.15;display:grid}.toast.item small{color:var(--ink-soft);font-size:12px;font-weight:600}#tutorial{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 45%,#17142a59,#080612c7)}#tutorial .sheet.tut{width:min(840px,100vw - 32px);max-height:calc(100vh - 24px);box-shadow:0 6px 0 var(--ink), 0 30px 80px #00000080;flex-direction:column;gap:12px;padding:16px 22px;animation:.4s cubic-bezier(.2,1.5,.4,1) sheetIn;display:flex}.tut header{align-items:center;gap:12px;display:flex}.tut .kicker{letter-spacing:.2em;color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}.tut .loop{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.tut .lstep{cursor:pointer;background:var(--cream-2);border:2.5px solid var(--ink);color:var(--ink-soft);white-space:nowrap;opacity:.6;filter:saturate(.4);border-radius:999px;align-items:center;gap:5px;padding:3px 11px 3px 3px;font-size:13px;font-weight:700;transition:opacity .25s,filter .25s,transform .25s,box-shadow .25s,background .25s;display:flex}.tut .lstep img{object-fit:contain;filter:drop-shadow(0 2px 1px #3a281c59);width:30px;height:30px}.tut .lstep.on{opacity:1;filter:none;color:var(--ink);box-shadow:0 3px 0 var(--ink), 0 0 0 4px #ffc23d80;background:#fff;transform:translateY(-2px)scale(1.04)}.tut .loop .arrow{background:var(--ink-soft);opacity:.55;border-radius:2px;flex:none;width:14px;height:3px;position:relative}.tut .loop .arrow:after{content:"";border:5px solid #0000;border-left:6px solid var(--ink-soft);border-right:0;position:absolute;top:-3.5px;right:-2px}.tut .loop .again{color:var(--ink-soft);letter-spacing:.04em;align-items:center;gap:3px;margin-left:4px;font-size:12px;font-weight:700;display:flex}.tut .loop .again svg{fill:none;width:18px;height:18px;stroke:var(--orange);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tut .skip{box-shadow:0 3px 0 var(--ink);padding:6px 14px;font-size:15px}.tut .clip{aspect-ratio:16/9;border:3px solid var(--ink);width:100%;max-height:calc(100vh - 300px);box-shadow:0 5px 0 var(--ink);background:radial-gradient(at 50% 40%,#2a2350,#0d0b1c 75%);border-radius:18px;margin:0;position:relative;overflow:hidden}.tut .clip video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .6s ease-out;position:absolute;inset:0;transform:scale(1.04)}.tut .clip video.on{opacity:1;transform:none}.tut .clip .vignette{pointer-events:none;border-radius:15px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff24,inset 0 0 50px #08061473}.tut .copy{grid-template-columns:56px 1fr;align-items:center;gap:16px;min-height:68px;display:grid}.tut .copy.in .words,.tut .copy.in .num{animation:.4s cubic-bezier(.2,1.2,.4,1) both copyIn}.tut .copy.in .words{animation-delay:40ms}.tut .copy.back .words,.tut .copy.back .num{animation-name:copyBack}@keyframes copyIn{0%{opacity:0;transform:translate(26px)}}@keyframes copyBack{0%{opacity:0;transform:translate(-26px)}}.tut .num{color:#fff;background:linear-gradient(180deg, #ffb057, var(--orange) 60%, #e0741a);border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 4px 0 var(--ink), inset 0 2px 0 #ffffff73;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:18px;place-items:center;font-size:32px;font-weight:700;display:grid}.tut h2{color:var(--ink);text-wrap:balance;margin:0;font-size:30px;line-height:1.12}.tut footer{align-items:center;gap:16px;margin:0;display:flex}.tut .nomore{color:var(--ink-soft);cursor:pointer;flex:1;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.tut .nomore input{appearance:none;border:2.5px solid var(--ink);width:22px;height:22px;box-shadow:0 2px 0 var(--ink);cursor:pointer;background:#fff;border-radius:7px;place-items:center;margin:0;transition:background .15s;display:grid}.tut .nomore input:checked{background:var(--orange)}.tut .nomore input:checked:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:5px;height:10px;transform:translateY(-1px)rotate(45deg)}.tut .nomore:hover span{color:var(--ink)}.tut .dots{align-items:center;gap:7px;display:flex}.tut .dots i{background:var(--cream-2);border:2px solid var(--ink);cursor:pointer;border-radius:999px;width:11px;height:11px;transition:width .25s,background .25s}.tut .dots i.on{background:var(--orange);width:28px}.tut .nav{gap:10px;display:flex}.tut .nav button{min-width:104px;padding:8px 22px;font-size:20px}.tut .nav .back:disabled{opacity:.45;background:var(--cream-2);color:var(--ink-soft)}.tut .nav .next.final{background:linear-gradient(#7ee08a,#2fb35a 60%,#22994a);padding:8px 26px;animation:1.3s ease-in-out infinite goFinal}@keyframes goFinal{50%{box-shadow:0 5px 0 var(--ink), 0 0 0 6px #2fb35a47}}@media (width<=760px){.tut .loop .lstep span,.tut .loop .again{display:none}.tut .lstep{padding:3px}.tut h2{font-size:24px}.tut footer{flex-wrap:wrap}}#loading{z-index:100;background:radial-gradient(at 50% 40%,#3f2f70 0%,#211a42 42%,#0d0b1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .7s;display:flex;position:fixed;inset:0;overflow:hidden}#loading.gone{opacity:0;pointer-events:none}#loading .lglow{pointer-events:none;background:radial-gradient(circle,#ffbe5a33,#0000 60%);border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;animation:4s ease-in-out infinite lglow;position:absolute;top:40%;left:50%}@keyframes lglow{50%{opacity:.7;transform:scale(1.12)}}#loading .llogo{filter:drop-shadow(0 18px 26px #00000073);width:auto;height:min(52vh,540px);animation:.9s cubic-bezier(.2,1.4,.4,1) both llogoIn,4.5s ease-in-out .9s infinite llogoBob;position:relative}@keyframes llogoIn{0%{opacity:0;transform:translateY(24px)scale(.86)}}@keyframes llogoBob{50%{transform:translateY(-7px)}}#loading .lbar{background:#231c40;border:3px solid #0b0a15;border-radius:999px;width:min(400px,70vw);height:18px;position:relative;overflow:hidden;box-shadow:0 4px #0b0a15,inset 0 2px 5px #00000080}#loading .lbar i{background:linear-gradient(#ffd96a,#f08a2a);border-radius:999px;width:4%;height:100%;transition:width .45s ease-out;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80}#loading .lbar i:after{content:"";background:repeating-linear-gradient(-45deg,#ffffff3d 0 8px,#0000 8px 16px);animation:.7s linear infinite lbarRun;position:absolute;inset:0 0 0 -24px}@keyframes lbarRun{to{transform:translate(22.63px)}}#loading .ltext{color:#cdc3ef;letter-spacing:.05em;min-height:1.3em;margin:0;font-size:15px;font-weight:600;position:relative}#loading.failed .ltext{color:#ffb0a0}.sheet.title h1.logo{margin:-6px 0 2px;font-size:0;line-height:0}.sheet.title h1.logo img{filter:drop-shadow(0 10px 14px #3a281c59);width:auto;height:clamp(200px,32vh,300px)}@media (height<=760px){.sheet.title h1.logo{margin:-10px 0 0}.sheet.title h1.logo img{height:220px}#start .tag{margin:8px 0 12px}}