@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(./anton-latin-400-normal-AUNGEG_V.woff)format("woff")}:root{--paper:#f5f4f1;--sheet:#fff;--ink:#1c1a17;--ink-soft:#6b645a;--rule:#e4e0d8;--ember:#d4430c;--ember-ink:#fff8f2;--blood:#b42e1f;--luck:#8f6c08;--leaf:#2d7246;--shadow:0 1px 2px #1c1a170d, 0 4px 14px #1c1a170a;--sans:"Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Anton", "Impact", "Arial Narrow", sans-serif;--radius:16px;--radius-sm:12px;--gutter:16px;--bar-h:68px;--ease:cubic-bezier(.2, .7, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141210;--sheet:#1d1a17;--ink:#efe8dc;--ink-soft:#a29a8c;--rule:#2f2b26;--ember:#ff7a2e;--ember-ink:#1a0f06;--blood:#f0624c;--luck:#e4be4f;--leaf:#7cc593;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#141210;--sheet:#1d1a17;--ink:#efe8dc;--ink-soft:#a29a8c;--rule:#2f2b26;--ember:#ff7a2e;--ember-ink:#1a0f06;--blood:#f0624c;--luck:#e4be4f;--leaf:#7cc593;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:17px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}a{color:inherit}img{max-width:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.page{padding:var(--gutter);flex-direction:column;flex:1;gap:16px;display:flex}.page.with-tabs{padding-bottom:calc(var(--bar-h) + 24px + env(safe-area-inset-bottom))}.screen{animation:screen-in .24s var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.counters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.cols,.col{flex-direction:column;gap:16px;min-width:0;display:flex}.muted{color:var(--ink-soft)}.small{font-size:15px;line-height:1.45}h1,h2,h3{font-weight:700;line-height:1.15}.title{font-family:var(--display);letter-spacing:.01em;font-size:32px;font-weight:400}.heading{font-size:17px;font-weight:700}.label{color:var(--ink-soft);font-size:14px;font-weight:600}.figure{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.frame{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.frame.ember{border-color:color-mix(in srgb, var(--ember) 45%, var(--rule));background:color-mix(in srgb, var(--ember) 5%, var(--sheet))}.frame>.frame-title{margin-bottom:12px}.btn{border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--sheet);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ember);color:var(--ember-ink);border-color:#0000}.btn.ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn.danger{border-color:color-mix(in srgb, var(--blood) 35%, var(--rule));color:var(--blood)}.btn.block{width:100%}.btn:disabled{opacity:.4;pointer-events:none}.icon-btn{width:44px;height:44px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;transition:background-color .16s;display:inline-grid}.icon-btn:active{background:color-mix(in srgb, var(--ink) 8%, transparent)}.icon-btn:disabled{opacity:.3}.icon-btn.outlined{border:1px solid var(--rule);background:var(--sheet);color:var(--ink)}.status{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);padding:8px var(--gutter) 8px 4px;align-items:center;gap:4px;display:flex;position:sticky;top:0}.status-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.status-pill{align-items:baseline;gap:3px;padding:0 8px;display:flex}.status-pill .figure{font-size:22px}.status-pill.pv .figure{color:var(--blood)}.status-pill.chance .figure{color:var(--luck)}.status-pill .of{color:var(--ink-soft);font-size:13px}.tabs{z-index:20;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rule);width:100%;max-width:520px;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;translate:-50%}.tab{height:var(--bar-h);color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s;display:flex;position:relative}.tab-icon{width:56px;height:30px;transition:background-color .22s var(--ease), transform .22s var(--ease);border-radius:15px;place-items:center;display:grid}.tab[aria-current=page]{color:var(--ember)}.tab[aria-current=page] .tab-icon{background:color-mix(in srgb, var(--ember) 16%, transparent)}.tab:active .tab-icon{transform:scale(.94)}.tab .dot{background:var(--blood);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:calc(50% + 14px)}.chapter{flex-direction:column;align-items:center;gap:6px;padding:20px 16px 16px;display:flex}.chapter-number{color:var(--ember);text-align:center;min-width:2ch;font-size:104px}.chapter-progress{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:300px;margin-bottom:6px;display:flex}.chapter-progress .segmented{width:100%}.gauge-value{font-size:54px}.gauge-value .of{font-family:var(--sans);color:var(--ink-soft);margin-left:6px;font-size:20px}.gauge-bar{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:3px;height:6px;overflow:hidden}.gauge-bar>span{height:100%;transition:width .4s var(--ease);border-radius:3px;display:block}.pv .gauge-value{color:var(--blood)}.pv .gauge-bar>span{background:var(--blood)}.chance .gauge-value{color:var(--luck)}.chance .gauge-bar>span{background:var(--luck)}.track{flex-wrap:wrap;gap:5px;display:flex}.box{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:5px;width:18px;height:18px;transition:background-color .2s}.box.on{background:var(--ink-soft)}.box.on.ember{background:var(--ember)}button.box{width:28px;height:28px}.breakdown{color:var(--ink-soft);grid-template-columns:1fr auto;gap:1px 12px;font-size:14px;display:grid}.breakdown>*>:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.stat-tile{flex-direction:column;gap:10px;display:flex}.stat-tile-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stat-tile-head .figure{font-size:46px}.stat-tile-add{min-height:40px;margin-top:auto}.mini-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini-stats .figure{font-size:28px}.list{padding:0;list-style:none}.list li{border-bottom:1px solid var(--rule);align-items:center;gap:8px;min-height:44px;display:flex}.list li:last-child{border-bottom:none}.list li>span{flex:1}.empty{color:var(--ink-soft);padding:4px 0}.field{flex-direction:column;gap:6px;display:flex}.input{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--sheet);width:100%;min-height:48px;padding:8px 14px;transition:border-color .16s,box-shadow .16s}.input::placeholder{color:color-mix(in srgb, var(--ink-soft) 75%, transparent)}.input:focus{border-color:var(--ember);box-shadow:0 0 0 3px color-mix(in srgb, var(--ember) 20%, transparent);outline:none}.stepper{justify-content:space-between;align-items:center;gap:4px;display:flex}.stepper .figure{text-align:center;min-width:2ch;font-size:30px}.stat-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stat-picker button{border:1px solid var(--rule);border-radius:10px;min-height:44px;font-weight:700;transition:background-color .16s,color .16s}.stat-picker button[aria-pressed=true]{background:color-mix(in srgb, var(--ember) 16%, transparent);border-color:color-mix(in srgb, var(--ember) 45%, transparent);color:var(--ember)}.segmented{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink) 7%, transparent);gap:4px;padding:4px;display:flex}.segmented button{min-height:40px;color:var(--ink-soft);transition:background-color .2s var(--ease), color .2s ease;border-radius:9px;flex:1;font-weight:600}.segmented button[aria-pressed=true]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 3px #0000001f}.die{color:var(--ink);display:inline-block}.btn.primary .die{color:currentColor}.die.rolling{animation:tumble .6s var(--ease)}@keyframes tumble{0%{transform:rotate(0)scale(.7)}60%{transform:rotate(400deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.die-pad{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.die-pad button{aspect-ratio:1;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--sheet);place-items:center;display:grid}.verdict{font-family:var(--display);text-align:center;animation:pop .26s var(--ease);font-size:40px}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.verdict.ok{color:var(--leaf)}.verdict.ko{color:var(--blood)}.item-card{text-align:left;grid-template-columns:auto 1fr;align-items:start;gap:2px 12px;width:100%;transition:border-color .16s,background-color .16s;display:grid}.item-card .check{border:1.5px solid color-mix(in srgb, var(--ink-soft) 60%, transparent);border-radius:7px;grid-row:1/span 3;place-items:center;width:24px;height:24px;margin-top:1px;transition:background-color .16s;display:grid}.item-card[aria-pressed=true]{border-color:color-mix(in srgb, var(--ember) 55%, var(--rule));background:color-mix(in srgb, var(--ember) 6%, var(--sheet))}.item-card[aria-pressed=true] .check{background:var(--ember);border-color:var(--ember);color:var(--ember-ink)}.item-card:disabled{opacity:.45}.effects{font-variant-numeric:tabular-nums;font-weight:700}.preview{z-index:5;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rule);margin:0 calc(-1 * var(--gutter)) calc(-1 * var(--gutter));padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0}.versus{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.versus .figure{font-size:52px}.versus .pv-billy{color:var(--blood)}.situation{text-align:center}.table-strip{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(6,1fr);gap:4px;font-size:14px;display:grid}.table-strip>div{background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:8px;padding:4px 0;transition:background-color .2s,color .2s}.table-strip>div.hit{background:color-mix(in srgb, var(--ember) 18%, transparent);color:var(--ember);font-weight:700}.dmg{font-family:var(--display);font-size:30px}.notice{background:color-mix(in srgb, var(--ember) 10%, transparent);animation:pop .22s var(--ease);border-radius:10px;padding:10px 14px}.log{font-size:15px}details>summary{list-style-position:inside}.situation-table{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);overflow-x:auto}.situation-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:100%;font-size:15px}.situation-table th,.situation-table td{border-bottom:1px solid var(--rule);text-align:center;white-space:nowrap;padding:8px 6px}.situation-table th{font-weight:700}.situation-table .col-on{background:color-mix(in srgb, var(--ember) 14%, transparent)}.situation-table th[scope=row]{left:calc(-1 * var(--gutter));background:var(--paper);position:sticky}details.rule{border-bottom:1px solid var(--rule);padding:10px 0}details.rule summary{cursor:pointer;min-height:32px;font-weight:700}details.rule p,details.rule ul,details.rule ol{margin-top:6px}.scrim{z-index:50;background:#0006;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--paper);width:100%;max-width:520px;max-height:92dvh;padding:18px var(--gutter) calc(20px + env(safe-area-inset-bottom));animation:rise .24s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.numpad-display{text-align:center;min-height:80px;color:var(--ember);font-size:72px}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.numpad button{border-radius:var(--radius);background:var(--sheet);border:1px solid var(--rule);min-height:60px;font-size:26px;font-weight:600;transition:background-color .12s}.numpad button:active{background:color-mix(in srgb, var(--ember) 18%, var(--sheet))}.toast{left:50%;bottom:calc(var(--bar-h) + 16px + env(safe-area-inset-bottom));z-index:60;width:calc(100% - 2 * var(--gutter));background:var(--ink);max-width:488px;color:var(--paper);border-radius:var(--radius-sm);animation:rise .24s var(--ease);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;translate:-50%;box-shadow:0 8px 24px #0003}.toast span{flex:1;font-size:15px}.toast button{color:var(--ember);min-height:40px;padding:0 10px;font-weight:700}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:8px;display:flex}.hero img{mix-blend-mode:multiply;width:70%;max-width:260px}:root[data-theme=dark] .hero img{filter:invert()sepia(.35);mix-blend-mode:lighten}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero img{filter:invert()sepia(.35);mix-blend-mode:lighten}}.game-card{text-align:left;grid-template-columns:1fr auto;gap:2px 12px;width:100%;text-decoration:none;transition:border-color .16s;display:grid}.game-card .figure{color:var(--ember);grid-area:1/2/span 2;align-self:center;font-size:40px}.achievements-link{align-items:center;gap:14px;text-decoration:none;transition:border-color .16s;display:flex}.achievements-link>span:nth-child(2){flex-direction:column;flex:1;display:flex}.link-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ember) 14%, transparent);width:44px;height:44px;color:var(--ember);flex:none;place-items:center;display:grid}.achievements-link>svg:last-child{color:var(--ink-soft)}.achievement-summary{flex-direction:column;gap:12px;display:flex}.achievement-summary .gauge-value{white-space:nowrap;flex:none;font-size:46px}.achievement-summary .gauge-bar>span{background:var(--ember)}.achievement-final{border-top:1px solid var(--rule);color:var(--ink-soft);align-items:center;gap:12px;padding-top:12px;display:flex}.achievement-final.on{color:var(--ember)}.achievement-final strong{color:var(--ink)}.achievement-list{gap:2px;margin:0 -8px;padding:0;list-style:none;display:grid}.achievement{border-radius:var(--radius-sm);text-align:left;grid-template-columns:24px 1fr;column-gap:12px;width:100%;height:100%;padding:10px 8px;transition:background-color .16s;display:grid}.achievement>:not(.tick){grid-column:2}.achievement:active{background:color-mix(in srgb, var(--ink) 5%, transparent)}.achievement .tick{background:color-mix(in srgb, var(--ink) 9%, transparent);width:24px;height:24px;color:var(--ember-ink);border-radius:7px;grid-row:1/span 3;place-items:center;margin-top:1px;transition:background-color .2s;display:grid}.achievement[aria-pressed=true] .tick{background:var(--ember);animation:tick-in .26s var(--ease)}@keyframes tick-in{0%{transform:scale(.6)}}.achievement-date{color:var(--ember);font-weight:600}@media (width>=760px){:root{--gutter:24px}.app{max-width:1180px}.app.home,.app.settings,.app.achievements{max-width:960px}.page{padding:32px var(--gutter);gap:20px}.cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}.app.game .cols{grid-template-columns:minmax(0,1fr);max-width:640px}.app.game{grid-template:"status status""nav main"1fr/210px minmax(0,1fr);display:grid}.app.game>.status{padding:12px var(--gutter) 12px 12px;grid-area:status}.app.game>main{grid-area:main}.page.with-tabs{padding-bottom:48px}.tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:none;flex-direction:column;grid-area:nav;align-self:start;gap:2px;width:auto;max-width:none;padding:24px 12px;display:flex;position:sticky;top:73px;left:auto;translate:none}.tab{border-radius:var(--radius-sm);height:46px;transition:background-color .2s var(--ease), color .18s ease;flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px;font-size:16px}.tab-icon{width:auto;height:auto;background:0 0!important}.tab:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.tab[aria-current=page]{background:color-mix(in srgb, var(--ember) 13%, transparent)}.tab .dot{order:1;margin-left:auto;position:static}.status-pill .figure{font-size:26px}.chapter-number{font-size:132px}.hero{text-align:left;align-items:flex-start}.hero img{width:100%;max-width:340px}.title{font-size:38px}.preview{margin:0 calc(-1 * var(--gutter)) -32px}.preview>*{width:100%;max-width:640px;margin-inline:auto}.situation-table{margin:0;padding:0}.situation-table table{width:100%;font-size:16px}.situation-table th[scope=row]{left:0}.scrim{align-items:center}.sheet{border-radius:20px;max-width:460px;padding:24px;box-shadow:0 20px 60px #00000040}.toast{max-width:440px;bottom:24px}.btn:hover{background:color-mix(in srgb, var(--ink) 4%, var(--sheet))}.btn.primary:hover{background:color-mix(in srgb, var(--ink) 10%, var(--ember))}.achievement:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.game-card:hover,.achievements-link:hover,.item-card:not(:disabled):hover{border-color:color-mix(in srgb, var(--ember) 35%, var(--rule))}}@media (width>=1040px){.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app.game .cols{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
