:root{--room: #1b2624;--ink: #2a1c12;--paper: #f6eee0;--card: #fff8ec;--straw: #c7b15c;--straw-dark: #9a823c;--vermillion: #c4452a;--lantern: #e8c56a;--mist: #c9b89a;--line: rgba(42, 28, 18, .16);--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(42% 28% at 18% 0%,rgba(232,197,106,.22),transparent 58%),radial-gradient(50% 36% at 88% 8%,rgba(196,69,42,.12),transparent 62%),linear-gradient(180deg,#243330 0%,var(--room) 48%,#121816 100%);color:var(--paper);font-family:Zen Maru Gothic,Hiragino Sans,sans-serif}body{min-height:100dvh}#app{width:min(640px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe));display:grid;grid-template-rows:auto auto auto minmax(280px,1fr) auto auto auto;gap:7px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--lantern);outline-offset:3px}.top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Kaisei Decol,Yu Mincho,serif;font-weight:500;font-size:clamp(30px,8vw,46px);letter-spacing:.18em;line-height:1.05;color:var(--paper)}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.2em;color:var(--mist)}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--lantern)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:64px;padding:6px 8px 5px;border:1px solid rgba(232,197,106,.35);background:#0c100e73;text-align:center;border-radius:12px}.pill b{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:14px;line-height:1.15;color:var(--lantern)}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.55;color:var(--mist)}.diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.diff{min-height:44px;border:1px solid rgba(232,197,106,.28);background:#f6eee014;border-radius:14px;letter-spacing:.06em;display:grid;place-items:center;line-height:1.15}.diff small{display:block;font-size:10px;color:var(--mist)}.diff.is-on{background:linear-gradient(180deg,#e8c56a,#c9a24a);color:var(--ink);border-color:transparent;font-weight:700}.diff.is-on small{color:#2a1c12b3}.stage-wrap{position:relative;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:8px}.yomi{min-height:76px;display:grid;place-items:center;background:linear-gradient(180deg,#fffaf1,#f4e2bc);color:var(--ink);border:4px solid var(--vermillion);border-radius:8px;box-shadow:0 5px #8a2e1c,inset 0 0 0 2px #f7d7a8;font-family:Kaisei Decol,Yu Mincho,serif;font-size:clamp(36px,11vw,58px);letter-spacing:.16em;line-height:1}.yomi.is-wait{color:#b8a490;font-size:clamp(18px,4.6vw,24px);letter-spacing:.28em}.yomi.is-pop{animation:yomi-pop .28s ease}.mat{--cols: 4;--rows: 3;min-height:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:8px;padding:12px;border-radius:10px;background:repeating-linear-gradient(90deg,rgba(72,52,12,.28) 0 3px,transparent 3px 14px),repeating-linear-gradient(0deg,rgba(90,64,16,.18) 0 2px,transparent 2px 18px),linear-gradient(180deg,#ddc56a,#c4ae52 46%,#a88c38);box-shadow:inset 0 0 0 6px #7d6528,inset 0 0 0 8px #f6e6b459,0 14px 28px #00000052;overflow:auto;align-content:stretch}.mat.is-shake{animation:mat-shake .32s ease}.fuda{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 80% at 18% 0%,rgba(255,255,255,.78),transparent 48%),repeating-linear-gradient(180deg,rgba(196,160,90,.08) 0 1px,transparent 1px 7px),linear-gradient(180deg,#fffaf1,#f2dfb4);color:var(--vermillion);border:1px solid #d7be86;border-radius:7px;box-shadow:0 3px #8f7438,0 8px 14px #28140038;font-family:Zen Maru Gothic,Hiragino Sans,sans-serif;font-size:clamp(24px,6.8vw,42px);font-weight:700;letter-spacing:.04em;transform-origin:center;transition:transform .28s ease,opacity .28s ease,box-shadow .16s ease}.fuda .idx{position:absolute;top:4px;left:5px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;font-weight:400;letter-spacing:0;color:#2a1c1261}.fuda:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #c4a86a}.mat[data-rows="3"] .fuda,.mat[data-rows="4"] .fuda{font-size:clamp(16px,5.2vw,32px)}.fuda.is-taken{display:none}.fuda.is-miss{animation:fuda-miss .32s ease}.fuda:disabled{cursor:default}.hud{display:flex;justify-content:space-between;gap:8px;font-size:13px;letter-spacing:.08em}.hud b{color:var(--lantern);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;font-weight:500}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lantern{min-height:52px;padding:0 14px;background:linear-gradient(180deg,#f0d27a,var(--lantern) 55%,#b88632);color:var(--ink);letter-spacing:.16em;font-weight:700;border-radius:8px;box-shadow:0 4px #7a5a18}.lantern:active{transform:translateY(2px);box-shadow:0 2px #7a5a18}.lantern:disabled{opacity:.45}.ghost,.icon{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(232,197,106,.45);color:var(--lantern);border-radius:8px}.note{margin:0;font-size:10px;letter-spacing:.06em;color:#c9b89ab8;text-align:center}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:3}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#f6eee0f5;border:2px solid var(--vermillion);color:var(--ink);text-align:center;letter-spacing:.06em;border-radius:12px}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#1218166b}.sheet .panel{width:min(90%,320px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Kaisei Decol,Yu Mincho,serif;font-weight:500;letter-spacing:.16em}.sheet .prize{margin:0;font-size:28px;font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--vermillion)}.sheet .meta{margin:0;color:#6a5844;font-size:13px;line-height:1.65}@keyframes yomi-pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mat-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fuda-miss{0%,to{box-shadow:0 3px #c4a86a,0 7px 12px #2814002e}35%{background:#f7d2c4;box-shadow:inset 0 0 0 2px var(--vermillion)}}@media(max-width:420px){.how{font-size:11px;line-height:1.45}.top{grid-template-columns:1fr}.pills{justify-content:flex-start}.fuda{font-size:clamp(18px,7vw,28px)}.sheet .panel{width:min(94%,320px);padding:12px}.sheet .prize{font-size:24px}}@media(max-height:740px){.how,.note{display:none}.yomi{min-height:52px}.mat{gap:5px;padding:8px}}@media(max-height:600px){.yomi{min-height:44px;font-size:clamp(28px,8vw,42px)}.mat{gap:4px;padding:6px}.fuda{font-size:clamp(14px,4.8vw,26px)}}@media(prefers-reduced-motion:reduce){.fuda,.lantern,.yomi,.mat{animation:none;transition:none}.fuda.is-taken{transform:none}}