@font-face{font-family:Cinzel;src:url(./Cinzel-B9DGn7I7.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(./AlegreyaSans-400-CrsJ_0GU.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(./AlegreyaSans-500-DgHFrsP7.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(./AlegreyaSans-700-CVYUJQcY.woff2) format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--ink: #ece2cf;--ink-dim: #b7a98f;--ink-faint: #8a7d68;--panel: rgba(22, 19, 16, .86);--panel-solid: #1a1714;--edge: #6d5634;--edge-hi: #b8925a;--gold: #e0b465;--hp: #b8402f;--vigor: #b39a3a;--focus: #4f8fc7;--ok: #8fbf6a;--bad: #d06a50;--arcane: #7fb8ff;--serif: "Cinzel", "Trajan Pro", Georgia, serif;--sans: "Alegreya Sans", "Gill Sans", "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0d0c0b;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:var(--sans);color:var(--ink)}#game{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;cursor:default}#game.hover-act{cursor:pointer}#ui{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);font-size:16px}#ui .vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(10,8,6,.42) 100%)}#boot{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 40%,#2a241c,#0d0c0b 70%)}#boot.gone{display:none}.boot-title{font-family:var(--serif);font-size:64px;letter-spacing:.32em;color:var(--gold);text-shadow:0 2px 18px rgba(224,180,101,.25);padding-left:.32em}.boot-sub{font-family:var(--serif);font-size:15px;letter-spacing:.4em;color:var(--ink-dim);text-transform:uppercase}.boot-bar{width:min(280px,70vw);height:3px;background:#2b251d;margin-top:26px}.boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a6a38,var(--gold))}.boot-msg{font-size:13px;color:var(--ink-faint);letter-spacing:.08em}.panel{background:var(--panel);border:1px solid var(--edge);box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #b8925a1a,0 10px 30px #00000073;border-radius:3px}.panel h2{font-family:var(--serif);font-weight:600;font-size:15px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.btn{pointer-events:auto;cursor:pointer;font-family:var(--serif);font-weight:600;letter-spacing:.08em;color:var(--ink);background:linear-gradient(#3a3024,#241e17);border:1px solid var(--edge-hi);border-radius:2px;min-height:44px;padding:0 18px;font-size:14px}.btn:hover{background:linear-gradient(#4a3d2c,#2d251c)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{color:#1b140b;background:linear-gradient(#e6c27a,#b88d47);border-color:#f0d79f}.btn.ghost{background:transparent;border-color:var(--edge);color:var(--ink-dim)}.plate{position:absolute;left:14px;top:14px;width:272px;padding:10px 12px 11px}.plate .name{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:.04em}.plate .name.long{font-size:13px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plate .title{font-size:13px;color:var(--ink-dim);margin-top:1px}.bar{position:relative;height:16px;margin-top:6px;background:#120f0c;border:1px solid #3a2f22}.bar i{position:absolute;left:0;top:0;bottom:0}.bar span{position:absolute;inset:0;font-size:12.5px;line-height:15px;font-weight:500;text-align:center;color:#ffffffe0;text-shadow:0 1px 1px #000;letter-spacing:.05em}.bar.hp i{background:linear-gradient(#d0583f,#8f2c20)}.bar.vigor i{background:linear-gradient(#cdb04c,#86702a)}.bar.focus i{background:linear-gradient(#6aa7dc,#2f6596)}.plate .load{font-size:12px;color:#e0b465;margin-top:4px}.plate .load:empty{display:none}.plate .load.over{color:#f08a6a}.slot .cnt{position:absolute;right:3px;bottom:2px;font-size:11px;color:var(--ink);text-shadow:0 1px 2px #000;pointer-events:none}.menu .rebind .kb{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0;font-size:13px}.menu .rebind .btn{min-width:84px;min-height:32px;padding:0 10px}.bar.mana i{background:linear-gradient(#8a72d8,#47358f)}.castbar{position:absolute;left:50%;bottom:calc(112px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:240px;height:14px;margin:0;display:none;pointer-events:none}.castbar.on{display:block}.castbar i{background:linear-gradient(#b9a4ff,#5a44b0)}#game.aiming,#game.aiming.hover-act{cursor:crosshair}.zone{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.zone .zname{font-family:var(--serif);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.8)}.zone .zrisk{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim);text-shadow:0 1px 4px #000}.zone .zrisk b{width:8px;height:8px;border-radius:50%;background:#5fae5a;box-shadow:0 0 6px #5fae5a}.goal{position:absolute;right:14px;top:14px;max-width:290px;padding:9px 12px}.goal .gk{font-family:var(--serif);font-size:11px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.goal .gt{font-size:15px;margin-top:2px;line-height:1.25}.target{position:absolute;left:50%;top:58px;transform:translate(-50%);width:240px;padding:7px 10px 9px;display:none}.target.on{display:block}.target .tn{font-family:var(--serif);font-size:13px;letter-spacing:.06em;display:flex;justify-content:space-between}.target .tn em{font-style:normal;font-family:var(--sans);font-size:12px;color:var(--ink-dim)}.hotbar{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;gap:8px;align-items:flex-end;pointer-events:none}.slot{pointer-events:auto;cursor:pointer;position:relative;width:58px;height:58px;border-radius:3px;background:radial-gradient(circle at 50% 35%,#3a3126,#1b1713);background-color:#1b1713;border:1px solid var(--edge);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:11px;text-align:center;line-height:1.05;padding:4px;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 10px #00000080}.slot svg{width:30px;height:30px}.slot .ic{display:flex}.slot .ic svg{width:36px;height:36px}.slot.labeled{flex-direction:column;gap:1px;padding-top:6px}.slot.labeled svg{width:22px;height:22px}.slot .lb{font-family:var(--sans);font-size:10.5px;color:var(--ink-dim);letter-spacing:.02em}.slot.locked .ic svg{opacity:.35}.slot .k{position:absolute;left:4px;top:2px;font-family:var(--sans);font-size:11px;color:var(--ink-faint)}.slot .cd{position:absolute;left:0;right:0;bottom:0;background:#0000009e}.slot.locked svg{opacity:.35}.slot.locked:after{content:attr(data-req);position:absolute;bottom:3px;left:0;right:0;font-family:var(--sans);font-size:11px;line-height:1.05;color:var(--ink-dim);white-space:normal;text-align:center}.slot.ready-flash{border-color:var(--gold)}.slot.small{width:54px;height:50px}.slot .badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--gold);color:#1b140b;font:700 11px/18px var(--sans)}.chat{position:absolute;left:14px;bottom:calc(104px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 28px));display:flex;flex-direction:column;gap:4px;pointer-events:none}.chat .lines{display:flex;flex-direction:column;gap:2px}.chat .line{font-size:14px;line-height:1.25;color:var(--ink);text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.7)}.chat .line b{color:var(--gold);font-weight:600}.chat .line.region,.journal .line.region{color:var(--arcane)}.chat .line.whisper,.journal .line.whisper{color:var(--ink-dim);font-style:italic}.chat .line.yell b,.journal .line.yell b{color:#f08a5d}.balloons{position:absolute;inset:0;pointer-events:none}.balloon{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:240px}.balloon .bl{font:500 14px var(--sans);color:#fff6e4;background:#161310b8;border-radius:6px;padding:2px 8px;text-align:center;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.balloon .bl.whisper{color:#cfc5b0;font-style:italic}.balloon .bl.yell{color:#ffd2a8;font-weight:700}.journal{position:absolute;left:14px;top:92px;width:420px;height:320px;min-width:260px;min-height:160px;max-width:calc(100vw - 28px);max-height:calc(100% - 200px);display:none;flex-direction:column;padding:10px 12px;pointer-events:auto;resize:both;overflow:hidden}.journal.on{display:flex}.journal .hd{display:flex;align-items:center;gap:8px;margin-bottom:6px}.journal .hd h2{flex:1}.journal .filters{display:flex;gap:4px}.journal .filters button{font:12px var(--sans);color:var(--ink-faint);background:none;border:1px solid var(--edge);border-radius:2px;padding:2px 6px;cursor:pointer}.journal .filters button.on{color:var(--ink);border-color:var(--edge-hi)}.journal .x{cursor:pointer;width:32px;height:32px;background:none;border:0;color:var(--ink-dim);font-size:22px}.journal .list{flex:1;overflow-y:auto;font-size:13.5px;line-height:1.3;user-select:text;-webkit-user-select:text}.journal .line time{color:var(--ink-faint);margin-right:6px;font-size:12px}.journal .line b{color:var(--gold);font-weight:600}.journal .line.system{color:var(--ink-dim)}.journal .line.skill{color:#f6dc9c}.journal .line.combat{color:#e6a08a}.chat .line small{color:var(--ink-faint)}.chat .say{pointer-events:auto;font:14px var(--sans);color:var(--ink);background:#1613108c;border:1px solid transparent;border-radius:2px;padding:6px 8px;opacity:.55}.chat .say:focus{outline:none;border-color:var(--edge-hi);background:var(--panel);opacity:1}.toasts{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.toast{padding:6px 12px 7px;font-size:15px;background:linear-gradient(90deg,#14110e00,#14110ee6 25%);border-right:2px solid var(--gold);text-align:right}.toast b{color:var(--gold);font-weight:700}.toast small{display:block;font-size:12px;color:var(--ink-dim)}.toast.title{border-right-color:#f2d48c}.toast.title b{color:#f6dc9c}.toast.item{border-right-color:var(--ok)}.toast.warn{border-right-color:var(--bad)}.floater{position:absolute;left:0;top:0;pointer-events:none;font-weight:700;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.7);white-space:nowrap}.floater.dmg{color:#ffe1b0;font-size:20px}.floater.hurt{color:#ff8b6e;font-size:18px}.floater.miss{color:#c9c2b5;font-size:15px;font-style:italic}.floater.heal{color:#9fe37f;font-size:18px}.floater.gain{color:var(--gold);font-size:14px}.nameplate{position:absolute;left:0;top:0;pointer-events:none;font-family:var(--serif);font-size:12px;letter-spacing:.05em;color:var(--ink);text-shadow:0 1px 3px #000;white-space:nowrap;text-align:center}.nameplate small{display:block;font-family:var(--sans);font-size:11px;color:var(--ink-dim);letter-spacing:0}.nameplate .q{display:block;font-family:var(--serif);font-size:22px;color:var(--gold);line-height:1;text-shadow:0 0 8px rgba(224,180,101,.6),0 1px 2px #000}.nameplate.hostile{color:#f0a08a}.mini{position:absolute;left:0;top:0;width:220px;height:34px;display:none;pointer-events:none}.mini.on{display:block}.mini .track{position:absolute;left:0;right:0;top:10px;height:14px;background:#0f0c0adb;border:1px solid var(--edge-hi);border-radius:2px;overflow:hidden}.mini .sweet{position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffe6aae6;background:linear-gradient(90deg,#e0b46526,#e0b465bf,#e0b46526)}.mini .core{position:absolute;top:0;bottom:0;background:#fff0c88c}.mini .needle{position:absolute;top:5px;width:3px;height:24px;margin-left:-1.5px;background:#fff6e0;box-shadow:0 0 6px #fff}.mini .hint{position:absolute;left:-40px;right:-40px;top:-18px;text-align:center;font-size:12.5px;color:var(--ink);text-shadow:0 1px 3px #000}.dialog{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(620px,calc(100vw - 24px));padding:14px 18px;display:none;pointer-events:auto}.dialog.on{display:block}.dialog .who{font-family:var(--serif);font-size:15px;letter-spacing:.08em;color:var(--gold)}.dialog .who small{font-family:var(--sans);color:var(--ink-faint);letter-spacing:0;font-size:13px;margin-left:6px}.dialog .say{font-size:17px;line-height:1.38;margin-top:6px;color:var(--ink)}.dialog .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:flex-end}.sheet{position:absolute;right:14px;top:92px;width:330px;max-height:calc(100% - 200px);overflow:auto;padding:12px 14px 14px;display:none;pointer-events:auto}.sheet.on{display:block}.sheet .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet .x{pointer-events:auto;cursor:pointer;width:44px;height:44px;margin:-10px -10px -10px 0;background:none;border:0;color:var(--ink-dim);font-size:22px}.sk{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:6px 0;border-bottom:1px solid rgba(109,86,52,.35)}.sk .n{font-size:15px}.sk .v{font-family:var(--serif);font-size:15px;color:var(--ink);text-align:right}.sk .t{font-size:12px;color:var(--ink-dim)}.sk .c{font-size:12px;color:var(--ink-faint);text-align:right}.sk .meter{grid-column:1 / -1;height:3px;background:#2a231b;margin-top:3px;position:relative}.sk .meter i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a6a38,var(--gold))}.sk.aff .n:after{content:" ▲";color:var(--ok);font-size:11px}.sk .lk{pointer-events:auto;cursor:pointer;margin-right:6px;padding:1px 6px;min-height:22px;border-radius:2px;border:1px solid #3c3123;background:#1e1914d9;color:var(--ink-dim);font:500 11.5px var(--sans)}.sk .lk.Up{color:var(--gold);border-color:#6d5634}.sk .lk.Down{color:#e3a08c;border-color:#7a3b2c}@media(pointer:coarse){.sk .lk{min-height:32px;padding:4px 8px}}.sk.weak .n:after{content:" ▼";color:var(--bad);font-size:11px}.sheet .foot{font-size:12.5px;color:var(--ink-faint);margin-top:10px;line-height:1.35}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cell{position:relative;aspect-ratio:1;background:#15120f;border:1px solid #3c3123;border-radius:2px;display:flex;align-items:center;justify-content:center}.cell svg{width:70%;height:70%}.cell .q{position:absolute;right:3px;bottom:1px;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000}.cell.eq{border-color:var(--gold)}.cell.btnish{pointer-events:auto;cursor:pointer}.iteminfo{min-height:46px;margin-top:10px;font-size:14px;color:var(--ink-dim)}.iteminfo b{color:var(--ink)}.recipe{padding:9px 0;border-bottom:1px solid rgba(109,86,52,.35);display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.recipe .ic{width:42px;height:42px;background:#15120f;border:1px solid #3c3123;display:flex;align-items:center;justify-content:center}.recipe .ic svg{width:30px;height:30px}.recipe .rn{font-size:15px}.recipe .rm{font-size:12.5px;color:var(--ink-dim)}.recipe .rm .no{color:var(--bad)}.recipe .btn{min-height:44px;padding:0 12px;font-size:12px}.create{position:absolute;inset:0;pointer-events:auto;display:none;align-items:center;justify-content:flex-start;padding:24px;background:linear-gradient(90deg,#0d0c0beb,#0d0c0bbf 38%,#0d0c0b00 62%)}.create.on{display:flex}.create .col{width:min(470px,100%);max-height:100%;overflow:auto;padding-right:6px}.create .logo{font-family:var(--serif);font-size:44px;letter-spacing:.3em;color:var(--gold)}.create .tag{font-size:16px;color:var(--ink-dim);margin:2px 0 18px;line-height:1.35;max-width:440px}.create h3{font-family:var(--serif);font-size:12px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;margin:14px 0 8px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.choices.two{grid-template-columns:repeat(2,1fr)}.choices.picks{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:5px}.choices.picks .choice{min-height:34px;padding:4px;font-family:var(--sans);font-size:13px;letter-spacing:0}@media(pointer:coarse){.choices.picks .choice{min-height:44px}}.create .pick h3{margin-top:10px}.create .desc.cdesc{min-height:0}.create .go:disabled{opacity:.45;cursor:default}.choice{pointer-events:auto;cursor:pointer;min-height:48px;padding:8px 6px;background:#1e1914d9;border:1px solid #3c3123;color:var(--ink);font-family:var(--serif);font-size:13px;letter-spacing:.04em;border-radius:2px}.choice.on{border-color:var(--gold);background:#46361ebf;color:#fff3d8}.create .desc{font-size:14.5px;line-height:1.4;color:var(--ink-dim);margin-top:8px;min-height:60px}.create .desc b{color:var(--ink);font-weight:500}.create .row{display:flex;gap:8px;margin-top:16px;align-items:center;flex-wrap:wrap}.create input{pointer-events:auto;flex:1;min-width:160px;height:44px;background:#14110ee6;border:1px solid var(--edge);color:var(--ink);font:500 16px var(--sans);padding:0 12px;border-radius:2px;-webkit-user-select:text;user-select:text}.create .err:empty{display:none}.create .err{margin-top:14px;padding:8px 10px;border:1px solid #8a3a2a;background:#5a1e148c;color:#ffd9cc;font-size:14px;border-radius:2px}.create .fine{font-size:12px;color:var(--ink-faint);margin-top:14px;line-height:1.4}.account .chars .list{display:grid;gap:6px}.account .charrow{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px 12px}.account .charrow b{font-weight:500;font-size:15px}.account .charrow span{font-family:var(--sans);font-size:13px;color:var(--ink-dim);letter-spacing:0}.account .chars .desc{min-height:0}.link{pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;color:var(--ink-dim);font:inherit;text-decoration:underline;text-underline-offset:3px}.link:hover{color:var(--ink)}.menu{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0807069e;pointer-events:auto}.menu.on{display:flex}.menu .panel{width:min(440px,calc(100vw - 24px));padding:18px 20px}.menu p{font-size:14.5px;line-height:1.45;color:var(--ink-dim);margin-top:8px}.menu .keys{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:10px;font-size:14px}.menu .keys b{font-family:var(--serif);color:var(--gold);font-weight:600}.menu .row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.tempo{display:flex;gap:6px;margin-top:8px}.hint{position:absolute;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:6px 14px;font-size:14px;color:var(--ink);background:#100d0bc7;border:1px solid rgba(109,86,52,.6);border-radius:2px;display:none;white-space:nowrap}.hint.on{display:block}.hint kbd{font-family:var(--serif);color:var(--gold);font-size:13px}.death{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(ellipse,#280a0659,#0a0605cc);pointer-events:auto}.death.on{display:flex}.death .big{font-family:var(--serif);font-size:34px;letter-spacing:.2em;color:#d9a08f}.death p{color:var(--ink-dim);font-size:15px;max-width:360px;text-align:center}.death.reconnect{background:radial-gradient(ellipse,#0c0b0a59,#080706d1)}.death.reconnect .big{color:var(--gold)}@media(max-width:720px){#ui{font-size:15px}.plate{left:8px;top:8px;width:186px;padding:7px 9px 8px}.plate .name{font-size:13.5px}.plate .title{font-size:11.5px}.bar{height:13px;margin-top:4px}.bar span{font-size:10.5px;line-height:12px}.goal{right:8px;top:8px;max-width:168px;padding:7px 9px}.goal .gt{font-size:13px}.zone{top:132px}.zone .zname{font-size:11px}.target{top:104px;width:200px}.hotbar{gap:6px;flex-wrap:wrap;justify-content:center;width:calc(100vw - 16px);bottom:calc(24px + env(safe-area-inset-bottom,0px))}.slot{width:54px;height:54px}.slot.small{width:54px;height:50px}.toasts{right:8px;top:130px;transform:none}.chat{left:8px;bottom:calc(150px + env(safe-area-inset-bottom,0px))}.chat .line{font-size:13px}.toast{font-size:13px;padding:4px 9px 5px}.sheet{left:8px;right:8px;width:auto;top:76px;max-height:calc(100% - 200px)}.dialog{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.dialog .say{font-size:15px}.create{background:linear-gradient(180deg,#0d0c0b00 0% 30%,#0d0c0beb 46%);align-items:flex-end;padding:14px}.create .logo{font-size:30px}.create .tag{font-size:14px;margin-bottom:8px}.choice{font-size:11.5px;padding:6px 2px}.create .desc{font-size:13px;min-height:0}.hint{bottom:calc(150px + env(safe-area-inset-bottom,0px));font-size:13px}}.slot .wear{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#0009;border-radius:2px;overflow:hidden}.slot .wear i{display:block;height:100%;background:#c9b26a}.slot .wear.low i{background:#d0703a}.slot.broken{filter:saturate(.3) brightness(.8)}.cell .dur{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#0009;border-radius:2px;overflow:hidden}.cell .dur i{display:block;height:100%;background:#c9b26a}.cell .dur.low i,.cell .dur.broken i{background:#d0703a}.cell .dur.broken{outline:1px solid var(--bad)}.effects{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.effects .fx{background:#15120fd1;border:1px solid #5a4a2e;border-radius:4px;padding:3px 8px;font:12px/1.3 var(--sans);color:var(--ink);display:flex;gap:6px}.effects .fx b{font-weight:600;color:#b9d38a}.effects .fx.bad b{color:#e08a6a}.effects .fx span{color:var(--ink-dim)}.queue{position:absolute;right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px));padding:6px 10px;font:12.5px/1.3 var(--sans);display:none;pointer-events:auto;cursor:pointer}.queue.on{display:block}.queue span{color:var(--ink-dim);margin-left:6px;text-decoration:underline}.recipe .rb{display:flex;flex-direction:column;gap:4px}.sheet .sub{margin:12px 0 2px;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}@media(max-width:720px){.effects{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.queue{right:8px;bottom:calc(150px + env(safe-area-inset-bottom,0px))}}.group{position:absolute;left:14px;top:150px;width:200px;padding:8px 10px;display:none;pointer-events:auto}.group.on{display:block}.group .gh{display:flex;justify-content:space-between;align-items:center;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.group .lv{cursor:pointer;background:none;border:1px solid #5a4a2e;color:var(--ink-dim);font:11px var(--sans);padding:1px 6px;border-radius:2px}.group .gm{font-size:13px;color:var(--ink);margin:3px 0}.group .gm.far{opacity:.55}.group .gm .bar{height:5px;margin-top:2px}.sheet .tq{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(110,86,52,.25)}.sheet .tq .ic{width:26px;height:26px;flex:none}.sheet .tq .ic svg{width:100%;height:100%}.sheet .tq .n{flex:1;font-size:13.5px;color:var(--ink)}.sheet .tq .n small{display:block;color:var(--ink-faint);font-size:11.5px}.sheet .tq .bk{pointer-events:auto;cursor:pointer;width:26px;height:26px;border-radius:2px;border:1px solid #3c3123;background:#1e1914d9;color:var(--ink-dim);font:600 12px var(--sans)}.sheet .tq .bk.on{color:#1a1714;background:var(--gold);border-color:var(--gold)}@media(pointer:coarse){.sheet .tq .bk{width:34px;height:34px}}.plate .gold{margin-top:5px;font:600 12.5px var(--sans);color:var(--gold);letter-spacing:.04em}.sheet input.num{width:64px;font:13px var(--sans);color:var(--ink);background:#1e1914d9;border:1px solid #3c3123;border-radius:2px;padding:2px 4px;pointer-events:auto}.sheet .rb{display:flex;gap:6px;align-items:center}.minimap{position:absolute;right:14px;bottom:calc(30px + env(safe-area-inset-bottom,0px));width:150px;height:150px;border-radius:50%;pointer-events:none}.queue{bottom:calc(194px + env(safe-area-inset-bottom,0px))}@media(max-width:720px){.minimap{width:96px;height:96px;right:8px;bottom:calc(150px + env(safe-area-inset-bottom,0px))}.queue{bottom:calc(256px + env(safe-area-inset-bottom,0px))}}.grid.slots .cell.item{touch-action:none;user-select:none;-webkit-user-select:none}.cell.picked{border-color:#e6c27a;box-shadow:0 0 0 1px #e6c27a inset}.cell.dragging{opacity:.35}.cell.dragghost{position:fixed;z-index:50;width:52px;height:52px;margin:-26px 0 0 -26px;pointer-events:none;opacity:.9;box-shadow:0 4px 14px #0009}.iteminfo.top{margin:0 0 10px;min-height:104px}.iteminfo .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.iteminfo .acts .btn{min-height:34px;padding:0 10px;font-size:12px}.iteminfo .acts .foot{font-size:12.5px}.btn.danger{color:#fff1ea;background:linear-gradient(#a64a32,#7a2f1e);border-color:#d0703a}@media(pointer:coarse){.iteminfo .acts .btn{min-height:44px}}.sheet.wide{width:min(700px,calc(100vw - 28px))}.bankcols{display:flex;gap:14px;margin-top:6px}.bankcols>div{flex:1;min-width:0}.bankcols .grid{grid-template-columns:repeat(6,1fr);gap:5px;max-height:calc(100vh - 330px);overflow:auto;padding-right:2px}@media(max-width:720px){.sheet.wide{width:auto}.bankcols{flex-direction:column}.bankcols .grid{max-height:34vh}}