:root{--ink: #06080f;--ink-2: #0d1220;--paper: #ece4d2;--paper-dim: #a9a394;--vermillion: #e2503f;--vermillion-deep: #8e2418;--jade: #7fe3d6;--steel: #9dc4f0;--edge: rgba(236, 228, 210, .16);--ui: "Iowan Old Style", "Palatino Linotype", Palatino, "Hiragino Mincho ProN", Georgia, serif;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow:hidden;overscroll-behavior:none}#app{position:relative;width:100%;height:100dvh;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 42%,#04060cb8),linear-gradient(to bottom,#0a102080,#0000 28% 68%,#04060c9e);z-index:1}.ink-frame{position:absolute;inset:10px;pointer-events:none;z-index:2;border:1px solid rgba(236,228,210,.1);box-shadow:inset 0 0 40px #0009}.ink-frame:before,.ink-frame:after{content:"";position:absolute;left:50%;width:130px;height:2px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--vermillion),transparent);opacity:.55}.ink-frame:before{top:-1px}.ink-frame:after{bottom:-1px}.flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:3;mix-blend-mode:screen}.hud{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:22px clamp(16px,3.4vw,44px);opacity:0;transition:opacity .4s ease}.hud[data-visible=true]{opacity:1}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hud-row--bottom{align-items:flex-end}.gauge{min-width:148px}.gauge--right{text-align:right}.gauge-label{margin:0 0 6px;font-family:var(--ui);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--paper-dim);text-shadow:0 1px 4px #000}.gauge-label--center{text-align:center}.gauge-value{margin:6px 0 0;font-family:var(--ui);font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px 8px #000}.gauge-value--score{font-size:1.9rem;color:var(--paper)}.gauge-sub{margin:4px 0 0;font-size:.7rem;letter-spacing:.08em;color:var(--paper-dim);text-shadow:0 1px 4px #000}.track{position:relative;height:9px;background:#060912b8;border:1px solid var(--edge);overflow:hidden}.track .fill{display:block;height:100%;width:100%;transform-origin:left center;transition:width .18s ease-out}.track--health .fill{background:linear-gradient(90deg,var(--vermillion-deep),var(--vermillion))}.track--health .fill[data-low=true]{animation:pulse .9s ease-in-out infinite}.track--focus{height:7px}.track--focus .fill{background:linear-gradient(90deg,#2f6f78,var(--jade))}.track--focus .fill[data-full=true]{background:linear-gradient(90deg,#6fd0ff,#fff)}.wave-block{text-align:center}.wave-count{margin:0;font-family:var(--ui);font-size:1.05rem;letter-spacing:.16em;text-shadow:0 2px 8px #000}.pips{display:flex;gap:6px;justify-content:center;margin-top:8px}.pip{width:12px;height:12px;border:1px solid rgba(236,228,210,.5);background:var(--vermillion);transform:rotate(45deg);transition:background .25s ease,opacity .25s ease}.pip--heavy{background:#f0a13a}.pip--boss{background:#c85cff;width:15px;height:15px}.pip[data-down=true]{background:transparent;opacity:.35}.focus-block{width:min(280px,46vw);text-align:center}.focus-hint{margin:6px 0 0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);text-shadow:0 1px 4px #000}.boon-strip{display:flex;flex-wrap:wrap;gap:6px;max-width:55vw}.boon-chip{font-family:var(--ui);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border:1px solid rgba(226,80,63,.55);background:#140808a8;color:#f2b3a6;text-shadow:0 1px 3px #000}.banner{position:absolute;z-index:5;top:22%;left:50%;transform:translate(-50%,-12px);margin:0;font-family:var(--ui);font-size:clamp(1.6rem,5.4vw,3.2rem);letter-spacing:.14em;color:var(--paper);text-shadow:0 0 26px rgba(0,0,0,.95),0 0 60px rgba(226,80,63,.35);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;white-space:nowrap}.banner[data-on=true]{opacity:1;transform:translate(-50%)}.tip{position:absolute;z-index:5;bottom:21%;left:50%;transform:translate(-50%,6px);margin:0;padding:7px 14px;font-size:.8rem;letter-spacing:.04em;color:var(--paper);background:#060912b3;border-left:2px solid var(--vermillion);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;max-width:min(560px,84vw);text-align:center}.tip[data-on=true]{opacity:1;transform:translate(-50%)}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 22px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--edge);text-align:left}.keys div{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:10px}.keys dt{font-family:var(--ui);font-size:.74rem;letter-spacing:.06em;color:var(--steel);text-align:center;padding:5px 0;border:1px solid rgba(157,196,240,.3);background:#9dc4f014}.keys dd{margin:0;font-size:.78rem;color:#cfc9ba}.card{width:min(720px,100%);padding:clamp(22px,4vw,40px);background:linear-gradient(160deg,#101524f0,#070a13f5);border:1px solid var(--edge);box-shadow:0 30px 90px #000000b3;text-align:center;position:relative}.card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(226,80,63,.22);pointer-events:none}.card--narrow{width:min(420px,100%)}.eyebrow{margin:0 0 10px;font-size:.68rem;letter-spacing:.4em;text-transform:uppercase;color:var(--vermillion)}h1{margin:0;font-family:var(--ui);font-size:clamp(2.6rem,9vw,4.6rem);font-weight:500;letter-spacing:.1em;line-height:1;text-shadow:0 6px 30px rgba(0,0,0,.8)}h2{margin:0 0 12px;font-family:var(--ui);font-size:clamp(1.5rem,4.4vw,2.2rem);font-weight:500;letter-spacing:.08em}.lede{margin:16px auto 0;max-width:46ch;font-size:.96rem;line-height:1.65;color:#cfc9ba}.lede--tight{margin-top:6px;font-size:.86rem}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--edge);text-align:left}.keys div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted rgba(236,228,210,.12);padding-bottom:4px}.keys dt{font-family:var(--ui);font-size:.78rem;color:var(--steel);white-space:nowrap}.keys dd{margin:0;font-size:.74rem;color:var(--paper-dim);text-align:right}.card-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}.card-actions--stack{flex-direction:column;align-items:stretch}button{font:inherit;cursor:pointer;border-radius:0}.primary,.ghost{padding:12px 24px;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;transition:transform .15s ease,background .2s ease,border-color .2s ease}.primary{border:1px solid var(--vermillion);background:linear-gradient(180deg,#e2503f,#a52f20);color:#fff6ef;font-weight:600;box-shadow:0 8px 26px #e2503f40}.ghost{border:1px solid var(--edge);background:#ece4d20d;color:var(--paper)}.primary:hover,.ghost:hover{transform:translateY(-1px)}.primary:focus-visible,.ghost:focus-visible,.boon:focus-visible,.touch-btn:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.record{margin:18px 0 0;font-size:.78rem;color:var(--jade);min-height:1em}.hint{margin:10px 0 0;font-size:.72rem;color:var(--paper-dim)}.boon-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:22px}.boon{padding:20px 18px;text-align:left;border:1px solid var(--edge);background:#0e1320e6;color:var(--paper);display:grid;gap:8px;transition:transform .16s ease,border-color .2s ease,background .2s ease}.boon strong{font-family:var(--ui);font-size:1.15rem;letter-spacing:.1em;color:var(--jade)}.boon span{font-size:.82rem;line-height:1.55;color:#c8c2b4}.boon:hover{transform:translateY(-3px);border-color:var(--vermillion);background:#1c1014eb}.ending{margin:6px auto 0;max-width:48ch;font-family:var(--ui);font-size:1.02rem;line-height:1.7;color:#d8d2c3}.tally{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px}.tally li{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:baseline;padding:8px 4px;border-bottom:1px dotted rgba(236,228,210,.14);font-size:.84rem}.tally b{font-weight:500;color:var(--paper)}.tally em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--jade);min-width:3ch;text-align:right}.touch{position:absolute;inset:auto 0 0;z-index:5;display:none;align-items:flex-end;justify-content:space-between;padding:18px 16px calc(18px + env(safe-area-inset-bottom));pointer-events:none}.touch[data-visible=true]{display:flex}.stick{position:relative;width:128px;height:128px;border-radius:50%;border:1px solid rgba(236,228,210,.22);background:#0609126b;pointer-events:auto;touch-action:none}.stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ece4d22e;border:1px solid rgba(236,228,210,.4)}.touch-buttons{display:grid;grid-template-columns:repeat(2,68px);gap:10px;pointer-events:auto}.touch-btn{height:68px;border-radius:50%;border:1px solid var(--edge);background:#0a0e1a99;color:var(--paper);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;touch-action:none}.touch-btn[data-down=true]{background:#e2503f80;border-color:var(--vermillion)}.touch-btn--parry{border-color:#7fe3d699}.touch-btn--focus{border-color:#c85cff99}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(max-width:620px){.hud{padding:14px 14px 0}.hud-row--bottom{align-items:center}.boon-strip{max-width:46vw}.boon-chip{font-size:.6rem;padding:4px 7px}.banner{top:18%}.tip{bottom:26%}}@media(pointer:coarse){.hud{padding-bottom:172px}.tip{bottom:30%}}@media(max-width:620px)and (pointer:coarse){.hud{padding:14px 14px 172px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html[data-reduced-motion=true] .pip[data-down=false]{animation:none}