@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(./cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(./cinzel-latin-500-normal-DMNTwV-V.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(./inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(./inter-latin-700-normal-BLAVimhd.woff)format("woff")}:root{--ink:#f4ecd8;--ink-dim:#f4ecd8b3;--sea:#0b2a33;--gold:#e8b64c;--ember:#ff7a3c;--panel:#0c161ab8;--panel-border:#e8b64c47;--font-display:"Cinzel", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif;--parchment:#f2e6c9;--parchment-deep:#e3cfa0;--ink-dark:#2a1d10;--gold-hi:#f6d58a;--gold-deep:#a8792a;--verdigris:#6fb3a8;--coral:#e0604a;--amber:#e8a24c;--tide:#5fb8c9;--glass:#0914189e;--glass-strong:#070f12db;--hairline:#e8b64c42;--hairline-soft:#f2e6c91f;--shadow-text:0 1px 2px #000000bf, 0 0 12px #00000073;--ease-out:cubic-bezier(.2, .7, .2, 1);--s:clamp(.8px, calc(100vh / 1080), 2.1px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;margin:0;overflow:hidden}#app,#game-canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}.boot-loader{justify-content:center;align-items:center;gap:calc(var(--s) * 20);z-index:100;background:radial-gradient(60% 50% at 50% 42%,#ff8c3c1f,#0000 70%),radial-gradient(at 50% 60%,#0f3640 0%,#051216 72%);flex-direction:column;transition:opacity .8s;display:flex;position:fixed;inset:0;overflow:hidden}.boot-loader.done{opacity:0;pointer-events:none}.boot-glow{background:radial-gradient(circle,#e8963c2e,#0000 62%);width:70vmin;height:70vmin;animation:4s ease-in-out infinite boot-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.boot-emblem{width:calc(var(--s) * 132);height:calc(var(--s) * 132);filter:drop-shadow(0 calc(var(--s) * 10) calc(var(--s) * 30) #0009) drop-shadow(0 0 calc(var(--s) * 24) #e8963c59);animation:1.4s cubic-bezier(.2,.7,.2,1) both boot-rise;position:relative}.boot-title{margin-top:calc(var(--s) * 6);font:700 clamp(40px, calc(var(--s) * 72), 150px) / 1 var(--font-display);letter-spacing:.2em;background:linear-gradient(#fff6da 8%,#f2d38a 45%,#d9a441 65%,#9c6b22 100%);color:#0000;filter:drop-shadow(0 2px #28140080)drop-shadow(0 0 26px #e8963c4d);-webkit-background-clip:text;background-clip:text;margin-right:-.2em;animation:1.4s cubic-bezier(.2,.7,.2,1) .12s both boot-rise;position:relative}.boot-title small{letter-spacing:.55em;text-align:center;text-transform:uppercase;margin-bottom:.18em;padding-left:.55em;font-size:.3em;display:block}.boot-bar{width:min(calc(var(--s) * 420), 70vw);height:2px;margin-top:calc(var(--s) * 10);background:#f2e6c91f;position:relative;overflow:visible}.boot-fill{background:linear-gradient(90deg, #e8b64c33, var(--gold) 60%, #fff0c0);width:0;height:100%;transition:width .3s;position:relative}.boot-fill:after{content:"";background:#fff3cf;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-4px;box-shadow:0 0 10px 3px #ff963ce6}.boot-label{font:500 calc(var(--s) * 12) / 1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);position:relative}.boot-tip{bottom:calc(var(--s) * 44);text-align:center;width:min(90vw,40em);font:500 calc(var(--s) * 15) / 1.5 var(--font-display);letter-spacing:.04em;color:#f2e6c9b8;margin:0 auto;animation:1.4s cubic-bezier(.2,.7,.2,1) .6s both boot-rise;position:absolute;left:0;right:0}@keyframes boot-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes boot-breathe{0%,to{opacity:.7}50%{opacity:1}}#ui>.tb-hud{z-index:1;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-out);font-family:var(--font-ui);color:var(--parchment);font-variant-numeric:tabular-nums;position:fixed;inset:0}#ui>.tb-hud.show{opacity:1}#ui>.tb-hud.modal .tb-cross,#ui>.tb-hud.modal .tb-prompt,#ui>.tb-hud.modal .tb-stamina{opacity:0!important}#ui>.tb-hud.modal .tb-compass,#ui>.tb-hud.modal .tb-topright,#ui>.tb-hud.modal .tb-vitals,#ui>.tb-hud.modal .tb-bottom{opacity:.25;filter:blur(1px)}.tb-hud .tb-glyph{width:1em;height:1em;display:block}kbd{min-width:calc(var(--s) * 22);height:calc(var(--s) * 22);padding:0 calc(var(--s) * 6);border-radius:calc(var(--s) * 4);border:1px solid #f2e6c973;border-bottom-width:calc(var(--s) * 2.5);color:var(--parchment);font:600 calc(var(--s) * 12) / 1 var(--font-ui);letter-spacing:.02em;text-shadow:none;background:linear-gradient(#fff4d629,#fff4d60a);justify-content:center;align-items:center;display:inline-flex}.tb-fx{pointer-events:none;opacity:0;position:absolute;inset:0}.tb-fx-damage{background:radial-gradient(75% 70%,#0000 45%,#9612088c 80%,#5a0602e6 100%)}.tb-fx-low{--low:0;background:radial-gradient(ellipse 80% 75% at 50% 50%, transparent 40%, rgba(80, 6, 2, calc(.35 + var(--low) * .45)) 100%);transition:opacity .8s}.tb-fx-low.on{opacity:1;animation:1.15s ease-in-out infinite tb-heartbeat}@keyframes tb-heartbeat{0%,to{opacity:.75}12%{opacity:1}24%{opacity:.8}36%{opacity:.98}}.tb-fx-water{background:radial-gradient(70% 60% at 50% 45%,#0000 35%,#021622b3 100%),radial-gradient(90% 70% at 50% -10%,#6edce147,#0000 65%),linear-gradient(#12768a6b,#04283ab3);transition:opacity .35s;overflow:hidden}.tb-fx-water:before{content:"";background:repeating-linear-gradient(100deg,#0000 0 7%,#aaf0f017 9%,#0000 12% 19%,#aaf0f00d 21%,#0000 24%);animation:9s ease-in-out infinite alternate tb-rays;position:absolute;inset:-20% -40% 30%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes tb-rays{0%{transform:translate(-4%)skew(-4deg)}to{transform:translate(4%)skew(4deg)}}.tb-fx-water.on{opacity:1}.tb-fx-water:not(.on):before{animation-play-state:paused}.tb-compass{top:calc(var(--s) * 22);width:clamp(360px, calc(var(--s) * 560), 1100px);height:calc(var(--s) * 40);transition:opacity .4s,filter .4s;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.tb-compass-band{inset:calc(var(--s) * 6) 0 calc(var(--s) * 4);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:linear-gradient(#08121680,#08121647);position:absolute}.tb-compass-track{will-change:transform;width:0;position:absolute;top:0;bottom:0;left:0}.tb-ctick{top:calc(var(--s) * 24);width:1px;height:calc(var(--s) * 5);background:#f2e6c966;position:absolute}.tb-ctick.mid{height:calc(var(--s) * 9);top:calc(var(--s) * 20);background:#f2e6c999}.tb-ctick.label{width:auto;height:auto;top:calc(var(--s) * 11);font:600 calc(var(--s) * 11) / 1 var(--font-ui);letter-spacing:.1em;color:#f2e6c9b8;text-shadow:var(--shadow-text);background:0 0;transform:translate(-50%)}.tb-ctick.label.card{top:calc(var(--s) * 9);font:700 calc(var(--s) * 17) / 1 var(--font-display);color:var(--parchment)}.tb-compass-needle{border-left:calc(var(--s) * 5) solid transparent;border-right:calc(var(--s) * 5) solid transparent;border-bottom:calc(var(--s) * 6) solid var(--gold);filter:drop-shadow(0 0 4px #e8b64c99);width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tb-compass-wp{margin-left:calc(var(--s) * -14);width:calc(var(--s) * 28);opacity:0;color:var(--gold-hi);flex-direction:column;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.tb-compass-wp.show{opacity:1}.tb-compass-wp .tb-glyph{width:calc(var(--s) * 14);height:calc(var(--s) * 14);margin-top:calc(var(--s) * 2);fill:#e8b64cd9;filter:drop-shadow(0 0 5px #ffb43ce6)}.tb-compass-wp span{font:600 calc(var(--s) * 10) / 1 var(--font-ui);margin-top:calc(var(--s) * 3);white-space:nowrap;text-shadow:var(--shadow-text)}.tb-compass-wp.edge .tb-glyph{opacity:.6}.tb-topright{top:calc(var(--s) * 22);right:calc(var(--s) * 28);align-items:flex-end;gap:calc(var(--s) * 18);flex-direction:column;transition:opacity .4s,filter .4s;display:flex;position:absolute}.tb-clock{align-items:center;gap:calc(var(--s) * 12);padding:calc(var(--s) * 8) calc(var(--s) * 16) calc(var(--s) * 8) calc(var(--s) * 14);border-radius:calc(var(--s) * 30);box-shadow:inset 0 0 0 1px var(--hairline-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(270deg,#081216b8,#0812166b);display:flex}.tb-clock-dial{width:calc(var(--s) * 64);height:calc(var(--s) * 36);position:relative}.tb-clock-dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tb-clock-dial .arc{fill:none;stroke:#f2e6c98c;stroke-width:1px;stroke-dasharray:1.5 3}.tb-clock-dial .horizon{stroke:var(--hairline);stroke-width:1.2px}.tb-clock-body{width:calc(var(--s) * 18);height:calc(var(--s) * 18);color:var(--gold-hi);filter:drop-shadow(0 0 6px #ffbe50d9);transition:left 1s linear,top 1s linear;position:absolute;transform:translate(-50%,-50%)}.tb-clock-body .tb-glyph{width:100%;height:100%}.tb-clock-body.night{color:#cfe3f0;filter:drop-shadow(0 0 6px #aad2ffcc)}.tb-clock-text{text-align:right;text-shadow:var(--shadow-text)}.tb-clock-day{font:700 calc(var(--s) * 17) / 1.1 var(--font-display);letter-spacing:.06em}.tb-clock-phase{font:500 calc(var(--s) * 11) / 1.3 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.tb-quest{max-width:calc(var(--s) * 320);padding:calc(var(--s) * 12) calc(var(--s) * 16) calc(var(--s) * 13) calc(var(--s) * 20);text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:2px solid var(--gold);text-shadow:var(--shadow-text);background:linear-gradient(270deg,#081216c2,#08121657);position:relative}.tb-quest-eyebrow{justify-content:flex-end;align-items:center;gap:calc(var(--s) * 6);font:600 calc(var(--s) * 10) / 1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex}.tb-quest-eyebrow .tb-glyph{width:calc(var(--s) * 9);height:calc(var(--s) * 9);fill:currentColor}.tb-quest-title{margin-top:calc(var(--s) * 6);font:700 calc(var(--s) * 18) / 1.15 var(--font-display);letter-spacing:.03em}.tb-quest-objective{margin-top:calc(var(--s) * 4);font:400 calc(var(--s) * 14) / 1.4 var(--font-ui);color:#f2e6c9e0}.tb-quest-shards{justify-content:flex-end;align-items:center;gap:calc(var(--s) * 4);margin-top:calc(var(--s) * 8);display:none}.tb-quest-shards.show{display:flex}.tb-quest-shards i{width:calc(var(--s) * 14);height:calc(var(--s) * 14);color:#f2e6c959}.tb-quest-shards i .tb-glyph{width:100%;height:100%}.tb-quest-shards i.on{color:var(--gold-hi);filter:drop-shadow(0 0 5px #ffbe50e6)}.tb-quest-shards span{margin-left:calc(var(--s) * 6);font:500 calc(var(--s) * 11) / 1 var(--font-ui);color:var(--ink-dim);letter-spacing:.04em}.tb-quest.updated{animation:tb-quest-in 1.6s var(--ease-out)}.tb-quest.updated:after{content:"";pointer-events:none;background:linear-gradient(270deg,#f6d58a59,#0000 70%);animation:1.8s ease-out forwards tb-quest-glow;position:absolute;inset:0}@keyframes tb-quest-in{0%{transform:translateX(calc(var(--s) * 30));opacity:0}30%{opacity:1;transform:none}}@keyframes tb-quest-glow{0%{opacity:1}to{opacity:0}}.tb-cross{width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:50%}.tb-cross i{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.tb-cross .dot{width:calc(var(--s) * 4);height:calc(var(--s) * 4);transition:width .2s var(--ease-out), height .2s var(--ease-out), background .2s;background:#fffaebeb;box-shadow:0 0 0 1px #00000073}.tb-cross .ring{width:calc(var(--s) * 26);height:calc(var(--s) * 26);opacity:0;transition:opacity .18s ease, transform .25s var(--ease-out);border:1.5px solid #f6d58af2;transform:translate(-50%,-50%)scale(.4);box-shadow:0 0 0 1px #00000040,0 0 10px #e8b64c73}.tb-cross.target .ring{opacity:1;transform:translate(-50%,-50%)scale(1)}.tb-cross.target .dot{width:calc(var(--s) * 5);height:calc(var(--s) * 5);background:var(--gold-hi)}.tb-stamina{left:calc(50% + var(--s) * 34);top:calc(50% - var(--s) * 20);width:calc(var(--s) * 40);height:calc(var(--s) * 40);opacity:0;transition:opacity .35s ease, transform .35s var(--ease-out);color:var(--parchment);position:absolute;transform:scale(.85)}.tb-stamina.show{opacity:.95;transform:none}.tb-stamina svg{width:100%;height:100%;transform:rotate(-90deg)}.tb-stamina circle{fill:none;stroke-width:3.5px}.tb-stamina .track{stroke:#0006}.tb-stamina .val{stroke:#cfe7a9;stroke-linecap:round;stroke-dasharray:100 100;filter:drop-shadow(0 0 3px #bef09699);transition:stroke .3s}.tb-stamina .tb-glyph{filter:drop-shadow(0 1px 2px #000);width:40%;height:40%;position:absolute;top:30%;left:30%}.tb-stamina.crit .val{stroke:var(--coral)}.tb-stamina.crit{animation:.7s ease-in-out infinite tb-pulse}.tb-breath{left:calc(50% - var(--s) * 74);top:calc(50% - var(--s) * 20);width:calc(var(--s) * 40);height:calc(var(--s) * 40);opacity:0;transition:opacity .35s ease, transform .35s var(--ease-out);color:#d9f4f7;position:absolute;transform:scale(.85)}.tb-breath.show{opacity:.95;transform:none}.tb-breath svg{width:100%;height:100%;transform:rotate(-90deg)}.tb-breath circle{fill:none;stroke-width:3.5px}.tb-breath .track{stroke:#0006}.tb-breath .val{stroke:#8fe3f0;stroke-linecap:round;stroke-dasharray:100 100;filter:drop-shadow(0 0 3px #78dcf0b3);transition:stroke .3s,stroke-dasharray .25s linear}.tb-breath .tb-glyph{filter:drop-shadow(0 1px 2px #000);width:42%;height:42%;position:absolute;top:29%;left:29%}.tb-breath.crit .val{stroke:var(--coral)}.tb-breath.crit{animation:.6s ease-in-out infinite tb-pulse}#ui>.tb-hud.modal .tb-breath{opacity:0!important}.tb-prompt{left:50%;top:calc(50% + var(--s) * 34);transform:translate(-50%, calc(var(--s) * 6));align-items:center;gap:calc(var(--s) * 6);opacity:0;transition:opacity .18s ease, transform .25s var(--ease-out);text-shadow:var(--shadow-text);text-align:center;flex-direction:column;display:flex;position:absolute}.tb-prompt.show{opacity:1;transform:translate(-50%)}.tb-prompt-label{font:700 calc(var(--s) * 17) / 1.1 var(--font-display);letter-spacing:.05em;color:var(--parchment)}.tb-prompt-action{align-items:center;gap:calc(var(--s) * 8);font:500 calc(var(--s) * 14) / 1 var(--font-ui);color:#f2e6c9eb;display:flex}.tb-prompt-action:empty{display:none}.tb-prompt-hint{align-items:center;gap:calc(var(--s) * 6);padding:calc(var(--s) * 4) calc(var(--s) * 10);border-radius:calc(var(--s) * 3);font:500 calc(var(--s) * 12) / 1.2 var(--font-ui);color:#ffb48a;background:#280e068c;display:none}.tb-prompt-hint.show{display:flex}.tb-prompt-bar{width:calc(var(--s) * 120);height:calc(var(--s) * 4);background:#00000073;border-radius:2px;display:none;overflow:hidden;box-shadow:0 0 0 1px #f2e6c92e}.tb-prompt-bar.show{display:block}.tb-prompt-bar i{background:linear-gradient(90deg, var(--ember), var(--gold-hi));transform-origin:0;height:100%;transition:transform .2s var(--ease-out);display:block}.tb-vitals{left:calc(var(--s) * 28);bottom:calc(var(--s) * 24);gap:calc(var(--s) * 6);padding:calc(var(--s) * 8) calc(var(--s) * 12) calc(var(--s) * 10);border-radius:calc(var(--s) * 44);box-shadow:inset 0 0 0 1px var(--hairline-soft), 0 calc(var(--s) * 8) calc(var(--s) * 24) #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a161a94,#060e11b8);transition:opacity .4s,filter .4s;display:flex;position:absolute}.tb-gauge{--c:var(--parchment);width:calc(var(--s) * 66);height:calc(var(--s) * 66);color:var(--c);position:relative}.tb-gauge.health{--c:var(--coral)}.tb-gauge.hunger{--c:var(--amber)}.tb-gauge.thirst{--c:var(--tide)}.tb-gauge svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(122.4deg)}.tb-gauge circle{fill:none}.tb-gauge .ticks{stroke:#f2e6c938;stroke-width:1px;stroke-dasharray:.6 3.2}.tb-gauge .track{stroke:#040a0c8c;stroke-width:5px;stroke-dasharray:82 100}.tb-gauge .val{stroke:var(--c);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:82 100;transition:stroke-dasharray .45s var(--ease-out);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--c) 70%, transparent))}.tb-gauge:before{content:"";background:radial-gradient(circle at 50% 35%,#1e282acc,#060c0ed1);border-radius:50%;position:absolute;inset:22%;box-shadow:inset 0 0 0 1px #f2e6c924}.tb-gauge>.tb-glyph{width:34%;height:34%;color:var(--parchment);opacity:.92;position:absolute;top:33%;left:33%}.tb-gauge-label{left:50%;bottom:calc(var(--s) * -3);font:600 max(8.5px, calc(var(--s) * 9.5)) / 1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f2e6c9c7;text-shadow:var(--shadow-text);white-space:nowrap;position:absolute;transform:translate(-50%)}.tb-gauge.crit>.tb-glyph{color:var(--c)}.tb-gauge.crit{animation:.9s ease-in-out infinite tb-pulse}.tb-gauge.crit:after{content:"";box-shadow:0 0 calc(var(--s) * 18) color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;animation:.9s ease-in-out infinite tb-glow;position:absolute;inset:8%}@keyframes tb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes tb-glow{0%,to{opacity:.2}50%{opacity:1}}.tb-bottom{left:50%;bottom:calc(var(--s) * 24);align-items:center;gap:calc(var(--s) * 10);flex-direction:column;transition:opacity .4s,filter .4s;display:flex;position:absolute;transform:translate(-50%)}.tb-itemname{font:700 calc(var(--s) * 15) / 1 var(--font-display);letter-spacing:.08em;text-shadow:var(--shadow-text);opacity:0;transform:translateY(calc(var(--s) * 4));transition:opacity .3s ease, transform .3s var(--ease-out)}.tb-itemname.show{opacity:1;transform:none}.tb-hotbar{gap:calc(var(--s) * 6);padding:calc(var(--s) * 6);border-radius:calc(var(--s) * 10);box-shadow:inset 0 0 0 1px var(--hairline-soft), 0 calc(var(--s) * 8) calc(var(--s) * 24) #0000004d;background:linear-gradient(#08121659,#08121699);display:flex}#ui .tb-slot{pointer-events:auto;width:calc(var(--s) * 62);height:calc(var(--s) * 62);border-radius:calc(var(--s) * 7);color:var(--parchment);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .2s ease;background:radial-gradient(circle at 50% 40%,#2834368c,#080e10b3);border:none;padding:0;position:relative;box-shadow:inset 0 0 0 1px #f2e6c924}.tb-slot .key{left:calc(var(--s) * 6);top:calc(var(--s) * 5);font:600 calc(var(--s) * 10) / 1 var(--font-ui);color:#f2e6c980;position:absolute}.tb-slot .icon{display:block;position:absolute;inset:12%}.tb-slot .tb-item-icon{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:100%;height:100%}.tb-slot .count{right:calc(var(--s) * 6);bottom:calc(var(--s) * 4);font:600 calc(var(--s) * 12) / 1 var(--font-ui);text-shadow:0 1px 2px #000,0 0 4px #000;position:absolute}.tb-slot.sel{transform:translateY(calc(var(--s) * -4));box-shadow:inset 0 0 0 calc(var(--s) * 1.5) var(--gold), 0 0 calc(var(--s) * 16) #e8b64c59;background:radial-gradient(circle at 50% 40%,#5a461e8c,#0e0e0abf)}.tb-slot.sel .key{color:var(--gold-hi)}.tb-slot.empty .icon{opacity:0}.tb-slot.lit:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff963c8c,#0000 70%);border-radius:50%;animation:1.6s ease-in-out infinite tb-ember;position:absolute;inset:10%}.tb-slot.lit{box-shadow:inset 0 0 0 1px #ff8c3cb3, 0 0 calc(var(--s) * 14) #ff782873}@keyframes tb-ember{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.tb-toasts{top:calc(var(--s) * 84);align-items:center;gap:calc(var(--s) * 6);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tb-toast{align-items:center;gap:calc(var(--s) * 10);padding:calc(var(--s) * 8) calc(var(--s) * 18) calc(var(--s) * 8) calc(var(--s) * 14);border-radius:calc(var(--s) * 20);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px var(--hairline-soft);font:500 calc(var(--s) * 14) / 1.2 var(--font-ui);animation:tb-toast-in .45s var(--ease-out);transition:opacity .45s,transform .45s;display:flex}.tb-toast i{width:calc(var(--s) * 7);height:calc(var(--s) * 7);background:var(--parchment);border-radius:50%;box-shadow:0 0 6px}.tb-toast.good i{color:#9fd67a;background:#9fd67a}.tb-toast.warn i{background:var(--amber);color:var(--amber)}.tb-toast.bad i{background:var(--coral);color:var(--coral)}.tb-toast.out{opacity:0;transform:translateY(calc(var(--s) * -6))}@keyframes tb-toast-in{0%{opacity:0;transform:translateY(calc(var(--s) * 8)) scale(.97)}}.tb-feed{right:calc(var(--s) * 28);bottom:calc(var(--s) * 36);align-items:flex-end;gap:calc(var(--s) * 6);flex-direction:column;display:flex;position:absolute}.tb-pickup{align-items:center;gap:calc(var(--s) * 10);padding:calc(var(--s) * 5) calc(var(--s) * 16) calc(var(--s) * 5) calc(var(--s) * 30);text-shadow:var(--shadow-text);animation:tb-pickup-in .4s var(--ease-out);background:linear-gradient(270deg,#081216a8,#08121600);border-right:2px solid #9fd67acc;transition:opacity .4s,transform .4s;display:flex}.tb-pickup .n{font:700 calc(var(--s) * 15) / 1 var(--font-ui);color:#b7e38f}.tb-pickup .tb-item-icon{width:calc(var(--s) * 32);height:calc(var(--s) * 32);object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}.tb-pickup .name{font:500 calc(var(--s) * 14) / 1 var(--font-ui)}.tb-pickup.out{opacity:0;transform:translateX(calc(var(--s) * 20))}.tb-pickup.bump .n{animation:tb-bump .35s var(--ease-out)}@keyframes tb-pickup-in{0%{opacity:0;transform:translateX(calc(var(--s) * 30))}}@keyframes tb-bump{40%{transform:scale(1.35)}}.tb-lore{width:min(92vw, calc(var(--s) * 560));padding:calc(var(--s) * 26) calc(var(--s) * 34) calc(var(--s) * 22);transform:translate(-50%, calc(var(--s) * 14));opacity:0;visibility:hidden;color:var(--ink-dark);text-align:center;box-shadow:inset 0 0 0 1px #78501e59, inset 0 0 0 calc(var(--s) * 6) #f1e3c099, inset 0 0 0 calc(var(--s) * 7) #78501e59, inset 0 0 calc(var(--s) * 60) #78461459, 0 calc(var(--s) * 20) calc(var(--s) * 60) #0000008c;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out), visibility 0s .7s;background:radial-gradient(at 50% 0,#fffaeb8c,#0000 60%),radial-gradient(at 50% 120%,#9664284d,#0000 60%),linear-gradient(#f1e3c0,#e2cc9a);position:absolute;top:22%;left:50%}.tb-lore.show{opacity:1;visibility:visible;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translate(-50%)}.tb-lore-eyebrow{align-items:center;gap:calc(var(--s) * 8);font:600 calc(var(--s) * 10.5) / 1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#8a5a1c;display:inline-flex}.tb-lore-eyebrow .tb-glyph{width:calc(var(--s) * 16);height:calc(var(--s) * 16)}.tb-lore h3{margin:calc(var(--s) * 12) 0 calc(var(--s) * 10);font:700 calc(var(--s) * 26) / 1.15 var(--font-display);letter-spacing:.04em}.tb-lore p{font:400 calc(var(--s) * 15.5) / 1.6 var(--font-ui);color:#3b2a16;margin:0}.tb-lore-foot{justify-content:center;align-items:center;gap:calc(var(--s) * 8);margin-top:calc(var(--s) * 16);font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:#7a5a30;display:flex}.tb-lore kbd{color:var(--ink-dark);background:#ffffff59;border-color:#3c281473}.tb-fps{left:calc(var(--s) * 14);top:calc(var(--s) * 12);padding:calc(var(--s) * 3) calc(var(--s) * 8);border-radius:calc(var(--s) * 3);font:600 calc(var(--s) * 11) / 1.3 var(--font-ui);color:#b7e38f;background:#00000073;display:none;position:absolute}.tb-fps.show{display:block}.tb-saved{right:calc(var(--s) * 30);bottom:calc(var(--s) * 10);align-items:center;gap:calc(var(--s) * 6);font:600 max(9px, calc(var(--s) * 11)) / 1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);text-shadow:var(--shadow-text);opacity:0;transition:opacity .5s ease, transform .5s var(--ease-out);display:flex;position:absolute;transform:translateY(4px)}.tb-saved .tb-glyph{width:calc(var(--s) * 14);height:calc(var(--s) * 14);filter:drop-shadow(0 1px 2px #000)}.tb-saved.show{opacity:.9;transform:none}.tb-saved.show .tb-glyph{animation:tb-quill .9s var(--ease-out)}@keyframes tb-quill{0%{transform:rotate(-18deg)translate(-3px)}60%{transform:rotate(6deg)}to{transform:none}}.tb-moment{min-width:calc(var(--s) * 380);padding:calc(var(--s) * 18) calc(var(--s) * 40) calc(var(--s) * 20);text-align:center;transform:translate(-50%, calc(var(--s) * -10)) scale(.97);opacity:0;visibility:hidden;box-shadow:inset 0 0 0 1px var(--hairline), 0 calc(var(--s) * 14) calc(var(--s) * 40) #00000073;border-radius:calc(var(--s) * 4);transition:opacity .7s ease, transform .9s var(--ease-out), visibility 0s .9s;background:radial-gradient(60% 90% at 50% 0,#f6d58a2e,#0000 70%),linear-gradient(#0a1418d6,#060d10e6);position:absolute;top:22%;left:50%}.tb-moment.show{opacity:1;visibility:visible;transition:opacity .6s ease, transform .9s var(--ease-out);transform:translate(-50%)}.tb-moment-icon{width:calc(var(--s) * 34);height:calc(var(--s) * 34);margin:0 auto calc(var(--s) * 8);color:var(--gold-hi);filter:drop-shadow(0 0 10px #ffc85ae6)}.tb-moment-icon .tb-glyph{width:100%;height:100%}.tb-moment.show .tb-moment-icon{animation:tb-moment-pop 1.2s var(--ease-out) both}@keyframes tb-moment-pop{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.18)}to{transform:none}}.tb-moment h3{font:700 calc(var(--s) * 28) / 1.1 var(--font-display);letter-spacing:.08em;background:linear-gradient(180deg, #fff3cf, var(--gold) 70%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.tb-moment-rule{align-items:center;gap:calc(var(--s) * 8);margin:calc(var(--s) * 10) auto;width:70%;color:var(--gold);display:flex}.tb-moment-rule i{background:linear-gradient(90deg, transparent, var(--hairline));flex:1;height:1px}.tb-moment-rule i:last-child{transform:scaleX(-1)}.tb-moment-rule .tb-glyph{width:calc(var(--s) * 9);height:calc(var(--s) * 9)}.tb-moment p{font:500 calc(var(--s) * 14) / 1.4 var(--font-ui);color:var(--ink-dim);letter-spacing:.04em;margin:0}.tb-moment-pips{justify-content:center;gap:calc(var(--s) * 10);margin-top:calc(var(--s) * 12);display:flex}.tb-moment-pips i{width:calc(var(--s) * 20);height:calc(var(--s) * 20);color:#f2e6c94d}.tb-moment-pips i.on{color:var(--gold-hi);filter:drop-shadow(0 0 6px #ffc85ae6)}.tb-moment-pips .tb-glyph{width:100%;height:100%}.tb-moment.beacon .tb-moment-icon{color:#ffb070}.tb-moment.ship .tb-moment-icon{color:#d8eef2;filter:drop-shadow(0 0 10px #aadcf0cc)}@media (prefers-reduced-motion:reduce){.tb-gauge.crit,.tb-stamina.crit,.tb-breath.crit,.tb-fx-low.on,.tb-fx-water:before,.tb-slot.lit:after,.tb-quest.updated{animation:none}}#ui>.dev-panel{top:calc(var(--s) * 44)!important;left:calc(var(--s) * 14)!important;right:auto!important}#ui>.tb-panel{z-index:20;opacity:0;visibility:hidden;pointer-events:none;color:var(--parchment);font-family:var(--font-ui);justify-content:center;align-items:center;transition:opacity .28s,visibility 0s .28s;display:flex;position:fixed;inset:0}#ui>.tb-panel.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s}.tb-panel-scrim{-webkit-backdrop-filter:blur(4px)saturate(.8);backdrop-filter:blur(4px)saturate(.8);background:radial-gradient(80% 80%,#03090b8c,#03090bd1);position:absolute;inset:0}.tb-panel-frame{width:min(calc(100vw - 48px), calc(var(--s) * 1180));height:min(calc(100vh - 48px), calc(var(--s) * 760));border-radius:calc(var(--s) * 8);box-shadow:inset 0 0 0 1px var(--hairline), inset 0 0 0 calc(var(--s) * 5) #060d10e6, inset 0 0 0 calc(var(--s) * 6) #e8b64c1a, 0 calc(var(--s) * 40) calc(var(--s) * 100) #0009;transform:translateY(calc(var(--s) * 12)) scale(.985);transition:transform .35s var(--ease-out);background:radial-gradient(60% 40% at 50% 0,#e8b64c12,#0000 70%),linear-gradient(#0c191deb,#060d10f2);flex-direction:column;display:flex;position:relative}.tb-panel.show .tb-panel-frame{transform:none}.tb-tabs{align-items:stretch;gap:calc(var(--s) * 4);padding:calc(var(--s) * 12) calc(var(--s) * 18) 0;border-bottom:1px solid var(--hairline-soft);display:flex}.tb-tabs button{align-items:center;gap:calc(var(--s) * 10);padding:calc(var(--s) * 10) calc(var(--s) * 16) calc(var(--s) * 14);color:#f2e6c98c;font:700 calc(var(--s) * 16) / 1 var(--font-display);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;transition:color .2s;display:flex;position:relative}.tb-tabs button kbd{opacity:.75}.tb-tabs button:after{content:"";left:calc(var(--s) * 12);right:calc(var(--s) * 12);background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);height:2px;transition:transform .3s var(--ease-out);position:absolute;bottom:-1px;transform:scaleX(0);box-shadow:0 0 10px #e8b64c99}.tb-tabs button:hover,.tb-tabs button:focus-visible{color:var(--parchment);outline:none}.tb-tabs button.on{color:var(--parchment)}.tb-tabs button.on:after{transform:scaleX(1)}.tb-tabs button.close{font:500 calc(var(--s) * 13) / 1 var(--font-ui);letter-spacing:.04em}.tb-tabs-spacer{flex:1}.tb-panel-body{flex:1;min-height:0;display:flex}.tb-sec-head{margin-bottom:calc(var(--s) * 14);justify-content:space-between;align-items:baseline;display:flex}.tb-sec-head h2{font:700 calc(var(--s) * 22) / 1 var(--font-display);letter-spacing:.08em;margin:0}.tb-panel kbd{vertical-align:middle}.tb-inv .tb-panel-body{gap:0}.tb-inv-bag{padding:calc(var(--s) * 24) calc(var(--s) * 28);border-right:1px solid var(--hairline-soft);flex-direction:column;flex:none;display:flex}.tb-inv-weight{font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:var(--ink-dim);letter-spacing:.04em}.tb-inv-hotlabel{align-items:center;gap:calc(var(--s) * 10);margin-bottom:calc(var(--s) * 8);font:600 calc(var(--s) * 10) / 1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:flex}.tb-inv-hotlabel i{background:linear-gradient(90deg, var(--hairline), transparent);flex:1;height:1px}.tb-inv-grid{--cell:min(calc(var(--s) * 84), calc((100vh - 360px) / 4.6));grid-template-columns:repeat(6, var(--cell));grid-auto-rows:var(--cell);gap:calc(var(--s) * 8);align-self:flex-start;display:grid}.tb-islot{border-radius:calc(var(--s) * 7);box-shadow:inset 0 0 0 1px #f2e6c91a, inset 0 calc(var(--s) * 3) calc(var(--s) * 8) #00000059;cursor:default;touch-action:none;background:radial-gradient(circle at 50% 38%,#2c383a8c,#060c0ebf);transition:box-shadow .15s,transform .15s,background .2s;position:relative}.tb-islot:nth-child(6){margin-right:0}.tb-islot:nth-child(-n+6){margin-bottom:calc(var(--s) * 14)}.tb-islot.hot{box-shadow:inset 0 0 0 1px #e8b64c3d, inset 0 calc(var(--s) * 3) calc(var(--s) * 8) #00000059}.tb-islot.sel{box-shadow:inset 0 0 0 calc(var(--s) * 1.5) var(--gold), 0 0 calc(var(--s) * 14) #e8b64c40}.tb-islot.filled{cursor:grab}.tb-islot.filled:hover{background:radial-gradient(circle at 50% 38%,#504c3899,#0a0e0ecc);box-shadow:inset 0 0 0 1px #f6d58a8c}.tb-islot .key{left:calc(var(--s) * 6);top:calc(var(--s) * 5);font:600 calc(var(--s) * 10) / 1 var(--font-ui);color:#e8b64cb3;position:absolute}.tb-islot .icon{position:absolute;inset:11%}.tb-islot .tb-item-icon{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);pointer-events:none;width:100%;height:100%}.tb-islot .count{right:calc(var(--s) * 7);bottom:calc(var(--s) * 5);font:600 calc(var(--s) * 13) / 1 var(--font-ui);text-shadow:0 1px 2px #000,0 0 4px #000;font-variant-numeric:tabular-nums;position:absolute}.tb-islot.dragging .icon,.tb-islot.dragging .count{opacity:.25}.tb-islot.drop{box-shadow:inset 0 0 0 calc(var(--s) * 2) var(--gold-hi), 0 0 calc(var(--s) * 18) #f6d58a66;transform:scale(1.04)}.tb-legend{gap:calc(var(--s) * 8) calc(var(--s) * 22);padding-top:calc(var(--s) * 18);font:400 calc(var(--s) * 12.5) / 1.2 var(--font-ui);color:var(--ink-dim);flex-wrap:wrap;margin-top:auto;display:flex}.tb-legend span{align-items:center;gap:calc(var(--s) * 7);display:inline-flex}.tb-legend b{color:var(--parchment);font-weight:600}.tb-drag-ghost{width:calc(var(--s) * 72);height:calc(var(--s) * 72);margin:calc(var(--s) * -36) 0 0 calc(var(--s) * -36);pointer-events:none;z-index:5;filter:drop-shadow(0 calc(var(--s) * 10) calc(var(--s) * 12) #0009);transition:opacity .15s;position:fixed;top:0;left:0}.tb-drag-ghost img{object-fit:contain;width:100%;height:100%}.tb-drag-ghost span{font:700 calc(var(--s) * 14) / 1 var(--font-ui);text-shadow:0 1px 3px #000;position:absolute;bottom:0;right:0}.tb-drag-ghost.discard{opacity:.55;filter:grayscale(.6)drop-shadow(0 0 12px #e0604acc)}.tb-panel-frame.dragging .tb-legend span:last-child{color:var(--coral)}.tb-inv-craft{min-width:0;padding:calc(var(--s) * 24) calc(var(--s) * 22) calc(var(--s) * 18) calc(var(--s) * 26);flex-direction:column;flex:1;display:flex}.tb-craft-fire{align-items:center;gap:calc(var(--s) * 6);font:600 calc(var(--s) * 12) / 1 var(--font-ui);color:#ffb070;display:none}.tb-craft-fire.on{display:inline-flex}.tb-craft-fire .tb-glyph{width:calc(var(--s) * 16);height:calc(var(--s) * 16);display:block}.tb-recipes{gap:calc(var(--s) * 8);min-height:0;padding-right:calc(var(--s) * 6);scrollbar-width:thin;scrollbar-color:#e8b64c59 transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.tb-recipe{grid-template-columns:calc(var(--s) * 56) 1fr auto;align-items:center;gap:calc(var(--s) * 14);padding:calc(var(--s) * 10) calc(var(--s) * 12);border-radius:calc(var(--s) * 6);background:#f2e6c909;transition:background .2s;display:grid;box-shadow:inset 0 0 0 1px #f2e6c912}.tb-recipe.ok{background:linear-gradient(90deg,#e8b64c1a,#f2e6c908);box-shadow:inset 0 0 0 1px #e8b64c38}.tb-recipe .res{width:calc(var(--s) * 56);height:calc(var(--s) * 56);border-radius:calc(var(--s) * 6);background:radial-gradient(circle at 50% 40%,#2c383a99,#060c0eb3);position:relative;box-shadow:inset 0 0 0 1px #f2e6c91a}.tb-recipe .res img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:82%;height:82%;position:absolute;inset:9%}.tb-recipe.no .res img{filter:grayscale(.55)brightness(.8)drop-shadow(0 2px 3px #0009)}.tb-recipe .res .cnt{font:600 calc(var(--s) * 11) / 1 var(--font-ui);text-shadow:0 1px 2px #000;position:absolute;bottom:2px;right:3px}.tb-recipe .name{font:700 calc(var(--s) * 16) / 1.1 var(--font-display);letter-spacing:.04em}.tb-recipe.no .name{color:#f2e6c9b3}.tb-recipe .ings{gap:calc(var(--s) * 4) calc(var(--s) * 12);margin-top:calc(var(--s) * 7);flex-wrap:wrap;display:flex}.tb-recipe .ing{align-items:center;gap:calc(var(--s) * 5);font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:var(--ink-dim);display:inline-flex}.tb-recipe .ing img{width:calc(var(--s) * 20);height:calc(var(--s) * 20);object-fit:contain}.tb-recipe .ing b{font-variant-numeric:tabular-nums;font-weight:700}.tb-recipe .ing.has b{color:#b7e38f}.tb-recipe .ing.miss b{color:#ff9a80}.tb-recipe .ing.miss img{opacity:.55}.tb-recipe .needs-fire{align-items:center;gap:calc(var(--s) * 5);margin-top:calc(var(--s) * 7);font:500 calc(var(--s) * 11.5) / 1 var(--font-ui);display:inline-flex}.tb-recipe .needs-fire .tb-glyph{width:calc(var(--s) * 14);height:calc(var(--s) * 14);display:block}.tb-recipe .needs-fire.miss{color:#ff9a80}.tb-recipe .needs-fire.has{color:#ffb070}.tb-recipe .tb-btn{min-width:calc(var(--s) * 84)}.tb-recipe .tb-btn .tb-glyph{width:calc(var(--s) * 15);height:calc(var(--s) * 15);display:block}.tb-recipe .tb-btn:disabled{color:#f2e6c966;filter:none;background:#f2e6c90f;box-shadow:inset 0 0 0 1px #f2e6c91f}.tb-tip{z-index:6;width:calc(var(--s) * 280);padding:calc(var(--s) * 14) calc(var(--s) * 16);border-radius:calc(var(--s) * 6);box-shadow:inset 0 0 0 1px var(--hairline), 0 calc(var(--s) * 14) calc(var(--s) * 36) #0000008c;pointer-events:none;opacity:0;background:linear-gradient(#101e22f7,#081013f7);transition:opacity .12s;position:fixed;top:0;left:0}.tb-tip.show{opacity:1}.tb-tip-head{align-items:center;gap:calc(var(--s) * 12);display:flex}.tb-tip-head img{width:calc(var(--s) * 44);height:calc(var(--s) * 44);object-fit:contain}.tb-tip .cat{font:600 calc(var(--s) * 10) / 1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.tb-tip .nm{margin-top:calc(var(--s) * 5);font:700 calc(var(--s) * 17) / 1.1 var(--font-display);letter-spacing:.03em}.tb-tip .nm em{font:500 calc(var(--s) * 13) / 1 var(--font-ui);color:var(--ink-dim);font-style:normal}.tb-tip p{margin:calc(var(--s) * 10) 0 0;font:400 calc(var(--s) * 13) / 1.45 var(--font-ui);color:#f2e6c9d9}.tb-tip .chips{gap:calc(var(--s) * 6);margin-top:calc(var(--s) * 10);flex-wrap:wrap;display:flex}.tb-tip .chip{padding:calc(var(--s) * 4) calc(var(--s) * 8);border-radius:calc(var(--s) * 3);font:600 calc(var(--s) * 11.5) / 1 var(--font-ui);color:var(--parchment);background:#f2e6c912}.tb-tip .chip.hunger{color:var(--amber);background:#e8a24c1f}.tb-tip .chip.thirst{color:var(--tide);background:#5fb8c91f}.tb-tip .chip.health{color:#f28a74;background:#e0604a1f}.tb-tip .chip.neg{color:#ff8a70;background:#e0604a29}.tb-tip .use{align-items:center;gap:calc(var(--s) * 8);margin-top:calc(var(--s) * 12);padding-top:calc(var(--s) * 10);border-top:1px solid var(--hairline-soft);font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:var(--ink-dim);text-transform:capitalize;display:flex}.tb-jnav{width:calc(var(--s) * 250);gap:calc(var(--s) * 4);padding:calc(var(--s) * 24) calc(var(--s) * 16);border-right:1px solid var(--hairline-soft);flex-direction:column;flex:none;display:flex}.tb-jnav h2{margin:0 calc(var(--s) * 10) calc(var(--s) * 16);font:700 calc(var(--s) * 22) / 1 var(--font-display);letter-spacing:.08em}.tb-jnav button{align-items:center;gap:calc(var(--s) * 12);padding:calc(var(--s) * 11) calc(var(--s) * 12);border-radius:calc(var(--s) * 5);color:#f2e6c9ad;font:500 calc(var(--s) * 14.5) / 1 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;transition:background .2s,color .2s;display:flex}.tb-jnav button .tb-glyph{width:calc(var(--s) * 17);height:calc(var(--s) * 17);color:var(--gold);display:block}.tb-jnav button:hover,.tb-jnav button:focus-visible{color:var(--parchment);background:#f2e6c90f;outline:none}.tb-jnav button.on{color:var(--parchment);box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#e8b64c29,#e8b64c05)}.tb-jnav button em{min-width:calc(var(--s) * 20);padding:calc(var(--s) * 3) calc(var(--s) * 6);border-radius:calc(var(--s) * 10);background:var(--ember);color:#1d0f05;font:700 calc(var(--s) * 11) / 1 var(--font-ui);text-align:center;margin-left:auto;font-style:normal}.tb-jnav button em:empty{display:none}.tb-jpage{min-width:0;padding:calc(var(--s) * 26) calc(var(--s) * 44) calc(var(--s) * 32);scrollbar-width:thin;scrollbar-color:#e8b64c59 transparent;flex:1;overflow-y:auto}.tb-jhead{margin:calc(var(--s) * 6) 0 calc(var(--s) * 14)}.tb-jhead:not(:first-child){margin-top:calc(var(--s) * 34)}.tb-jquest{padding:calc(var(--s) * 22) calc(var(--s) * 26);border-radius:calc(var(--s) * 6);background:linear-gradient(135deg,#e8b64c1f,#e8b64c05);box-shadow:inset 0 0 0 1px #e8b64c40}.tb-jquest h3{font:700 calc(var(--s) * 30) / 1.1 var(--font-display);letter-spacing:.04em;margin:0}.tb-jquest p{margin:calc(var(--s) * 10) 0 0;font:400 calc(var(--s) * 16) / 1.5 var(--font-ui);color:#f2e6c9e0}.tb-jshards{align-items:center;gap:calc(var(--s) * 6);margin-top:calc(var(--s) * 18);display:flex}.tb-jshards i{width:calc(var(--s) * 22);height:calc(var(--s) * 22);color:#f2e6c94d}.tb-jshards i .tb-glyph{width:100%;height:100%;display:block}.tb-jshards i.on{color:var(--gold-hi);filter:drop-shadow(0 0 6px #ffbe50d9)}.tb-jshards span{margin-left:calc(var(--s) * 8);font:500 calc(var(--s) * 13) / 1 var(--font-ui);color:var(--ink-dim)}.tb-jdone{margin:0;padding:0;list-style:none}.tb-jdone li{align-items:center;gap:calc(var(--s) * 12);padding:calc(var(--s) * 12) 0;font:500 calc(var(--s) * 15) / 1.2 var(--font-ui);border-bottom:1px solid #f2e6c912;display:flex}.tb-jdone li .tb-glyph{width:calc(var(--s) * 18);height:calc(var(--s) * 18);color:#9fd67a;display:block}.tb-jdone li span{color:#f2e6c9bf;flex:1;-webkit-text-decoration:line-through #f2e6c959;text-decoration:line-through #f2e6c959}.tb-jdone time,.tb-jlore time{font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:var(--ink-dim)}.tb-jdone li.empty{color:var(--ink-dim);font-weight:400}.tb-jlore{margin-bottom:calc(var(--s) * 16);padding:calc(var(--s) * 22) calc(var(--s) * 28);color:var(--ink-dark);border-radius:calc(var(--s) * 3);box-shadow:inset 0 0 0 1px #78501e4d, inset 0 0 calc(var(--s) * 40) #78461447, 0 calc(var(--s) * 8) calc(var(--s) * 24) #00000059;background:radial-gradient(at 50% 0,#fffaeb80,#0000 60%),linear-gradient(#efe0bb,#e0c995)}.tb-jlore header{justify-content:space-between;align-items:baseline;gap:calc(var(--s) * 12);display:flex}.tb-jlore h3{font:700 calc(var(--s) * 20) / 1.2 var(--font-display);letter-spacing:.03em;margin:0}.tb-jlore time{color:#7a5a30}.tb-jlore p{margin:calc(var(--s) * 10) 0 0;font:400 calc(var(--s) * 15) / 1.6 var(--font-ui);color:#3b2a16}.tb-jempty{text-align:center;max-width:28em;color:var(--ink-dim);margin:12vh auto 0}.tb-jempty .tb-glyph{width:calc(var(--s) * 44);height:calc(var(--s) * 44);color:var(--gold);opacity:.7}.tb-jempty h3{margin:calc(var(--s) * 14) 0 calc(var(--s) * 8);font:700 calc(var(--s) * 22) / 1.2 var(--font-display);color:var(--parchment)}.tb-jempty p{font:400 calc(var(--s) * 14.5) / 1.6 var(--font-ui);margin:0}.tb-jnotes{gap:calc(var(--s) * 14);grid-template-columns:repeat(2,1fr);display:grid}.tb-jnotes section{padding:calc(var(--s) * 18) calc(var(--s) * 20);border-radius:calc(var(--s) * 6);background:#f2e6c90a;box-shadow:inset 0 0 0 1px #f2e6c914}.tb-jnotes h3{font:700 calc(var(--s) * 16) / 1.2 var(--font-display);letter-spacing:.04em;color:var(--gold-hi);margin:0}.tb-jnotes p{margin:calc(var(--s) * 8) 0 0;font:400 calc(var(--s) * 13.5) / 1.55 var(--font-ui);color:#f2e6c9d1}.tb-map .tb-panel-body{align-items:center;gap:calc(var(--s) * 30);padding:calc(var(--s) * 20) calc(var(--s) * 30)}.tb-map-sheet{aspect-ratio:1;border-radius:calc(var(--s) * 3);max-width:68%;height:100%;box-shadow:0 calc(var(--s) * 18) calc(var(--s) * 50) #0009, 0 0 0 1px #50371e99;flex:none;position:relative;transform:rotate(-.6deg)}.tb-map-paper,.tb-map-layer{position:absolute;inset:0}.tb-map-paper canvas{border-radius:inherit;width:100%;height:100%;display:block}.tb-map-layer{overflow:hidden}.tb-map-mark{align-items:center;gap:calc(var(--s) * 6);transform:translate(calc(var(--s) * -6), -50%);color:#2e1f10;white-space:nowrap;display:none;position:absolute}.tb-map-mark.show{animation:tb-ink .8s var(--ease-out);display:flex}.tb-map-mark.left{transform:translate(calc(-100% + var(--s) * 6), -50%);flex-direction:row-reverse}.tb-map-mark i{width:calc(var(--s) * 12);height:calc(var(--s) * 12);border:calc(var(--s) * 2) solid #3a2512;box-shadow:0 0 0 calc(var(--s) * 2) #f0e1becc;background:#c33f22;border-radius:50%;flex:none}.tb-map-mark span{font:700 calc(var(--s) * 13.5) / 1 var(--font-display);letter-spacing:.06em;text-shadow:0 0 3px #f0e1bef2,0 0 6px #f0e1becc}@keyframes tb-ink{0%{opacity:0;filter:blur(3px)}}.tb-map-player{width:calc(var(--s) * 22);height:calc(var(--s) * 22);filter:drop-shadow(0 1px 1px #00000080);z-index:2;position:absolute;transform:translate(-50%,-50%)}.tb-map-player svg{fill:#c33f22;stroke:#f5ead0;stroke-width:1.6px;stroke-linejoin:round;width:100%;height:100%;display:block}.tb-map-player:before{content:"";border:1.5px solid #c33f22b3;border-radius:50%;animation:2s ease-out infinite tb-ping;position:absolute;inset:-60%}@keyframes tb-ping{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}.tb-map-wp{width:calc(var(--s) * 22);height:calc(var(--s) * 22);color:#7a4a0a;display:none;position:absolute;transform:translate(-50%,-50%)}.tb-map-wp.show{display:block}.tb-map-wp .tb-glyph{fill:#e3a632;stroke:#3a2512;stroke-width:1.8px;filter:drop-shadow(0 0 4px #ffbe3ce6);width:100%;height:100%;display:block}.tb-map-side{min-width:0;padding:calc(var(--s) * 16) 0;flex-direction:column;flex:1;align-self:stretch;display:flex}.tb-map-side h2{margin:calc(var(--s) * 8) 0 calc(var(--s) * 12);font:700 calc(var(--s) * 46) / 1 var(--font-display);letter-spacing:.14em}.tb-map-side .tb-rule{margin-bottom:calc(var(--s) * 14)}.tb-map-count{font:500 calc(var(--s) * 13) / 1 var(--font-ui);color:var(--ink-dim);margin-bottom:calc(var(--s) * 12)}.tb-map-legend{margin:0;padding:0;list-style:none;overflow-y:auto}.tb-map-legend li{padding:calc(var(--s) * 9) 0;border-bottom:1px solid #f2e6c912}.tb-map-legend b{font:700 calc(var(--s) * 15) / 1.2 var(--font-display);letter-spacing:.04em;color:#f2e6c959;display:block}.tb-map-legend span{margin-top:calc(var(--s) * 3);font:400 calc(var(--s) * 12.5) / 1.3 var(--font-ui);color:#f2e6c959;display:block}.tb-map-legend li.on b{color:var(--parchment)}.tb-map-legend li.on span{color:var(--ink-dim)}.tb-map-key{gap:calc(var(--s) * 18);padding-top:calc(var(--s) * 14);font:500 calc(var(--s) * 12.5) / 1 var(--font-ui);color:var(--ink-dim);margin-top:auto;display:flex}.tb-map-key span{align-items:center;gap:calc(var(--s) * 7);display:inline-flex}.tb-map-key i{width:calc(var(--s) * 10);height:calc(var(--s) * 10);display:block}.tb-map-key .k-you{clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);background:#c33f22}.tb-map-key .k-obj{background:#e3a632;transform:rotate(45deg)scale(.8)}.tb-map-pois,.tb-map-fires{pointer-events:none;position:absolute;inset:0}.tb-map-poi,.tb-map-fire{width:calc(var(--s) * 18);height:calc(var(--s) * 18);pointer-events:auto;animation:tb-ink .8s var(--ease-out);position:absolute;transform:translate(-50%,-50%)}.tb-map-poi .tb-glyph,.tb-map-fire .tb-glyph{width:100%;height:100%;display:block}.tb-map-poi{color:#3a2512;filter:drop-shadow(0 0 2px #f5ead0f2)}.tb-map-poi.done{opacity:.45}.tb-map-fire{color:#c3531f;filter:drop-shadow(0 0 3px #ffa03ce6)}.tb-map-fire.tb-map-built{color:#e8d6a8;filter:drop-shadow(0 0 2px #000000e6)}.tb-map-fire.tb-map-built.rain_catcher{color:#7cc6e6}#ui>.tb-screen{z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s var(--ease-out), visibility 0s .6s;color:var(--parchment);position:fixed;inset:0}#ui>.tb-screen.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s var(--ease-out)}.tb-screen .tb-glyph{vertical-align:-.12em;width:1em;height:1em;display:inline-block}.tb-eyebrow{font:600 calc(var(--s) * 12) / 1 var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.tb-rule{align-items:center;gap:calc(var(--s) * 12);color:var(--gold);display:flex}.tb-rule i{background:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);opacity:.6;flex:1;height:1px}.tb-rule .tb-glyph{width:calc(var(--s) * 10);height:calc(var(--s) * 10);fill:currentColor}.tb-menu{align-items:flex-start;gap:calc(var(--s) * 2);flex-direction:column;display:flex}.tb-menu button{align-items:center;gap:calc(var(--s) * 14);padding:calc(var(--s) * 9) calc(var(--s) * 12) calc(var(--s) * 9) calc(var(--s) * 30);color:#f2e6c9bd;font:700 calc(var(--s) * 24) / 1.1 var(--font-display);letter-spacing:.1em;text-align:left;text-shadow:var(--shadow-text);cursor:pointer;transition:color .25s ease, transform .35s var(--ease-out), text-shadow .25s ease;background:0 0;border:none;display:flex;position:relative}.tb-menu button:before{content:"";width:calc(var(--s) * 18);background:linear-gradient(90deg, transparent, var(--ember) 30%, var(--gold-hi));height:1.5px;box-shadow:0 0 8px var(--ember);transform-origin:0;transition:transform .35s var(--ease-out);position:absolute;top:50%;left:0;transform:scaleX(0)}.tb-menu button:hover:not(:disabled),.tb-menu button:focus-visible,.tb-menu button.active{color:#fff8e6;transform:translateX(calc(var(--s) * 8));text-shadow:0 0 18px #ffbe5a8c, var(--shadow-text);outline:none}.tb-menu button:hover:not(:disabled):before,.tb-menu button:focus-visible:before,.tb-menu button.active:before{transform:scaleX(1)}.tb-menu button:disabled{opacity:.38;cursor:default}.tb-menu button .lbl{display:block}.tb-menu button .sub{font:600 calc(var(--s) * 10.5) / 1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:none}.tb-menu button:disabled .sub{color:var(--ink-dim)}.tb-menu kbd{opacity:.7}.tb-btn{justify-content:center;align-items:center;gap:calc(var(--s) * 8);padding:calc(var(--s) * 12) calc(var(--s) * 28);border-radius:calc(var(--s) * 3);box-shadow:inset 0 1px 0 #fff5d299, 0 calc(var(--s) * 6) calc(var(--s) * 18) #0006;color:#24170a;font:700 calc(var(--s) * 14) / 1 var(--font-display);letter-spacing:.14em;cursor:pointer;transition:filter .2s ease, transform .2s var(--ease-out), box-shadow .2s ease;background:linear-gradient(#f3cf74 0%,#d9a441 55%,#a8792a 100%);border:none;display:inline-flex}.tb-btn:hover,.tb-btn:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px 0 #fff5d299, 0 0 0 2px #f6d58a80, 0 calc(var(--s) * 8) calc(var(--s) * 24) #00000073;outline:none;transform:translateY(-1px)}.tb-btn:disabled{filter:grayscale()brightness(.6);cursor:not-allowed;transform:none}.tb-btn.ghost{color:var(--parchment);background:#f2e6c90a;box-shadow:inset 0 0 0 1px #f2e6c94d}.tb-btn.ghost:hover,.tb-btn.ghost:focus-visible{box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 2px #f6d58a40}.tb-btn.small{padding:calc(var(--s) * 7) calc(var(--s) * 14);font-size:calc(var(--s) * 11)}.tb-foot{left:clamp(32px,6vw,200px);right:clamp(32px,4vw,120px);bottom:calc(var(--s) * 30);font:500 calc(var(--s) * 12) / 1 var(--font-ui);letter-spacing:.06em;color:#f2e6c99e;text-shadow:var(--shadow-text);justify-content:space-between;align-items:center;display:flex;position:absolute}.tb-hints{align-items:center;gap:calc(var(--s) * 6);display:flex}.tb-hints kbd+kbd{margin-left:calc(var(--s) * -2)}.tb-hints kbd:not(:first-child){margin-left:calc(var(--s) * 10)}.tb-hints kbd+kbd:not(:first-child){margin-left:0}.tb-title-scrim{background:linear-gradient(90deg,#03090bdb 0%,#03090b9e 30%,#03090b1f 58%,#0000 75%),linear-gradient(#0000 72%,#03090bb3 100%),linear-gradient(#03090b59 0%,#0000 20%);position:absolute;inset:0}.tb-title-col{width:min(88vw, calc(var(--s) * 600));transition:transform .9s var(--ease-out), opacity .6s ease;position:absolute;top:47%;left:clamp(32px,6vw,200px);transform:translateY(-50%)}.tb-logo{flex-direction:column;align-items:flex-start;display:flex}.tb-logo-sun{width:calc(var(--s) * 128);height:auto;margin-left:calc(var(--s) * 4);color:var(--gold);filter:drop-shadow(0 0 12px #ffaa3c80)}.tb-logo-word{margin:calc(var(--s) * 4) 0 0;font:700 calc(var(--s) * 94) / 1 var(--font-display);letter-spacing:.14em;filter:drop-shadow(0 2px #2814008c)drop-shadow(0 0 28px #e8963c4d);margin-right:-.14em}.tb-logo-word small{margin:0 0 calc(var(--s) * 10) calc(var(--s) * 4);font:600 calc(var(--s) * 26) / 1 var(--font-display);letter-spacing:.55em;text-transform:uppercase;color:var(--gold);display:block}.tb-logo-word span{background:linear-gradient(#fff6da 8%,#f2d38a 42%,#d9a441 62%,#9c6b22 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tb-logo .tb-rule{width:calc(var(--s) * 520);max-width:100%;margin:calc(var(--s) * 14) 0 calc(var(--s) * 16)}.tb-tagline{font:500 calc(var(--s) * 17) / 1.65 var(--font-display);letter-spacing:.05em;color:#f2e6c9e6;text-shadow:var(--shadow-text);margin:0}.tb-title .tb-menu{margin-top:calc(var(--s) * 48);margin-left:calc(var(--s) * -30)}.tb-title.show .tb-logo-sun{animation:tb-rise 1.6s var(--ease-out) both}.tb-title.show .tb-logo-word{animation:tb-rise 1.6s .15s var(--ease-out) both}.tb-title.show .tb-rule,.tb-title.show .tb-tagline{animation:tb-rise 1.6s .4s var(--ease-out) both}.tb-title.show .tb-menu button{animation:tb-rise 1s var(--ease-out) both}.tb-title.show .tb-menu button:first-child{animation-delay:.7s}.tb-title.show .tb-menu button:nth-child(2){animation-delay:.78s}.tb-title.show .tb-menu button:nth-child(3){animation-delay:.86s}.tb-title.show .tb-menu button:nth-child(4){animation-delay:.94s}@keyframes tb-rise{0%{opacity:0;transform:translateY(calc(var(--s) * 14));filter:blur(4px)}}.tb-title.sheet-open .tb-title-col{opacity:.55}.tb-confirm{z-index:5;background:#0206088c;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.tb-confirm.show{display:flex}.tb-confirm-card{width:min(90vw, calc(var(--s) * 440));padding:calc(var(--s) * 28) calc(var(--s) * 32);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline), 0 calc(var(--s) * 24) calc(var(--s) * 60) #0009;border-radius:calc(var(--s) * 6);text-align:center;animation:tb-rise .4s var(--ease-out)}.tb-confirm-card h3{font:700 calc(var(--s) * 22) / 1.2 var(--font-display);letter-spacing:.04em;margin:0}.tb-confirm-card p{margin:calc(var(--s) * 10) 0 calc(var(--s) * 22);font:400 calc(var(--s) * 14) / 1.5 var(--font-ui);color:var(--ink-dim)}.tb-confirm-row{justify-content:center;gap:calc(var(--s) * 12);display:flex}#ui>.tb-intro{z-index:40;pointer-events:none;text-align:center;background:#030708;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#ui>.tb-intro.play{display:flex}.tb-intro.full.play{animation:7.6s forwards tb-intro-bg}.tb-intro.short.play{animation:2.6s forwards tb-intro-bg-short}@keyframes tb-intro-bg{0%,72%{opacity:1}to{opacity:0}}@keyframes tb-intro-bg-short{0%,30%{opacity:1}to{opacity:0}}.tb-intro-card{align-items:center;gap:calc(var(--s) * 18);flex-direction:column;display:flex}.tb-intro.full .tb-intro-card{animation:7.6s forwards tb-intro-card-out}@keyframes tb-intro-card-out{0%,64%{opacity:1;filter:none}74%,to{opacity:0;filter:blur(6px)}}.tb-intro-day{font:700 calc(var(--s) * 15) / 1 var(--font-display);letter-spacing:.6em;text-transform:uppercase;color:var(--gold);animation:tb-fade-up 1.4s .3s var(--ease-out) both;margin-right:-.6em}.tb-intro p{font:500 calc(var(--s) * 40) / 1.2 var(--font-display);letter-spacing:.04em;color:var(--parchment);margin:0}.tb-intro .l1{animation:tb-fade-up 1.8s 1.3s var(--ease-out) both}.tb-intro .l2{animation:tb-fade-up 1.8s 3s var(--ease-out) both;color:#f0c98a}.tb-intro.short .tb-intro-day{font-size:calc(var(--s) * 22)}@keyframes tb-fade-up{0%{opacity:0;transform:translateY(calc(var(--s) * 10));filter:blur(5px)}}.tb-pause-scrim{-webkit-backdrop-filter:blur(7px)saturate(.75);backdrop-filter:blur(7px)saturate(.75);background:linear-gradient(90deg,#03090be0 0%,#03090b99 38%,#03090b4d 100%);position:absolute;inset:0}.tb-pause-col{width:min(88vw, calc(var(--s) * 480));position:absolute;top:50%;left:clamp(32px,6vw,200px);transform:translateY(-50%)}.tb-pause-title{margin:calc(var(--s) * 12) 0 calc(var(--s) * 22);font:700 calc(var(--s) * 64) / 1 var(--font-display);letter-spacing:.08em;color:var(--parchment);text-shadow:0 0 30px #e8963c40}.tb-pause-quest{padding:calc(var(--s) * 12) calc(var(--s) * 16);border-left:2px solid var(--gold);margin-bottom:calc(var(--s) * 34);background:linear-gradient(90deg,#f2e6c912,#0000)}.tb-pause-quest span{align-items:center;gap:calc(var(--s) * 8);font:700 calc(var(--s) * 16) / 1.2 var(--font-display);letter-spacing:.04em;display:flex}.tb-pause-quest .tb-glyph{width:calc(var(--s) * 10);height:calc(var(--s) * 10);fill:var(--gold);color:var(--gold)}.tb-pause-quest p{margin:calc(var(--s) * 6) 0 0;font:400 calc(var(--s) * 14) / 1.45 var(--font-ui);color:var(--ink-dim)}.tb-pause .tb-menu{margin-left:calc(var(--s) * -30)}.tb-pause.show .tb-pause-col>*{animation:tb-rise .6s var(--ease-out) both}.tb-pause.show .tb-pause-col>:nth-child(2){animation-delay:40ms}.tb-pause.show .tb-pause-col>:nth-child(3){animation-delay:80ms}.tb-pause.show .tb-pause-col>:nth-child(4){animation-delay:.12s}.tb-sheet{width:min(calc(100vw - 48px), calc(var(--s) * 520));max-height:84vh;transform:translate(calc(var(--s) * 30), -50%);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:calc(var(--s) * 6);box-shadow:inset 0 0 0 1px var(--hairline), 0 calc(var(--s) * 30) calc(var(--s) * 80) #0000008c;transition:opacity .35s ease, transform .45s var(--ease-out);z-index:4;background:linear-gradient(#0a161ae6,#060d10f0);flex-direction:column;display:flex;position:absolute;top:50%;right:clamp(24px,5vw,160px)}.tb-sheet.show{opacity:1;transform:translateY(-50%)}.tb-sheet header{padding:calc(var(--s) * 20) calc(var(--s) * 24) calc(var(--s) * 14);border-bottom:1px solid var(--hairline-soft);justify-content:space-between;align-items:center;display:flex}.tb-sheet h3{font:700 calc(var(--s) * 24) / 1 var(--font-display);letter-spacing:.08em;margin:0}.tb-x{width:calc(var(--s) * 32);height:calc(var(--s) * 32);color:var(--parchment);cursor:pointer;background:#f2e6c90f;border:none;border-radius:50%;place-items:center;display:grid}.tb-x:hover,.tb-x:focus-visible{background:#f2e6c929;outline:none}.tb-x .tb-glyph{width:calc(var(--s) * 16);height:calc(var(--s) * 16)}.tb-sheet-body{padding:calc(var(--s) * 8) calc(var(--s) * 24) calc(var(--s) * 22);display:none;overflow-y:auto}.tb-sheet-body.show{display:block}.tb-sheet section{padding-top:calc(var(--s) * 14)}.tb-sheet h4{align-items:center;gap:calc(var(--s) * 10);margin:0 0 calc(var(--s) * 10);font:600 calc(var(--s) * 11) / 1 var(--font-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:flex}.tb-sheet h4:after{content:"";background:var(--hairline-soft);flex:1;height:1px}.tb-field{padding:calc(var(--s) * 8) 0}.tb-field.row{justify-content:space-between;align-items:center;display:flex}.tb-field label{font:500 calc(var(--s) * 14) / 1.2 var(--font-ui);color:#f2e6c9e6;justify-content:space-between;display:flex}.tb-field:not(.row) label{margin-bottom:calc(var(--s) * 10)}.tb-field output{color:var(--gold-hi);font-variant-numeric:tabular-nums;font-weight:600}.tb-field input[type=range]{--fill:50%;width:100%;height:calc(var(--s) * 18);appearance:none;cursor:pointer;background:0 0;margin:0}.tb-field input[type=range]::-webkit-slider-runnable-track{height:calc(var(--s) * 4);background:linear-gradient(90deg, var(--gold) var(--fill), #f2e6c924 var(--fill));border-radius:2px}.tb-field input[type=range]::-moz-range-track{height:calc(var(--s) * 4);background:linear-gradient(90deg, var(--gold) var(--fill), #f2e6c924 var(--fill));border-radius:2px}.tb-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--s) * 16);height:calc(var(--s) * 16);margin-top:calc(var(--s) * -6);background:var(--parchment);box-shadow:0 0 0 calc(var(--s) * 3) #d9a44180, 0 2px 6px #00000080;border-radius:50%;transition:box-shadow .2s}.tb-field input[type=range]::-moz-range-thumb{width:calc(var(--s) * 16);height:calc(var(--s) * 16);background:var(--parchment);box-shadow:0 0 0 calc(var(--s) * 3) #d9a44180;border:none;border-radius:50%}.tb-field input[type=range]:focus-visible{outline:none}.tb-field input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(var(--s) * 5) #f6d58acc}.tb-seg{padding:calc(var(--s) * 3);gap:calc(var(--s) * 3);border-radius:calc(var(--s) * 4);box-shadow:inset 0 0 0 1px var(--hairline-soft);background:#0000004d;grid-template-columns:repeat(4,1fr);display:grid}.tb-seg button{padding:calc(var(--s) * 9) 0;border-radius:calc(var(--s) * 3);color:#f2e6c9bf;font:600 calc(var(--s) * 13) / 1 var(--font-ui);cursor:pointer;background:0 0;border:none;transition:background .2s,color .2s}.tb-seg button:hover,.tb-seg button:focus-visible{color:var(--parchment);background:#f2e6c914;outline:none}.tb-seg button.on{color:#24170a;background:linear-gradient(#f0c565,#c49036)}.tb-switch{width:calc(var(--s) * 42);height:calc(var(--s) * 24);border-radius:calc(var(--s) * 12);cursor:pointer;background:#f2e6c929;border:none;flex:none;transition:background .25s;position:relative}.tb-switch i{left:calc(var(--s) * 3);top:calc(var(--s) * 3);width:calc(var(--s) * 18);height:calc(var(--s) * 18);background:var(--parchment);transition:transform .25s var(--ease-out);border-radius:50%;position:absolute;box-shadow:0 1px 3px #00000080}.tb-switch.on{background:var(--gold)}.tb-switch.on i{transform:translateX(calc(var(--s) * 18))}.tb-switch:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.tb-note{align-items:center;gap:calc(var(--s) * 12);margin:calc(var(--s) * 4) 0 calc(var(--s) * 6);padding:calc(var(--s) * 10) calc(var(--s) * 12);border-radius:calc(var(--s) * 4);font:400 calc(var(--s) * 12.5) / 1.4 var(--font-ui);color:#ffd2b0;background:#ff7a3c1a;display:flex;box-shadow:inset 0 0 0 1px #ff7a3c4d}.tb-note[hidden]{display:none}.tb-note .tb-btn{flex:none}.tb-keys{margin:calc(var(--s) * 8) 0 0;display:grid}.tb-keys>div{padding:calc(var(--s) * 8) 0;border-bottom:1px solid #f2e6c912;justify-content:space-between;align-items:center;display:flex}.tb-keys dt{font:500 calc(var(--s) * 14) / 1.2 var(--font-ui);color:#f2e6c9e0}.tb-keys dd{align-items:center;gap:calc(var(--s) * 4);margin:0;display:flex}.tb-keys .or{font:500 calc(var(--s) * 12) / 1 var(--font-ui);color:var(--ink-dim);padding:0 calc(var(--s) * 3)}.tb-sheet-tip{margin:calc(var(--s) * 16) 0 0;font:400 calc(var(--s) * 12.5) / 1.5 var(--font-ui);color:var(--ink-dim)}#ui>.tb-death{text-align:center;background:radial-gradient(70% 60%,#3208028c,#020000f0 80%);justify-content:center;align-items:center;transition:opacity 1.2s,visibility 0s 1.2s;display:flex}#ui>.tb-death.show{transition:opacity .9s}.tb-death-inner{flex-direction:column;align-items:center;display:flex}.tb-death h2{margin:calc(var(--s) * 18) 0 0;font:700 calc(var(--s) * 56) / 1.1 var(--font-display);letter-spacing:.05em;color:var(--parchment);text-shadow:0 0 40px #c8280a73}.tb-death-fornow{margin:calc(var(--s) * 10) 0 0;font:500 calc(var(--s) * 26) / 1.2 var(--font-display);letter-spacing:.2em;color:var(--ember);text-shadow:0 0 20px #ff7a3c99}.tb-death-cause{margin:calc(var(--s) * 26) 0 calc(var(--s) * 34);min-height:1.4em;font:400 calc(var(--s) * 15) / 1.4 var(--font-ui);color:var(--ink-dim)}.tb-death.show .tb-eyebrow{animation:tb-fade-up .9s .15s var(--ease-out) both}.tb-death.show h2{animation:tb-fade-up 1.4s .3s var(--ease-out) both}.tb-death.show .tb-death-fornow{animation:tb-fade-up 1s 1.05s var(--ease-out) both}.tb-death.show .tb-death-cause{animation:tb-fade-up .9s 1.5s var(--ease-out) both}.tb-death.show .tb-btn{animation:tb-fade-up 1s 1.9s var(--ease-out) both}.tb-death-wake{width:calc(var(--s) * 180);background:#f2e6c924;height:1px;overflow:hidden}.tb-death [hidden]{display:none!important}.tb-death-wake i{background:linear-gradient(90deg, transparent, var(--ember), var(--gold-hi));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.tb-death.show .tb-death-wake{animation:tb-fade-up .6s 1.5s var(--ease-out) both}.tb-death.show .tb-death-wake i{animation:1.7s linear 1.5s both tb-wake}@keyframes tb-wake{to{transform:scaleX(1)}}#ui>.tb-win{background:radial-gradient(60% 70%,#03090b59,#03090bcc);justify-content:center;align-items:center;transition:opacity 2s,visibility 0s 2s;display:flex}#ui>.tb-win.show{transition:opacity 2s}.tb-bars i{height:9vh;transition:transform 1.6s var(--ease-out);background:#000;position:absolute;left:0;right:0}.tb-bars i:first-child{top:0;transform:translateY(-100%)}.tb-bars i:last-child{bottom:0;transform:translateY(100%)}.tb-win.show .tb-bars i{transform:none}.tb-win-card{width:min(92vw, calc(var(--s) * 760));padding:calc(var(--s) * 30) calc(var(--s) * 44) calc(var(--s) * 34);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--hairline), 0 calc(var(--s) * 30) calc(var(--s) * 90) #0009;border-radius:calc(var(--s) * 6);background:linear-gradient(#081216c7,#050b0ee6);position:relative}.tb-win-sun{width:calc(var(--s) * 110);height:auto;color:var(--gold);filter:drop-shadow(0 0 14px #ffaa3cb3)}.tb-win h2{margin:calc(var(--s) * 10) 0 calc(var(--s) * 10);font:700 calc(var(--s) * 50) / 1.05 var(--font-display);letter-spacing:.08em;background:linear-gradient(#fff6da 10%,#f2d38a 50%,#c89238 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tb-win-lede{max-width:34em;font:400 calc(var(--s) * 16) / 1.55 var(--font-ui);color:#f2e6c9e0;margin:0 auto}.tb-stats{gap:calc(var(--s) * 18) calc(var(--s) * 10);margin:calc(var(--s) * 28) 0 calc(var(--s) * 24);padding:calc(var(--s) * 20) 0;border-top:1px solid var(--hairline-soft);border-bottom:1px solid var(--hairline-soft);grid-template-columns:repeat(4,1fr);display:grid}.tb-stats>div{gap:calc(var(--s) * 6);flex-direction:column-reverse;display:flex}.tb-stats>div:first-child{grid-row:span 2;justify-content:center}.tb-stats>div:first-child dd{font-size:calc(var(--s) * 64)}.tb-stats dd{font:700 calc(var(--s) * 30) / 1 var(--font-display);color:var(--gold-hi);font-variant-numeric:tabular-nums;margin:0}.tb-stats dd small{font:600 calc(var(--s) * 13) / 1 var(--font-ui);letter-spacing:.04em;color:var(--ink-dim);margin-left:.2em}.tb-stats dt{font:600 calc(var(--s) * 10.5) / 1.2 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.tb-credits{gap:calc(var(--s) * 5);margin-bottom:calc(var(--s) * 26);display:grid}.tb-credits p{font:400 calc(var(--s) * 12.5) / 1.4 var(--font-ui);color:#f2e6c999;margin:0}.tb-credits p:first-child{font:700 calc(var(--s) * 14) / 1.4 var(--font-display);letter-spacing:.3em;color:var(--parchment);margin-bottom:calc(var(--s) * 4)}.tb-credits span{text-align:right;letter-spacing:.14em;text-transform:uppercase;min-width:7em;color:var(--gold);margin-right:1em;font-size:.85em;font-weight:600;display:inline-block}.tb-win-actions{justify-content:center;gap:calc(var(--s) * 12);display:flex}.tb-win.show .tb-win-card>*{animation:tb-rise 1.4s var(--ease-out) both}.tb-win.show .tb-win-card>:first-child{animation-delay:.8s}.tb-win.show .tb-win-card>:nth-child(2){animation-delay:1s}.tb-win.show .tb-win-card>:nth-child(3){animation-delay:1.2s}.tb-win.show .tb-win-card>:nth-child(4){animation-delay:1.6s}.tb-win.show .tb-win-card>:nth-child(5){animation-delay:2s}.tb-win.show .tb-win-card>:nth-child(6){animation-delay:2.5s}.tb-win.show .tb-win-card>:nth-child(7){animation-delay:3s}#ui>.tb-veil{z-index:50;cursor:pointer;background:#02060840;border:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#ui>.tb-veil.show{display:flex}.tb-veil span{padding:calc(var(--s) * 12) calc(var(--s) * 22);border-radius:calc(var(--s) * 24);background:var(--glass-strong);box-shadow:inset 0 0 0 1px var(--hairline);font:600 calc(var(--s) * 14) / 1 var(--font-ui);letter-spacing:.06em;color:var(--parchment)}@media (prefers-reduced-motion:reduce){.tb-screen *,.tb-intro *{animation-duration:10ms!important;animation-delay:0s!important}}.tb-gpu-name{align-items:center;gap:calc(var(--s) * 8);color:var(--parchment);font:600 calc(var(--s) * 14) / 1.3 var(--font-ui);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.tb-gpu-kind{padding:calc(var(--s) * 2) calc(var(--s) * 8);border-radius:calc(var(--s) * 10);font-size:calc(var(--s) * 11);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 0 0 1px}.tb-gpu-kind.dgpu{color:#8fd694}.tb-gpu-kind.igpu{color:var(--gold-hi)}.tb-gpu-tip{margin:calc(var(--s) * 8) 0 0;font:400 calc(var(--s) * 12) / 1.45 var(--font-ui);opacity:.75}.tb-gpu-tip code{color:var(--gold-hi);font-size:.95em}
