:root{--paper: #f3ead3;--ink: #1a1a1a;--red: #9b1b1b;--display: "Hiragino Mincho ProN", "Songti SC", "Noto Serif JP", serif;--muted: rgba(26, 26, 26, .62);--line: rgba(26, 26, 26, .18);--safe-top: max(16px, env(safe-area-inset-top));--safe-right: max(16px, env(safe-area-inset-right));--safe-bottom: max(24px, env(safe-area-inset-bottom));--safe-left: max(16px, env(safe-area-inset-left))}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;min-height:100dvh;max-height:100%;max-height:100dvh;margin:0}html,body{overflow:hidden;background:var(--paper);color:var(--ink)}html.is-forced-portrait,html.is-forced-portrait body{overflow:hidden;width:100%;height:100%}html.is-forced-portrait #app{position:fixed;width:100dvh;height:100dvw;min-height:100dvw;max-height:none;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}html.is-forced-portrait .screen-home{background-image:radial-gradient(ellipse at 50% 46%,#f3ead3e0,#f3ead38c 46%,#f3ead347),url(/art/landscape.png)}body{font-family:var(--display);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(ellipse at 18% 8%,rgba(155,27,27,.07),transparent 42%),radial-gradient(ellipse at 88% 92%,rgba(26,26,26,.07),transparent 46%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(26,26,26,.018) 3px,rgba(26,26,26,.018) 4px)}button,input{font:inherit;color:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.screen{min-height:100%;max-height:100%;overflow:auto;touch-action:pan-y;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.screen-inner{width:min(100%,720px);margin:0 auto}.screen-home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.75rem;padding-bottom:calc(var(--safe-bottom) + 1.1rem);background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 46%,#f3ead3e0,#f3ead38c 46%,#f3ead347),url(/art/landscape.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media(orientation:landscape){.screen-home{background-image:radial-gradient(ellipse at 50% 46%,#f3ead3e0,#f3ead38c 46%,#f3ead347),url(/art/landscape-wide.png)}}.screen-home .btn-nav{background:#f3ead3d1}.brand{margin:0;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:700;letter-spacing:.03em;line-height:1.05}.brand:after{content:"";display:block;width:4.75rem;height:5px;margin:.45rem auto 0;background:var(--red);border-radius:999px;transform:rotate(-3deg)}.home-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(100%,360px)}.home-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.home-add{width:100%}.home-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:auto}.home-gate.is-refreshing{display:grid;place-items:center;background:#f3ead3d1;font-size:clamp(1.6rem,5vw,2.2rem);letter-spacing:.12em}.btn:disabled{opacity:.55}.install-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#1a1a1a6b}.install-panel{width:min(92%,22rem);padding:1.4rem 1.3rem 1.2rem;border:2px solid var(--ink);border-radius:18px;background:var(--paper);text-align:left}.install-panel h2{margin:0 0 .8rem;font-size:1.55rem;letter-spacing:.04em;text-align:center}.install-steps{margin:0 0 1.1rem;padding-left:1.3rem;font-size:1.08rem;line-height:1.45}.install-panel .btn-play{min-height:56px;font-size:1.35rem}.home-meta{display:flex;justify-content:center;gap:2.5rem;margin:.25rem 0 0}.home-meta div{display:flex;flex-direction:column;gap:.2rem}.home-meta dt{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.home-meta dd{margin:0;font-size:1.65rem}.home-version{position:absolute;top:auto;left:50%;bottom:var(--safe-bottom);width:max-content;height:auto;margin:0;transform:translate(-50%);font-size:.72rem;letter-spacing:.14em;color:var(--muted);pointer-events:none}.btn{min-height:48px;min-width:48px;padding:.7rem 1.1rem;border:2px solid var(--ink);border-radius:14px;background:transparent;color:var(--ink)}.btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.btn-play{width:100%;min-height:88px;border:0;border-radius:999px;background:var(--red);color:var(--paper);font-size:2rem;letter-spacing:.08em;box-shadow:0 8px #9b1b1b47}.btn-nav{font-size:1rem}.btn-back{min-height:52px;padding-inline:1.2rem}.btn-danger{border-color:var(--red);color:var(--red)}.screen-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem}.screen-header h1{margin:0;font-size:clamp(1.8rem,5vw,2.4rem)}.table-pad{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:.75rem;margin-bottom:1.25rem}.table-btn{min-height:72px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);font-size:1.7rem}.table-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.table-btn.is-locked-off{opacity:.42;border-style:dashed}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.75rem;margin:1rem 0 1.4rem}.table-card{border:2px solid var(--line);border-radius:16px;padding:.85rem .75rem;background:#f3ead3b3}.table-card h2{margin:0 0 .35rem;font-size:1.45rem}.table-card p{margin:.15rem 0;font-size:.95rem;color:var(--muted)}.table-card.is-locked{opacity:.7}.stats-topline{display:flex;gap:1.5rem;margin:0 0 .5rem;font-size:1.15rem}.fact-grid-wrap{overflow-x:auto;margin:.5rem 0 1.4rem}.fact-grid{display:grid;grid-template-columns:repeat(13,minmax(24px,1fr));gap:3px;min-width:380px}.fact-grid .axis,.fact-grid .cell{aspect-ratio:1;display:grid;place-items:center;font-size:.75rem;border-radius:5px}.fact-grid .axis{color:var(--muted)}.fact-grid .cell.strong{background:#315c3a}.fact-grid .cell.wobbly{background:#c4a35a}.fact-grid .cell.weak{background:var(--red)}.fact-grid .cell.empty{background:#1a1a1a1f}.miss-list{margin:.4rem 0 0;padding:0;list-style:none}.miss-list li{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-size:1.15rem}.muted{color:var(--muted)}.settings-stack{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.how-section{margin:0 0 1.4rem}.how-section h2{margin:0 0 .55rem;font-size:1.35rem;letter-spacing:.04em}.how-section p{margin:0 0 .75rem;font-size:1.08rem;line-height:1.45}.how-section p:last-child{margin-bottom:0}.sound-row{display:flex;align-items:center;gap:.85rem;min-height:48px;font-size:1.25rem}.sound-row input{width:28px;height:28px;accent-color:var(--red)}.persist-warning{margin:0;color:var(--red);font-size:1.05rem}.screen-play{position:relative;height:100%;padding:0;overflow:hidden;touch-action:none;background:var(--paper)}.play-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.play-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);display:flex;flex-direction:column}.play-hud-top{position:relative;z-index:3;display:grid;grid-template-columns:minmax(4.5rem,1fr) auto minmax(4.5rem,1fr);align-items:start;gap:.4rem;min-height:52px}.play-lives{display:flex;flex-wrap:wrap;gap:.12rem .18rem;max-width:min(46vw,11.5rem);font-size:1.25rem;letter-spacing:.02em;text-shadow:0 0 12px var(--paper),0 1px 0 var(--paper);justify-self:start}.play-life{color:var(--muted)}.play-life.is-on{color:var(--red)}.play-life.is-new{animation:life-star-pop .55s ease-out}.play-score-box{display:flex;flex-direction:column;align-items:center;min-width:0}.play-score{font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;line-height:1.1;text-shadow:0 0 14px var(--paper),0 1px 0 var(--paper)}.play-score.is-pop{animation:score-pop .32s ease-out}.play-chase{margin-top:.15rem;font-size:.85rem;color:var(--red);text-align:center;max-width:min(14rem,42vw);line-height:1.2}.play-pause{pointer-events:auto;justify-self:end;min-width:48px;min-height:48px;padding:0;font-size:1rem;letter-spacing:.08em}.play-prompt{position:absolute;top:18%;left:50%;transform:translate(-50%);text-align:center;width:min(90%,28rem)}.play-prompt-main{font-size:clamp(2.4rem,8vw,4.4rem);font-weight:700;letter-spacing:.04em;line-height:1.05;text-shadow:0 0 18px var(--paper),0 1px 0 var(--paper)}.play-prompt-sub{margin-top:.25rem;font-size:clamp(1.4rem,4vw,2rem);color:var(--muted)}.play-combo{position:absolute;right:var(--safe-right);top:28%;font-size:clamp(2rem,7vw,3.2rem);font-weight:700;color:var(--red);padding:.15rem .8rem .28rem;border:3px solid var(--red);background:#f3ead3e0;transform:rotate(-8deg);letter-spacing:.04em}.play-combo.is-pop{animation:combo-pop .48s ease-out}.play-level{margin-top:auto;display:flex;align-items:center;gap:.7rem;width:min(100%,22rem)}.play-level-label{font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);min-width:3.6rem;text-shadow:0 0 12px var(--paper),0 1px 0 var(--paper)}.play-level-track{flex:1;height:8px;border-radius:999px;background:var(--line);overflow:hidden}.play-level-fill{height:100%;width:0;background:var(--ink);border-radius:inherit}.play-toast,.play-flash,.play-life-flash{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;text-align:center}.play-toast{top:32%;padding:.45rem .9rem;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-size:1.15rem}.play-flash{top:42%;font-size:clamp(2rem,7vw,3.4rem);font-weight:700;letter-spacing:.12em;padding:.2rem .95rem;border:4px solid var(--ink);background:#f3ead3eb}.play-life-flash{top:48%;font-size:clamp(2.1rem,8vw,3.6rem);font-weight:700;color:var(--red);padding:.4rem 1.15rem;border:5px solid var(--red);background:#f3ead3f0;letter-spacing:.1em;box-shadow:0 0 0 8px #9b1b1b1f}.play-toast.is-on{animation:play-pop 1s ease-out both}.play-flash.is-on{animation:level-stamp 1.15s ease-out both}.play-life-flash.is-on{animation:life-burst 1.7s ease-out both}.play-paused-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#f3ead3b8;pointer-events:auto;z-index:2}.play-paused-panel{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:min(92%,20rem);padding:1.4rem 1.2rem 1.2rem;border:2px solid var(--ink);border-radius:18px;background:#f3ead3f5;text-align:center}.play-paused-panel h2{margin:0 0 .2rem;font-size:clamp(1.8rem,5vw,2.4rem);letter-spacing:.12em}.play-paused-panel .btn-play{min-height:64px;font-size:1.5rem}.play-settings-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:auto;pointer-events:auto;background:var(--paper)}.play-settings-sheet .screen{min-height:100%;background:var(--paper)}.play-paused-mask.is-on{display:grid}.play-paused-mask[hidden]{display:none!important}.play-answer-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;place-items:center;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#1a1a1a6b;touch-action:none}.play-answer-mask.is-open{display:grid}.play-answer-mask[hidden]{display:none!important}.play-answer-board{width:min(34rem,88vw);aspect-ratio:3 / 2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem 1.5rem 1.4rem;border-radius:6px;box-shadow:0 18px 40px #00000073;background-image:linear-gradient(#1a1a1a52,#1a1a1a61),url(/art/answer-board.jpg);background-size:cover;background-position:center}.play-answer-line{margin:0;font-size:clamp(1.7rem,6.5vw,3.1rem);font-weight:700;letter-spacing:.04em;color:#f3ead8;text-shadow:0 1px 0 #1a1a1a,0 0 14px rgba(26,26,26,.85);text-align:center}.play-answer-hint{margin:.85rem 0 0;font-size:clamp(.8rem,2.4vw,1.05rem);letter-spacing:.14em;text-transform:uppercase;color:#f3ead8d1}.play-recap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:.7rem;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#f3ead3f0;text-align:center;overflow:hidden;touch-action:pan-y}.play-recap.is-open{display:flex}.play-recap-score{font-size:clamp(3.2rem,12vw,5.5rem);font-weight:700;line-height:1}.play-recap-stamp{border:3px solid var(--red);color:var(--red);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .7rem;transform:rotate(-8deg)}.play-recap-meta{display:grid;grid-template-columns:auto auto;column-gap:1.4rem;row-gap:.2rem;margin:.4rem 0 .2rem;font-size:1.2rem}.play-recap-meta dt{margin:0;color:var(--muted);text-align:right}.play-recap-meta dd{margin:0;text-align:left}.play-recap-missed-title{margin:.5rem 0 0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.play-recap-missed{margin:0;padding:0;list-style:none;width:min(100%,16rem);max-height:7rem;overflow:auto}.play-recap-missed li{min-height:36px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.play-again{width:min(100%,360px);margin-top:.4rem;flex-shrink:0}.play-home{min-width:8rem;flex-shrink:0}.play-name-form{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:min(100%,360px);margin-top:.4rem;flex-shrink:0}.play-name-label{font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.play-name-input{width:100%;min-height:56px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font:inherit;font-size:1.6rem;text-align:center;letter-spacing:.08em;text-transform:uppercase}.play-name-ok{width:100%;min-height:56px;font-size:1.35rem}.play-world-row{width:100%;justify-content:center;font-size:1.05rem}.rank-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem}.rank-tabs-sub{margin-top:-.25rem}.rank-tab[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rank-status{margin:0 0 .75rem;color:var(--muted)}.play-hall-title{margin:.6rem 0 0;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.play-hall{width:min(100%,22rem);margin:.2rem 0 .4rem;padding:0;list-style:none;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.play-hall li{display:grid;grid-template-columns:2rem 1fr 3.4rem auto;gap:.45rem .6rem;align-items:center;min-height:40px;border-bottom:1px solid var(--line);font-size:1.15rem}.play-hall li.is-you{color:var(--red);font-weight:700}.play-hall-rank{color:var(--muted);text-align:right}.play-hall-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-hall-level{color:var(--muted);font-size:.92em;letter-spacing:.04em;text-align:right;white-space:nowrap}.rankings-hall{width:100%;margin-top:.6rem;max-height:min(70dvh,36rem);overflow:auto}.rankings-hall li{min-height:48px;font-size:1.25rem}@keyframes play-pop{0%{transform:translate(-50%) scale(.72);opacity:0}24%{transform:translate(-50%) scale(1.12);opacity:1}to{transform:translate(-50%) scale(1);opacity:0}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes combo-pop{0%{transform:rotate(-8deg) scale(.55);opacity:0}28%{transform:rotate(-8deg) scale(1.2);opacity:1}to{transform:rotate(-8deg) scale(1);opacity:1}}@keyframes level-stamp{0%{transform:translate(-50%) rotate(-14deg) scale(.45);opacity:0}22%{transform:translate(-50%) rotate(-5deg) scale(1.18);opacity:1}68%{transform:translate(-50%) rotate(-8deg) scale(1);opacity:1}to{transform:translate(-50%) rotate(-8deg) scale(1.06);opacity:0}}@keyframes life-burst{0%{transform:translate(-50%) scale(.28) rotate(-10deg);opacity:0}18%{transform:translate(-50%) scale(1.32) rotate(4deg);opacity:1}72%{transform:translate(-50%) scale(1) rotate(-2deg);opacity:1}to{transform:translate(-50%) scale(1.08) rotate(0);opacity:0}}@keyframes life-star-pop{0%{transform:scale(.4)}55%{transform:scale(1.45)}to{transform:scale(1)}}@media(max-width:480px){.screen-home{gap:1.15rem}.btn-play{min-height:72px;font-size:1.7rem}.table-pad{gap:.45rem}.table-btn{min-height:56px;font-size:1.35rem;border-radius:12px}.play-lives{font-size:1.05rem;max-width:min(48vw,10.5rem);gap:.08rem .12rem}.play-prompt{top:16%;width:min(92%,22rem)}.play-combo{top:calc(var(--safe-top) + 3.4rem);font-size:clamp(1.35rem,6vw,2rem);padding:.08rem .55rem .16rem;border-width:2px}.play-recap{gap:.45rem;justify-content:flex-start}.play-recap-score{font-size:clamp(2.4rem,14vw,4rem)}.play-recap-missed{max-height:5.5rem}.play-name-input,.play-name-ok{min-height:48px}.play-again{min-height:64px;font-size:1.55rem}.play-answer-board{width:min(22rem,92vw)}.play-answer-line{font-size:clamp(1.5rem,8vw,2.4rem)}.play-hall li{min-height:36px;font-size:1.05rem}}@media(max-height:500px){.screen-home{gap:.5rem;justify-content:safe center;padding-bottom:calc(var(--safe-bottom) + .85rem)}.home-version{font-size:.65rem}.brand{font-size:clamp(1.7rem,8vh,2.5rem)}.brand:after{margin-top:.2rem;height:4px;width:3.4rem}.home-actions{gap:.55rem}.btn-play{min-height:52px;font-size:1.45rem;box-shadow:0 4px #9b1b1b47}.home-nav{gap:.4rem}.btn-nav{min-height:44px;padding:.35rem .7rem}.home-meta{gap:1.4rem;margin-top:0}.home-meta dd{font-size:1.25rem}.play-hud-top{min-height:44px}.play-lives{font-size:.95rem;max-width:min(42vw,9.5rem)}.play-score{font-size:clamp(1.3rem,5vh,1.8rem)}.play-prompt{top:12%}.play-prompt-main{font-size:clamp(1.5rem,8vh,2.4rem)}.play-prompt-sub{font-size:clamp(1rem,4vh,1.4rem)}.play-combo{top:22%;font-size:1.25rem}.play-level{gap:.45rem}.play-answer-board{width:min(22rem,90vw);padding:.9rem 1rem 1.1rem}.play-answer-line{font-size:clamp(1.45rem,7vw,2.2rem)}.play-recap{gap:.28rem;justify-content:flex-start}.play-recap-score{font-size:clamp(1.8rem,10vh,2.8rem)}.play-recap-meta{font-size:1rem;margin:.15rem 0}.play-recap-missed{max-height:3.6rem}.play-name-form{gap:.3rem;margin-top:.15rem}.play-name-input,.play-name-ok,.play-again{min-height:44px;font-size:1.2rem}.play-hall li{min-height:30px;font-size:.95rem}.screen-header{margin-bottom:.6rem}.table-btn{min-height:48px}}