:root{--line: #6b4a20;--line-soft: #493111;--bg-0: #150e07;--bg-1: #211609;--bg-2: #2e1f0e;--bg-3: #3d2a14;--wood-0: #150e07;--wood-1: #211609;--wood-2: #2e1f0e;--wood-3: #3d2a14;--wood-4: #4d3619;--bronze: #7a5626;--bronze-lo: #4a3316;--bronze-hi: #a67a37;--gold: #e0b054;--gold-hi: #ffd98a;--gold-lo: #b07f2c;--ink: #f0e4c8;--ink-dim: #bfa87e;--ink-faint: #8c7550;--amber: #e0b054;--amber-deep: #b07f2c;--grain: #f0c86a;--bushel: #f6e2ae;--ranch: #dcc0f0;--green: #6fe0a0;--red: #ec6a58;--blue: #6fc9ff;--radius: 12px;--radius-sm: 8px;--shadow: 0 3px 0 rgba(0, 0, 0, .55), 0 16px 34px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 214, 138, .14);--frame: inset 0 0 0 1px rgba(224, 176, 84, .28), inset 0 0 0 2px rgba(0, 0, 0, .4);--panel-bg: linear-gradient(180deg, rgba(77, 54, 25, .95) 0%, rgba(48, 33, 15, .96) 46%, rgba(31, 21, 10, .97) 100%);--font-display: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace}.grainy,.panel,.card,.cur,.brand,.levelbox,.settle,#ticker,#toolbar,.toast,#inspector,#worldtip,.modal{background-image:repeating-linear-gradient(90deg,rgba(255,220,160,.022) 0px,rgba(255,220,160,.022) 1px,transparent 1px,transparent 5px),var(--panel-bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#game{position:absolute;inset:0;display:block;touch-action:none;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none;user-select:none;display:flex;flex-direction:column}#ui>*{pointer-events:auto}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer}.panel,.card,.cur,.brand,.levelbox,.settle,#inspector,.toast{border:2px solid var(--bronze);border-radius:var(--radius);box-shadow:var(--shadow),var(--frame);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.riveted{position:relative}.riveted:before,.riveted:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-hi),var(--bronze-lo) 70%);box-shadow:0 0 0 1px #00000080,var(--rivet-x, 0) 0 0 0 transparent;pointer-events:none}.riveted:before{top:5px;left:5px;box-shadow:0 0 0 1px #00000080}.riveted:after{top:5px;right:5px;box-shadow:0 0 0 1px #00000080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:2px solid var(--bronze);background:linear-gradient(180deg,var(--wood-4),var(--wood-2));box-shadow:inset 0 1px #ffd68a29,0 2px #00000080;color:var(--ink);font-weight:600;font-size:14px;letter-spacing:.01em;transition:transform .09s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:hover:not(:disabled){background:linear-gradient(180deg,#5c4020,#38260f);border-color:var(--bronze-hi);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,var(--gold-hi),var(--amber) 55%,var(--amber-deep));border-color:#6e4a15;color:#33220a;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.32);box-shadow:0 3px #5e3f11,0 10px 22px #e0b05442,inset 0 1px #ffffff73}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#fff0c0,#f0c060 55%,#c8921f);box-shadow:0 4px #5e3f11,0 14px 28px #e0b0545c,inset 0 1px #ffffff80}.btn.primary:active:not(:disabled){box-shadow:0 1px #5e3f11;transform:translateY(2px)}.btn.danger{border-color:#7a3428;color:#f0a898}.btn.danger:hover:not(:disabled){background:linear-gradient(180deg,#56241c,#35150f);border-color:#a84834}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn.ghost:hover:not(:disabled){background:#e0b0541f;color:var(--gold-hi)}.btn.sm{padding:5px 11px;font-size:12.5px;border-radius:7px}.btn.icon{padding:8px;width:38px;height:38px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#00000057;border:1px solid var(--bronze-lo);box-shadow:inset 0 0 0 1px #e0b05424;font-size:12px;font-weight:600;color:var(--ink-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.up{color:var(--green)}.down{color:var(--red)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}#topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;align-items:center;gap:0;padding:5px 18px 6px;position:relative}.brand:before,.brand:after{content:"";position:absolute;top:50%;width:5px;height:22px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(180deg,var(--bronze-hi),var(--bronze-lo));box-shadow:0 0 0 1px #00000080}.brand:before{left:-3px}.brand:after{right:-3px}.brand b{font-family:var(--font-display);font-size:20px;font-weight:900;letter-spacing:-.01em;line-height:1.1;background:linear-gradient(180deg,#fff4d2 20%,var(--gold) 70%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.brand span{font-size:8.5px;color:var(--ink-faint);letter-spacing:.28em;text-transform:uppercase;margin-top:-2px}.currencies{display:flex;gap:8px;flex-wrap:wrap}.cur{display:flex;align-items:center;gap:9px;padding:5px 15px 5px 6px;border-radius:999px;min-width:108px;transition:transform .12s ease,border-color .2s ease}.cur.bump{animation:curBump .42s cubic-bezier(.2,1.6,.4,1)}@keyframes curBump{0%{transform:scale(1)}35%{transform:scale(1.11)}to{transform:scale(1)}}.cur .ico{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;font-size:15px;line-height:1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a280f,#120b04 75%);box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px var(--bronze),0 1px #ffd68a29}.cur .val{font-family:var(--font-mono);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.8);line-height:1.1}.cur .lbl{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);line-height:1}.cur.grain .val{color:var(--grain)}.cur.bushel .val{color:var(--bushel)}.cur.ranch .val{color:var(--ranch)}.spacer{flex:1}.levelbox{display:flex;align-items:center;gap:11px;padding:5px 15px 5px 7px;border-radius:999px}.levelbox .lv{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(180deg,var(--gold-hi) 8%,var(--gold) 46%,var(--gold-lo) 100%);color:#2e1d05;font-family:var(--font-display);font-weight:900;font-size:16px;text-shadow:0 1px 0 rgba(255,255,255,.4);filter:drop-shadow(0 2px 0 #5e3f11) drop-shadow(0 0 8px rgba(224,176,84,.4))}.xpbar{width:140px}.xpbar .track{height:8px;border-radius:4px;background:#0e0904;overflow:hidden;border:1px solid var(--bronze-lo);box-shadow:inset 0 1px 3px #000000e6}.xpbar .fill{height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold) 60%,var(--gold-hi));box-shadow:0 0 10px #e0b054a6,inset 0 1px #ffffff59;transition:width .5s cubic-bezier(.2,.8,.2,1)}.xpbar .cap{font-size:9px;color:var(--ink-faint);letter-spacing:.08em;margin-top:3px;text-transform:uppercase}.settle{display:flex;align-items:center;gap:10px;padding:5px 16px 5px 8px;border-radius:999px;position:relative;overflow:hidden}.settle .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a280f,#120b04 75%);box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px var(--bronze);position:relative;z-index:1}.settle.warn{border-color:var(--gold-hi);animation:settlePulse 1s ease-in-out infinite}@keyframes settlePulse{0%,to{box-shadow:var(--shadow),var(--frame)}50%{box-shadow:var(--shadow),var(--frame),0 0 24px #e0b0548c}}.settle .t{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--gold-hi);letter-spacing:.02em;line-height:1.1;text-shadow:0 0 12px rgba(224,176,84,.4),0 1px 0 rgba(0,0,0,.8);position:relative;z-index:1}.settle .sub{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);position:relative;z-index:1}.settle .ring{position:absolute;inset:0;background:linear-gradient(90deg,#e0b0543d,#e0b0540a);transform-origin:left;pointer-events:none}#ticker{display:flex;gap:0;align-items:stretch;margin:0 14px;height:30px;border-radius:6px;border:2px solid var(--bronze);box-shadow:var(--shadow),var(--frame);overflow:hidden;position:relative;backdrop-filter:blur(10px)}#ticker .lead{display:flex;align-items:center;gap:6px;padding:0 12px;background:linear-gradient(180deg,var(--wood-4),var(--wood-2));border-right:2px solid var(--bronze);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);flex-shrink:0}#ticker .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:livePulse 2s ease-in-out infinite}#ticker .dot.sim{background:var(--amber);box-shadow:0 0 8px var(--amber)}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}#ticker .rail{flex:1;overflow:hidden;position:relative}#ticker .strip{display:flex;align-items:center;gap:22px;height:100%;padding-left:16px;white-space:nowrap;will-change:transform}#ticker .tk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer}#ticker .tk b{font-weight:800;letter-spacing:.02em}#ticker .tk .px{font-family:var(--font-mono);color:var(--ink-dim);font-size:11.5px}#ticker .tk .ch{font-family:var(--font-mono);font-weight:700;font-size:11.5px}#leftrail{position:absolute;left:14px;top:112px;bottom:96px;width:262px;display:flex;flex-direction:column;gap:10px;pointer-events:none}#leftrail>*{pointer-events:auto}.card{padding:2px 12px 12px;border-radius:var(--radius)}.card h4{margin:-2px -2px 9px;padding:5px 8px 6px;font-family:var(--font-display);font-size:10.5px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#7a56265c,#7a562600);border-bottom:1px solid rgba(224,176,84,.22);text-shadow:0 1px 0 rgba(0,0,0,.8)}.card h4 i{width:19px;height:19px;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-style:normal;border-radius:5px;color:var(--gold-hi);background:radial-gradient(circle at 40% 30%,#3a280f,#120b04 80%);box-shadow:inset 0 1px 2px #000000e6,0 0 0 1px var(--bronze)}.card h4:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(224,176,84,.45),transparent)}.quest .name{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--gold-hi);text-shadow:0 1px 0 rgba(0,0,0,.8);margin-bottom:2px}.quest .detail{font-size:13px;color:var(--ink-dim);margin-bottom:9px}.quest .hint{font-size:11.5px;color:var(--ink-faint);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(224,176,84,.22);line-height:1.4}.bar{height:9px;border-radius:5px;background:#0e0904;border:1px solid var(--bronze-lo);box-shadow:inset 0 1px 3px #000000e6;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold) 65%,var(--gold-hi));box-shadow:0 0 10px #e0b0548c,inset 0 1px #ffffff4d;transition:width .45s cubic-bezier(.2,.8,.2,1)}.bar.blue .fill{background:linear-gradient(90deg,#2b7fb8,#6fc9ff);box-shadow:0 0 12px #6fc9ff80}.bar.green .fill{background:linear-gradient(90deg,#2f8a5c,#6fe0a0);box-shadow:0 0 10px #6fe0a073}.barrow{display:flex;align-items:center;gap:9px;font-size:12px}.barrow .bar{flex:1}.wcard .now{display:flex;align-items:center;gap:11px}.wcard .glyph{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;font-size:21px;background:radial-gradient(circle at 38% 28%,#3a280f,#100a04 80%);border:2px solid var(--bronze);box-shadow:inset 0 2px 6px #000000e6}.wcard .kind{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.01em}.wcard .flavor{font-size:11.5px;color:var(--ink-faint);line-height:1.35;margin-top:7px;font-style:italic}.standing{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12.5px;border-bottom:1px solid rgba(224,176,84,.09)}.standing:last-child{border-bottom:none}.standing .rk{width:18px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);text-align:right}.standing .sw{width:8px;height:8px;border-radius:2px;flex-shrink:0}.standing .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-dim)}.standing .bu{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-dim)}.standing.you{background:linear-gradient(90deg,rgba(224,176,84,.2),transparent);border-radius:6px;padding:5px 6px;margin:2px -6px}.standing.you .nm,.standing.you .bu{color:var(--gold-hi);font-weight:700}#toolbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:24px 32px 11px;border:3px solid var(--bronze);border-radius:50% 50% 16px 16px/58px 58px 16px 16px;box-shadow:0 4px #0009,0 18px 40px #000000a6,inset 0 2px #ffd68a29,inset 0 0 0 2px #e0b05438;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);z-index:20}#toolbar:before{content:"";position:absolute;inset:5px 8px auto;height:48px;border-radius:50% 50% 0 0/48px 48px 0 0;border-top:1px solid rgba(224,176,84,.3);pointer-events:none}#toolbar:after{content:"";position:absolute;inset:auto 12px 8px;height:54px;border-radius:40px;background:radial-gradient(ellipse at 50% 60%,rgba(224,176,84,.09),transparent 72%);pointer-events:none}#toolbar .crest{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:42px;height:42px;display:grid;place-items:center;font-size:19px;z-index:2;color:#33220a;border-radius:50%;background:linear-gradient(180deg,var(--gold-hi) 10%,var(--gold) 50%,var(--gold-lo));box-shadow:0 0 0 3px var(--bronze),0 0 0 5px #0000008c,0 3px #5e3f11,0 0 22px #e0b0548c;text-shadow:0 1px 0 rgba(255,255,255,.4);pointer-events:none}#toolbar .rail{display:flex;gap:6px;position:relative;z-index:1}.tool{display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;padding:4px 2px 3px;border:none;background:none;border-radius:10px;transition:transform .13s ease;position:relative}.tool .disc{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 38% 28%,#3d2a14,#120b04 78%);box-shadow:inset 0 2px 5px #000000f2,0 0 0 2px var(--bronze-lo),0 1px #ffd68a24;transition:box-shadow .16s ease,background .16s ease}.tool .ti{font-size:19px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));transition:transform .16s ease}.tool .tl{font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);transition:color .16s ease}.tool:hover{transform:translateY(-2px)}.tool:hover .disc{box-shadow:inset 0 2px 5px #000000e6,0 0 0 2px var(--bronze-hi)}.tool:hover .ti{transform:scale(1.08)}.tool:hover .tl{color:var(--gold-hi)}.tool.active .disc{background:radial-gradient(circle at 38% 28%,#1c4a35,#08170f 78%);box-shadow:inset 0 2px 6px #000000e6,0 0 0 2px var(--green),0 0 16px #6fe0a08c}.tool.active .tl{color:var(--green);text-shadow:0 0 10px rgba(111,224,160,.5)}.tool.active:after{content:"";position:absolute;top:1px;left:50%;width:46px;height:46px;margin-left:-23px;border-radius:50%;border:1px solid rgba(111,224,160,.4);animation:toolRing 2.2s ease-out infinite;pointer-events:none}@keyframes toolRing{0%{transform:scale(.9);opacity:.8}70%,to{transform:scale(1.22);opacity:0}}.tool .key{position:absolute;top:0;right:6px;font-family:var(--font-mono);font-size:8.5px;color:var(--ink-faint);opacity:.65}.tool .badge{position:absolute;top:0;left:6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:linear-gradient(180deg,#e0705a,#a83a28);border:1px solid #f0a898;color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 6px #0009;z-index:2}#worldtip{position:absolute;z-index:15;pointer-events:none;padding:6px 13px 7px;background-color:#150e07f5;border:2px solid var(--bronze);border-radius:8px;box-shadow:0 2px #00000080,0 10px 22px #0000008c,var(--frame);backdrop-filter:blur(8px);transform:translate(-50%,-100%);transition:opacity .14s ease;text-align:center;white-space:nowrap}#worldtip.hidden{opacity:0}#worldtip .t{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 1px 0 rgba(0,0,0,.8)}#worldtip .s{font-size:10.5px;color:var(--ink-dim);margin-top:2px}#worldtip .s b{color:var(--ink-dim);font-weight:600}.scrim{position:fixed;inset:0;background:#0a0602bd;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:60;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(940px,94vw);max-height:86vh;display:flex;flex-direction:column;border-radius:16px;border:3px solid var(--bronze);box-shadow:0 40px 100px #000000bf,inset 0 0 0 2px #e0b0543d,inset 0 2px #ffd68a24;overflow:hidden;animation:modalIn .26s cubic-bezier(.2,1.2,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}.modal header{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:2px solid var(--bronze);background:linear-gradient(180deg,#7a562673,#7a56260d);box-shadow:inset 0 -1px #e0b05433}.modal header h2{margin:0;font-family:var(--font-display);font-size:22px;font-weight:900;letter-spacing:-.01em;color:var(--gold-hi);text-shadow:0 1px 0 rgba(0,0,0,.8)}.modal header .sub{font-size:12px;color:var(--ink-faint)}.modal .body{padding:18px 20px;overflow-y:auto;overflow-x:hidden}.modal footer{padding:13px 20px;border-top:2px solid var(--bronze);display:flex;gap:10px;align-items:center;background:#00000059;box-shadow:inset 0 1px #e0b0542e}.body::-webkit-scrollbar{width:10px}.body::-webkit-scrollbar-track{background:#00000073}.body::-webkit-scrollbar-thumb{background:var(--bronze);border-radius:5px;border:2px solid transparent;background-clip:padding-box}.body::-webkit-scrollbar-thumb:hover{background:var(--bronze-hi);background-clip:padding-box}.grid{display:grid;gap:12px}.grid.c3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.c2{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.item{display:flex;gap:12px;padding:12px;border-radius:var(--radius);background:linear-gradient(180deg,#4d36196b,#150e078c);border:2px solid var(--bronze-lo);box-shadow:inset 0 1px #ffd68a14;transition:all .14s ease;position:relative;overflow:hidden}.item:hover:not(.locked){border-color:var(--bronze-hi);transform:translateY(-2px);box-shadow:0 10px 26px #00000080,inset 0 1px #ffd68a24}.item.locked{opacity:.42}.item.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 10px 30px #e0b0543d}.item .thumb{width:64px;height:64px;flex-shrink:0;border-radius:10px;background:radial-gradient(circle at 50% 68%,#ffd68a1a,#00000080);border:2px solid var(--bronze-lo);box-shadow:inset 0 2px 6px #000c;display:grid;place-items:center;overflow:hidden}.item .thumb canvas{display:block}.item .meta{flex:1;min-width:0}.item .nm{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}.item .sym{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:4px;background:#0000006b;border:1px solid var(--bronze-lo);color:var(--gold)}.item .desc{font-size:11.5px;color:var(--ink-faint);line-height:1.35;margin:4px 0 7px}.item .stats{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--ink-dim)}.item .stats b{color:var(--ink);font-family:var(--font-mono)}.item .foot{display:flex;align-items:center;gap:8px;margin-top:9px}.price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12.5px;font-weight:700}.tierdot{width:6px;height:6px;border-radius:50%}.t1{background:#6fc9ff}.t2{background:var(--amber)}.t3{background:#ff6bd6}.spark{height:30px;width:100%;display:block;margin:6px 0 2px;border-radius:5px;background:#0000006b;box-shadow:inset 0 0 0 1px #e0b0541f}#dialogue{position:absolute;left:50%;bottom:156px;transform:translate(-50%);width:min(880px,92vw);display:flex;gap:0;z-index:55;animation:dlgIn .32s cubic-bezier(.2,1.2,.3,1)}@keyframes dlgIn{0%{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%)}}#dialogue .portrait{width:132px;height:132px;flex-shrink:0;border-radius:14px 0 0 14px;border:3px solid var(--bronze);border-right:none;overflow:hidden;background:var(--wood-1);box-shadow:inset 0 0 0 2px #e0b05438,0 4px #00000080;position:relative}#dialogue .portrait canvas,#dialogue .portrait img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto}#dialogue .bubble{flex:1;min-width:0;padding:13px 18px 15px;border-radius:0 14px 14px 0;background-image:repeating-linear-gradient(90deg,rgba(255,220,160,.022) 0 1px,transparent 1px 5px),var(--panel-bg);border:3px solid var(--bronze);box-shadow:var(--shadow),inset 0 0 0 2px #e0b05438;backdrop-filter:blur(12px);display:flex;flex-direction:column}#dialogue .who{font-family:var(--font-display);font-size:15px;font-weight:900;letter-spacing:.01em;display:flex;align-items:baseline;gap:9px;margin-bottom:6px}#dialogue .who small{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--ink-faint);letter-spacing:0}#dialogue .text{flex:1;font-size:15.5px;line-height:1.5;color:var(--ink);min-height:54px}#dialogue .text .caret{display:inline-block;width:8px;height:16px;background:var(--gold);margin-left:2px;vertical-align:text-bottom;animation:blink .9s steps(1) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#dialogue .actions{display:flex;align-items:center;gap:10px;margin-top:10px}#dialogue .prog{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin-left:auto}.act-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:58;pointer-events:none;animation:actIn .6s cubic-bezier(.2,1,.3,1)}@keyframes actIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.16);letter-spacing:.3em}to{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:.06em}}.act-banner .act{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 24px rgba(224,176,84,.7)}.act-banner .ttl{font-family:var(--font-display);font-size:46px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(180deg,#fff6dc 25%,var(--gold) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 30px rgba(0,0,0,.95)) drop-shadow(0 0 40px rgba(224,176,84,.35));margin-top:2px}#toasts{position:absolute;right:14px;top:112px;width:320px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:40}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border-radius:var(--radius-sm);border-left-width:5px;animation:toastIn .34s cubic-bezier(.2,1.3,.3,1);font-size:13px;line-height:1.35}.toast.out{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.94)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translate(40px) scale(.94);height:0;padding:0;margin:0}}.toast.good{border-left-color:var(--green)}.toast.bad{border-left-color:var(--red)}.toast.info{border-left-color:var(--blue)}.toast.epic{border-left-color:var(--gold-hi);box-shadow:var(--shadow),var(--frame),0 0 30px #e0b0544d}.toast .ti{font-size:17px;line-height:1.2}.toast .tt{flex:1}.toast .tt b{display:block;font-weight:700;margin-bottom:1px;color:var(--ink)}.toast .tt span{color:var(--ink-dim);font-size:12px}#inspector{position:absolute;right:14px;bottom:148px;width:300px;padding:13px;z-index:30;animation:dlgIn .24s cubic-bezier(.2,1.2,.3,1)}#inspector .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}#inspector .hd .thumb{width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 50% 68%,#ffd68a1a,#0000008c);border:2px solid var(--bronze-lo);box-shadow:inset 0 2px 5px #000c;display:grid;place-items:center;overflow:hidden}#inspector .hd .nm{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--gold-hi)}#inspector .row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12.5px;border-bottom:1px solid rgba(224,176,84,.1)}#inspector .row:last-of-type{border-bottom:none}#inspector .row span{color:var(--ink-dim)}#inspector .row b{font-family:var(--font-mono);font-weight:700}#inspector .acts{display:flex;gap:8px;margin-top:11px}#inspector .acts .btn{flex:1}.settle-modal .body{padding:0}.settle-hero{padding:26px 24px 20px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(224,176,84,.22),transparent 70%)}.settle-hero .eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);font-weight:800}.settle-hero .rank{font-family:var(--font-display);font-size:68px;font-weight:900;line-height:1;letter-spacing:-.04em;margin:6px 0 2px;background:linear-gradient(180deg,#fff6da 20%,var(--gold) 70%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(255,200,87,.35);animation:rankPop .7s cubic-bezier(.2,1.5,.3,1)}@keyframes rankPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.settle-hero .of{font-size:13px;color:var(--ink-dim)}.payouts{display:flex;gap:12px;justify-content:center;margin:18px 0 4px;flex-wrap:wrap}.payout{min-width:132px;padding:13px 18px;border-radius:var(--radius);background:linear-gradient(180deg,#4d361980,#150e07a6);border:2px solid var(--bronze);box-shadow:inset 0 1px #ffd68a1f}.payout .lbl{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.payout .v{font-family:var(--font-mono);font-size:25px;font-weight:800;margin-top:2px}.settle-table{padding:0 24px 20px}.strow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13.5px;transition:background .2s}.strow.you{background:linear-gradient(90deg,#e0b0543d,#e0b0540a);border:1px solid rgba(224,176,84,.45)}.strow .rk{width:26px;font-family:var(--font-mono);color:var(--ink-faint)}.strow .sw{width:10px;height:10px;border-radius:3px}.strow .nm{flex:1}.strow .mt{font-size:11px;color:var(--ink-faint);font-style:italic}.strow .bu{font-family:var(--font-mono);font-weight:700}#title{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 32%,#2a1c0c,#0a0602 76%);animation:fadeIn .4s ease}#title.out{animation:fadeOut .55s ease forwards}.title-art{position:absolute;inset:0;background-size:cover;background-position:center 42%;opacity:0;transition:opacity 1.4s ease;filter:saturate(.85) brightness(.62);mask-image:radial-gradient(ellipse at 50% 45%,#00000059,#000000d9 55%,#000);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,rgba(0,0,0,.35) 0%,rgba(0,0,0,.85) 55%,#000 100%)}.title-art.on{opacity:.62}.title-inner{position:relative;z-index:1;padding:34px 32px 30px;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#06090fd1,#06090f9e 60%,#06090f00)}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.title-inner{text-align:center;max-width:620px;padding:0 24px}.title-inner .logo{font-family:var(--font-display);font-size:clamp(52px,11vw,104px);font-weight:900;letter-spacing:-.045em;line-height:.92;background:linear-gradient(180deg,#fff8e0 10%,var(--amber) 55%,#b0721a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 100px rgba(255,200,87,.28);animation:logoIn 1s cubic-bezier(.2,1,.3,1)}@keyframes logoIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}.title-inner .tag{font-size:16px;color:#f0e4c4;text-shadow:0 2px 12px rgba(0,0,0,.9);margin:12px 0 4px;letter-spacing:.02em}.title-inner .sub{font-size:13px;color:#b9c2cf;text-shadow:0 2px 10px rgba(0,0,0,.9);font-style:italic;margin-bottom:28px;line-height:1.6}.addr-block{text-align:left}#title .addr-block{margin:0 auto 20px;max-width:460px}.addr-label{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 8px rgba(0,0,0,.9);margin-bottom:7px}.addr-input{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--bronze);background:linear-gradient(180deg,var(--wood-0),var(--wood-1));box-shadow:inset 0 2px 7px #000000bf,inset 0 0 0 1px #e0b05421;font-family:var(--font-mono);font-size:13px;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}.addr-input::placeholder{color:var(--ink-faint)}.addr-input:focus{border-color:var(--bronze-hi);box-shadow:inset 0 2px 7px #000000bf,inset 0 0 0 1px #e0b0544d,0 0 0 3px #e0b05424}.addr-input.ok{border-color:#6fe0a099;box-shadow:inset 0 2px 7px #000000bf,inset 0 0 0 1px #6fe0a03d,0 0 0 3px #6fe0a01c}.addr-input.bad{border-color:#ec6a5899;box-shadow:inset 0 2px 7px #000000bf,inset 0 0 0 1px #ec6a583d}.addr-note{margin-top:6px;min-height:15px;font-size:11.5px;line-height:1.4;color:var(--ink-faint);text-shadow:0 1px 8px rgba(0,0,0,.9)}.addr-note.ok{color:var(--green);font-family:var(--font-mono)}.addr-note.bad{color:var(--red)}.addr-chip{margin-left:7px;padding:1px 6px;border-radius:5px;border:1px solid var(--bronze-lo);background:#00000052;font-family:var(--font-mono);font-size:9.5px;font-weight:500;color:var(--ink-faint);vertical-align:middle}.title-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.title-actions .btn{padding:13px 28px;font-size:15px}.title-foot{margin-top:26px;font-size:11.5px;color:#94a1b4;text-shadow:0 1px 8px rgba(0,0,0,.9);line-height:1.7}kbd{display:inline-block;padding:1px 6px;border-radius:5px;background:linear-gradient(180deg,var(--wood-4),var(--wood-2));border:1px solid var(--bronze);border-bottom-width:2px;font-family:var(--font-mono);font-size:11px;color:var(--ink)}#combo{position:absolute;left:50%;top:27%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:35;opacity:0;transition:opacity .2s}#combo.on{opacity:1}#combo .n{font-family:var(--font-display);font-size:64px;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff8e2 20%,var(--gold) 75%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 50px rgba(255,180,60,.7)}#combo .l{font-size:12px;font-weight:800;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 14px rgba(224,176,84,.6);margin-top:-4px}#combo.pop .n{animation:comboPop .34s cubic-bezier(.2,1.6,.3,1)}@keyframes comboPop{0%{transform:scale(1.4) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.hidden{display:none!important}@media(max-width:900px){#leftrail{display:none}#toasts{top:96px;right:8px;left:8px;width:auto;gap:6px}.toast{padding:8px 10px;font-size:12.5px}.toast .tt span{display:none}.toast:nth-last-child(n+3){display:none}#inspector{left:8px;right:8px;width:auto;bottom:132px;padding:11px}.brand span{display:none}.brand{padding:5px 10px 6px}.brand b{font-size:17px}#toolbar{left:8px;right:8px;transform:none;padding:17px 10px 8px;border-radius:50% 50% 14px 14px/34px 34px 14px 14px}#toolbar:before{height:30px;border-radius:50% 50% 0 0/30px 30px 0 0}#toolbar .rail{gap:2px;justify-content:space-between}#toolbar .crest{top:-15px;width:32px;height:32px;font-size:15px}.tool{width:auto;flex:1;min-width:0;padding:2px 0 1px;gap:3px}.tool .disc{width:34px;height:34px}.tool .ti{font-size:16px}.tool .tl{font-size:7.5px;letter-spacing:.08em}.tool .key{display:none}.tool.active:after{width:40px;height:40px;margin-left:-20px}.tool .badge{left:50%;margin-left:4px;min-width:15px;height:15px;font-size:8.5px}#dialogue{bottom:128px;left:8px;right:8px;width:auto;transform:none}#dialogue .portrait{width:84px;height:84px;border-radius:14px 0 0 14px}#dialogue .bubble{padding:10px 12px 12px;border-radius:0 14px 14px 0}#dialogue .text{font-size:14px;min-height:40px}#dialogue .who small{display:none}@keyframes dlgIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.act-banner .ttl{font-size:30px}#combo{top:22%}#combo .n{font-size:46px}.modal{width:100vw;max-height:100vh;height:100vh;border-radius:0}.modal header{padding:12px 14px}.modal header h2{font-size:18px}.modal .body{padding:12px 14px}.modal footer{padding:10px 14px;flex-wrap:wrap}.grid.c3,.grid.c2{grid-template-columns:1fr}.market-modal .body{flex-direction:column}.market-modal .body>div:first-child{width:100%!important;flex-direction:row!important;overflow-x:auto;padding-bottom:6px}.market-modal .body>div:first-child .item{min-width:132px}}@media(max-width:620px){#topbar{padding:7px 8px;gap:5px}.currencies{gap:5px}.cur{min-width:0;padding:5px 9px;gap:5px}.cur .val{font-size:13px}.cur .lbl{display:none}.levelbox{padding:5px 9px;gap:6px}.levelbox .xpbar{display:none}.levelbox .lv{width:28px;height:28px;font-size:14px}.settle{padding:5px 10px;gap:7px}.settle .t{font-size:16px}.settle .sub{font-size:8.5px}#ticker{margin:0 8px;height:28px}#ticker .lead{padding:0 8px;font-size:9px}#ticker .tk{font-size:11.5px}#toasts{top:84px}}@media(max-height:480px){#ticker{display:none}#toasts{top:62px}#dialogue .portrait{display:none}#dialogue .bubble{border-radius:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding: env(safe-area-inset-bottom)){#toolbar{bottom:calc(18px + env(safe-area-inset-bottom))}#topbar{padding-top:calc(10px + env(safe-area-inset-top))}}
