:root{--ink:#2b1d1a;--ink-2:#4a3226;--wood:#a0673d;--wood-d:#6e4630;--parch:#f4dcae;--parch-2:#ead0a0;--sea:#24507a;--sea-2:#3a86c2;--orange:#ee6f22;--orange-2:#ffa54f;--gold:#f5c542;--green:#4f9a48;--red:#c0303a;--muted:#5a3d2b;--font:"Nunito", ui-rounded, system-ui, sans-serif;--display:"Jersey 15", "Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sea);color:var(--ink);font:600 16px/1.4 var(--font);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img.px-icon{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;flex:none;display:inline-block}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}small{font-size:13px}.good{color:#2f7a35;font-weight:700}.bad{color:var(--red);font-weight:700}.warn{color:#a3431a;font-weight:700}.lead{font-size:18px}.fineprint{color:var(--muted);margin-top:14px;font-size:13px}.frame-panel,.frame-paper,.frame-slot,.frame-dark,.frame-gold,.frame-sea{background:0 0;border-style:solid}.frame-panel{border-width:calc(var(--f-panel-s) * var(--fs,1px));border-image:var(--f-panel) var(--f-panel-s) fill / calc(var(--f-panel-s) * var(--fs,1px)) stretch}.frame-paper{border-width:calc(var(--f-paper-s) * var(--fs,1px));border-image:var(--f-paper) var(--f-paper-s) fill / calc(var(--f-paper-s) * var(--fs,1px)) stretch}.frame-slot{border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch}.frame-dark{border-width:calc(var(--f-dark-s) * var(--fs,1px));border-image:var(--f-dark) var(--f-dark-s) fill / calc(var(--f-dark-s) * var(--fs,1px)) stretch;color:#fff1d6}.frame-gold{border-width:calc(var(--f-gold-s) * var(--fs,1px));border-image:var(--f-gold) var(--f-gold-s) fill / calc(var(--f-gold-s) * var(--fs,1px)) stretch}.frame-sea{border-width:calc(var(--f-sea-s) * var(--fs,1px));border-image:var(--f-sea) var(--f-sea-s) fill / calc(var(--f-sea-s) * var(--fs,1px)) stretch;color:#fff}.pbtn,.btn{color:var(--ink);border-style:solid;border-width:calc(var(--f-btn-s) * var(--fs,1px));border-image:var(--f-btn) var(--f-btn-s) fill / calc(var(--f-btn-s) * var(--fs,1px)) stretch;text-align:center;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:3px 10px;font-size:16px;font-weight:700;line-height:1.1;transition:transform 50ms,box-shadow 50ms,filter .1s;display:inline-flex;transform:translateY(0);box-shadow:0 4px #2b1d1a8c}.pbtn:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(1.06)}.pbtn:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2b1d1a8c}.pbtn:disabled,.btn:disabled{filter:grayscale(.7)opacity(.55);box-shadow:none}.pbtn.hot,.btn.primary{border-image-source:var(--f-btnHot);color:#fff8ec;text-shadow:0 2px #8e3a1e}.btn.hot,.pbtn.red{border-image-source:var(--f-btnRed);color:#fff8ec;text-shadow:0 2px #5d1219}.pbtn.green{border-image-source:var(--f-btnGreen);color:#fff8ec;text-shadow:0 2px #1f4a26}.btn.ghost{border-image-source:var(--f-slot);box-shadow:none}.btn.big{width:100%;min-height:54px;font-size:19px}.btn.tiny{min-height:30px;padding:0 6px;font-size:13px}.pbtn.icon-only{width:50px;height:50px;min-height:50px;padding:0}.link{color:var(--orange);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.btn-row>.btn.big{flex:160px;width:auto}.gate{background:var(--sea);place-items:center;min-height:100%;padding:20px 14px;display:grid;position:relative;overflow:hidden}.gate-sea{pointer-events:none;image-rendering:pixelated;background-size:96px 96px;position:absolute;inset:0}.gate-fish{animation:linear infinite swim;position:absolute;left:-60px}@keyframes swim{to{transform:translate(calc(100vw + 140px))}}.gate-card{text-align:center;width:min(580px,100%);padding:18px 16px 14px;position:relative}.logo{font:700 clamp(40px, 11vw, 64px)/.9 var(--font);letter-spacing:1px;color:var(--orange);text-shadow:3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 0 7px 0 var(--ink);margin:4px 0 2px}.logo span{color:#fff8ec;letter-spacing:6px;font-size:.55em;display:block}.logo-art{justify-content:center;align-items:flex-end;gap:10px;margin-bottom:6px;display:flex}.tagline{margin:12px 0 10px;font-size:18px}.gate-pills{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.gate-pills li{align-items:center;gap:6px;padding:2px 8px;font-size:14px;display:inline-flex}.gate-actions{gap:12px;display:grid}.gate-friends{text-align:left;gap:10px;display:grid}.gate-friends h2{margin:6px 0 0;font-size:22px}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;max-height:46vh;padding:4px;display:grid;overflow:auto}.friend-card{text-align:left;align-items:center;gap:10px;min-height:84px;padding:4px 6px;display:flex}.friend-card:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.friend-card-art{background:#ffe3c4;flex:none;place-items:center;width:60px;height:60px;display:grid}.friend-card-art img{width:100%;height:100%;image-rendering:pixelated}.friend-card-text{gap:2px;min-width:0;display:grid}.friend-card-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trait-chip{color:#174a6b;background:#d9eef8;margin:2px 0;padding:0 6px;font-size:12px;font-weight:700;display:inline-block;box-shadow:0 0 0 2px #174a6b}.hint{color:var(--muted);margin:4px 0;font-size:14px}.status{color:var(--muted)}.error{color:var(--red);font-weight:700}.spinner{background:var(--orange);vertical-align:-2px;width:14px;height:14px;animation:.6s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{background:var(--gold);transform:rotate(45deg)}}.game{background:var(--sea);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.game.shake{animation:.42s steps(6,end) shake}@keyframes shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.world{position:absolute;inset:0}.world canvas{touch-action:none;image-rendering:pixelated;outline:none;display:block}.hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 8px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 8px);flex-direction:column;gap:6px;display:flex;position:absolute;inset:0}.hud button,.hud .emote-pop,.hud nav{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.me{text-align:left;align-items:center;gap:8px;min-width:0;max-width:min(62%,320px);padding:0 4px 0 0;display:flex;position:relative}.me-art{background:#ffe3c4;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.me-art img{width:40px;height:40px;image-rendering:pixelated}.me-text{flex:1;gap:2px;min-width:0;display:grid}.me-text b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1;overflow:hidden}.me-text small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;font-weight:600;overflow:hidden}.xp{height:8px;box-shadow:0 0 0 2px var(--ink);background:#6e4630;min-width:60px;margin:3px 2px 1px;display:block}.xp i{background:repeating-linear-gradient(90deg,#ffa54f 0 6px,#ee6f22 6px 8px);height:100%;transition:width .4s steps(8,end);display:block}.xp i.full{background:repeating-linear-gradient(90deg,#fff1a8 0 6px,#f5c542 6px 8px)}.ready-badge{animation:1s steps(2,end) infinite bob;position:absolute;top:-12px;right:-10px}.wallets{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.coin{white-space:nowrap;align-items:center;gap:6px;min-height:34px;padding:0 6px;font-size:17px;font-weight:700;display:inline-flex}.coin small{color:var(--orange-2);font-size:12px}.coin[data-flash=up]{color:#b8f58a}.coin[data-flash=down]{color:#ff8f8f}.sim-flag{letter-spacing:1px;color:#fff1d6;background:var(--ink);padding:1px 6px;font-size:11px;font-weight:700}.needs{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.meter{align-items:center;gap:5px;min-height:30px;padding:0 5px;display:inline-flex}.meter .segs{gap:2px;display:inline-flex}.meter .segs i{background:#2b1d1a;width:6px;height:12px;display:block}.meter .segs i.on.orange{background:#ffa54f;box-shadow:inset 0 -3px #ee6f22}.meter .segs i.on.gold{background:#fff1a8;box-shadow:inset 0 -3px #f5c542}.meter .segs i.on.blue{background:#a7e3f5;box-shadow:inset 0 -3px #3a86c2}.meter.low .segs i.on{background:#ff6f73;animation:.8s steps(2,end) infinite blink2;box-shadow:inset 0 -3px #c0303a}@keyframes blink2{50%{opacity:.45}}.net-chip{white-space:nowrap;align-items:center;gap:6px;min-height:30px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.dot{background:#999;width:8px;height:8px;display:inline-block}.dot.online{background:#86c95e;box-shadow:0 0 0 2px #2f6b3a}.dot.offline{background:var(--red)}.dot.connecting{background:var(--gold)}.banners{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.quest-note{text-align:left;align-items:center;gap:8px;max-width:min(100%,440px);padding:0 6px 0 2px;display:flex}.quest-note span{line-height:1.15;display:grid}.quest-note small{color:var(--muted);font-size:13px}.quest-note.done{border-image-source:var(--f-gold);animation:1.2s steps(2,end) infinite bob}.quest-note.done small{color:#7a4a00;font-weight:700}.event-tag{align-items:center;gap:6px;min-height:30px;padding:0 6px;font-size:14px;font-weight:700;display:inline-flex}.event-tag.storm{border-image-source:var(--f-btnRed)}.event-tag.boss{border-image-source:var(--f-sea)}.toasts{left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(94vw,470px);display:flex;position:absolute;transform:translate(-50%)}.toast{overflow-wrap:anywhere;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:0 8px 0 2px;font-size:15px;font-weight:600;line-height:1.2;display:flex}.toast.bad{border-image-source:var(--f-btnRed);color:#fff8ec}.toast.epic{border-image-source:var(--f-gold);font-weight:700}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;display:flex}.dock-btns{flex-wrap:wrap;gap:6px;display:flex}.emote-wrap{position:relative}.emote-pop{grid-template-columns:repeat(4,46px);gap:4px;padding:2px;display:grid;position:absolute;bottom:60px;left:0}.emote-pop .pbtn.icon-only{width:46px;height:46px;min-height:46px}.action-btn{justify-content:flex-start;gap:8px;max-width:48%;min-height:60px;padding:2px 12px 2px 4px}.action-art{place-items:center;min-width:44px;display:grid}.action-text{text-align:left;line-height:1.1;display:grid}.action-text small{opacity:.95;font-size:12px}@keyframes bob{50%{transform:translateY(-3px)}}.scrim{z-index:20;background:#140e0c73;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{border-style:solid;border-width:calc(var(--f-panel-s) * var(--fs,1px));border-image:var(--f-panel) var(--f-panel-s) fill / calc(var(--f-panel-s) * var(--fs,1px)) stretch;outline:none;flex-direction:column;width:min(540px,100%);max-height:min(88vh,100%);display:flex;overflow:hidden;box-shadow:0 10px #140e0c59}.panel.wide{width:min(740px,100%)}.panel-head{border-bottom:3px solid var(--wood);justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 8px 6px;display:flex}.panel-head h2{align-items:center;gap:8px;min-width:0;margin:0;font-size:24px;line-height:1.1;display:flex}.panel-head h2 span{text-overflow:ellipsis;overflow:hidden}.icon-btn{border-style:solid;border-width:calc(var(--f-btnRed-s) * var(--fs,1px));border-image:var(--f-btnRed) var(--f-btnRed-s) fill / calc(var(--f-btnRed-s) * var(--fs,1px)) stretch;color:#fff8ec;background:0 0;flex:none;width:44px;height:44px;padding:0;font-size:18px;font-weight:700}.panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-color:var(--wood) transparent;padding:10px 6px 8px;overflow:hidden auto}.panel-body h3{margin:16px 0 8px;font-size:19px}.panel-body p{margin:8px 0}.section{border-top:3px dashed var(--parch-2);margin-top:14px;padding-top:4px}.callout{border-style:solid;border-width:calc(var(--f-gold-s) * var(--fs,1px));border-image:var(--f-gold) var(--f-gold-s) fill / calc(var(--f-gold-s) * var(--fs,1px)) stretch;margin:10px 0;padding:2px 6px}.row-cards{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-bottom:10px;display:grid}.mini-card{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;gap:2px;padding:2px 6px;font-size:14px;display:grid}.mini-card b{color:var(--muted);font-size:14px}.mini-card span{font-size:18px;font-weight:700}.costs{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.cost{white-space:nowrap;box-shadow:0 0 0 2px var(--wood-d);background:#fff4d8;align-items:center;gap:4px;padding:1px 7px 1px 4px;font-size:14px;font-weight:700;display:inline-flex}.cost small{color:var(--muted);font-weight:500}.cost.short{box-shadow:0 0 0 2px var(--red);color:var(--red);background:#ffd9d4}.list{gap:8px;display:grid}.list-row{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;align-items:center;gap:10px;padding:2px 4px;display:flex}.list-row .grow{flex:1;gap:2px;min-width:0;display:grid}.list-row .grow b{text-overflow:ellipsis;overflow:hidden}.list-row .btn{flex:none;min-height:40px;padding:0 8px;font-size:15px}.big-icon{flex:none;place-items:center;width:36px;display:grid}.grow{flex:1;min-width:0}.seg{flex-wrap:nowrap;gap:6px;margin:8px 0;display:flex}.seg.wrap{flex-wrap:wrap}.seg button{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;background:0 0;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 8px;font-weight:700;display:inline-flex}.seg button.on{border-image-source:var(--f-btnHot);color:#fff8ec}.seg button small{opacity:.8;font-weight:500}.tabs{scrollbar-width:none;gap:4px;margin:0 0 10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;white-space:nowrap;background:0 0;flex:none;min-height:38px;padding:0 8px;font-weight:700}.tabs button.on{border-image-source:var(--f-dark);color:#fff1d6}.check{align-items:center;gap:10px;margin:8px 0;font-weight:600;display:flex}.check input{width:22px;height:22px;accent-color:var(--orange);flex:none}.odds{align-items:baseline;gap:10px;margin:8px 0;display:flex}.odds-big{font:700 44px/1 var(--font);color:var(--orange);text-shadow:2px 2px 0 var(--ink)}.odds-table,.stats-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:15px}.odds-table th,.odds-table td,.stats-table th,.stats-table td{text-align:left;border-bottom:2px solid var(--parch-2);padding:5px 8px}.odds-table tr.cur{background:#ffe7b0;font-weight:700}.stats-table th{color:var(--muted);font-weight:500}.stats-table td{text-align:right;font-weight:700}.sim-tag{background:var(--ink);color:#fff1d6;letter-spacing:1px;margin-right:4px;padding:0 5px;font-size:11px;font-weight:700;display:inline-block}.hero-stat{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.lvl{font:700 38px/1 var(--font);color:var(--orange);text-shadow:2px 2px 0 var(--ink)}.title-chip{background:var(--ink);color:#fff1d6;padding:1px 8px;font-size:14px;font-weight:700}.hot-chip{background:var(--red);color:#fff;vertical-align:2px;margin-left:6px;padding:0 5px;font-size:11px}.on-chip{background:var(--green);color:#fff;vertical-align:2px;margin-left:6px;padding:0 5px;font-size:11px}.chance{text-align:right;min-width:44px;font-size:17px;font-weight:700}.result-pop{text-align:center;font:700 26px var(--font);color:var(--orange);text-shadow:2px 2px 0 var(--ink)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.item{text-align:center;border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;background:0 0;justify-items:center;gap:2px;min-height:100px;padding:2px;display:grid}.item small{overflow-wrap:anywhere;font-size:12px;line-height:1.15}.item.locked{filter:grayscale()opacity(.55)}.item.got{border-image-source:var(--f-gold)}button.item:hover:not(:disabled){filter:brightness(1.05)}.lead.catch{flex-direction:column;align-items:center;gap:6px;display:flex}.loot{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.loot span{align-items:center;gap:2px;font-weight:700;display:inline-flex}.plots{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.plot{border-style:solid;border-width:calc(var(--f-dark-s) * var(--fs,1px));border-image:var(--f-dark) var(--f-dark-s) fill / calc(var(--f-dark-s) * var(--fs,1px)) stretch;color:#fff1d6;align-content:center;justify-items:center;gap:4px;min-height:104px;padding:2px;display:grid}.plot .bar{width:100%}.plot.ready{border-image-source:var(--f-btnGreen)}.plot.dead{filter:grayscale(.8)}.plot-icon{place-items:center;min-height:32px;display:grid}.bar{background:#2b1d1a;height:8px;overflow:hidden}.bar-fill{height:100%;transition:width .35s steps(10,end)}.stake{gap:8px;margin:8px 0;display:grid}.stake-input{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;align-items:center;gap:8px;padding:0 6px;font-weight:700;display:flex}.stake-input input{min-width:0;font:700 20px var(--font);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:6px 0}.quick{gap:6px;display:flex}.quick button{border-style:solid;border-width:calc(var(--f-btn-s) * var(--fs,1px));border-image:var(--f-btn) var(--f-btn-s) fill / calc(var(--f-btn-s) * var(--fs,1px)) stretch;background:0 0;flex:1;min-height:38px;padding:0;font-weight:700}.pool-head{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.pool-head>div{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;padding:0 6px;display:grid}.big-num{font:700 30px/1.1 var(--font);color:var(--orange);text-shadow:2px 2px 0 var(--ink)}.spark{width:100%;height:96px;box-shadow:0 0 0 3px var(--ink);shape-rendering:crispedges;background:#1e3f5f;margin:10px 0;display:block}.swap{gap:8px;display:grid}.quote{border-style:solid;border-width:calc(var(--f-paper-s) * var(--fs,1px));border-image:var(--f-paper) var(--f-paper-s) fill / calc(var(--f-paper-s) * var(--fs,1px)) stretch;padding:0 6px}.quote p{margin:4px 0}.wheel-wrap{width:min(260px,70vw);margin:6px auto 8px;position:relative}.wheel{shape-rendering:crispedges;filter:drop-shadow(0 6px #2b1d1a73);width:100%;display:block}.wheel-pointer{z-index:1;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.fishing{text-align:center;border-style:solid;border-width:calc(var(--f-sea-s) * var(--fs,1px));border-image:var(--f-sea) var(--f-sea-s) fill / calc(var(--f-sea-s) * var(--fs,1px)) stretch;color:#fff;align-content:center;gap:12px;min-height:160px;padding:8px;display:grid}.fishing .lead{margin:0;font-weight:700}.bob{animation:1.2s steps(2,end) infinite bob}.reel-bar{height:36px;box-shadow:0 0 0 3px var(--ink);background:#163653;position:relative;overflow:hidden}.reel-zone{background:repeating-linear-gradient(90deg,#86c95e 0 6px,#4f9a48 6px 8px);position:absolute;top:0;bottom:0}.reel-marker{width:8px;box-shadow:0 0 0 3px var(--ink);background:#fff1a8;margin-left:-4px;position:absolute;top:-2px;bottom:-2px}.crab-hud{flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-bottom:8px;padding:0 6px;font-size:16px;display:flex}.crab-hud small{color:var(--muted)}.crab-field{aspect-ratio:4/3;width:100%;max-width:480px;image-rendering:pixelated;touch-action:none;cursor:default;box-shadow:0 0 0 3px var(--ink), 0 6px 0 #2b1d1a73;margin:10px auto;display:block}.crab-field.live{cursor:pointer}.mines-hud{border-style:solid;border-width:calc(var(--f-paper-s) * var(--fs,1px));border-image:var(--f-paper) var(--f-paper-s) fill / calc(var(--f-paper-s) * var(--fs,1px)) stretch;flex-wrap:wrap;gap:6px 14px;padding:0 6px;font-size:15px;display:flex}.mines-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:350px;margin:10px auto;display:grid}.tile{aspect-ratio:1;border-style:solid;border-width:calc(var(--f-dark-s) * var(--fs,1px));border-image:var(--f-dark) var(--f-dark-s) fill / calc(var(--f-dark-s) * var(--fs,1px)) stretch;background:0 0;place-items:center;padding:0;display:grid;box-shadow:0 3px #2b1d1a80}.tile:not(:disabled):hover{filter:brightness(1.2);transform:translateY(-1px)}.tile:disabled{cursor:default}.tile.open{border-image-source:var(--f-sea);box-shadow:none}.tile.trap{border-image-source:var(--f-btnRed);box-shadow:none}.tile.hint{border-image-source:var(--f-gold)}.abyss{height:220px;box-shadow:0 0 0 3px var(--ink);background:linear-gradient(#3a86c2 0 18%,#24507a 18% 38%,#473b75 38% 62%,#261f45 62% 82%,#140f28 82%);margin-bottom:10px;position:relative;overflow:hidden}.abyss-depth{background:rgba(10, 6, 24, calc(var(--depth,0) * .6));transition:background .3s steps(4,end);position:absolute;inset:0}.abyss.crashed .abyss-depth{background:#a014288c}.abyss-mult{font:700 58px/1 var(--font);color:#fff8ec;text-shadow:4px 4px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.diver{transition:top .2s steps(3,end);position:absolute;left:14%}.abyss-stake{text-align:center;color:#fff8ec;text-shadow:2px 2px 0 var(--ink);font-size:15px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.anvil{border-style:solid;border-width:calc(var(--f-dark-s) * var(--fs,1px));border-image:var(--f-dark) var(--f-dark-s) fill / calc(var(--f-dark-s) * var(--fs,1px)) stretch;color:#fff;place-items:center;width:190px;height:124px;margin:10px auto;display:grid;position:relative}.anvil-lvl{font:700 20px var(--font);text-shadow:2px 2px 0 var(--ink);position:absolute;bottom:4px}.anvil.ok{border-image-source:var(--f-gold);animation:.8s steps(6,end) forgeOk}.anvil.fail{border-image-source:var(--f-btnRed);animation:.6s steps(6,end) forgeFail}@keyframes forgeOk{30%{transform:scale(1.12)}}@keyframes forgeFail{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}}.boss{text-align:center;border-style:solid;border-width:calc(var(--f-sea-s) * var(--fs,1px));border-image:var(--f-sea) var(--f-sea-s) fill / calc(var(--f-sea-s) * var(--fs,1px)) stretch;color:#fff;padding:4px 6px}.boss .muted{color:#cfe6f5}.boss-icon{place-items:center;min-height:80px;display:grid}.boss.alive .boss-icon{animation:1s steps(2,end) infinite bob}.board{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.board li{border-style:solid;border-width:calc(var(--f-slot-s) * var(--fs,1px));border-image:var(--f-slot) var(--f-slot-s) fill / calc(var(--f-slot-s) * var(--fs,1px)) stretch;align-items:center;gap:10px;padding:1px 6px;font-size:15px;display:flex}.board li.you{border-image-source:var(--f-gold);font-weight:700}.board .rank{flex:none;align-items:center;width:38px;font-weight:700;display:inline-flex}.board .grow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.season-hero{border-style:solid;border-width:calc(var(--f-sea-s) * var(--fs,1px));border-image:var(--f-sea) var(--f-sea-s) fill / calc(var(--f-sea-s) * var(--fs,1px)) stretch;color:#fff;justify-items:center;padding:4px;display:grid}.season-hero .muted{color:#cfe6f5}.season-hero .big-num{color:var(--gold);font-size:40px}.feed p{margin:4px 0;font-size:15px}.log.good{color:#2f7a35}.log.bad{color:var(--red)}.log.epic{color:#6b4396;font-weight:700}.flip{border-style:solid;border-width:calc(var(--f-gold-s) * var(--fs,1px));border-image:var(--f-gold) var(--f-gold-s) fill / calc(var(--f-gold-s) * var(--fs,1px)) stretch;margin:10px 0;padding:0 6px}.flip p{margin:2px 0 4px}.code{resize:vertical;width:100%;color:var(--ink);word-break:break-all;box-shadow:0 0 0 3px var(--wood-d);background:#fff8e8;border:0;margin:6px 0;padding:6px;font:12px/1.3 ui-monospace,monospace}.help p{margin:10px 0}.story .chapter{color:var(--muted);letter-spacing:1px;margin:0;font-size:14px}.story h3{margin:4px 0;font-size:28px}.chapters{gap:4px;margin:14px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.chapters li{align-items:center;gap:8px;display:flex}.chapters li.done{color:var(--muted);text-decoration:line-through}.chapters li.cur{color:var(--orange);font-weight:700}.fx{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.fx-bit{opacity:0;position:absolute;top:40%;left:50%}.fx-bit.from-bottom{top:auto;bottom:10%}.fx-banner{font:700 clamp(34px, 9vw, 72px)/1 var(--font);color:var(--ink);white-space:nowrap;opacity:0;padding:4px 16px;position:absolute;top:34%;left:50%;translate:-50% -50%}@media (max-width:640px){:root{--fs:.67px}body{font-size:15px}.scrim{align-items:flex-end;padding:0}.panel,.panel.wide{width:100%;max-height:88vh;padding-bottom:env(safe-area-inset-bottom)}.panel-head h2{font-size:21px}.me{max-width:60%}.me-art{width:44px;height:44px}.me-art img{width:34px;height:34px}.coin{min-height:30px;font-size:15px}.meter .segs i{width:4px;height:10px}.net-chip{font-size:12px}.toasts{bottom:calc(env(safe-area-inset-bottom) + 138px)}.toast{font-size:14px}.hud-bottom{flex-direction:column-reverse;align-items:stretch;gap:8px}.dock-btns{flex-wrap:nowrap;justify-content:space-between}.pbtn.icon-only{width:46px;height:46px;min-height:46px}.action-btn{align-self:flex-end;max-width:86%}.abyss-mult{font-size:48px}}@media (max-width:360px){.pbtn.icon-only{width:40px;height:40px;min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (min-width:641px){.toasts{top:calc(env(safe-area-inset-top) + 10px);width:min(40vw,440px);bottom:auto}}.reward-row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}h1,h2,h3,.panel-head h2,.pbtn,.btn,.coin,.big-num,.odds-big,.lvl,.result-pop,.abyss-mult,.chance,.action-text b,.me-text b,.quest-note b,.tabs button,.seg button,.anvil-lvl,.fx-banner,.story h3,.item b,.mini-card span,.title-chip,.rank,.logo{font-family:var(--display);letter-spacing:.5px;font-weight:400}.pbtn,.btn{font-size:20px}.btn.big{font-size:24px}.btn.tiny{font-size:16px}.panel-head h2{font-size:30px}.panel-body h3{font-size:24px}.coin,.me-text b{font-size:22px}.me-text small,.quest-note small{font-size:14px;font-weight:700}.quest-note b{font-size:19px}.action-text b{font-size:22px}.action-text small{font-size:13px;font-weight:700}.tabs button,.seg button{font-size:18px}.item b,.mini-card span,.chance{font-size:22px}.story h3{font-size:34px}small,.fineprint,.hint{font-size:14px}.fineprint{color:var(--muted);font-weight:600}.muted{color:var(--muted)}.cost{font-size:15px}.toast{font-size:15px;font-weight:700}.event-tag,.net-chip{font-size:14px;font-weight:800}.sim-flag,.sim-tag{font-family:var(--font);font-weight:900}.code{font-size:12px}@media (max-width:640px){.panel-head h2{font-size:26px}.coin,.me-text b{font-size:19px}.quest-note b{font-size:17px}}:root{--orange-text:#a8400c}.chapters li.cur,.link,.warn{color:var(--orange-text)}.dialog-scrim{z-index:22;padding:12px 12px calc(env(safe-area-inset-bottom) + 12px);background:linear-gradient(#0000 55%,#140e0c59);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.dialog{outline:none;align-items:stretch;gap:12px;width:min(760px,100%);display:flex;box-shadow:0 8px #140e0c59}.dialog-portrait{background:#d9eef8;flex:none;place-items:center;width:104px;display:grid}.dialog-main{flex:1;gap:6px;min-width:0;display:grid}.dialog-name{align-items:baseline;gap:10px;display:flex}.dialog-name b{font-family:var(--display);color:var(--orange-text);font-size:26px;font-weight:400}.dialog-name small{color:var(--muted);font-weight:800}.dialog-text{cursor:pointer;min-height:3.2em;margin:0;font-size:18px;line-height:1.45}.caret{color:var(--orange-text);animation:.6s steps(2,end) infinite blink2}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:640px){.dialog{flex-direction:column;gap:6px}.dialog-portrait{width:100%;height:80px}.dialog-text{font-size:17px}}.map-wrap{position:relative}.map-canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.map-label{font-family:var(--display);color:#fff8ec;text-shadow:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink);white-space:nowrap;pointer-events:none;align-items:center;gap:4px;font-size:17px;display:inline-flex;position:absolute;translate:-50% -50%}.map-label.locked{color:#d9d2c5}.travel-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:10px;display:grid}.travel-grid .pbtn{justify-content:flex-start;font-size:18px}.lobby{text-align:left;width:min(640px,100%)}.lobby-title{font-family:var(--display);color:var(--orange-text);text-align:center;margin:0;font-size:38px;font-weight:400}.server-list{gap:8px;margin:10px 0;padding:0;list-style:none;display:grid}.server{text-align:left;justify-content:space-between;width:100%;min-height:64px;position:relative}.server-name{gap:2px;display:grid}.server-name b{font-size:22px;font-weight:400}.server-name small{font-family:var(--font);opacity:.9;text-shadow:none;font-size:14px;font-weight:700}.server-count{justify-items:end;gap:4px;font-size:18px;display:grid}.pop{gap:3px;display:inline-flex}.pop i{background:#2b1d1a59;width:8px;height:14px;display:block}.pop i.on{background:#86c95e;box-shadow:inset 0 -3px #2f6b3a}.server .tag{background:var(--ink);color:#fff1d6;font-family:var(--font);text-shadow:none;padding:1px 8px;font-size:12px;font-weight:800;position:absolute;top:-12px;left:14px}.private{margin:12px 0;padding:2px 8px}.private h2{font-family:var(--display);align-items:center;gap:8px;margin:4px 0;font-size:24px;font-weight:400;display:flex}.code-input{min-width:0;font:400 24px var(--display);letter-spacing:4px;box-shadow:0 0 0 3px var(--wood-d);color:var(--ink);text-transform:uppercase;background:#fff8e8;border:0;flex:140px;padding:6px 10px}@media (max-width:640px){.hud{gap:4px}.hud-top{align-items:flex-start}.wallets{gap:3px}.sim-flag{padding:0 4px;font-size:10px}.sv-name{display:none}.net-chip{min-height:26px}.quest-note small{display:none}.quest-note b{font-size:16px}.meter{min-height:26px}.me-text small{font-size:12px}}canvas.wheel{aspect-ratio:1;width:100%;image-rendering:pixelated}.wheel-pointer{top:-14px}.result-slot{place-items:center;min-height:44px;display:grid}.result-pop{align-items:center;gap:8px;margin:0;display:inline-flex}.swatch{width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);vertical-align:-1px;margin-right:6px;display:inline-block}.odds-table td{vertical-align:middle}.stake,.swap{grid-template-columns:minmax(0,1fr)}.stake>*,.swap>*,.seg button,.quick button{min-width:0}.stake-input input{width:100%}button.meter{cursor:pointer;font:inherit}button.meter:hover{filter:brightness(1.15)}.eat-now{pointer-events:auto;align-self:flex-start;min-height:44px;font-size:18px;animation:1s steps(2,end) infinite bob}.play-btn{gap:8px;min-width:108px;height:50px;font-size:22px}.bell{position:relative}.badge{background:var(--red);color:#fff;min-width:22px;height:22px;font:800 12px/22px var(--font);box-shadow:0 0 0 2px var(--ink);text-shadow:none;border-radius:0;padding:0 5px;position:absolute;top:-8px;right:-8px}.rebirth{color:var(--orange-text)}.hub-story{text-align:left;cursor:pointer;gap:2px;width:100%;margin-bottom:10px;padding:2px 8px;display:grid}.hub-story-kicker{color:var(--muted);font-size:13px;font-weight:800}.hub-story b{font-family:var(--display);font-size:26px;font-weight:400}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.hub-card{align-items:center;gap:10px;padding:2px 6px;display:flex}.hub-card.locked{filter:saturate(.4)}.hub-art{flex:none;place-items:center;width:64px;display:grid}.hub-text{flex:1;gap:2px;min-width:0;display:grid}.hub-text b{font-family:var(--display);align-items:center;gap:8px;font-size:21px;font-weight:400;display:flex}.hub-text small{font-size:14px;line-height:1.3}.hub-status{color:#1f6b33;font-weight:800}.risk{font-family:var(--font);background:var(--ink);color:#fff1d6;letter-spacing:.5px;padding:0 6px;font-size:11px;font-weight:900}.hub-card .btn{flex:none;min-width:72px}.voyage-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.voyage-card{align-content:start;gap:6px;padding:2px 8px 8px;display:grid}.voyage-card p{margin:0}.voyage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.voyage-head b{font-family:var(--display);font-size:22px;font-weight:400}.tag-time{white-space:nowrap;align-items:center;gap:4px;font-weight:800;display:inline-flex}.odds-table.compact{margin-top:0;font-size:14px}.odds-table.compact td{padding:3px 6px}.odds-table.compact td:last-child{text-align:right;font-weight:800}.voyage-live{gap:8px;padding:6px 10px;display:grid}.voyage-live p{margin:0}.voyage-live .muted{color:#cfe6f5}.ticker{font-family:var(--display);background:var(--ink);color:#fff1d6;text-align:center;min-width:64px;padding:2px 8px;font-size:18px}.inbox{gap:4px;margin:0;padding:0;list-style:none;display:grid}.inbox-row{box-shadow:0 0 0 2px var(--parch-2);background:#fff4d8;align-items:flex-start;gap:8px;padding:6px 8px;font-size:15px;line-height:1.35;display:flex}.inbox-row.bad{background:#ffe4e0}.inbox-row.epic{background:#fff1b8}.inbox-row small{flex:none}.rank-tag{font-family:var(--font);background:var(--ink);color:#f5c542;vertical-align:2px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:900}.milestone .bar{margin:3px 0}.rebirth-box h3{align-items:center;gap:8px;display:flex}@media (max-width:640px){.play-btn{min-width:84px;height:46px;font-size:19px}.hub-grid,.voyage-list{grid-template-columns:1fr}.dock-btns{gap:4px}.eat-now{font-size:16px}}@media (max-width:380px){.play-btn{min-width:70px;font-size:17px}}.hub-links{margin:0 0 10px}.hub-links>.btn{flex:200px}.help h3{font-family:var(--display);margin:16px 0 4px;font-size:22px;font-weight:400}.quest-row{align-items:stretch;gap:6px;max-width:min(100%,500px);display:flex}.quest-go{flex:none;min-width:58px;font-size:18px}.ready-list{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.ready-row{background:#fff3c4;border:3px solid #2b1d1a;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.ready-row .btn{flex:none;min-width:64px}.journey-track{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:8px 0 10px;padding:0;list-style:none;display:grid}.journey-track li{color:#7a6a55;background:#e8d9b5;border:3px solid #2b1d1a;place-items:center;height:34px;font-weight:800;display:grid}.journey-track li.ready{color:#2b1d1a;background:#ffd23f;animation:1.2s steps(2,end) infinite bob}.journey-track li.got{color:#fff;background:#5bb85b}
