:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--soot:#1c1208;--forge:#2a1a0c;--iron:#3d2812;--iron-2:#54371a;--brass:#d9a54a;--parchment:#f6e8c8;--ember:#f08a2c;--ember-deep:#c2551a;--blood:#e0483e;--leaf:#7fb34a;--steel:#8fb4d9;--violet:#8b7fe0;--text:#f6e8c8;--text-dim:#c9ad7f;--f-display:"Grenze Gotisch", Georgia, serif;--f-tile:"Alfa Slab One", Rockwell, "Courier New", serif;--f-body:"Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--soot);color:var(--text);font-family:var(--f-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-size:15px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#app{background:var(--forge);max-width:440px;min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);flex-direction:column;gap:10px;margin:0 auto;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ember);font-size:12px;font-weight:600}.title{font-family:var(--f-display);margin:0;font-size:26px;font-weight:800;line-height:1}.dim{color:var(--text-dim)}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.btn{border:1px solid var(--iron-2);background:var(--iron);border-radius:12px;padding:14px 16px;font-weight:600;transition:transform 80ms,background .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ember);border-color:var(--ember);color:#2a1204}.btn.primary:disabled{background:var(--iron);border-color:var(--iron-2);color:var(--text-dim)}.btn:disabled{opacity:.7;cursor:default}.bar{background:var(--iron);border-radius:5px;height:10px;position:relative;overflow:hidden}.bar>span{border-radius:5px;height:100%;transition:width .35s;display:block}.bar.enemy>span{background:var(--blood)}.bar.player>span{background:var(--leaf)}.pill{background:var(--iron);border:1px solid var(--iron-2);color:var(--parchment);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill.intent{border-color:var(--ember);color:var(--ember)}.pill.block{border-color:var(--steel);color:var(--steel)}.pill.warn{border-color:var(--violet);color:#d6d0ff;background:#2b2450}.splash{flex-direction:column;flex:1;justify-content:center;gap:22px;padding-block:24px;display:flex}.splash h1{font-family:var(--f-display);margin:0;font-size:clamp(54px,17vw,76px);font-weight:800;line-height:.95}.splash .letters{flex-wrap:wrap;gap:5px;display:flex}.splash p{color:var(--text-dim);margin:0;line-height:1.55}.rules{background:var(--iron);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.rules div{gap:10px;line-height:1.45;display:flex}.rules b{color:var(--brass);min-width:18px;font-family:var(--f-tile);font-weight:400}.enemy-head{flex-direction:column;gap:6px;display:flex}.enemy-head .row{justify-content:space-between}.stage{place-items:center;height:104px;display:grid;position:relative}.stage svg{width:auto;height:98px;transition:transform .15s}.stage.hit svg{animation:.35s hit}.stage .pills{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:0;right:0}.stage .rule{max-width:45%;color:var(--text-dim);font-size:12px;line-height:1.35;position:absolute;top:0;left:0}.float{font-family:var(--f-tile);pointer-events:none;text-shadow:0 2px #0006;font-size:30px;animation:1s ease-out forwards float;position:absolute}.float.dmg{color:var(--blood)}.float.heal{color:var(--leaf)}.float.info{color:var(--brass);font-family:var(--f-body);font-size:15px;font-weight:600}@keyframes float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-46px)}}@keyframes hit{0%,to{transform:translate(0)}25%{transform:translate(-8px)rotate(-3deg)}60%{transform:translate(6px)rotate(2deg)}}.player-line{flex-direction:column;gap:6px;display:flex;position:relative}.player-line.hurt{animation:.35s hit}.player-line .row{justify-content:space-between;font-size:13px}.wordbox{background:var(--parchment);color:#3a2410;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:10px 14px;display:flex;position:relative}.wordbox .word{font-family:var(--f-tile);letter-spacing:.08em;word-break:break-all;font-size:26px;line-height:1.1}.wordbox .word.empty{font-family:var(--f-body);letter-spacing:0;color:#8a6a40;font-size:14px}.wordbox .detail{color:#7a5a30;font-size:12.5px}.wordbox .detail.bad{color:#a63a1e}.wordbox .dmg{background:var(--blood);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 11px;font-size:15px;font-weight:700;position:absolute;top:-10px;right:10px}.wordbox .dmg.zero{background:#8a6a40}.wordbox.chain{box-shadow:0 0 0 3px var(--violet)}.chainline{color:var(--text-dim);min-height:18px;font-size:12.5px}.chainline b{color:#d6d0ff;font-family:var(--f-tile);letter-spacing:.05em;font-weight:400}.grid{touch-action:none;grid-template-columns:repeat(4,1fr);gap:8px;padding:2px;display:grid}.tile{aspect-ratio:1/.84;background:var(--iron-2);color:var(--parchment);font-family:var(--f-tile);border:0;border-radius:10px;place-items:center;padding:0;font-size:clamp(24px,8vw,32px);transition:transform 80ms,background .12s;display:grid;position:relative;box-shadow:inset 0 -4px #00000047}.tile sub{font-family:var(--f-body);opacity:.85;font-size:11px;font-weight:600;position:absolute;bottom:4px;right:6px}.tile.sel{background:var(--ember);color:#2a1204;transform:scale(.95)}.tile.sel.last{background:#ffb15c}.tile .order{font-family:var(--f-body);font-size:10px;font-weight:600;position:absolute;top:4px;left:6px}.tile.crystal{color:#efeaff;box-shadow:inset 0 -4px 0 #00000047, 0 0 0 2px var(--violet);background:#4a3f9a}.tile.crystal.sel{color:#1b1540;background:#a79cff}.tile.rust{color:#c98a5a;background:#6b3b1f}.tile.rust:after{content:"";background:repeating-linear-gradient(45deg,#0000 0 6px,#0000002e 6px 9px);border-radius:10px;position:absolute;inset:0}.tile.locked{color:#6b5a44;background:#2b221a}.tile.locked:before{content:"⛓";font-size:13px;font-family:var(--f-body);position:absolute;top:3px;left:5px}.tile.banned{color:#9f8fff;text-decoration:line-through}.tile.empty{box-shadow:inset 0 0 0 2px var(--iron);background:0 0}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.actions{grid-template-columns:1fr 1fr 1.5fr;gap:8px;display:grid}.actions .btn{flex-direction:column;justify-content:center;align-items:center;padding-inline:8px;line-height:1.15;display:flex}.actions .btn small{color:var(--text-dim);margin-top:2px;font-size:11px;font-weight:500}.log.hint-text{color:var(--ember);font-weight:600}.footer{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.relic-chip{background:var(--iron);border:1px solid var(--brass);color:var(--brass);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600}.log{color:var(--text-dim);text-align:center;min-height:20px;font-size:13px}.panel{flex-direction:column;gap:14px;padding-block:10px;display:flex}.panel h2{font-family:var(--f-display);margin:0;font-size:38px;font-weight:800;line-height:1}.choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;background:var(--iron);border:1px solid var(--iron-2);border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.choice:active{transform:scale(.98)}.choice .icon{width:52px;height:56px;font-family:var(--f-tile);background:var(--iron-2);color:var(--parchment);border-radius:10px;flex:none;place-items:center;font-size:26px;display:grid;box-shadow:inset 0 -4px #00000047}.choice .icon.relic{color:var(--brass);background:#5a4212;font-size:22px}.choice .icon.heal{color:var(--leaf);background:#2f4a1f}.choice .icon.crystal{color:#efeaff;background:#4a3f9a}.choice h3{margin:0 0 3px;font-size:16px}.choice p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.4}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--iron);border-radius:12px;padding:12px}.stat .v{font-family:var(--f-tile);word-break:break-all;font-size:20px}.stat .k{color:var(--text-dim);font-size:12px}.words{flex-wrap:wrap;gap:6px;display:flex}.words span{font-family:var(--f-tile);background:var(--iron);letter-spacing:.04em;border-radius:6px;padding:4px 8px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn.ghost{color:var(--text-dim);background:0 0;border-color:#0000;padding-block:10px}.hint{margin:0;font-size:13.5px;line-height:1.45}.statusbar{flex-direction:column;gap:6px;font-size:13px;display:flex}.log{background:var(--iron);border-radius:10px;padding:8px 12px}[data-view=combat] .log{background:0 0;padding:0}.map{width:100%;height:auto;display:block}.map .edge{stroke:var(--iron-2);stroke-width:2.5px;stroke-dasharray:3 6;stroke-linecap:round}.map .edge.done{stroke:var(--ember);stroke-dasharray:none;stroke-width:3.5px}.map .node circle{fill:var(--iron);stroke:var(--iron-2);stroke-width:2px}.map .node .icon{text-anchor:middle;fill:var(--text-dim);font-size:20px;font-family:var(--f-tile)}.map .node.elite .icon,.map .node.fight .icon{fill:#e98a80}.map .node.forge .icon{fill:var(--brass)}.map .node.rest .icon{fill:var(--leaf)}.map .node.boss circle{fill:#5a1a16;stroke:var(--blood)}.map .node.boss .icon{fill:#ffd9d4;font-size:22px}.map .node.visited circle{fill:var(--iron-2);stroke:var(--ember)}.map .node.here circle{stroke-width:4px}.map .node.avail{cursor:pointer}.map .node.avail circle{stroke:var(--ember);stroke-width:3px;transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite pulse}.map .node.avail:focus-visible{outline:none}.map .node.avail:focus-visible circle{stroke:#fff}.map .label{text-anchor:middle;fill:var(--parchment);font-size:11px;font-weight:600;font-family:var(--f-body)}@keyframes pulse{50%{transform:scale(1.12)}}.legend{color:var(--text-dim);flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.segmented{background:var(--iron);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:var(--text-dim);background:0 0;border:0;border-radius:9px;padding:10px;font-weight:600}.segmented button[aria-selected=true]{background:var(--iron-2);color:var(--parchment)}.bagview{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.tile.mini{aspect-ratio:1/1.1;border-radius:7px;font-size:clamp(15px,4.6vw,20px);box-shadow:inset 0 -3px #00000047}.tile.mini sub{font-size:9px;bottom:1px;right:3px}.tile.mini.sel{transform:scale(1.08)}.tile.off{opacity:.35;cursor:default}.notice{color:var(--text-dim);margin:0;font-size:12.5px;line-height:1.5}.linkish{color:var(--brass);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.survey{background:var(--iron);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.survey.done{text-align:center;color:var(--leaf);font-weight:600}.survey h3{margin:0;font-size:16px}.survey .q{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.survey legend,.survey .legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.survey .opts{flex-wrap:wrap;gap:6px;display:flex}.survey .opts.five{grid-template-columns:repeat(5,1fr);display:grid}.survey .opts label{flex:1;min-width:0}.survey .opts input{opacity:0;pointer-events:none;position:absolute}.survey .opts span{text-align:center;background:var(--iron-2);border:1px solid var(--iron-2);cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 6px;font-size:13.5px;font-weight:600;display:block}.survey .opts input:checked+span{background:var(--ember);border-color:var(--ember);color:#2a1204}.survey .opts input:focus-visible+span{outline:2px solid var(--brass);outline-offset:2px}.survey .scale-hint{color:var(--text-dim);justify-content:space-between;margin-top:-4px;font-size:11.5px;display:flex}.survey textarea{border:1px solid var(--iron-2);background:var(--forge);width:100%;color:var(--text);font:inherit;resize:vertical;-webkit-user-select:text;user-select:text;border-radius:10px;padding:10px;font-size:14px}.survey textarea:focus-visible{outline:2px solid var(--brass)}.err{color:#ff9d8a;margin:0;font-size:13.5px}.stats-page h3{margin:8px 0 0;font-size:15px}.stats-page h4{color:var(--text-dim);margin:0 0 6px;font-size:13px;font-weight:600}.dist{background:var(--iron);border-radius:12px;padding:12px}.distrow{grid-template-columns:110px 1fr 28px;align-items:center;gap:8px;padding-block:3px;font-size:13px;display:grid}.distrow .bar{height:8px}.distrow .bar>span{background:var(--brass)}.distrow .n{text-align:right;font-variant-numeric:tabular-nums}.comments{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:flex}.stack{flex-direction:column;gap:10px;margin-top:10px;display:flex}.toggle{align-items:center;gap:10px;font-size:14px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--ember)}.confirm{background:#3a1712;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.confirm span{flex:100%;font-weight:600}.btn.danger{background:var(--blood);border-color:var(--blood);color:#fff}#app.tut .stage{height:84px}#app.tut .stage svg{height:78px}#app.tut .stage .rule{display:none}.coach{background:var(--parchment);color:#3a2410;box-shadow:0 0 0 2px var(--brass);border-left:0;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;font-size:14px;line-height:1.45;display:flex}.coach p{margin:0}.coach .linkish{color:#8a6a40;font-size:12.5px}.btn.small{border-radius:9px;padding:7px 14px;font-size:14px}.linkish.center{align-self:center}.tile.target{box-shadow:inset 0 -4px 0 #00000047, 0 0 0 3px var(--ember);animation:1.2s ease-in-out infinite nudge}.tile.muted{opacity:.35}.glow{animation:1.2s ease-in-out infinite glow}@keyframes nudge{50%{transform:scale(1.06)}}@keyframes glow{50%{box-shadow:0 0 0 4px #f08a2c73}}#app{position:relative}.menu-btn{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:5;border:1px solid var(--iron-2);background:var(--iron);width:40px;height:40px;color:var(--parchment);border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;right:12px}.menu-btn svg{width:22px;height:22px}[data-view=combat] .enemy-head>.row:first-child,[data-view=tutorial] .enemy-head>.row:first-child,.panel>.eyebrow:first-child{padding-right:48px}.overlay{z-index:20;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:#0c0703b8;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--forge);border:1px solid var(--iron-2);border-radius:18px;flex-direction:column;gap:10px;width:100%;max-width:408px;max-height:88vh;padding:20px 16px 16px;animation:.2s ease-out rise;display:flex;overflow-y:auto}.sheet h2{font-family:var(--f-display);margin:0 0 4px;font-size:32px;font-weight:800}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.settings{background:var(--iron);border-radius:14px;flex-direction:column;display:flex}.setting{border-bottom:1px solid var(--iron-2);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.setting:last-child{border-bottom:0}.setting>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting b{font-size:14.5px;font-weight:600}.setting small{color:var(--text-dim);font-size:12.5px;line-height:1.35}.switch{appearance:none;background:var(--iron-2);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--parchment);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--ember)}.switch:checked:after{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.danger-text{color:#ff9d8a}.title-links{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}body.calm *,body.calm :before,body.calm :after{transition:none!important;animation:none!important}body.no-values .tile sub{display:none}.gold{color:var(--brass);font-weight:600}.gold-gain{font-family:var(--f-tile);color:var(--brass);margin:-6px 0 0;font-size:20px}.shop-item .body{flex:1;min-width:0}.shop-item .price{font-family:var(--f-tile);color:var(--brass);text-align:right;flex-direction:column;align-items:flex-end;font-size:20px;line-height:1;display:flex}.shop-item .price small{font-family:var(--f-body);color:var(--text-dim);margin-top:3px;font-size:11px}.shop-item:disabled{opacity:.5;cursor:default}.shop-item:disabled:active{transform:none}.shop-item.sold .icon{filter:grayscale()}.map .node.shop .icon{fill:var(--brass)}.grid-wrap{position:relative}.trail{pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px;overflow:visible}.trail polyline{fill:none;stroke:#ffb15c8c;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}.trail.valid polyline{stroke:#ffc478cc}.trail.chain polyline{stroke:#a79cffd9}.tile{z-index:0}.tile.sel{z-index:1}.float.pop{animation:1s cubic-bezier(.2,.9,.3,1.3) forwards pop}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.4)}18%{opacity:1;transform:translateY(-6px)scale(1.15)}35%{transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-52px)scale(.95)}}.float.chainfx{font-family:var(--f-display);color:#cfc8ff;text-shadow:0 0 12px #8b7fe0e6;font-size:34px;font-weight:800;animation:1.1s ease-out forwards chainfx;translate:-50%;top:8%!important;left:50%!important}@keyframes chainfx{0%{opacity:0;transform:scale(.5)rotate(-6deg)}25%{opacity:1;transform:scale(1.15)rotate(2deg)}to{opacity:0;transform:scale(1)translateY(-26px)}}.stage.dead svg{animation:.7s ease-in forwards defeat}@keyframes defeat{30%{transform:translateY(-6px)rotate(-4deg)}to{opacity:0;transform:translateY(40px)rotate(12deg)scale(.7)}}#app.shake{animation:.32s shake}@keyframes shake{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px)}}.tile.fresh{animation:.32s cubic-bezier(.3,1.4,.5,1) drop}.btn:not(:disabled):active,.choice:not(:disabled):active{transform:scale(.96)}.tile.inked{color:#6f6a9a;background:#1d1a2e;box-shadow:inset 0 -4px #0006,inset 0 0 18px #0009}.tile.inked.sel{color:#cfc8ff;background:#3b3570}[data-view=combat] .footer,[data-view=tutorial] .footer{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}[data-view=combat] .footer::-webkit-scrollbar{display:none}.relic-chip,.footer>span{flex:none}.server-box{background:var(--iron);border-radius:12px;flex-direction:column;gap:8px;padding:12px;font-size:14px;display:flex}.server-box label{font-weight:600}.server-box .row{gap:8px}.server-box input{border:1px solid var(--iron-2);background:var(--forge);min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:9px;flex:1;padding:8px 10px}.server-box input:focus-visible{outline:2px solid var(--brass)}