@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--gold:#f5b83d;--gold-hi:#ffe39a;--gold-lo:#c9761c;--gold-ink:#2b1a02;--night:#1b1b3a;--night-deep:#0e0d22;--violet:#3b3b7a;--violet-hi:#5b5bb0;--red:#d7263d;--red-hi:#ff6b7d;--red-lo:#8e1426;--green:#3fb950;--green-hi:#8be59a;--green-lo:#1f7a33;--c-speed:#e9a25a;--c-attack:#ff8796;--c-defense:#8fb8ff;--c-range:#8be59a;--ink:#f4f1ff;--ink-2:#c9c5ea;--ink-3:#9c98c6;--radius:14px;--radius-sm:10px;--radius-lg:20px;--glass:#1b1b3a9e;--glass-strong:#14132edb;--glass-inner:#0a091c6b;--glass-border:#ffffff14;--glass-border-hi:#ffffff24;--glass-blur:14px;--shadow-panel:inset 0 1px 0 #ffffff0f, 0 12px 32px #04030e73;--shadow-card:0 2px 0 #00000073, 0 28px 60px -12px #000c, 0 0 110px -24px #ff963c6b;--shadow-pop:0 10px 28px #00000080;--torch:#ffa84c33;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-pixel:"Press Start 2P", ui-monospace, monospace;--focus-ring:0 0 0 2px var(--night-deep), 0 0 0 4px var(--gold);--tap:44px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--step-ms:.22s}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--night-deep);min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 800px at 15% 90%, #ff963c14, transparent 60%), radial-gradient(1000px 700px at 85% 0%, #5b5bb02e, transparent 60%), var(--night-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45;overflow-x:hidden}img{max-width:100%;display:block}img[src*="/img/"]{image-rendering:pixelated}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pixel{font-family:var(--font-pixel);letter-spacing:.02em;font-weight:400}.panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);backdrop-filter:blur(var(--glass-blur)) saturate(1.2)}.panel__title{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:400;line-height:1.6}.btn{min-height:var(--tap);border:1px solid var(--glass-border-hi);color:var(--ink);text-align:left;transition:background-color .15s, border-color .15s, transform .12s var(--ease-out), box-shadow .15s, opacity .15s;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:600;line-height:1.1;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff1c;border-color:#fff3}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn--icon{width:var(--tap);flex:none;padding:0}.btn--small{border-radius:10px;min-height:36px;padding:0 12px;font-size:13px}.btn--icon.btn--small{width:36px}@media (any-pointer:coarse){.btn--small{min-height:var(--tap)}.btn--icon.btn--small{width:var(--tap)}}.btn--ghost{background:#ffffff0d}.btn--primary{min-height:52px;color:var(--gold-ink);letter-spacing:.01em;background:linear-gradient(180deg, #ffd978 0%, var(--gold) 48%, #e59a22 100%);border:0;border-radius:12px;padding:0 20px;font-size:16px;font-weight:700;position:relative;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #78420059,0 4px #8a5410,0 10px 24px -6px #f5b83d8c}.btn--primary:hover:not(:disabled){background:linear-gradient(#ffe08f 0%,#ffc24e 48%,#eea42b 100%)}.btn--primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff80,0 1px #8a5410,0 4px 12px -4px #f5b83d80}.btn--primary:disabled{opacity:1;color:#2b1a028c;background:linear-gradient(#8e8467 0%,#6f6650 100%);box-shadow:inset 0 1px #fff3,0 4px #3e3826}.btn--primary .picon{filter:drop-shadow(0 1px #ffffff59)}.btn__stack{flex-direction:column;gap:2px;min-width:0;display:flex}.btn__stack small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:11px;font-weight:500;overflow:hidden}.btn--primary .btn__stack small{color:#2b1a02b8;font-weight:600}.btn--danger{color:#fff;background:linear-gradient(180deg, #ff6b7d 0%, var(--red) 55%, #a9182c 100%);box-shadow:inset 0 1px #ffffff73,0 4px #5e0b18,0 10px 24px -6px #d7263d8c}.btn--danger:hover:not(:disabled){background:linear-gradient(#ff8292 0%,#e5354c 55%,#b71d33 100%)}.btn--danger:active:not(:disabled){box-shadow:inset 0 1px #fff6,0 1px #5e0b18}kbd{font-family:var(--font-ui);color:#2b1a02b3;background:#ffffff59;border-radius:6px;margin-left:auto;padding:3px 7px;font-size:11px;font-weight:600;box-shadow:inset 0 -1px #00000026}.chip{border:1px solid var(--glass-border-hi);min-height:36px;color:var(--ink);white-space:nowrap;background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex;position:relative}.chip:hover:not(:disabled){background:#ffffff21}.chip.is-on{border-color:var(--gold);color:var(--gold-hi);background:#f5b83d2e}.chip--gold{color:var(--gold-hi);background:#f5b83d1f;border-color:#f5b83d8c}.chip:disabled{opacity:.6;cursor:default}.chip:after{content:"";position:absolute;inset:min(0px,50% - 22px)}.picon{image-rendering:pixelated;flex:none;display:inline-block}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.route{animation:route-in .3s var(--ease-out)}@keyframes route-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-reduced-motion] *,:root[data-reduced-motion] :before,:root[data-reduced-motion] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.game{isolation:isolate;min-height:100dvh;position:relative}.game__bg{z-index:-1;background:var(--night-deep);position:fixed;inset:0;overflow:hidden}.game__bg img{object-fit:cover;filter:brightness(.45)blur(2px)saturate(1.1);width:100%;height:100%;transform:scale(1.05)}.game__bg:after{content:"";background:radial-gradient(60% 55% at 6% 92%, var(--torch), transparent 70%), radial-gradient(ellipse 85% 75% at 50% 42%, transparent 35%, #080616e0 100%);position:absolute;inset:0}.game--wide{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(250px,340px);gap:18px;height:100dvh;padding:16px 18px;display:grid;overflow:hidden}.game__left,.game__right{overscroll-behavior:contain;flex-direction:column;gap:12px;min-height:0;margin:-2px;padding:2px;display:flex;overflow-y:auto}.game__center{flex-direction:column;align-items:center;gap:12px;min-width:0;min-height:0;display:flex}.game--wide .board{height:min(100dvh - 220px,142.083vw - 852.5px)}.game--wide .tray{width:min(100%,620px)}.game--narrow{padding-bottom:calc(84px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.game--narrow .game__center{gap:10px;padding:10px 10px 12px}.game--narrow .board{width:min(100%, calc((100dvh - 342px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 960 / 1364), 560px)}.game--narrow .tray{width:min(100%,560px)}.topbar{z-index:20;min-height:52px;padding:calc(4px + env(safe-area-inset-top)) 10px 4px 14px;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#0e0d22f0,#14132ed1);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar__level{white-space:nowrap;align-items:baseline;gap:2px;display:flex}.topbar__lv{font-family:var(--font-pixel);color:var(--gold);font-size:11px}.topbar__of{font-family:var(--font-pixel);color:var(--ink-2);font-size:10px}.topbar__hp{flex:1;justify-content:center;display:flex}.hearts{gap:2px;display:inline-flex}.heart{opacity:.55;transition:transform .2s var(--ease-spring), opacity .2s}.heart.is-full{opacity:1;filter:drop-shadow(0 0 4px #d7263d73)}.board{aspect-ratio:960/1364;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;max-width:100%;position:relative}.board__card{box-shadow:var(--shadow-card);background:#000;border-radius:2.4%/1.7%;position:absolute;inset:0}.board__img{border-radius:inherit;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.board__img.rotated{transform:rotate(180deg)}.board__light{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(70% 45% at 12% 8%,#ffc47829,#0000 70%),radial-gradient(60% 40% at 92% 96%,#ff96461a,#0000 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 36px #00000059}.board__grid{position:absolute}.board__svg,.board__tokens,.board__cells,.board__fx{position:absolute;inset:0}.board__svg{z-index:1;pointer-events:none;width:100%;height:100%;overflow:visible}.board__path{fill:none;stroke:var(--gold);stroke-width:.07px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.16 .12;filter:drop-shadow(0 0 .04px #000000e6);animation:.9s linear infinite dash-run}.board__path-end{fill:var(--gold);stroke:var(--gold-ink);stroke-width:.03px}.board__los{stroke:var(--red-hi);stroke-width:.045px;stroke-dasharray:.08 .08;stroke-linecap:round;animation:.7s linear infinite dash-run}@keyframes dash-run{to{stroke-dashoffset:-.56px}}.board__tokens{z-index:2;pointer-events:none}.board__cells{z-index:3;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid}.board__fx{z-index:4;pointer-events:none}.board--animating .board__cells{cursor:progress}.cell{background:0 0;border:0;border-radius:6px;margin:0;padding:0;transition:background-color .15s,box-shadow .15s;position:relative}@media (hover:hover){.cell:hover{background:#ffffff12}}.cell:focus-visible{box-shadow:inset 0 0 0 3px var(--gold), 0 0 0 2px #0009;z-index:1}.cell--reach{background:#3fb9502b;box-shadow:inset 0 0 0 2px #6ee6828c,inset 0 0 18px #3fb95059}@media (hover:hover){.cell--reach:hover{background:#3fb9504d}}.cell--dest,.cell--selected{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 22px #f5b83d73;background:#f5b83d3d}.cell__cost{min-width:1.9em;font-family:var(--font-pixel);text-align:center;color:var(--green-hi);background:#08140cf0;border-radius:6px;padding:.35em .4em .3em;font-size:clamp(8px,1.15vmin,11px);line-height:1;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #8be59a73,0 2px 6px #00000080}.cell--dest .cell__cost,.cell--selected .cell__cost{color:var(--gold-ink);background:var(--gold);box-shadow:none}.cell--target,.cell--target-dim{--br:var(--red-hi);background:linear-gradient(var(--br), var(--br)) top left / 26% 3px, linear-gradient(var(--br), var(--br)) top left / 3px 26%, linear-gradient(var(--br), var(--br)) top right / 26% 3px, linear-gradient(var(--br), var(--br)) top right / 3px 26%, linear-gradient(var(--br), var(--br)) bottom left / 26% 3px, linear-gradient(var(--br), var(--br)) bottom left / 3px 26%, linear-gradient(var(--br), var(--br)) bottom right / 26% 3px, linear-gradient(var(--br), var(--br)) bottom right / 3px 26%, radial-gradient(circle, #d7263d47, transparent 70%);background-repeat:no-repeat;animation:1.3s ease-in-out infinite target-pulse}.cell--target-dim{--br:#c8c4e68c;background-color:#0000;animation:none}@keyframes target-pulse{50%{filter:brightness(1.45)drop-shadow(0 0 6px #ff6b7dcc)}}.cell__attack{font-family:var(--font-pixel);color:#fff;background:var(--red);box-shadow:0 2px 0 var(--red-lo), 0 0 0 1px #0006;border-radius:6px;align-items:center;gap:3px;padding:.3em .45em .3em .3em;font-size:clamp(8px,1.15vmin,11px);line-height:1;display:inline-flex;position:absolute;top:4%;left:4%}.cell--target-dim .cell__attack{color:var(--ink-2);background:#1e1c3ceb;box-shadow:0 0 0 1px #ffffff2e}.board--pick .cell{cursor:default}.cell--pick{background:#f5b83d29;animation:1.4s ease-in-out infinite pick-pulse;box-shadow:inset 0 0 0 3px #ffd26ee6,inset 0 0 16px #f5b83d80;cursor:pointer!important}.cell--pick .cell__cost{color:var(--gold-hi);background:#1e1404d9;box-shadow:0 0 0 1px #f5b83d73}.cell--logfocus{box-shadow:inset 0 0 0 3px var(--gold-hi), 0 0 18px #f5b83da6;background:#f5b83d2e}.cell--pick-sel{box-shadow:inset 0 0 0 3px var(--gold), 0 0 18px #f5b83db3;background:#f5b83d40}@keyframes pick-pulse{50%{background-color:#f5b83d4d}}.cell--danger{background-image:repeating-linear-gradient(135deg,#ff6b7d57 0 5px,#ff6b7d1a 5px 10px);box-shadow:inset 0 0 0 1px #ff8c9bbf}.cell--hero-range{background-image:repeating-linear-gradient(135deg,#6ee6824d 0 5px,#6ee68214 5px 10px);box-shadow:inset 0 0 0 1px #8be59ab3}.cell--dim{box-shadow:none;animation:none;background-color:#0605128c!important}.cell--dim.cell--reach .cell__cost{opacity:.4}.cell__debug{font:600 10px/1 var(--font-ui);color:#fff;background:#000000a6;border-radius:3px;padding:2px 3px;position:absolute;inset:auto 2px 2px auto}.token{width:20%;height:20%;transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));transition:transform var(--step-ms) cubic-bezier(.45, .05, .35, 1);place-items:center;display:grid;position:absolute;top:0;left:0}.token>.die{--die:58%;filter:drop-shadow(0 5px 3px #0000008c)}.token--boss>.die{--die:74%}.token--chest>.die{--die:52%}.token--stone>.die{--die:60%}.token--hero>.die{animation:2.6s ease-in-out infinite hero-bob}.token__glow{filter:blur(1px);background:radial-gradient(closest-side,#6eff8c99,#3fb95026 70%,#0000);border-radius:50%;width:74%;height:26%;position:absolute;bottom:12%}@keyframes hero-bob{50%{transform:translateY(-5%)}}.token--monster>.die{transition:filter .2s}.token--target>.die{filter:drop-shadow(0 5px 3px #0000008c)drop-shadow(0 0 6px #ff6b7da6)}.token--flash>.die{animation:.6s ease-out token-flash}@keyframes token-flash{0%{filter:brightness()drop-shadow(0 5px 3px #0000008c);transform:scale(1)}25%{filter:brightness(2.1)drop-shadow(0 0 10px #ffffffe6);transform:scale(1.18)rotate(-6deg)}60%{transform:scale(.96)rotate(3deg)}to{filter:brightness()drop-shadow(0 5px 3px #0000008c);transform:scale(1)}}.token--dying{animation:.45s ease-in forwards token-die}@keyframes token-die{0%{opacity:1;filter:brightness(2.4)}to{opacity:0;filter:brightness()blur(2px);rotate:25deg;scale:.4}}.token--fallen>.die{filter:grayscale()brightness(.6)drop-shadow(0 3px 2px #0009);animation:none;transform:rotate(-18deg)scale(.9)}.token--fallen .token__glow{display:none}.token--blink>.die{animation:token-blink .5s var(--ease-spring)}@keyframes token-blink{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.float{width:20%;height:20%;transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));place-items:center;display:grid;position:absolute;top:0;left:0}.float>span{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;animation:float-up .9s var(--ease-out) forwards;font-size:clamp(14px,2.6vmin,22px);line-height:1}.float--damage>span{color:var(--red-hi)}.float--hit>span{color:#fff}.float--loot>span{color:var(--gold-hi)}.float--heal>span{color:var(--green-hi)}@keyframes float-up{0%{opacity:0;transform:translateY(10%)scale(.6)}18%{opacity:1;transform:translateY(-20%)scale(1.25)}70%{opacity:1;transform:translateY(-75%)scale(1)}to{opacity:0;transform:translateY(-105%)scale(.95)}}.strip{z-index:5;pointer-events:none;align-items:stretch;padding:3.5% 3.5% 1.2%;display:flex;position:absolute;top:0;left:0;right:0}.strip__inner{border:1px solid var(--glass-border-hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;animation:strip-in .22s var(--ease-out);background:#100e26e6;border-radius:12px;flex:1;align-items:center;gap:10px;padding:6px 12px;font-size:13px;line-height:1.3;display:flex;box-shadow:0 8px 20px #00000073}@keyframes strip-in{0%{opacity:0;transform:translateY(-6px)}}.strip__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.strip__text strong{font-size:14px}.strip__formula{font-family:var(--font-pixel);font-size:clamp(8px,1.2vmin,11px);line-height:1.6}.strip__stats{flex-wrap:wrap;gap:4px 10px;display:flex}.strip__note{color:var(--gold-hi);font-size:11px;font-style:normal}.strip--pick .strip__inner{border-color:#f5b83d8c;box-shadow:0 0 0 1px #f5b83d33,0 8px 24px #00000080}.strip--pick .chip{min-height:34px}.strip--danger .strip__inner{background:linear-gradient(90deg,#5a0a1aeb,#1e0c22eb);border-color:#ff6b7d8c}.strip--danger .strip__formula{color:#ffd3d9}.strip--calm .strip__formula{color:var(--ink-2)}.statpip{align-items:center;gap:4px;display:inline-flex}.statpip b{font-family:var(--font-pixel);font-size:11px;font-weight:400}.statpip--up b{color:var(--gold-hi)}.die{--die:100%;--face:#ddd;--face-hi:#fff;--face-lo:#999;--edge:#222;--pip:#111;width:var(--die);aspect-ratio:1;vertical-align:middle;flex:none;display:inline-block;position:relative;container-type:inline-size}.die__body{background:linear-gradient(145deg, var(--face-hi) 0%, var(--face) 38%, var(--face) 70%, var(--face-lo) 100%);box-shadow:0 0 0 max(1.5px, 5cqw) var(--edge), inset 0 max(1px, 5cqw) 0 #ffffff59, inset 0 min(-1px, -7cqw) 0 #00000047;border-radius:20%;position:absolute;inset:0}.die__pips{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:15%}.die__pip{background:var(--pip);border-radius:12%;place-self:center;width:74%;height:74%;box-shadow:inset 0 max(1px,3cqw) #00000040}.die__num{font-family:var(--font-pixel);color:var(--pip);place-items:center;padding-top:4cqw;font-size:40cqw;line-height:1;display:grid;position:absolute;inset:0}.die--d12 .die__body{box-shadow:none;background:var(--edge);clip-path:polygon(50% 0%,79.4% 9.5%,97.6% 34.5%,97.6% 65.5%,79.4% 90.5%,50% 100%,20.6% 90.5%,2.4% 65.5%,2.4% 34.5%,20.6% 9.5%);border-radius:0}.die--d12 .die__body:before,.die--d12 .die__body:after{content:"";position:absolute}.die--d12 .die__body:before{background:linear-gradient(160deg, var(--face-hi), var(--face) 45%, var(--face-lo));clip-path:inherit;inset:6%}.die--d12 .die__body:after{clip-path:polygon(50% 0%,100% 38%,81% 100%,19% 100%,0% 38%);background:linear-gradient(170deg,#ffffff47,#ffffff0f);inset:22% 20% 18%}.die--d12 .die__num{z-index:1;padding-top:10cqw;font-size:34cqw}.die--d4 .die__body{box-shadow:none;background:var(--edge);clip-path:polygon(50% 2%,99% 94%,1% 94%);border-radius:0}.die--d4 .die__body:before{content:"";background:linear-gradient(160deg, var(--face-hi), var(--face) 50%, var(--face-lo));clip-path:polygon(50% 2%,99% 94%,1% 94%);position:absolute;inset:9% 9% 5%}.die--d4 .die__num{z-index:1;padding-top:34cqw;font-size:32cqw}.die--hero{--face:#3fb950;--face-hi:#9bf0a8;--face-lo:#23803a;--edge:#0b2e14;--pip:#0b2e14}.die--monster{--face:#d7263d;--face-hi:#ff7e8e;--face-lo:#8e1426;--edge:#2e040c;--pip:#fff3f5}.die--chest,.die--loot{--face:#f5b83d;--face-hi:#ffe9aa;--face-lo:#c9761c;--edge:#3a2203;--pip:#3a2203}.die--stone{--face:#8c6cf0;--face-hi:#cdbdff;--face-lo:#4a3aa8;--edge:#160d3a;--pip:#fff}.die--energy{--face:#35325a;--face-hi:#7570a8;--face-lo:#1a1830;--edge:#07060f;--pip:#fff}.die--base{--face:#edeafb;--face-hi:#fff;--face-lo:#b6b1d6;--edge:#23214a;--pip:#1b1b3a}.die--monster .die__num,.die--stone .die__num{text-shadow:max(1px,3cqw) max(1px,3cqw) #00000073}.die--rolling{animation:.62s cubic-bezier(.25,.9,.3,1.15) die-tumble}@keyframes die-tumble{0%{opacity:0;transform:perspective(240px)translateY(-40%)rotateX(0)rotateY(0)rotate(-20deg)scale(.55)}20%{opacity:1}55%{transform:perspective(240px)translateY(6%)rotateX(560deg)rotateY(250deg)rotate(8deg)scale(1.08)}to{transform:perspective(240px)translateY(0)rotateX(720deg)rotateY(360deg)rotate(0)scale(1)}}.tray{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);padding:10px;container:tray/inline-size}.tray__inner{flex-direction:column;gap:8px;display:flex}.tray__pool{align-items:center;gap:12px;min-height:46px;padding:0 4px;display:flex}.tray__dice{gap:8px;min-width:0;display:flex}.tray__die{touch-action:none;width:44px;height:44px;transition:transform .15s var(--ease-spring), box-shadow .15s, background-color .15s;background:0 0;border:0;border-radius:12px;padding:3px}.tray__die:not(:disabled):hover{transform:translateY(-2px)}.tray__die:not(:disabled){cursor:grab}.tray__die.is-selected{box-shadow:0 0 0 2px var(--gold), 0 8px 16px #00000059;background:#f5b83d33;transform:translateY(-4px)scale(1.06)}.tray__die:disabled{cursor:default}.tray__die .die,.slot__die .die{filter:drop-shadow(0 3px 2px #00000080)}.tray__ghost{background:#ffffff05;border:2px dashed #ffffff29;border-radius:10px;width:38px;height:38px;margin:3px}.tray__hint{min-width:0;color:var(--ink-2);flex:1;font-size:13px;line-height:1.35}.game--wide .tray__hint:empty,.game--wide .tray__pool--idle{display:none}.tray__loot{color:var(--gold-hi);white-space:nowrap;background:#f5b83d1f;border:1px solid #f5b83d59;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:4px 10px 4px 6px;font-size:12px;font-weight:600;display:flex}.tray__loot-short{display:none}.tray__slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.slot{--accent:var(--ink-2);background:var(--glass-inner);box-shadow:inset 0 2px 0 -0px color-mix(in srgb, var(--accent) 55%, transparent);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:8px 8px 7px;display:flex;position:relative}.slot--speed{--accent:var(--c-speed)}.slot--attack{--accent:var(--c-attack)}.slot--defense{--accent:var(--c-defense)}.slot--range{--accent:var(--c-range)}.slot__head{align-items:center;gap:6px;min-width:0;display:flex}.slot__name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700;overflow:hidden}.slot__row{align-items:center;gap:4px;display:flex}.slot__base{flex:none;width:24px;display:grid}.slot__plus{font-family:var(--font-pixel);color:var(--ink-3);font-size:9px}.slot__drop{background:#0000002e;border:2px dashed #ffffff29;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:44px;padding:3px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.slot__drop:disabled{cursor:default}.slot--filled .slot__drop{background:#00000040;border-style:solid;border-color:#ffffff14}.tray--assign .slot__drop:not(:disabled):hover,.slot__drop.is-ready{border-color:var(--gold);background:#f5b83d1a}.slot__drop.is-ready{animation:1.2s ease-in-out infinite drop-ready}@keyframes drop-ready{50%{box-shadow:0 0 0 3px #f5b83d40}}.slot__drop:not(:disabled):after{content:"";border-radius:12px;position:absolute;inset:0}.slot__drop.is-ready:after{box-shadow:inset 0 0 0 1px #f5b83d73}.slot--fixed .slot__drop{background:repeating-linear-gradient(135deg,#ffffff0a 0 4px,#0000 4px 8px),#0000001f;border-color:#ffffff0f}.slot__die{border-radius:8px;width:34px;height:34px;display:grid;position:relative}.slot__die.is-pair{width:28px;height:28px}.slot__die.is-selected{box-shadow:0 0 0 2px var(--gold)}.slot__lock{position:absolute;top:-7px;right:-6px}.slot__foot{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-height:20px;display:flex}.slot__total{align-items:baseline;gap:4px;display:inline-flex}.countup{font-family:var(--font-pixel);color:var(--ink);text-shadow:2px 2px #0000008c;font-size:17px;line-height:1;display:inline-block}.countup--bump{animation:count-bump .35s var(--ease-spring)}@keyframes count-bump{40%{color:var(--gold-hi);transform:scale(1.3)}}.slot__bonus,.slot__frost{font-family:var(--font-pixel);border-radius:4px;padding:2px 4px;font-size:8px}.slot__bonus{color:var(--gold-ink);background:var(--gold)}.slot__frost{color:#0b2238;background:#a9d8ff}.slot__left{color:var(--ink-2);white-space:nowrap;font-size:11px;font-weight:600}.slot__left.is-empty{color:var(--ink-3)}.slot__loot{z-index:1;min-width:34px;height:26px;color:var(--gold-hi);font-family:var(--font-pixel);background:#f5b83d29;border:1px solid #f5b83d99;border-radius:8px;margin-left:auto;padding:0 6px;font-size:9px;position:relative}.slot__loot:disabled{opacity:.35}.slot__loot:before{content:"";position:absolute;inset:min(0px,50% - 22px)}.flame{flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;display:flex}.flame__hint{color:var(--gold-hi);flex-basis:100%;font-size:13px;font-weight:600}.flame .tray__dice{margin-right:auto}.actions{flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.actions__head{align-items:center;gap:10px;display:flex}.actions__phase{font-family:var(--font-pixel);color:var(--gold);text-shadow:2px 2px #0009;font-size:13px;line-height:1.4}.actions__turn{font-family:var(--font-pixel);color:var(--ink-3);margin-left:auto;font-size:9px}.actions__hint{color:var(--ink-2);min-height:2.9em;font-size:14px}.actions__row{gap:8px;display:flex}.actions__row>.btn{flex:none}.actions__row>.btn--ghost:only-child{flex:0 auto}.actions__row>.btn--ability,.actions__row>.ability-note{flex:1;min-width:0}.btn--ability{background:linear-gradient(#f5b83d24,#f5b83d0d);border-color:#f5b83d59;justify-content:flex-start}.btn--ability.is-active{border-color:var(--gold);background:#f5b83d40}.ability-note{color:var(--ink-2);background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;line-height:1.35;display:flex}.ability-note.is-ok{border-color:#f5b83d66}.ability-note strong{color:var(--ink)}.roll-extras{flex-direction:column;gap:8px;display:flex;position:relative}.roll-extras__group{flex-direction:column;gap:6px;display:flex}.roll-extras__label{color:var(--ink-2);font-size:12px;font-weight:600}.roll-extras__chips{flex-wrap:wrap;gap:6px;display:flex}.chip--die{padding-left:6px}.toast{z-index:30;color:#fff;width:max-content;max-width:min(92vw,360px);box-shadow:var(--shadow-pop);animation:toast-in .25s var(--ease-spring);pointer-events:none;background:#780e20f2;border:1px solid #ff6b7d80;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.actions .toast{top:calc(100% + 8px);bottom:auto}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}}.actionbar{z-index:25;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border-hi);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#14132ec7,#0c0b1ef5);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar__row{align-items:center;gap:8px;width:100%;max-width:560px;margin:0 auto;display:flex}.actionbar__row>.btn--primary{flex:1;min-width:0}.actionbar__row>.btn--icon{width:48px;min-height:48px;position:relative}.actionbar__phase{text-align:center;font-family:var(--font-pixel);color:var(--gold);flex:1;font-size:11px}.tray__pool .roll-extras{scrollbar-width:none;flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.tray__pool .roll-extras__group{flex-direction:row;align-items:center}.tray__pool .roll-extras__chips{flex-wrap:nowrap}.tray__pool .roll-extras__label{display:none}.badge{min-width:17px;height:17px;font-family:var(--font-pixel);text-align:center;color:var(--gold-ink);background:var(--gold);border-radius:999px;padding:0 4px;font-size:8px;line-height:17px;position:absolute;top:3px;right:3px}.heropanel{flex-direction:column;gap:14px;padding:16px;display:flex}.brand{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.brand__title{font-family:var(--font-pixel);color:var(--gold);text-shadow:2px 2px #000;font-size:13px;line-height:1.5}.brand__sub{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:600}.heropanel__level{align-items:baseline;gap:6px;display:flex}.heropanel__levelname{font-family:var(--font-pixel);color:var(--ink);text-shadow:2px 2px #0009;font-size:15px}.heropanel__levelof{font-family:var(--font-pixel);color:var(--ink-2);font-size:10px}.heropanel__hp{justify-content:space-between;align-items:center;gap:10px;display:flex}.track{flex-wrap:wrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.track__item{place-items:center;display:grid;position:relative}.track__dot{background:#ffffff1a;border-radius:3px;width:11px;height:11px;box-shadow:inset 0 0 0 1px #ffffff1f}.track__item.is-done .track__dot{background:var(--gold);box-shadow:inset 0 -2px 0 var(--gold-lo)}.track__item.is-current .track__dot{background:var(--green);width:14px;height:14px;animation:1.6s ease-in-out infinite track-pulse;box-shadow:0 0 0 2px #3fb9504d,0 0 10px #3fb950cc}.track__item--boss .picon{opacity:.35;filter:grayscale(.8)}.track__item--boss.is-done .picon{opacity:1;filter:none}.track__item--boss.is-current .picon{opacity:1;filter:drop-shadow(0 0 6px #f5b83de6);animation:1.6s ease-in-out infinite track-pulse}@keyframes track-pulse{50%{transform:scale(1.15)}}.classcard{background:var(--glass-inner);border:1px solid #ffffff0f;border-radius:12px;gap:12px;padding:10px;display:flex}.classcard__art{border-radius:6px;flex:none;width:84px;height:auto;box-shadow:0 6px 14px #00000080}.classcard__body{flex-direction:column;gap:6px;min-width:0;display:flex}.classcard__name{font-family:var(--font-pixel);color:var(--gold);font-size:11px;line-height:1.4}.classcard__text{color:var(--ink-2);font-size:12.5px;line-height:1.4}.classcard__status{color:var(--ink-3);background:#ffffff0f;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:11px;font-weight:600}.classcard__status.is-ready{color:var(--gold-ink);background:var(--gold)}.classcard.is-used .classcard__art{filter:grayscale(.7)brightness(.7)}.classcard--none{align-items:center}.classcard--none strong{font-size:14px}.classcard--none p{color:var(--ink-2);font-size:12.5px}.enemy{flex-direction:column;gap:10px;display:flex}.enemy__row{align-items:center;gap:12px;display:flex}.cardcrop{background:#000;border-radius:8px;display:block;position:relative;overflow:hidden}.cardcrop img{max-width:none;height:auto;image-rendering:pixelated;position:absolute}.cardcrop img.rotated{transform:rotate(180deg)}.enemy__portrait{flex:none;width:74px;box-shadow:0 0 0 1px #ffffff14,0 6px 14px #00000080}.enemy__body{flex-direction:column;gap:6px;min-width:0;display:flex}.enemy__body strong{font-size:15px}.enemy__stats{grid-template-columns:repeat(2,auto);justify-content:start;gap:4px 14px;display:grid}.enemy__stat{align-items:center;gap:6px;display:inline-flex}.enemy__stat b{font-family:var(--font-pixel);font-size:11px;font-weight:400}.enemy__bonus{font-family:var(--font-pixel);color:var(--gold);opacity:.75;font-size:9px;font-style:normal}.enemy__bonus.is-on{color:var(--gold-hi);opacity:1;text-shadow:0 0 6px #f5b83d99}.enemy__bonus.is-off{opacity:.4;text-decoration:line-through}.enemy__note.enemy__note--bonus{color:var(--ink-2)}.enemy__note{color:var(--green-hi);font-size:11px;font-style:normal}.enemy__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.enemy__list li{display:grid}.items,.log{flex-direction:column;gap:10px;padding:14px;display:flex}.items__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.item{background:var(--glass-inner);border:1px solid #ffffff0f;border-radius:12px;gap:10px;padding:8px;transition:border-color .2s;display:flex}.item.is-usable{border-color:#f5b83d4d}.item.is-used{opacity:.5}.item.is-used .item__art{filter:grayscale()}.item__art{border-radius:5px;flex:none;align-self:flex-start;width:52px;height:auto;box-shadow:0 4px 10px #00000073}.item__body{flex-direction:column;gap:4px;min-width:0;display:flex}.item__name{font-size:13.5px}.item__text{color:var(--ink-2);font-size:12px;line-height:1.4}.game--wide .item__text:not(.is-open){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item__more{min-height:28px;color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:-2px 0 0;padding:2px 0;font-size:12px;font-weight:600}.item__more:hover{color:var(--gold-hi)}@media (any-pointer:coarse){.item__more{position:relative}.item__more:after{content:"";position:absolute;inset:-8px -12px}}.game--wide .item__art{width:46px}.item__foot{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;display:flex}.btn--item{color:var(--gold-hi);background:#f5b83d1a;border-color:#f5b83d80}.btn--item.is-active{background:#f5b83d47}.item__badge{color:var(--ink-2);background:#ffffff12;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.item__badge.is-passive{color:#cbe7ff;background:#8fb8ff24}.item__why{color:var(--ink-3);font-size:11px}.item__why.is-now{color:var(--gold-hi)}.log{flex:1;min-height:160px}.log__list{flex-direction:column;flex:1;gap:2px;min-height:0;margin:0;padding:0 2px 0 0;list-style:none;display:flex;overflow-y:auto}.log__entry{color:var(--ink-2);padding:4px 0 4px 14px;font-size:12.5px;line-height:1.4;position:relative}.log__entry:before{content:"";background:var(--ink-3);border-radius:1px;width:6px;height:6px;position:absolute;top:.75em;left:2px}.log__entry--pos{cursor:default;border-radius:6px;outline:none}.log__entry--pos:hover,.log__entry--pos:focus-visible{color:var(--ink);background:#f5b83d1a}.log__entry--pos:focus-visible{box-shadow:0 0 0 2px var(--gold)}.log__entry:first-of-type{color:var(--ink)}.log__entry--stage:before{background:var(--gold)}.log__entry--dice:before{background:#fff}.log__entry--hero:before{background:var(--green)}.log__entry--monster:before{background:#c08af0}.log__entry--hit:before{background:var(--red-hi)}.log__entry--hurt:before{background:var(--red)}.log__entry--hurt{color:#ffc2ca}.log__entry--loot:before{background:var(--gold-hi)}.log__entry--special:before{background:#8fb8ff}.log__entry--end{color:var(--gold-hi);font-weight:700}.log__turn{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--ink-3);border-bottom:1px solid var(--glass-border);margin-top:8px;padding-bottom:2px;font-size:8px}.log__turn:first-child{margin-top:0}.log__empty{color:var(--ink-3);font-size:13px}.banner{z-index:40;pointer-events:none;animation:banner-sweep 1.5s var(--ease-out) forwards;justify-content:center;display:flex;position:fixed;top:38%;left:0;right:0}.game--wide .banner{left:300px;right:340px}.banner__inner{border-top:2px solid #f5b83d8c;border-bottom:2px solid #f5b83d8c;border-image:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent) 1;background:linear-gradient(90deg,#0000,#0c0a1eeb 18% 82%,#0000);flex-direction:column;align-items:center;gap:10px;width:100%;padding:18px 16px 16px;display:flex}.banner__title{font-family:var(--font-pixel);color:var(--gold);text-align:center;text-shadow:3px 3px #000,0 0 24px #f5b83d73;font-size:clamp(18px,3.4vw,30px);line-height:1.2}.banner__sub{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:13px;font-weight:700}.banner--monsters .banner__inner{border-image:linear-gradient(90deg, transparent, var(--red) 20%, var(--red) 80%, transparent) 1}.banner--monsters .banner__title{color:var(--red-hi);text-shadow:3px 3px #000,0 0 24px #d7263d8c}.banner--boss .banner__title{color:var(--gold-hi)}@keyframes banner-sweep{0%{opacity:0;transform:translate(-12%)scaleY(.6)}14%{opacity:1;transform:translate(0)scaleY(1)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10%)}}.modal{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0605129e;place-items:center;padding:16px;animation:.25s ease-out modal-fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes modal-fade{0%{opacity:0}}.modal__panel{border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--glass-border-hi);width:min(100%,480px);animation:modal-pop .35s var(--ease-spring);flex-direction:column;gap:16px;padding:26px 22px 22px;display:flex;position:relative;container:modal/inline-size}.modal__panel:focus-visible{box-shadow:none;outline:none}.modal__panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;height:2px;position:absolute;inset:0 18% auto}.modal__panel--danger:before{background:linear-gradient(90deg, transparent, var(--red-hi), transparent)}.modal__panel--win{box-shadow:var(--shadow-panel), 0 0 80px -10px #f5b83d73}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}}.modal__icon{filter:drop-shadow(0 6px 10px #00000080);place-items:center;margin-top:-2px;display:grid}.modal__title{font-family:var(--font-pixel);text-align:center;color:var(--gold);text-shadow:3px 3px #000;font-size:clamp(15px,3.6vw,19px);font-weight:400;line-height:1.4}.modal__panel--danger .modal__title{color:var(--red-hi)}.modal__text{text-align:center;color:var(--ink-2)}.modal__note{color:var(--gold-hi);font-size:12.5px}.modal__result{color:var(--ink);font-weight:600}.modal__actions{flex-wrap:wrap;gap:10px;display:flex}.modal__actions>.btn{flex:160px}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reward{border:1px solid var(--glass-border-hi);text-align:left;min-height:64px;transition:transform .15s var(--ease-spring), border-color .15s, background-color .15s;background:#ffffff0d;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.reward .picon{grid-row:1/span 2}.reward:hover:not(:disabled){border-color:var(--gold);background:#f5b83d1f;transform:translateY(-2px)}.reward:disabled{opacity:.4}.reward__name{overflow-wrap:break-word;min-width:0;font-size:14px;font-weight:700}.reward__value{font-family:var(--font-pixel);color:var(--ink-2);font-size:10px;line-height:1.5}.reward--heal{border-color:#ff6b7d59;grid-column:1/-1;grid-template-columns:auto 1fr auto}.reward--heal .reward__value{font-family:var(--font-ui);font-size:12.5px}.reward--heal .hearts{grid-area:1/3/span 2}.reward--heal:hover:not(:disabled){border-color:var(--red-hi);background:#d7263d24}@container modal (width<=420px){.reward-grid{grid-template-columns:minmax(0,1fr);gap:8px}.reward:not(.reward--heal){grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;min-height:52px;padding:8px 14px 8px 12px}.reward:not(.reward--heal) .picon{grid-row:auto}.reward:not(.reward--heal) .reward__value{text-align:right}}.boss{align-items:center;gap:16px;display:flex}.boss__portrait{border-radius:12px;flex:none;width:120px;box-shadow:0 0 0 2px #ff6b7d66,0 10px 26px #0009,0 0 40px #d7263d59}.boss__body{flex-direction:column;gap:8px;min-width:0;display:flex}.boss__body .modal__text{text-align:left;font-size:13.5px}.boss__name{font-family:var(--font-pixel);color:var(--gold-hi);font-size:13px;line-height:1.4}.boss__stats{flex-wrap:wrap;gap:6px 12px;margin:0;display:flex}.boss__stats div{align-items:center;gap:5px;display:flex;position:relative}.boss__stats dd{font-family:var(--font-pixel);margin:0;font-size:12px}.boss__stats sup{color:var(--gold-hi);margin-left:2px;font-size:8px}.formula{font-family:var(--font-pixel);text-align:center;color:#ffd3d9;background:#780e2059;border:1px solid #ff6b7d4d;border-radius:12px;padding:12px;font-size:clamp(9px,2.4vw,11px);line-height:1.8}.damage-items{flex-direction:column;gap:8px;display:flex}.damage-item{border:1px solid var(--glass-border-hi);cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:border-color .15s,background-color .15s;display:flex}.damage-item.is-on{border-color:var(--gold);background:#f5b83d1f}.damage-item input{width:20px;height:20px;accent-color:var(--gold);flex:none}.damage-item img{border-radius:4px;width:40px}.damage-item span{flex-direction:column;gap:2px;display:flex}.damage-item small{color:var(--ink-2);font-size:12px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.summary div{background:var(--glass-inner);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.summary dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.summary dd{margin:0;font-weight:700}.summary__class{align-items:center;gap:8px;display:flex}.summary__class img{border-radius:3px;width:22px}.sheet{width:100%;max-width:640px;max-height:min(86dvh,820px);color:var(--ink);background:0 0;border:0;margin:auto auto 0;padding:0;overflow:visible}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06051299}.sheet[open] .sheet__inner{animation:sheet-up .32s var(--ease-out)}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet__inner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--glass-strong);border:1px solid var(--glass-border-hi);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-height:min(86dvh,820px);padding-bottom:env(safe-area-inset-bottom);border-bottom:0;flex-direction:column;display:flex;box-shadow:0 -20px 50px #00000080}.sheet--menu{max-width:380px;margin:auto}.sheet--menu .sheet__inner{border-radius:var(--radius-lg);border-bottom:1px solid var(--glass-border-hi)}.sheet--menu .sheet__grip{display:none}.sheet__grip{background:#ffffff38;border-radius:999px;width:44px;height:5px;margin:8px auto 0}.sheet__head{align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.sheet__title{font-family:var(--font-pixel);color:var(--gold);flex:1;font-size:12px}.tabs{flex:1;gap:6px;min-width:0;display:flex}.tab{min-height:40px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.tab.is-on{color:var(--ink);border-color:var(--glass-border-hi);background:#ffffff14}.sheet__body{min-height:0;padding:0 10px;overflow-y:auto}.sheet__body>.panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:6px 4px 12px}.sheet__body .log{min-height:0}.sheet__body .log__list{overflow:visible}.sheet__foot{border-top:1px solid var(--glass-border);gap:8px;padding:10px 14px 14px;display:flex}.sheet__foot .btn{flex:1}.slot__ghosticon{opacity:.22;filter:grayscale(.3)}.slot--fixed .slot__ghosticon{opacity:.12}@container tray (width<=560px){.tray__inner{gap:6px}.tray__pool{gap:10px;min-height:44px}.tray__slots{gap:6px}.slot{gap:4px;padding:6px 6px 5px}.slot__head .picon{display:none}.slot__name{letter-spacing:0;text-transform:none;font-size:10.5px}.slot__base{width:20px}.slot__drop{height:40px}.slot__die{width:30px;height:30px}.slot__die.is-pair{width:24px;height:24px}.countup{font-size:15px}.slot__foot{min-height:16px}.tray__hint{font-size:12.5px}.tray__pool--loot .tray__hint{display:none}.tray__pool--loot .tray__loot{margin-left:auto}.slot__loot{height:22px}.tray__loot-long{display:none}.tray__loot-short{display:inline}}@container tray (width<=350px){.slot{padding:6px 5px 5px}.slot__name{font-size:9.5px}.slot__base{width:18px}.slot__die{width:28px;height:28px}.countup{font-size:14px}}@media (max-width:1279px){.game--wide{gap:12px;padding:12px}}@media (max-width:380px){.actionbar__row>.btn--icon{width:44px;min-height:44px}.actionbar__row>.btn--primary{padding:0 12px;font-size:15px}}.screen{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative}.backdrop{z-index:-1;background:var(--night-deep);position:fixed;inset:0;overflow:hidden}.backdrop img{object-fit:cover;filter:brightness(.38)blur(3px)saturate(1.1);width:100%;height:100%;transform:scale(1.06)}.backdrop:after{content:"";background:radial-gradient(55% 50% at 8% 95%, var(--torch), transparent 70%), radial-gradient(45% 40% at 92% 6%, #5b5bb038, transparent 70%), radial-gradient(ellipse 90% 80% at 50% 45%, transparent 30%, #080616e6 100%);position:absolute;inset:0}.screen__head{z-index:10;grid-template-columns:var(--tap) minmax(0, 1fr) auto;padding:calc(8px + env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0e0d22eb 0%,#0e0d22b8 70%,#0e0d2200 100%);align-items:center;gap:12px;display:grid;position:sticky;top:0}.screen__title{font-family:var(--font-pixel);color:var(--gold);text-shadow:3px 3px #000;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,3.6vw,20px);font-weight:400;line-height:1.35;overflow:hidden}.screen__actions{min-width:var(--tap);justify-content:flex-end;gap:8px;display:flex}.screen__body{width:min(100% - 32px,1080px);animation:body-in .4s var(--ease-out);flex:1;margin:0 auto;padding:6px 0 24px}@keyframes body-in{0%{opacity:0;transform:translateY(10px)}}.screen__foot{padding:18px 16px calc(18px + env(safe-area-inset-bottom));text-align:center}.credits{color:var(--ink-3);font-size:12px}.tag{min-height:22px;color:var(--ink-2);border:1px solid var(--glass-border);background:#ffffff12;border-radius:999px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:600;line-height:1.2;display:inline-flex}.tag--gold{color:var(--gold-hi);background:#f5b83d1f;border-color:#f5b83d59}.tag--quiet{color:var(--ink-3);background:0 0}.linkbtn{color:var(--gold-hi);text-underline-offset:2px;background:0 0;border:0;margin-left:6px;padding:0;font-weight:600;text-decoration:underline;display:inline}.btn--warn{color:var(--red-hi);border-color:#ff6b7d59}.is-spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.seg{background:var(--glass-inner);border:1px solid var(--glass-border);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg__opt{min-height:var(--tap);color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:10px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.seg__opt:hover:not(.is-on){color:var(--ink);background:#ffffff0f}.seg__opt.is-on{color:var(--gold-ink);background:linear-gradient(180deg, #ffd978 0%, var(--gold) 55%, #e59a22 100%);box-shadow:inset 0 1px #ffffff8c,0 2px #8a5410}.switch{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body input""icon hint hint";align-items:center;column-gap:14px;padding:12px 4px;display:grid}.switch+.switch{border-top:1px solid var(--glass-border)}.switch__icon{background:#ffffff0f;border-radius:12px;grid-area:icon;align-self:start;place-items:center;width:40px;height:40px;display:grid}.switch:not(:has(.switch__icon)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body input""hint hint"}.switch__body{min-height:var(--tap);cursor:pointer;flex-direction:column;grid-area:body;justify-content:center;gap:2px;display:flex}.switch.is-disabled .switch__body{cursor:not-allowed}.switch__title{font-weight:700}.switch__text{color:var(--ink-2);font-size:13px}.switch.is-disabled .switch__title,.switch.is-disabled .switch__text,.switch.is-disabled .switch__icon{opacity:.55}.switch__hint{color:var(--gold-hi);grid-area:hint;margin-top:6px;font-size:12.5px}.switch__input{appearance:none;border:1px solid var(--glass-border-hi);cursor:pointer;background:#ffffff1f;border-radius:999px;grid-area:input;width:52px;height:30px;margin:7px 0;transition:background-color .2s,border-color .2s;position:relative}.switch__input:before{content:"";position:absolute;inset:-8px -4px}.switch__input:after{content:"";background:var(--ink-2);width:22px;height:22px;transition:transform .22s var(--ease-spring), background-color .2s;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0006}.switch__input:checked{background:linear-gradient(#ffd978,#e59a22);border-color:#0000}.switch__input:checked:after{background:#fff;transform:translate(22px)}.switch__input:disabled{cursor:not-allowed;opacity:.45}.rich p,.rich ul,.rich ol{margin:0 0 10px}.rich ul,.rich ol{padding-left:1.3em}.rich li+li{margin-top:5px}.rich li::marker{color:var(--gold)}.rich strong{color:var(--ink);font-weight:700}.empty{text-align:center;color:var(--ink-2);justify-items:center;gap:12px;padding:36px 16px;display:grid}.empty--warn .picon{opacity:.85}.home__main{width:min(100% - 32px,1100px);padding:calc(24px + env(safe-area-inset-top)) 0 4px;flex:1;align-content:center;justify-items:center;gap:22px;margin:0 auto;display:grid}.home__art{width:min(40vw,230px);animation:body-in .6s var(--ease-out);position:relative}.home__glow{z-index:-1;background:radial-gradient(closest-side,#ff963c61,#ff963c14 60%,#0000 75%);animation:3.6s ease-in-out infinite torch;position:absolute;inset:-18% -25%}@keyframes torch{0%,to{opacity:.9;transform:scale(1)}40%{opacity:1;transform:scale(1.03)}70%{opacity:.8;transform:scale(.98)}}.home__cover{width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:12px;animation:7s ease-in-out infinite cover-float;transform:rotate(-2.5deg)}@keyframes cover-float{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-6px)}}.home__packs{justify-content:center;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:none}.home__packs li{width:54px}.home__packs li:nth-child(odd) img{transform:rotate(-4deg)}.home__packs li:nth-child(2n) img{transform:rotate(3deg)}.home__packs img{border-radius:5px;box-shadow:0 6px 14px #0000008c}.home__side{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.home__brand{text-align:center}.home__title{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--gold);text-shadow:0 3px #8a5410,4px 7px #000;font-size:clamp(22px,7.4vw,44px);font-weight:400;line-height:1.2}.home__title span{display:block}.home__tagline{color:var(--ink);margin-top:14px;font-size:16px;font-weight:600}.home__contents{color:var(--ink-3);margin-top:4px;font-size:13px}.home__menu{flex-direction:column;gap:10px;padding:14px;display:flex}.home__cta{justify-content:flex-start;gap:14px;width:100%;min-height:62px;padding:0 18px}.home__cta .btn__stack>span{font-size:17px}.home__cta.btn--ghost{background:linear-gradient(#f5b83d24,#f5b83d0a);border-color:#f5b83d66}.home__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home__item{justify-content:flex-start;gap:12px;min-height:56px}.home__tile{text-align:center;flex-direction:column;gap:6px;min-height:74px;padding:8px 6px;font-size:14px}.home__tile>span{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:100%;line-height:1.15}@media (max-width:420px){.home__tile{padding:8px 4px;font-size:13px}}.notice{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow-pop);animation:toast-in-y .3s var(--ease-spring);background:#780e208c;border:1px solid #ff6b7d73;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:grid}@keyframes toast-in-y{0%{opacity:0;transform:translateY(-8px)}}@media (min-width:600px){.home__packs{display:flex}}@media (min-width:900px){.home__main{grid-template-columns:minmax(280px,380px) minmax(380px,460px);justify-content:center;align-items:center;gap:clamp(48px,7vw,96px)}.home__art{width:100%}.home__brand{text-align:left}}@media (max-height:560px) and (orientation:landscape){.home__main{grid-template-columns:auto minmax(300px,440px);align-items:center;gap:28px}.home__art{width:min(26vw,180px)}.home__packs{display:none}.home__brand{text-align:left}}.screen--wizard .screen__body{width:min(100% - 32px,980px);padding-bottom:96px}.stepper{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.stepper__item{background:var(--glass-inner);border:1px solid var(--glass-border);min-width:0;color:var(--ink-3);border-radius:12px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.stepper__item.is-current{color:var(--ink);background:#f5b83d1a;border-color:#f5b83d8c}.stepper__item.is-done{color:var(--ink-2)}.stepper__dot{width:24px;height:24px;font-family:var(--font-pixel);background:#ffffff14;border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.stepper__item.is-current .stepper__dot{color:var(--gold-ink);background:var(--gold)}.stepper__item.is-done .stepper__dot{background:#3fb95033}.stepper__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:599px){.stepper__item{flex:none;justify-content:center;min-width:44px}.stepper__item.is-current{flex:auto;justify-content:flex-start}.stepper__item:not(.is-current) .stepper__label{display:none}}.wizard{animation:body-in .35s var(--ease-out)}.wizard__head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 12px;display:flex}.wizard__title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--gold);text-transform:uppercase;flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 12px;font-size:12px;font-weight:400;line-height:1.6;display:flex}.wizard__intro{color:var(--ink-2);margin:-4px 0 14px;font-size:14px}.wizard__mode{color:var(--ink-2);align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:600;display:flex}.wizard__note{color:var(--gold-hi);margin-top:12px;font-size:13px}.wizard__error{border-radius:var(--radius);background:#780e208c;border:1px solid #ff6b7d73;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:12px 14px;display:flex}.wizard__error p{flex:220px;font-size:14px}.wizard__nav{z-index:15;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(#14132ecc,#0e0d22f5);justify-content:space-between;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.wizard__nav .btn--primary{flex:0 260px;min-width:0}@media (min-width:900px){.screen--wizard .screen__body{padding-bottom:24px}.wizard__nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-top:22px;padding:0;position:static}}.quickstart{border-radius:var(--radius);background:radial-gradient(120% 140% at 0% 0%, #f5b83d47, transparent 60%), var(--glass);width:100%;min-height:72px;color:var(--ink);text-align:left;box-shadow:var(--shadow-panel);transition:transform .15s var(--ease-out), border-color .15s, background-color .15s;border:1px solid #f5b83d8c;align-items:center;gap:16px;margin:0 0 22px;padding:14px 18px;display:flex}.quickstart:hover{border-color:var(--gold);transform:translateY(-1px)}.quickstart__body{flex-direction:column;gap:3px;display:flex}.quickstart strong{font-family:var(--font-pixel);color:var(--gold);font-size:13px;font-weight:400;line-height:1.5}.quickstart small{color:var(--ink-2);font-size:13px}.adv-grid{grid-template-columns:1fr;gap:10px;display:grid}.adv{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);min-width:0;color:var(--ink);text-align:left;box-shadow:var(--shadow-panel);transition:transform .18s var(--ease-out), border-color .18s, box-shadow .18s;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;padding:8px;display:grid}.adv:hover{border-color:var(--glass-border-hi);transform:translateY(-2px)}.adv.is-on{border-color:var(--gold);box-shadow:var(--shadow-panel), 0 0 0 2px var(--gold), 0 14px 40px -12px #f5b83d8c}.adv__cover{display:block;position:relative}.adv__cover img{width:100%;height:auto;transition:transform .3s var(--ease-out);border-radius:8px;box-shadow:0 8px 18px #00000080}.adv:hover .adv__cover img,.adv.is-on .adv__cover img{transform:scale(1.03)}.adv__check{background:var(--night-deep);border:2px solid var(--gold);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-6px;right:-6px}.adv__body{flex-direction:column;gap:6px;min-width:0;display:flex}.adv__name{font-size:16px;font-weight:700}.adv__levels{font-family:var(--font-pixel);color:var(--gold);font-size:9px}.adv__tags{flex-wrap:wrap;gap:5px;display:flex}@media (min-width:760px){.adv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.adv{grid-template-columns:1fr;align-content:start;align-items:start;gap:12px;padding:12px}.adv__check{top:8px;right:8px}}.switches{padding:4px 16px}.switches--ranked{margin-top:12px}.pick-section+.pick-section{margin-top:26px}.count{font-family:var(--font-ui);letter-spacing:0;text-transform:none;color:var(--red-hi);font-size:12px;font-weight:700}.count.is-ok{color:var(--green-hi)}.class-grid,.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pick-detail{display:none}.pick-chosen{margin:0 0 12px;padding:0;list-style:none;display:none}@media (max-width:599px){.class-grid,.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pickcard{padding:5px}.pickcard__body{padding:6px 2px 2px}.pickcard__body strong{font-size:12px;line-height:1.25}.pickcard__body small,.pickcard__body .tag{display:none}.pickcard__check{width:24px;height:24px;top:8px;right:8px}.pick-chosen{gap:8px;display:grid}.pick-detail{border-radius:var(--radius-sm);background:var(--glass-inner);border:1px solid #f5b83d59;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:12px;padding:10px;display:grid}.pick-chosen .pick-detail{margin:0}.pick-detail img{border-radius:5px;width:56px}.pick-detail>span{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pick-detail small{color:var(--ink-2);font-size:13px}}.pickcard{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);min-width:0;color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s var(--ease-out), border-color .18s, box-shadow .18s, opacity .18s;flex-direction:column;padding:8px;display:flex;position:relative}.pickcard:hover{border-color:var(--glass-border-hi);transform:translateY(-2px)}.pickcard.is-on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 12px 30px -12px #f5b83d8c}.pickcard.is-off{opacity:.5;cursor:not-allowed}.pickcard.is-off:hover{transform:none}.pickcard:focus-within{box-shadow:var(--focus-ring)}.pickcard img{border-radius:8px;width:100%;height:auto;box-shadow:0 6px 14px #00000073}.pickcard__body{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 4px 4px;display:flex}.pickcard__body strong{font-size:14px}.pickcard__body small{color:var(--ink-2);font-size:12px;line-height:1.4}.pickcard__check{background:var(--night-deep);border:2px solid var(--gold);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:14px;right:14px}.summary-card{grid-template-columns:minmax(96px,160px) minmax(0,1fr);align-items:start;gap:20px;padding:18px;display:grid}.summary-card__cover{width:100%;height:auto;box-shadow:var(--shadow-card);border-radius:10px}.facts{gap:10px;margin:12px 0 0;display:grid}.facts div{border-bottom:1px solid var(--glass-border);grid-template-columns:minmax(96px,140px) minmax(0,1fr);gap:10px;padding-bottom:10px;display:grid}.facts dt{color:var(--ink-3);font-size:13px}.facts dd{margin:0;font-weight:600}.facts__class,.facts__item{align-items:center;gap:8px;display:inline-flex}.facts__class img,.facts__item img{border-radius:4px;width:28px}.facts__items{flex-direction:column;gap:6px;display:flex}@media (max-width:520px){.summary-card{grid-template-columns:1fr}.summary-card__cover{justify-self:center;width:96px}.facts div{grid-template-columns:1fr;gap:2px}}.lb-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;display:grid}.lb-tab{border:1px solid var(--glass-border);background:var(--glass);min-width:0;min-height:52px;color:var(--ink-2);border-radius:14px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:14px;font-weight:700;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.lb-tab span{white-space:normal;text-align:left;line-height:1.2}.lb-tab img{border-radius:4px;width:30px;box-shadow:0 3px 8px #00000080}.lb-tab.is-on{color:var(--ink);border-color:var(--gold);background:#f5b83d24}@media (min-width:760px){.lb-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}.lb-mode{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;display:flex}.lb-mode__hint{color:var(--ink-2);font-size:13px}.lb-panel{padding:4px 0;overflow:hidden}.lb{border-collapse:collapse;width:100%;font-size:14px}.lb th{letter-spacing:.04em;text-align:left;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--glass-border);padding:10px 8px;font-size:11px;font-weight:700}.lb td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:10px 8px}.lb tr:last-child td{border-bottom:0}.lb th:first-child,.lb td:first-child{padding-left:14px}.lb th:last-child,.lb td:last-child{padding-right:14px}.lb__rank{width:52px}.lb__medal{min-width:30px;height:30px;font-family:var(--font-pixel);color:var(--ink-2);background:#ffffff0f;border-radius:9px;place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.lb__row--top1 .lb__medal{color:var(--gold-ink);background:linear-gradient(180deg, #ffe08f, var(--gold));box-shadow:0 0 14px #f5b83d8c}.lb__row--top2 .lb__medal{color:#1b1d26;background:linear-gradient(#f2f4fa,#aab2c5)}.lb__row--top3 .lb__medal{color:#2a1406;background:linear-gradient(#f0b07a,#b86b33)}.lb__row.is-me td{background:#3fb9501a}.lb__who{width:100%;min-width:0;max-width:0}.lb__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.lb__me{color:#06280e;background:var(--green-hi);border-radius:6px;margin-right:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-block}.lb__badges{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:inline-flex}.badge-chip{color:var(--ink-2);background:#ffffff14;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600}.badge-icon{background:#ffffff0f;border-radius:6px;place-items:center;width:20px;height:20px;display:inline-grid}.lb__result{white-space:nowrap;font-weight:600}td.lb__result{display:table-cell}td.lb__result .picon{vertical-align:-2px;margin-right:4px}.lb__row.is-won .lb__result{color:var(--gold-hi)}.lb__num{text-align:right;font-variant-numeric:tabular-nums;width:56px}th.lb__num{text-align:right}@media (max-width:480px){.lb{font-size:13px}.lb th,.lb td{padding:9px 5px}.lb__rank{width:40px}.lb__num{width:38px}.lb th{letter-spacing:0;font-size:10px}}.lb-skeleton{gap:10px;padding:14px;display:grid}.lb-skeleton__row{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;border-radius:10px;height:34px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.screen--rules .screen__body{width:min(100% - 32px,860px)}.rules__intro{color:var(--ink-2);margin:0 0 14px}.rules{flex-direction:column;gap:10px;display:flex}.rule{overflow:hidden}.rule__head{cursor:pointer;border-radius:var(--radius);align-items:center;gap:14px;min-height:56px;padding:8px 16px;list-style:none;display:flex}.rule__head::-webkit-details-marker{display:none}.rule__title{font-family:var(--font-pixel);color:var(--gold);flex:1;font-size:11px;line-height:1.6}.rule__chev{border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:10px;height:10px;transition:transform .2s var(--ease-out);transform:rotate(45deg)translateY(-3px)}.rule[open] .rule__chev{transform:rotate(-135deg)translateY(-3px)}.rule__body{color:var(--ink-2);animation:body-in .3s var(--ease-out);padding:2px 18px 16px}.rule__body>.rich+.rich{margin-top:4px}.rule__sub{font-family:var(--font-pixel);color:var(--gold);margin:16px 0 10px;font-size:10px;font-weight:400}.diagrams{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px;display:grid}.diagram{border-radius:var(--radius-sm);background:var(--glass-inner);border:1px solid var(--glass-border);margin:0;padding:14px}.diagram svg{width:100%;max-width:260px;height:auto;margin:0 auto 10px;display:block}.diagram figcaption{color:var(--ink-2);font-size:12.5px}.diagram__legend{color:var(--ink-3);flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.diagram__legend li{align-items:center;gap:6px;display:inline-flex}.dg-far{fill:#ffffff0d;stroke:#ffffff14;stroke-width:.5px}.dg-r3{fill:#f5b83d1f;stroke:#f5b83d59;stroke-width:.5px}.dg-r2{fill:#f5b83d4d;stroke:var(--gold);stroke-width:.6px}.dg-hero{fill:#3fb9502e;stroke:var(--green);stroke-width:.6px}.dg-wall{fill:#5a6178;stroke:#2a2d3c;stroke-width:.8px}.dg-hero-die{fill:var(--green);stroke:#0c3a14;stroke-width:.8px}.dg-monster-die{fill:var(--red);stroke:#4a0812;stroke-width:.8px}.dg-corner{fill:var(--green-hi)}.dg-num{font-family:var(--font-ui);text-anchor:middle;fill:var(--ink);font-size:7px;font-weight:700}.dg-num--wall{fill:var(--red-hi);font-size:8px}.dg-los{stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:3 2}.dg-los--ok{stroke:var(--green-hi)}.dg-los--bad{stroke:var(--red-hi)}.dg-key{border-radius:3px;width:12px;height:12px}.dg-key--hero{background:var(--green)}.dg-key--monster{background:var(--red)}.dg-key--wall{background:#5a6178}.card-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.card-row{border-radius:var(--radius-sm);background:var(--glass-inner);border:1px solid var(--glass-border);grid-template-columns:76px minmax(0,1fr);align-items:start;gap:14px;padding:10px;display:grid}.card-row img{border-radius:6px;width:76px;height:auto;box-shadow:0 6px 14px #00000073}.card-row strong{color:var(--ink);margin-bottom:5px;display:block}.card-row .tag{margin:0 5px 6px 0}.card-row p{color:var(--ink-2);font-size:13.5px}@media (max-width:360px){.card-list{grid-template-columns:1fr}.card-row{grid-template-columns:64px minmax(0,1fr)}.card-row img{width:64px}}.screen--settings .screen__body{width:min(100% - 32px,680px)}.settings{flex-direction:column;gap:14px;display:flex}.settings__group{flex-direction:column;gap:10px;padding:16px;display:flex}.settings__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:4px 4px 8px;display:flex}.settings__label{font-weight:700}.settings__muted{color:var(--ink-2);font-size:14px}.settings__muted:empty{display:none}.settings__save{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.confirm{border-radius:var(--radius-sm);background:#780e2059;border:1px solid #ff6b7d66;flex-direction:column;gap:12px;padding:12px;display:flex}.confirm__actions{flex-wrap:wrap;gap:10px;display:flex}.confirm__actions .btn{flex:140px}.submit{border-radius:var(--radius);background:#f5b83d14;border:1px solid #f5b83d4d;flex-direction:column;gap:8px;padding:14px;display:flex}.submit__title{color:var(--gold-hi);align-items:center;gap:8px;font-size:15px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-2);font-size:13px;font-weight:600}.field__input{min-height:var(--tap);border:1px solid var(--glass-border-hi);color:var(--ink);background:#0605128c;border-radius:12px;padding:0 14px;font-size:16px}.field__input::placeholder{color:var(--ink-3)}.field__input:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f5b83d4d}.field__input[aria-invalid=true]{border-color:var(--red-hi)}.field__hint{color:var(--ink-3);font-size:12px}.submit__error{color:#fff;background:#780e20b3;border:1px solid #ff6b7d73;border-radius:10px;padding:8px 10px;font-size:13.5px}.submit__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.submit__actions .btn{flex:160px}.submit--done{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;display:grid}.submit__rank{font-family:var(--font-pixel);color:var(--gold);text-shadow:2px 2px #000;font-size:15px;font-weight:400}.submit__text{color:var(--ink-2);margin-top:4px;font-size:13px}.submit__board{grid-column:1/-1}.tut-exit{z-index:45;top:calc(8px + env(safe-area-inset-top));min-height:var(--tap);color:var(--gold-hi);white-space:nowrap;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14132ee6;border:1px solid #f5b83d8c;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.tut-exit:hover{background:#282450f2}.game--narrow~.tut .tut-exit{top:calc(60px + env(safe-area-inset-top))}.tut-ring{z-index:40;pointer-events:none;box-shadow:0 0 0 2px var(--gold), 0 0 26px 4px #f5b83d73, 0 0 0 100vmax #06051261;transition:left .3s var(--ease-out), top .3s var(--ease-out), width .3s var(--ease-out), height .3s var(--ease-out);border-radius:16px;animation:1.8s ease-in-out infinite tut-ring;position:fixed}@keyframes tut-ring{50%{box-shadow:0 0 0 3px var(--gold-hi), 0 0 34px 8px #f5b83d8c, 0 0 0 100vmax #06051261}}.tut-bubble{z-index:46;color:var(--ink);animation:tut-pop .32s var(--ease-spring);background:linear-gradient(#24224ef7,#14132ef7);border:1px solid #f5b83d99;border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex;position:fixed;box-shadow:0 18px 40px #0000008c,0 0 0 1px #0006}@keyframes tut-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}}.tut-bubble.is-warn{border-color:var(--red-hi);animation:.4s ease-in-out tut-shake}@keyframes tut-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tut-bubble__arrow{background:inherit;border:inherit;width:14px;height:14px;margin-left:-7px;position:absolute;transform:rotate(45deg)}.tut-bubble__arrow--up{background:#24224ef7;border-bottom:0;border-right:0;top:-8px}.tut-bubble__arrow--down{background:#14132ef7;border-top:0;border-left:0;bottom:-8px}.tut-bubble__head{align-items:center;gap:8px;display:flex}.tut-bubble__label{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:9px}.tut-bubble__bar{background:#ffffff1a;border-radius:999px;flex:1;height:4px;overflow:hidden}.tut-bubble__bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--gold-lo), var(--gold-hi));height:100%;transition:width .4s var(--ease-out);display:block}.tut-bubble__text{font-size:14.5px;line-height:1.5}.tut-bubble__warn{color:var(--red-hi);font-size:13px;font-weight:700}.tut-bubble__actions{justify-content:flex-end;display:flex}.tut-bubble__actions .btn--primary{min-height:44px;padding:0 18px}