:root{--ui-scale:1;--wood-950:#170f09;--wood-900:#22170f;--wood-850:#2b1d13;--wood-800:#352418;--wood-700:#47311f;--wood-600:#5f432b;--wood-500:#7d5a3a;--parch-50:#fcf6e6;--parch-100:#f4e8c9;--parch-200:#e9d6aa;--parch-300:#d8bf8a;--parch-ink:#3b2914;--parch-ink-muted:#6e5536;--gold-100:#fff1c4;--gold-200:#fbe0a0;--gold-300:#f3c85e;--gold-400:#e1a83a;--gold-500:#c48d2a;--gold-600:#9b6c1c;--gold-800:#5e3f0d;--ink:#f6ecd4;--ink-muted:#cdbb98;--ink-dim:#9a8769;--good:#8bd96f;--good-deep:#3f7d2b;--warn:#f4bd4f;--bad:#f37a64;--bad-deep:#a3321f;--royal:#4d7bc0;--crimson:#8f2a1d;--frost:#bfe3f6;--tile-bg:#e7d8b6;--tile-edge:inset 0 0 0 1px #5a3c1473;--brass:linear-gradient(160deg, var(--gold-200), var(--gold-500) 45%, var(--gold-800) 100%);--rivets:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='7' cy='7' r='2.4' fill='%235e3f0d'/%3E%3Ccircle cx='6.6' cy='6.6' r='1.6' fill='%23f3c85e'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24'%3E%3Cpath d='M0 5h120M0 13c30-2 60 2 120 0M0 20h120' stroke='%23ffdcaa' stroke-opacity='.035' fill='none'/%3E%3C/svg%3E");--panel-bg:var(--rivets) left top / 14px 14px no-repeat, var(--rivets) right top / 14px 14px no-repeat, var(--rivets) left bottom / 14px 14px no-repeat, var(--rivets) right bottom / 14px 14px no-repeat, var(--grain) 0 0 / 120px 24px, linear-gradient(180deg, #3f2c1df7, #241810f7);--panel-edge:inset 0 0 0 1px #e1a83a61, inset 0 1px 0 1px #ffe1aa1f, 0 0 0 1px var(--wood-950), 0 6px 18px #0a060273;--inset-bg:#0e090561;--inset-edge:inset 0 1px 2px #00000080, 0 1px 0 #ffe1aa12;--parch-bg:radial-gradient(ellipse at 20% 0%, #ffffff59, transparent 60%), radial-gradient(ellipse at 100% 100%, #a06e2838, transparent 55%), linear-gradient(175deg, var(--parch-100), var(--parch-200));--r-sm:.3125rem;--r-md:.5rem;--r-lg:.75rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--touch:2.75rem;--hud-gap:.5rem;--top-h:3.25rem;--bottom-h:13rem;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--display:"Alegreya SC", "Palatino Linotype", Georgia, serif;--body:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.375rem;--fs-2xl:2rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:calc(16px * var(--ui-scale))}html,body,#app{height:100%;margin:0}body{background:var(--wood-900);color:var(--ink);font-family:var(--body);font-size:var(--fs-md);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;line-height:1.35;overflow:hidden}*{box-sizing:border-box}.game{position:fixed;inset:0}.game canvas{touch-action:none;width:100%;height:100%;display:block}.panel,.frame{background:var(--panel-bg);border-radius:var(--r-lg);box-shadow:var(--panel-edge);color:var(--ink)}.parchment{background:var(--parch-bg);color:var(--parch-ink);border-radius:.375rem .875rem .625rem .375rem;box-shadow:0 0 0 1px #5a3c1459,0 12px 32px #0006,inset 0 0 36px #8c5f2338}.inset{background:var(--inset-bg);box-shadow:var(--inset-edge);border-radius:var(--r-md)}.h-title{font-family:var(--display);color:var(--gold-300);font-size:var(--fs-lg);letter-spacing:.03em;text-shadow:0 1px #0009;margin:0;line-height:1.1}.h-label{align-items:center;gap:var(--sp-2);color:var(--ink-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.09em;font-weight:700;display:flex}.h-label:after{content:"";background:linear-gradient(90deg,#e1a83a73,#0000);flex:1;height:1px}.muted{color:var(--ink-muted)}.dim{color:var(--ink-dim)}.num{font-variant-numeric:tabular-nums}button{font:inherit;color:var(--ink);border:1px solid var(--wood-950);border-radius:var(--r-md);cursor:pointer;background:linear-gradient(#634630,#452f1f);min-height:2.375rem;padding:.4375rem .75rem;line-height:1.2;transition:background-color .12s,filter .12s,transform 60ms;box-shadow:inset 0 1px #ffe4b433,inset 0 -2px #0000002e,0 1px #00000059}button:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.14)}button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 2px 3px #0006}:focus-visible{outline:2px solid var(--gold-200);outline-offset:2px}button:disabled,button[aria-disabled=true]{cursor:not-allowed;filter:saturate(.35)brightness(.72)}button.active,button[aria-pressed=true]{color:var(--gold-200);box-shadow:inset 0 0 0 1px var(--gold-400), inset 0 0 12px #f3c85e40, 0 1px 0 #00000059;background:linear-gradient(#6f4e2b,#4b3218)}button.primary{color:#2a1a06;background:linear-gradient(180deg, var(--gold-200), var(--gold-400) 55%, var(--gold-500));border-color:var(--gold-800);text-shadow:0 1px #fff0c880;font-weight:700;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78460a59,0 1px #0006}button.danger{color:#ffe9df;background:linear-gradient(#a63a29,#74221a);border-color:#3d0f0a}button.ghost{box-shadow:none;color:var(--ink-muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){color:var(--ink);filter:none;background:#ffe1aa12}button.coin{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--gold-200);background:radial-gradient(circle at 50% 35%, var(--wood-600), var(--wood-850) 70%);box-shadow:0 0 0 2px var(--gold-600), 0 0 0 3px var(--wood-950), inset 0 0 0 1px #ffe1aa40, 0 4px 10px #00000073;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}button.coin .ico{width:1.375rem;height:1.375rem}button.coin.on,button.coin.active{color:var(--gold-100);box-shadow:0 0 0 2px var(--gold-300), 0 0 0 3px var(--wood-950), 0 0 14px #f3c85e8c;background:radial-gradient(circle at 50% 35%,#8a6a2c,#4a3415 75%)}.badge{background:var(--bad);color:#2a0b05;min-width:1.125rem;height:1.125rem;font:800 .6875rem/1.125rem var(--body);text-align:center;box-shadow:0 0 0 2px var(--wood-950);pointer-events:none;border-radius:.5625rem;padding:0 .25rem;position:absolute;top:-.25rem;right:-.25rem}button.icon-btn{place-items:center;width:2.375rem;min-width:2.375rem;padding:0;display:inline-grid}button .ico,.ico{vertical-align:middle;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.ico.glyph{color:inherit}.acts{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.act-group{flex-direction:column;gap:.3125rem;display:flex}.act-group>h4{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;margin:0;font-size:.6875rem;font-weight:700}.act-group>div{gap:.375rem;display:flex}button.act{width:4.75rem;min-height:4.25rem;color:var(--gold-200);background:radial-gradient(circle at 50% 30%, var(--wood-600), var(--wood-850) 80%);box-shadow:inset 0 0 0 1px #e1a83a80, 0 2px 0 var(--wood-950), 0 3px 6px #00000059;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;padding:.4375rem .25rem .3125rem;display:flex;position:relative;overflow:hidden}button.act>.ico{z-index:1;width:1.75rem;height:1.75rem;position:relative}.act-lbl{z-index:1;color:var(--ink);text-align:center;font-size:.6875rem;font-weight:700;line-height:1.1;position:relative}.act-lbl small{color:var(--warn);font-weight:800;display:block}button.act:hover:not([aria-disabled=true]){filter:none;box-shadow:inset 0 0 0 2px var(--gold-400), 0 2px 0 var(--wood-950), 0 0 12px #f3c85e73}button.act.on,button.act[aria-pressed=true],button.act[aria-checked=true]{color:var(--gold-100);box-shadow:inset 0 0 0 2px var(--gold-300), 0 2px 0 var(--wood-950);background:radial-gradient(circle at 50% 30%,#8a6a2c,#4a3415 80%)}button.act.on .act-lbl,button.act[aria-pressed=true] .act-lbl{color:var(--gold-100)}button.act.act-danger{color:var(--bad)}button.act.act-danger.on{color:#ffe9df;background:linear-gradient(#a63a29,#74221a)}button.act.act-danger.on .act-lbl{color:#ffe9df}button.act.act-wide{text-align:left;flex-direction:row;align-items:center;gap:.5rem;width:auto;min-width:9rem;padding:.375rem .75rem}button.act.act-wide>.ico{width:2rem;height:2rem}button.act.ready{box-shadow:inset 0 0 0 1px var(--gold-300), 0 2px 0 var(--wood-950), 0 0 10px #f3c85e4d}.act-text{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.act-text b{color:var(--gold-100);font-size:var(--fs-sm)}.act-text small{color:var(--ink-muted);font-size:var(--fs-xs)}.act .cd{z-index:0;pointer-events:none;background:conic-gradient(#0a06039e calc(var(--cd) * 360deg), transparent 0);position:absolute;inset:0}.act-sep{background:#e1a83a40;align-self:stretch;width:1px}.seg{border-radius:var(--r-md);background:var(--inset-bg);box-shadow:var(--inset-edge);gap:0;padding:3px;display:flex}.seg>button{min-width:0;box-shadow:none;color:var(--ink-muted);background:0 0;border-color:#0000;border-radius:.375rem;flex:1}.seg>button:hover:not(:disabled):not(.active):not([aria-pressed=true]){color:var(--ink);filter:none;background:#ffe1aa0f}.seg>button.active,.seg>button[aria-pressed=true]{color:#2a1a06;background:linear-gradient(180deg, var(--gold-200), var(--gold-400));font-weight:700;box-shadow:inset 0 1px #ffffff80,0 1px 2px #0006}input[type=range]{appearance:none;width:100%;height:var(--touch);cursor:pointer;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold-400) var(--fill,50%), #0e090599 var(--fill,50%));height:.5rem;box-shadow:var(--inset-edge);border-radius:1rem}input[type=range]::-moz-range-track{background:#0e090599;border-radius:1rem;height:.5rem}input[type=range]::-moz-range-progress{background:var(--gold-400);border-radius:1rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, var(--gold-100), var(--gold-400) 60%, var(--gold-600));border:1px solid var(--gold-800);border-radius:50%;width:1.375rem;height:1.375rem;margin-top:-.4375rem;box-shadow:0 2px 4px #00000080}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, var(--gold-100), var(--gold-400) 60%, var(--gold-600));border:1px solid var(--gold-800);border-radius:50%;width:1.375rem;height:1.375rem}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--gold-100);outline-offset:2px}input[type=number],input[type=text],input:where(:not([type])){font:inherit;color:var(--ink);background:var(--inset-bg);box-shadow:var(--inset-edge);border:1px solid var(--wood-950);border-radius:var(--r-md);font-variant-numeric:tabular-nums;min-width:0;min-height:2.375rem;padding:.4375rem .625rem}textarea:not(.ce-input){font:inherit;color:var(--ink);background:var(--inset-bg);box-shadow:var(--inset-edge);border:1px solid var(--wood-950);border-radius:var(--r-md);resize:vertical;min-width:0;padding:.4375rem .625rem}input[type=number]:focus-visible,input[type=text]:focus-visible,input:where(:not([type])):focus-visible,textarea:not(.ce-input):focus-visible{border-color:var(--gold-400);box-shadow:var(--inset-edge), 0 0 0 1px var(--gold-400);outline:none}input[type=checkbox]{accent-color:var(--gold-400);width:1.05rem;height:1.05rem}select{appearance:none;font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--wood-950);border-radius:var(--r-md);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23f3c85e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .625rem center / .75rem .5rem, linear-gradient(180deg, var(--wood-700), var(--wood-800));min-width:0;min-height:2.375rem;padding:.4375rem 2rem .4375rem .625rem;box-shadow:inset 0 0 0 1px #e1a83a47,inset 0 1px #ffe1aa1a,0 1px 2px #00000059}select:hover{box-shadow:inset 0 0 0 1px #f3c85e8c,inset 0 1px #ffe1aa1a,0 1px 2px #00000059}select:focus-visible{box-shadow:inset 0 0 0 1px var(--gold-300), 0 0 0 2px #f3c85e59;outline:none}select:disabled{opacity:.55;cursor:default}select option{background:var(--wood-850);color:var(--ink)}select option:checked{background:var(--gold-800);color:var(--gold-100)}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{align-items:center;display:inline-flex}select::picker-icon{display:none}::picker(select){border:1px solid var(--wood-950);border-radius:var(--r-md);background:var(--wood-850);color:var(--ink);margin-top:.25rem;padding:.25rem;box-shadow:inset 0 0 0 1px #e1a83a61,0 8px 22px #0a060299}select option{border-radius:var(--r-sm);background:0 0;gap:.5rem;min-height:2.25rem;padding:.4375rem .625rem}select option:hover,select option:focus-visible{background:#f3c85e29;outline:none}select option:checked{color:var(--gold-100);background:#f3c85e42}select option::checkmark{color:var(--gold-300)}}.switch{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch);cursor:pointer;text-align:left;box-shadow:none;background:0 0;border:0;padding:0;display:inline-flex}.switch:hover{filter:none!important}.switch .track{width:2.75rem;height:1.5rem;box-shadow:var(--inset-edge);background:#0e090599;border-radius:1rem;flex:none;transition:background .15s;position:relative}.switch .track:after{content:"";background:linear-gradient(#e9dcc0,#a99573);border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .15s;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #00000080}.switch[aria-checked=true] .track{background:linear-gradient(90deg, var(--gold-500), var(--gold-400))}.switch[aria-checked=true] .track:after{background:linear-gradient(180deg, #fff8e4, var(--gold-200));transform:translate(1.25rem)}.meter{background:#0a06038c;border-radius:1rem;height:.375rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0009}.meter>i{border-radius:inherit;background:linear-gradient(180deg, var(--gold-200), var(--gold-500));position:absolute;inset:0 auto 0 0}.meter.good>i{background:linear-gradient(#b5ec92,#4f9a35)}.meter.warn>i{background:linear-gradient(#ffd889,#d08b21)}.meter.bad>i{background:linear-gradient(#ffa18e,#b3392a)}.meter.hp>i{background:linear-gradient(#ef8c6f,#b33a2a)}.scroll-y{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood-500) transparent;overflow-y:auto}.scroll-x{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--wood-500) transparent;overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--wood-500);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}kbd{font-family:var(--body);color:var(--parch-ink);background:linear-gradient(#fff,#e6d6b4);border-radius:.25rem;padding:.1875rem .375rem;font-size:.6875rem;font-weight:700;line-height:1;box-shadow:0 1px #9c8458,0 0 0 1px #5a3c1459}.scrim{padding:max(1rem, var(--safe-t)) 1rem max(1rem, var(--safe-b));z-index:30;background:radial-gradient(#100a0573,#0a0603c7);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{flex-direction:column;width:min(26rem,100%);max-height:calc(100dvh - 2rem);display:flex;overflow:hidden}.dialog-head{align-items:center;gap:var(--sp-3);border-bottom:1px solid #e1a83a38;padding:.875rem 1rem .625rem;display:flex}.dialog-head .h-title{font-size:var(--fs-xl);flex:1}.dialog-body{gap:var(--sp-3);flex-direction:column;padding:.875rem 1rem 1rem;display:flex}.selbox{pointer-events:none;z-index:5;background:#fff2b01f;border:1px solid #fff2b0;position:fixed;box-shadow:0 0 0 1px #00000059}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}