@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wood-light:#b7915c;--wood:#8b6543;--wood-frame:#795a3f;--wood-dark:#54361c;--ink:#3e2a1a;--ink-deep:#2a1a0e;--parchment:#f3e2b3;--parchment-hi:#fbf0cf;--parchment-lo:#e4cd92;--cream:#fff8ea;--paper:#fff3d2;--amber:#ffc24b;--amber-hi:#ffd77a;--amber-lo:#f5a01a;--amber-lip:#c47510;--moss-cta:#6fae3e;--moss-hi:#b4e07a;--moss-lo:#82bb44;--moss-text:#233a0c;--hp:#e25b4b;--hp-hi:#ff7a68;--hp-lo:#b83a2b;--mana:#4f8fe0;--mana-hi:#8fc4ff;--mana-lo:#3a72bd;--xp:#9a7bff;--xp-hi:#c3afff;--xp-lo:#7457e0;--shard:#7c6be8;--shard-hi:#b2a6ff;--fill-gold-hi:var(--amber-hi);--fill-gold:var(--amber);--fill-gold-lo:var(--amber-lo);--fill-red-hi:#ee7061;--fill-red:#d0473a;--fill-red-lo:var(--hp-lo);--fill-green-hi:var(--moss-hi);--fill-green:var(--moss-cta);--fill-green-lo:#548a2b;--fill-blue-hi:var(--mana-hi);--fill-blue:var(--mana);--fill-blue-lo:var(--mana-lo);--fill-wood-hi:#ffffff2e;--fill-wood:#ffffff1c;--fill-wood-lo:#ffffff0f;--c-ember:#d55e00;--c-tide:#0072b2;--c-grove:#009e73;--c-storm:#f0e442;--c-ember-text:#1b1306;--c-tide-text:#fff;--c-grove-text:#1b1306;--c-storm-text:#1b1306;--rarity-1:#ffffff61;--rarity-2:#6aa6ee;--rarity-3:#ffc24b;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--text-scale:1;--fs-caption:calc(12px * var(--text-scale));--fs-body:calc(14px * var(--text-scale));--fs-lead:calc(16px * var(--text-scale));--fs-title:calc(20px * var(--text-scale));--fs-display:calc(28px * var(--text-scale));--fs-hero:calc(44px * var(--text-scale));--font-ui:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, "Segoe UI", sans-serif;--font-display:"Lilita One", "Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;font-synthesis:none;--touch-min:44px;--touch-main:48px;--rail-w:calc(var(--safe-left) + 44px + var(--space-3) + var(--space-3));--back-w:calc(var(--safe-left) + var(--touch-min) + var(--space-3));--panel-w:40vw;--glass-fill:linear-gradient(135deg, #ffffff0f, #ffffff05), #2e1e10c2;--glass-solid:#2e1e10eb;--glass-blur:12px;--glass-edge:#ffffff47;--glass-shadow:0 10px 28px #3c220847, inset 0 1px 0 #ffffff52;--scrim:#28160873;--scrim-blur:7px;--shadow-hard:inset 0 1px 0 #fff3, 0 4px 12px #1e120838;--shadow-drop:0 10px 28px #3c220847;--bevel-hi:inset 0 2px 0 #ffffff8c;--bevel-lo:inset 0 -2px 0 #00000024;--cta-glow:0 8px 20px #ffaa1e66;--z-hud:10;--z-panel:20;--z-modal:30;--z-toast:40;--z-tooltip:50;--dur-press:90ms;--dur-hover:.12s;--dur-tab:.18s;--dur-panel-in:.24s;--dur-modal-in:.22s;--dur-panel-out:.16s;--dur-modal-out:.15s;--dur-toast-in:.2s;--dur-toast-out:.15s;--dur-count:.75s;--stagger:90ms;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-std:cubic-bezier(.2, 0, 0, 1);--ease-in-emph:cubic-bezier(.05, .7, .1, 1);--ease-out-emph:cubic-bezier(.3, 0, .8, .15);--shift:16px;--pop:1.06;--scale-in:.96;--motion-dur:.18s}@media (prefers-reduced-motion:reduce){:root{--dur-press:80ms;--dur-hover:80ms;--dur-tab:80ms;--dur-panel-in:80ms;--dur-modal-in:80ms;--dur-panel-out:80ms;--dur-modal-out:80ms;--dur-toast-in:80ms;--dur-toast-out:80ms;--dur-count:80ms;--stagger:0s;--shift:0px;--pop:1;--scale-in:1;--motion-dur:0s}}:root,.ui-scene,.world-hud,.fight-hud,.fight-wait,.league-replay-end,.burrow-room,.dungeon__hint{color:var(--c-text);--c-bg:#2a1a0e;--c-surface:#1e120861;--c-surface-2:#ffffff17;--c-surface-3:#ffffff26;--c-field:#1e12088c;--c-outline:#ffffff3d;--c-border:#ffffff4d;--c-overlay:var(--scrim);--c-text:#fff8ea;--c-text-dim:#efe3ca;--c-text-on-accent:#3e2a1a;--c-primary:#ffc24b;--c-primary-press:#f5a01a;--c-secondary:#8fc4ff;--c-danger:#ffa596;--c-danger-press:#ff7a68;--c-ok:#b4e07a;--c-warn:#ffd77a;--c-focus:#fff}.paper,.ui-panel,.tooltip,.item-detail{color:var(--c-text);--c-bg:#fff3d2;--c-surface:#f6e6bd;--c-surface-2:#efdcaa;--c-surface-3:#e6d09a;--c-field:#fffaf0;--c-outline:#3e2a1a47;--c-border:#3e2a1a61;--c-text:#3e2a1a;--c-text-dim:#5e4128;--c-text-on-accent:#3e2a1a;--c-primary:#7d4700;--c-primary-press:#653a00;--c-secondary:#1f4f96;--c-danger:#8f2014;--c-danger-press:#741a10;--c-ok:#276116;--c-warn:#7a4a00;--c-focus:#1f4f96}@media (height>=500px){:root{--rail-w:calc(var(--safe-left) + 148px + var(--space-3));--panel-w:30vw}}body{font-family:var(--font-ui)}.kit-root,.kit-root *{box-sizing:border-box}.kit-root{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--c-text);font-weight:600}.kit-root :where(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.kit-root .scroll-panel,.kit-root.scroll-panel{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent}:where(button,[role=tab],[role=option],[tabindex],input,select):focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.glass,.player-frame,.rail,.plate-wood,.currency,.chat-panel{background:var(--glass-fill);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}.glass--blur,.player-frame,.rail{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);backdrop-filter:blur(var(--glass-blur)) saturate(1.2)}@media (prefers-reduced-transparency:reduce){.glass,.player-frame,.rail,.plate-wood,.currency,.chat-panel{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}:root[data-gfx=low] :is(.glass,.player-frame,.rail,.plate-wood,.currency,.chat-panel){background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.player-frame,.rail,.plate-wood,.currency,.chat-panel{background:var(--glass-solid)}}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.icon--duo{fill:currentColor;fill-opacity:.25}.icon--fill{fill:currentColor;stroke:var(--icon-outline,none);stroke-width:1.3px;paint-order:stroke}.icon--solid{fill:currentColor;stroke:none}.btn{--btn-bg:var(--glass-fill);--btn-text:var(--cream);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-4);font:inherit;font-size:calc(15px * var(--text-scale));letter-spacing:.01em;color:var(--btn-text);background:var(--btn-bg);border:1px solid var(--glass-edge);border-radius:var(--r-pill);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-press) var(--ease-out), filter var(--dur-hover) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #1e120838}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:scale(.96)}.btn--secondary{--btn-text:var(--cream)}.btn--main{min-height:var(--touch-main)}.btn--primary{--btn-bg:linear-gradient(180deg, var(--amber-hi), var(--amber));--btn-text:var(--ink);min-height:var(--touch-main);padding:0 var(--space-5);font-family:var(--font-display);font-size:calc(18px * var(--text-scale));letter-spacing:.03em;border:2px solid var(--ink);box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--amber-lip), var(--cta-glow);font-weight:400}.btn--primary.btn--main{min-height:56px;font-size:calc(22px * var(--text-scale))}.btn--primary:active:not(:disabled){box-shadow:inset 0 3px 0 #fff6, 0 1px 0 var(--amber-lip), var(--cta-glow);transform:translateY(3px)scale(.96)}.btn--confirm{--btn-bg:linear-gradient(180deg, var(--moss-hi), var(--moss-lo));--btn-text:var(--moss-text);border-color:#ffffff8c;box-shadow:inset 0 1px #fff9,0 8px 20px #6eaa3259}.btn--danger{--btn-bg:linear-gradient(180deg, #c94235, var(--hp-lo));--btn-text:#fff;border-color:#ffffff59;box-shadow:inset 0 1px #ffffff4d,0 8px 20px #b83a2b4d}.btn--icon{width:var(--touch-min);border-radius:50%;padding:0}.btn--icon .icon{width:22px;height:22px}.btn--icon.btn--main{width:var(--touch-main)}.btn[aria-pressed=true]{--btn-bg:linear-gradient(180deg, var(--amber-hi), var(--amber));--btn-text:var(--ink);border-color:#0000;box-shadow:inset 0 1px #fff9,0 4px 12px #ffaa1e66}.btn:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.4;box-shadow:none}.btn__spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite kit-spin}@keyframes kit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn__spinner{animation-duration:3s}}.page-back{top:var(--safe-top);left:var(--safe-left);z-index:var(--z-hud);pointer-events:auto;position:absolute}.badge{border-radius:var(--r-pill);min-width:18px;height:18px;color:var(--ink);font-family:var(--font-display);font-size:calc(11px * var(--text-scale));background:#ff6a58;border:2px solid #3c2208e6;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.badge--dot{width:10px;min-width:10px;height:10px;padding:0}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2) 2px 6px;border-radius:var(--r-pill);font-size:var(--fs-caption);border:1px solid #00000047;font-weight:800;display:inline-flex}.chip--ember,.el--ember{background:var(--c-ember);color:var(--c-ember-text)}.chip--tide,.el--tide{background:var(--c-tide);color:var(--c-tide-text)}.chip--grove,.el--grove{background:var(--c-grove);color:var(--c-grove-text)}.chip--storm,.el--storm{background:var(--c-storm);color:var(--c-storm-text)}.slot,.tile{--rarity:var(--rarity-1);--halo:transparent;width:var(--touch-main);height:var(--touch-main);min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;color:var(--cream);border:1.5px solid var(--rarity);border-radius:var(--r-sm);box-shadow:0 0 14px -4px var(--halo), inset 0 0 14px -6px var(--halo);cursor:pointer;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);background:#ffffff1a;justify-content:center;align-items:center;padding:0;font-weight:800;display:inline-flex;position:relative}.slot:active,.tile:active{transform:scale(.96)}.tile--r2{--rarity:var(--rarity-2);--halo:var(--rarity-2)}.tile--r3{--rarity:var(--rarity-3);--halo:var(--rarity-3)}.slot--empty{box-shadow:none;color:var(--c-text-dim);background:#ffffff0d;border:1.5px dashed #ffffff61}.slot__label{text-align:center;font-size:var(--fs-caption);position:absolute;bottom:-1px;left:0;right:0}.tile[aria-pressed=true],.slot[aria-pressed=true]{border-color:var(--amber);background:#ffc24b29;box-shadow:0 0 0 3px #ffc24b59,0 0 18px 2px #ffc24b80}.tile--cracked{border-style:dashed}.tile__icon{font-family:var(--font-display);font-size:calc(24px * var(--text-scale));line-height:1;display:inline-flex}.tile__img,.tile__art{object-fit:contain;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 2px #00000073);width:36px;height:36px;display:block}.tile__qty,.tile__rank,.tile__crack{font-family:var(--font-display);font-size:calc(11px * var(--text-scale));color:var(--cream);border-radius:var(--r-xs);background:#342212eb;padding:2px 5px;line-height:1;position:absolute}.tile__qty{bottom:-4px;right:-3px}.tile__rank{color:var(--ink);background:var(--rarity);letter-spacing:-.04em;padding:2px 4px;top:-4px;left:-3px}.tile__crack{color:var(--amber-hi);padding:1px 3px;top:-4px;right:-3px}.tile__crack .icon{width:12px;height:12px}.tile__dur{background:#00000073;border-radius:2px;height:3px;position:absolute;bottom:4px;left:7px;right:7px}.tile__dur>span{background:var(--moss-hi);border-radius:2px;height:100%;display:block}.stat{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--c-outline);min-height:32px;display:flex}.stat__name{color:var(--c-text-dim);flex:1}.stat__value{font-weight:800}.stat__delta{font-weight:800;font-size:var(--fs-caption);align-items:center;gap:2px;display:inline-flex}.stat__delta .icon{width:12px;height:12px}.stat__delta--up{color:var(--c-ok)}.stat__delta--down{color:var(--c-danger)}.progress{align-items:center;gap:var(--space-2);display:flex}.progress__track{border-radius:var(--r-pill);background:#00000061;flex:1;min-width:40px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.progress__fill{--fill-a:var(--mana);--fill-b:var(--mana-hi);background:linear-gradient(90deg, var(--fill-a), var(--fill-b));border-radius:var(--r-pill);height:100%;transition:width calc(var(--dur-count) * .5) var(--ease-out);position:relative}.progress__fill--hp{--fill-a:var(--hp);--fill-b:var(--hp-hi)}.progress__fill--ally{--fill-a:var(--moss-cta);--fill-b:var(--moss-hi)}.progress__fill--xp{--fill-a:var(--xp);--fill-b:var(--xp-hi)}.progress--lg .progress__track{height:16px}.progress--lg .progress__fill:after{content:"";border-radius:var(--r-pill);background:#ffffff4d;height:34%;position:absolute;inset:2px 4px auto}.progress--sm .progress__track{height:4px}.progress__text{text-align:right;min-width:4ch;font-family:var(--font-display);font-size:var(--fs-caption);letter-spacing:.02em}.progress__text--inside{color:#fff;text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;min-width:0;display:flex;position:absolute;inset:0}.timer{align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;font-weight:800;display:inline-flex}.currency{min-height:30px;color:var(--cream);font-family:var(--font-display);font-size:calc(15px * var(--text-scale));border-radius:var(--r-pill);align-items:center;gap:6px;padding:2px 12px 2px 8px;display:inline-flex}.currency>span:last-child{text-align:right;min-width:3ch}.currency .icon{width:20px;height:20px}.currency--coins .icon{color:var(--amber)}.currency--shards .icon{color:var(--shard-hi)}.rail{--c-text:var(--cream);--c-focus:#fff;gap:var(--space-1-5);padding:var(--space-1-5);border-radius:28px;flex-direction:column;display:flex}.rail__item{justify-content:center;align-items:center;gap:var(--space-2);width:var(--touch-min);height:var(--touch-min);font:inherit;font-weight:800;font-size:var(--fs-body);color:#fff8ead9;cursor:pointer;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-tab) var(--ease-std);background:0 0;border:0;border-radius:50%;align-self:center;padding:0;display:flex;position:relative}.rail__item:active{transform:scale(.94)}.rail__item[aria-current=page]{color:var(--ink);background:var(--amber);box-shadow:0 4px 12px #ffaa1e73}.rail__item--disabled{opacity:.5}.rail__item .icon{width:24px;height:24px}.rail__label{display:none}.rail__badge{position:absolute;top:-2px;right:-2px}@media (height>=500px){.rail__item{width:100%;min-width:132px;padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--r-pill);justify-content:flex-start}.rail__label{display:inline}.rail__badge{top:2px;right:2px}}.tabs{background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:var(--r-pill);width:fit-content;max-width:100%;box-shadow:var(--glass-shadow);gap:2px;padding:4px;display:flex}.tabs__tab{min-width:var(--touch-min);min-height:36px;padding:0 var(--space-3);font:inherit;font-size:calc(13px * var(--text-scale));color:#fff8ead1;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-tab) var(--ease-std), color var(--dur-tab) var(--ease-std);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex;position:relative}.tabs__tab:before{content:"";position:absolute;inset:-4px 0}.tabs__tab[aria-selected=true]{color:var(--ink);background:var(--amber);box-shadow:0 4px 12px #ffaa1e66}@media (width<=639px){.tabs__tab--icon:not([aria-selected=true]) .tabs__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.overlay{z-index:var(--z-modal);background:var(--scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur));animation:kit-fade-in var(--dur-modal-in) var(--ease-out);position:fixed;inset:0}.overlay--closing{opacity:0;transition:opacity var(--dur-modal-out) var(--ease-out-emph)}:root[data-gfx=low] .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#281608b8}@media (prefers-reduced-transparency:reduce){.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#281608b8}}@keyframes kit-fade-in{0%{opacity:0}}.modal-wrap{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);justify-content:center;align-items:center;display:flex}.modal{gap:var(--space-3);width:min(440px,100%);max-height:80vh;padding:var(--space-4) var(--space-5) var(--space-4);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--shadow-drop);animation:modal-in var(--dur-modal-in) var(--ease-in-emph);background:linear-gradient(135deg,#ffffff1a,#ffffff08),#2e1e10e6;flex-direction:column;display:flex}.overlay--closing .modal{transition:transform var(--dur-modal-out) var(--ease-out-emph);transform:translateY(8px)scale(.98)}@keyframes modal-in{0%{opacity:0;transform:translateY(var(--shift)) scale(var(--scale-in))}}.modal__title,.panel__title,.sheet__title{font-size:var(--fs-title);margin:0}.modal__title{color:var(--cream)}.modal__body{overflow:auto}.modal__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.panel-wrap{z-index:var(--z-panel);justify-content:flex-end;display:flex}.panel{gap:var(--space-3);width:clamp(260px, var(--panel-w), 340px);height:100%;padding:calc(var(--safe-top) + var(--space-1)) var(--safe-right) var(--safe-bottom) var(--space-4);border-left:1px solid var(--glass-edge);touch-action:pan-y;animation:panel-in var(--dur-panel-in) var(--ease-in-emph);background:linear-gradient(135deg,#ffffff1a,#ffffff08),#2e1e10e0;border-radius:20px 0 0 20px;flex-direction:column;display:flex;box-shadow:-10px 0 28px #3c22084d}.overlay--closing .panel{transform:translateX(calc(var(--shift) * 4));transition:transform var(--dur-panel-out) var(--ease-out-emph)}@keyframes panel-in{0%{opacity:0;transform:translateX(calc(var(--shift) * 4))}}.panel--full{border-radius:0;width:100%}.panel__head,.sheet__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.panel__head{padding-left:var(--space-1)}.panel__title{color:var(--cream)}.panel__body{flex:1;min-height:0}.sheet-wrap{justify-content:center;align-items:flex-end;display:flex}.sheet{gap:var(--space-2);width:min(480px,100%);max-height:50vh;padding:var(--space-2) var(--space-4) var(--safe-bottom);border:1px solid var(--glass-edge);border-radius:var(--r-lg) var(--r-lg) 0 0;touch-action:pan-x;animation:sheet-in var(--dur-panel-in) var(--ease-in-emph);background:linear-gradient(135deg,#ffffff1a,#ffffff08),#2e1e10e6;border-bottom:0;flex-direction:column;display:flex;box-shadow:0 -10px 28px #3c22084d}.overlay--closing .sheet{transform:translateY(calc(var(--shift) * 3));transition:transform var(--dur-panel-out) var(--ease-out-emph)}@keyframes sheet-in{0%{opacity:0;transform:translateY(calc(var(--shift) * 3))}}.sheet__handle{border-radius:var(--r-pill);background:#ffffff73;align-self:center;width:44px;height:5px}.sheet__body{overflow:auto}@supports (height:1dvh){.modal{max-height:80dvh}.sheet{max-height:50dvh}}.toasts{z-index:var(--z-toast);top:calc(var(--safe-top) + 56px);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(440px,90vw);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{--c-text:var(--cream);--c-focus:#fff;align-items:center;gap:var(--space-2);max-width:100%;min-height:36px;color:var(--cream);border:1px solid var(--glass-edge);border-radius:var(--r-pill);box-shadow:var(--shadow-drop);pointer-events:auto;animation:toast-in var(--dur-toast-in) var(--ease-in-emph);background:#2e1e10e6;padding:3px 4px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(calc(var(--shift) * -1)) scale(var(--scale-in))}}.toast__text{min-width:0;padding:0 var(--space-1);font-size:var(--fs-body);flex:1;font-weight:700;line-height:1.25}.toast__coin{width:28px;height:28px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.toast__coin .icon{stroke-width:2.25px;width:16px;height:16px}.toast__coin--info{background:var(--mana-hi)}.toast__coin--ok{background:var(--moss-hi)}.toast__coin--warn{background:var(--amber)}.toast__coin--bad{background:var(--hp-hi)}.toast .btn{min-width:32px;min-height:32px;padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--fs-body);letter-spacing:0;font-weight:800}.toast .btn--primary{box-shadow:none;border-width:1px}.toast .btn--icon{width:32px;padding:0}.toast .btn--icon .icon{width:18px;height:18px}.toast .btn{position:relative}.toast .btn:after{content:"";position:absolute;inset:-6px -3px}.list{gap:var(--space-2);flex-direction:column;margin:0;padding:3px 3px 6px;list-style:none;display:flex}.row{align-items:center;gap:var(--space-3);min-height:var(--touch-main);padding:var(--space-2) var(--space-3);background:var(--c-surface-2);border:1px solid var(--c-outline);border-radius:var(--r-sm);display:flex}.row--button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-press) var(--ease-out)}.row--button:active{transform:scale(.99)}.row--button[aria-pressed=true],.row--button[aria-selected=true]{border-color:var(--amber);background:#ffc24b29}.row__main{flex:1;min-width:0}.row__sub{color:var(--c-text-dim);font-size:var(--fs-caption)}.row--dragging{opacity:.6}.row--drop{box-shadow:0 -3px 0 var(--amber)}.row__handle{touch-action:none;cursor:grab}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-weight:800}.field__control{gap:var(--space-2);display:flex}.input{min-width:0;min-height:var(--touch-min);padding:0 var(--space-3);font:inherit;font-size:var(--fs-lead);color:var(--c-text);background:var(--c-field);border:1px solid var(--c-border);border-radius:var(--r-sm);flex:1;font-weight:700;box-shadow:inset 0 2px 4px #00000038}.input::placeholder{color:#fff8ea9e}.paper .input::placeholder,.tooltip .input::placeholder{color:#7a6045}.input[aria-invalid=true]{border-color:var(--hp-hi);box-shadow:0 0 0 2px #ff7a6873}.field__error{align-items:center;gap:var(--space-1);color:var(--c-danger);font-weight:800;display:flex}.stepper{align-items:center;gap:var(--space-2);display:inline-flex}.stepper__value{text-align:center;min-width:3ch;font-family:var(--font-display);font-size:var(--fs-lead);font-variant-numeric:tabular-nums}.select-option{justify-content:space-between}.tooltip-anchor{display:inline-flex;position:relative}.tooltip{z-index:var(--z-tooltip);width:max-content;max-width:240px;padding:var(--space-2) var(--space-3);color:var(--c-text);font-size:var(--fs-body);background:var(--paper);box-shadow:var(--shadow-drop);pointer-events:auto;animation:kit-fade-in var(--dur-hover) var(--ease-out);border-radius:12px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip:before{content:"";border:7px solid #0000;border-top:8px solid var(--paper);border-bottom:0;margin-left:-7px;position:absolute;top:100%;left:50%}.tooltip:after{content:"";height:10px;position:absolute;top:100%;left:0;right:0}.bubble{--c-text:var(--ink);align-items:center;gap:var(--space-2);max-width:320px;padding:var(--space-2) var(--space-3);color:var(--ink);background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-drop);font-weight:700;display:flex;position:relative}.bubble:after{content:"";border:8px solid #0000;border-top:9px solid var(--paper);border-bottom:0;position:absolute;bottom:-9px;left:24px}.empty{align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;color:var(--c-text-dim);border:1.5px dashed var(--c-border);border-radius:var(--r-lg);flex-direction:column;display:flex}.player-frame{align-items:center;gap:var(--space-3);width:248px;max-width:100%;color:var(--cream);border-radius:34px;padding:6px 16px 6px 6px;display:flex}.player-frame__portrait{color:#fff;width:48px;height:48px;font-family:var(--font-display);font-size:calc(24px * var(--text-scale));text-shadow:0 1px 3px #0000008c;background:radial-gradient(circle at 35% 30%, var(--portrait,#6fae3e), #3a2515 160%);border:2px solid #ffffffd9;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.player-frame__level{min-width:22px;height:20px;color:var(--ink);font-family:var(--font-display);font-size:calc(12px * var(--text-scale));text-shadow:none;background:var(--amber);border-radius:var(--r-pill);border:2px solid #3c2208e6;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;bottom:-4px;right:-6px}.player-frame__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.player-frame__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.player-frame__name{min-width:0;font-size:var(--fs-lead);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.player-frame__hp{font-family:var(--font-display);font-size:var(--fs-caption);color:var(--c-text-dim);flex:none}.plate-wood{color:var(--cream);border-radius:var(--r-pill)}.bubble .btn{--btn-bg:#3e2a1a1f;--btn-text:var(--ink);box-shadow:none;border-color:#3e2a1a40}.auth{overscroll-behavior:contain;touch-action:pan-y;background:radial-gradient(at 28% 18%,#6a4524 0%,#3a2411 45%,#231409 100%);position:fixed;inset:0;overflow-y:auto}.auth__inner{box-sizing:border-box;justify-content:center;gap:var(--space-4);min-height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:max(16px, var(--safe-left));padding-right:max(16px, var(--safe-right));flex-direction:column;display:flex}.auth__brand{gap:var(--space-1);flex-direction:column;display:flex}.auth__title{font-size:calc(44px * var(--text-scale));color:var(--amber);text-shadow:0 3px 0 var(--ink);margin:0;line-height:1.1}.auth__tagline{color:var(--c-text-dim);margin:0}.auth__card{gap:var(--space-3);padding:var(--space-4);background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--glass-shadow);flex-direction:column;display:flex}.auth__form{gap:var(--space-3);flex-direction:column;display:flex}.auth__alert{align-items:center;gap:var(--space-1);color:var(--c-danger);margin:0;font-weight:800;display:flex}.auth__submit{width:100%}@media (orientation:landscape) and (width>=600px){.auth__inner{align-items:center;gap:var(--space-5);padding-left:max(24px, var(--safe-left));padding-right:max(24px, var(--safe-right));grid-template-columns:1fr minmax(0,400px);display:grid}}.cc{overscroll-behavior:contain;touch-action:pan-y;background:radial-gradient(at 28% 12%,#6a4524 0%,#3a2411 45%,#231409 100%);position:fixed;inset:0;overflow-y:auto}.cc__form{box-sizing:border-box;gap:var(--space-4);min-height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:max(16px, var(--safe-left));padding-right:max(16px, var(--safe-right));flex-direction:column;display:flex}.cc__head{gap:var(--space-1);flex-direction:column;display:flex}.cc__title{color:var(--amber);text-shadow:0 3px 0 var(--ink);margin:0;font-size:30px;line-height:1.1}.cc__intro{color:var(--c-text-dim);margin:0}.cc__body{gap:var(--space-4);flex-direction:column;display:flex}@media (orientation:landscape){.cc__body{grid-template-columns:1fr 1fr;align-items:start;display:grid}}.cc__section{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.cc__label{color:var(--c-text-dim);margin:0;font-size:14px;font-weight:800}.cc__classes{gap:var(--space-2);display:grid}.cc__class{box-sizing:border-box;align-items:flex-start;gap:var(--space-1);min-height:44px;padding:var(--space-3);font:inherit;text-align:left;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-outline);border-radius:var(--r-md);box-shadow:var(--shadow-hard);cursor:pointer;flex-direction:column;display:flex}.cc__class--on{border:1.5px solid var(--amber);background:#ffc24b24}.cc__class:focus-within,.cc__swatch:focus-within{outline:3px solid var(--c-focus);outline-offset:2px}.cc__class-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cc__class-name{font-family:var(--font-display);font-size:20px}.cc__class-role,.cc__class-passive{color:var(--c-text-dim);font-size:14px}.cc__swatches{gap:var(--space-1);flex-wrap:wrap;display:flex}.cc__fieldset{border:0;min-width:0;margin:0;padding:0}.cc__swatch{box-sizing:border-box;border-radius:var(--r-pill);cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.cc__swatch--on{outline:2px solid var(--c-primary);outline-offset:2px}.cc__swatch-dot{border-radius:var(--r-pill);width:32px;height:32px;color:var(--ink);border:1px solid #0000004d;place-items:center;display:grid}.cc__swatch--on .cc__swatch-dot{box-shadow:0 0 0 3px #2a1a0e, 0 0 0 5px var(--amber)}.cc__swatch-dot .icon,.cc__class-head .icon{width:20px;height:20px}.cc__alert{align-items:center;gap:var(--space-1);color:var(--c-danger);margin:0;font-weight:800;display:flex}.cc__start{align-self:stretch}@media (orientation:landscape){.cc__start{align-self:flex-end;min-width:200px}}.cc__colour{gap:var(--space-2);flex-direction:column;display:flex}