@font-face{font-family:Yuji Syuku;src:url(/app/fonts/yuji-syuku-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-ink:#0f0d0c;--c-ink-raised:#1a1613;--c-ink-line:#322a24;--c-paper:#e3d8bd;--c-paper-line:#b9aa88;--c-sumi:#16110e;--c-gold:#c9a227;--c-gold-dim:#8a7020;--c-vermilion:#cf432c;--c-crimson:#8d1b24;--c-indigo:#2f5286;--c-text:#efe5d4;--c-text-weak:#a2937c;--c-faction:var(--c-crimson);--c-faction-line:var(--c-gold);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--radius-sm:4px;--radius-md:10px;--font-brush:"Yuji Syuku", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-ui:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-size-board:clamp(1.8rem, 10vw, 2.6rem);--font-size-choice:clamp(1.3rem, 6vw, 1.9rem);--font-size-body:1rem;--tab-height:64px;--tap-target-min:48px;--app-max-width:460px;--portrait-frame:3 / 4}*{box-sizing:border-box}html,body{background:var(--c-ink);min-height:100%;color:var(--c-text);font-family:var(--font-ui);font-size:var(--font-size-body);-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;line-height:1.5}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E"), repeating-linear-gradient(45deg, transparent 0 26px, color-mix(in srgb, var(--c-gold) 5%, transparent) 26px 27px), repeating-linear-gradient(90deg, transparent 0 3px, #ffffff03 3px 4px), radial-gradient(140% 96% at 50% 34%, transparent 46%, #0000009e 100%), radial-gradient(120% 60% at 50% 0%, var(--c-ink-raised) 0%, transparent 70%);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-attachment:fixed}#app{max-width:var(--app-max-width);min-height:100dvh;padding:max(var(--space-sm), env(safe-area-inset-top)) var(--space-md) max(var(--space-md), env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.screen{gap:var(--space-sm);flex-direction:column;flex:1;min-height:0;display:flex}.brand{text-align:center;padding:var(--space-lg) 0 var(--space-sm)}.brand__mark{font-family:var(--font-brush);letter-spacing:.32em;text-indent:.32em;color:var(--c-paper);text-shadow:0 0 1px var(--c-gold), 0 2px 0 #000;font-size:clamp(2.6rem,16vw,3.6rem)}.brand__prefix{font-family:var(--font-brush);letter-spacing:.3em;text-indent:.3em;color:var(--c-vermilion);font-size:clamp(1.1rem,6vw,1.5rem)}.brand__sub{font-family:var(--font-brush);color:var(--c-gold);letter-spacing:.24em;text-indent:.24em;font-size:.8rem}.stitch{border:1px solid var(--c-gold-dim);outline:1px solid var(--c-ink);outline-offset:2px;border-radius:var(--radius-sm);background:var(--c-ink-raised);box-shadow:0 1px 0 color-mix(in srgb, var(--c-paper) 7%, transparent) inset, 0 10px 22px #00000080}.panel{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.panel__title{font-family:var(--font-brush);letter-spacing:.18em;color:var(--c-gold);font-size:.95rem}.menu{gap:var(--space-sm);display:grid}.btn{min-height:var(--tap-target-min);padding:var(--space-sm) var(--space-md);font-family:var(--font-brush);letter-spacing:.14em;color:var(--c-text);background:var(--c-ink-raised);border:1px solid var(--c-gold-dim);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:1.05rem;display:flex}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.45}.btn--primary{background:linear-gradient(180deg, #d8b53c, var(--c-gold));color:var(--c-sumi);border-color:#f0d98a;font-weight:700}.btn--ghost{border-color:var(--c-ink-line);color:var(--c-text-weak);letter-spacing:.2em;background:0 0;justify-content:center}.btn__note{font-family:var(--font-ui);letter-spacing:0;color:var(--c-text-weak);font-size:.72rem}.btn--primary .btn__note{color:#4a3a08}.row{align-items:center;gap:var(--space-sm);display:flex}.row--between{justify-content:space-between}.grow{flex:1}.muted{color:var(--c-text-weak);font-size:.8rem}.headline{font-family:var(--font-brush);letter-spacing:.1em;font-size:1.05rem}.tag{font-family:var(--font-brush);letter-spacing:.1em;padding:2px var(--space-sm);border:1px solid var(--c-faction-line);color:var(--c-faction-line);white-space:nowrap;border-radius:999px;font-size:.72rem}.faction-Y{--c-faction:var(--c-crimson);--c-faction-line:var(--c-gold)}.faction-S{--c-faction:var(--c-indigo);--c-faction-line:#b8c9e6}.faction-A{--c-faction:#6c3b7a;--c-faction-line:#d9b3e6}.faction-N{--c-faction:#4a4540;--c-faction-line:#b9aa88}.opponent{gap:var(--space-md);padding:var(--space-sm);grid-template-columns:62px 1fr;display:grid}.opponent__frame{aspect-ratio:var(--portrait-frame);border:1px solid var(--c-faction-line);background:linear-gradient(160deg, var(--c-faction) 0%, #000 120%), var(--c-ink-raised);color:#ffffff80;letter-spacing:.1em;text-align:center;place-items:center;font-size:.62rem;display:grid}.opponent__name{font-family:var(--font-brush);letter-spacing:.08em;font-size:1.15rem}.opponent__line{font-family:var(--font-brush);color:var(--c-paper);border-left:2px solid var(--c-faction-line);min-height:2.6em;padding-left:var(--space-sm)}.board{gap:var(--space-sm);grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,min(24vw,96px));justify-content:center;padding:6px 0;display:grid;position:relative}.cell{aspect-ratio:1;width:100%;font-family:var(--font-brush);font-size:var(--font-size-board);background:var(--c-paper);color:var(--c-sumi);border:2px solid var(--c-paper-line);box-shadow:inset 0 0 0 3px var(--c-paper), inset 0 0 0 4px var(--c-gold-dim);border-radius:3px;place-items:center;transition:box-shadow .12s ease-out,border-color .12s ease-out;display:grid}.cell.is-lit{border-color:var(--c-gold);box-shadow:inset 0 0 0 3px var(--c-paper), inset 0 0 0 4px var(--c-gold), 0 0 14px #c9a22780}.cell--center{background:var(--c-crimson);color:var(--c-gold);border:2px solid var(--c-gold);position:relative;box-shadow:0 0 18px #c9a22759}.cell--center.is-open{box-shadow:0 0 30px #c9a227cc}.cell--center.is-wrong{color:var(--c-vermilion);border-color:var(--c-vermilion);box-shadow:0 0 24px #cf432c99}.cell--center.is-stamped{animation:.18s ease-out stamp}.cell--empty{box-shadow:none;background:0 0;border:none}.choices{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:auto;display:grid}.choices.is-done{transform:translateY(2px)}.choice{min-height:clamp(56px,8.5vh,72px);font-family:var(--font-brush);font-size:var(--font-size-choice);background:var(--c-ink-raised);color:var(--c-text);border:1px solid var(--c-ink-line);border-bottom:3px solid var(--c-ink-line);border-radius:var(--radius-sm);cursor:pointer;padding:0;transition:transform 80ms ease-out}.choice:active{border-bottom-width:1px;transform:translateY(2px)}.choice.is-hit{background:linear-gradient(180deg, #f0d98a, var(--c-gold));color:var(--c-sumi);border-color:#fff3c4}.choice.is-answer{color:var(--c-vermilion);border-color:var(--c-vermilion);box-shadow:inset 0 0 0 2px var(--c-vermilion)}.choice.is-missed{color:var(--c-vermilion);border-color:var(--c-vermilion);background:#3a1512;transform:translateY(2px)}.choice.is-dim{opacity:.25}.sheet{background:var(--c-paper);color:var(--c-sumi);border:1px solid var(--c-paper-line);border-radius:var(--radius-sm);padding:var(--space-md)}.sheet__title{font-family:var(--font-brush);letter-spacing:.3em;text-align:center;border-bottom:2px solid var(--c-sumi);padding-bottom:var(--space-xs);margin-bottom:var(--space-sm)}.rank-row{gap:var(--space-sm);border-bottom:1px dotted var(--c-paper-line);grid-template-columns:2.4em 28px 1fr auto;align-items:center;padding:3px 0;font-size:.85rem;display:grid}.rank-row--self{background:#c9a22747}.rank-row__no{font-family:var(--font-brush);text-align:right}.rank-row__id{margin-left:var(--space-sm);color:#706a5e;font-size:.7rem}.rank-row__score{font-family:var(--font-brush);font-variant-numeric:tabular-nums}.avatar{aspect-ratio:1;border:1px solid var(--c-faction-line);border-radius:var(--radius-sm);background:var(--c-ink-raised);grid-template-areas:"stack";display:grid;overflow:hidden}.avatar>*{grid-area:stack}.avatar__hair{border-radius:46% 46% 12% 12%;place-self:start center;align-items:start;width:60%;height:22%;margin-top:8%;padding-top:4%}.avatar__torso{place-self:end center;width:40%;height:46%}.avatar__torso.is-slim{width:32%}.avatar__body{place-self:start;width:20%;height:14%;margin:4%}.avatar__bottom{justify-content:flex-end;place-self:end center;align-items:end;width:46%;height:26%;padding:0 6% 4% 0}.avatar__top{border-radius:18% 18% 0 0;justify-content:flex-start;place-self:end center;align-items:end;width:62%;height:34%;padding:0 0 4% 6%}.avatar__face{aspect-ratio:1;border-radius:50%;place-self:center;width:52%;margin-top:-6%}.avatar__face.is-slim{border-radius:50% 50% 46% 46%;width:46%}.avatar__brow{border-radius:40%;place-self:center;width:24%;height:8%;margin:0 0 26%}.avatar__layer{font-size:.45rem;line-height:1;font-family:var(--font-ui);color:var(--c-paper);text-shadow:0 0 2px #000000e6;justify-content:center;align-items:center;display:flex}.avatar__eyes,.avatar__mouth,.avatar__body{color:var(--c-sumi);text-shadow:none}.avatar__eyes{place-self:center start;width:20%;height:14%;margin:0 0 6% 26%}.avatar__mouth{place-self:center;width:20%;height:14%;margin-top:12%}.avatar__acc{border:1px solid var(--c-faction-line);border-radius:2px;place-self:start end;width:22%;height:16%;margin:4%}.avatar__hand{border:1px solid var(--c-faction-line);border-radius:2px;place-self:end;width:22%;height:16%;margin:4%}.slots{gap:var(--space-sm);flex-direction:column;display:flex}.slot__parts{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chip{min-width:var(--tap-target-min);min-height:var(--tap-target-min);border:1px solid var(--c-ink-line);background:var(--c-ink-raised);color:var(--c-text-weak);border-radius:var(--radius-sm);font-family:var(--font-brush);cursor:pointer}.chip.is-locked{color:var(--c-text-weak);opacity:.55;padding:0 var(--space-xs);border-style:dashed;font-size:.7rem}.chip.is-on{border-color:var(--c-gold);color:var(--c-sumi);background:var(--c-gold)}.field{width:100%;min-height:var(--tap-target-min);padding:var(--space-sm);background:var(--c-paper);color:var(--c-sumi);border:1px solid var(--c-paper-line);border-radius:var(--radius-sm);font-family:var(--font-brush);font-size:1.1rem}.field--kanji{text-align:center;font-size:2rem}.grid-emoji{letter-spacing:.12em;text-align:center;font-size:1.6rem}.stat{padding:var(--space-xs) 0;border-bottom:1px solid var(--c-ink-line);justify-content:space-between;display:flex}.stat__value{font-family:var(--font-brush);color:var(--c-gold)}.collection-canvas{border:1px solid var(--c-gold-dim);border-radius:var(--radius-sm);background:var(--c-ink);align-self:center;width:auto;height:42vh}.toast{left:50%;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));background:var(--c-paper);color:var(--c-sumi);padding:var(--space-sm) var(--space-md);z-index:10;border-radius:999px;font-size:.85rem;position:fixed;transform:translate(-50%)}.loading{text-align:center;place-items:center;gap:var(--space-md);flex:1;display:grid}.loading__mark{font-family:var(--font-brush);color:var(--c-gold);letter-spacing:.2em;font-size:3rem;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.loading__mark{animation:none}}.log-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.75rem}.log-table th,.log-table td{border-bottom:1px solid var(--c-ink-line);text-align:right;padding:2px 4px}.log-table th:first-child,.log-table td:first-child{text-align:left}.sheet-row{gap:var(--space-sm);border-bottom:1px dotted var(--c-paper-line);align-items:baseline;padding:3px 0;font-size:.9rem;display:flex}.sheet-row__mark{font-family:var(--font-brush);width:1.2em}.ad-slot{border:1px dashed var(--c-ink-line);border-radius:var(--radius-sm);color:var(--c-text-weak);letter-spacing:.2em;place-items:center;font-size:.7rem;display:grid}.ad-slot--result{margin-top:auto}.boot{background:var(--c-ink);text-align:center;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:0 36px;display:flex;position:fixed;inset:0}.boot__brand{width:300px;height:78px;image-rendering:pixelated}.boot__lines{flex-direction:column;gap:14px;display:flex}.boot__line{margin:0;font-size:15px;line-height:1.9}.boot__rule{background:var(--c-gold-dim);width:48px;height:1px}.boot__catch{font-family:var(--font-brush);letter-spacing:.12em;color:var(--c-gold);margin:0;font-size:22px}.title{gap:0;position:fixed;inset:0;overflow:hidden}.title__art{background-image:var(--title-art);background-position:50%;background-size:cover;position:absolute;inset:0}.title__veil{position:absolute;left:0;right:0}.title__veil--top{background:linear-gradient(#0f0d0cd9 0%,#0f0d0c00 100%);height:320px;top:0}.title__veil--bottom{background:linear-gradient(#0f0d0c00 0%,#0f0d0ce6 100%);height:260px;bottom:0}.title__logo{width:min(78vw,340px);position:absolute;top:11%;left:50%;transform:translate(-50%)}.title__tap{text-align:center;font-family:var(--font-brush);letter-spacing:.3em;text-indent:.3em;color:var(--c-gold);font-size:18px;animation:1.8s ease-in-out infinite tap;position:absolute;bottom:15%;left:0;right:0}.title__copyright{left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));text-align:center;letter-spacing:.15em;color:#6a625a;font-size:10px;position:absolute}@keyframes tap{0%,to{opacity:.35}50%{opacity:1}}.screen--tabbed{padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom))}.tabbar{width:100%;max-width:var(--app-max-width);padding:8px 8px env(safe-area-inset-bottom);background:var(--c-sumi);border-top:1px solid var(--c-gold-dim);z-index:5;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -1px #000c,0 -10px 24px #0009}.tabbar__tab{min-height:48px;color:var(--c-text-weak);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 0 4px;font-size:11px;transition:color .15s ease-out;display:flex;position:relative}.tabbar__tab.is-on{color:var(--c-gold)}.tabbar__solid,.tabbar__tab.is-on .tabbar__line{display:none}.tabbar__tab.is-on .tabbar__solid{display:block}.tabbar__tab.is-on:after{content:"";background:var(--c-gold);width:26px;height:2px;animation:.15s ease-out both tab-underline;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tabbar__tab.is-on svg{animation:.15s ease-out both tab-icon}.tabbar__dot{background:var(--c-vermilion);border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:18px}.tabbar__label{font-family:var(--font-brush);letter-spacing:.05em}.hq{gap:0;overflow:hidden}.hq-hero{min-height:200px;margin:calc(max(var(--space-sm), env(safe-area-inset-top)) * -1) calc(var(--space-md) * -1) 0;flex:0 340px;position:relative;overflow:hidden}.hq-hero__self{z-index:0;opacity:.95;width:156px;max-width:42%;position:absolute;bottom:-22px;left:-6px}.hq-hero__self .avatar{background:0 0;border:0;border-radius:0}.hq-hero__self .avatar__layer{color:#0000}.hq-hero__art{background-position:top;background-size:cover;position:absolute;inset:0}.hq-hero__scrim{background:linear-gradient(#0f0d0cd1 0%,#0f0d0c80 40%,#0f0d0cb8 100%),radial-gradient(110% 82% at 50% 34%,#0000 24%,#000000d1 100%);position:absolute;inset:0}.hq-hero__sash{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--c-faction) 62%, transparent) 18%, color-mix(in srgb, var(--c-faction) 78%, transparent) 70%, transparent 100%);border-top:1px solid color-mix(in srgb, var(--c-gold) 55%, transparent);border-bottom:1px solid color-mix(in srgb, var(--c-gold) 55%, transparent);height:56px;position:absolute;bottom:84px;left:-12%;right:-12%;transform:rotate(-7deg)}.hq-hero__banner{background:linear-gradient(180deg, var(--c-crimson), color-mix(in srgb, var(--c-crimson) 60%, #000));border:1px solid var(--c-gold);justify-content:center;width:34px;padding:10px 0 12px;display:flex;position:absolute;top:76px;left:14px;box-shadow:0 8px 18px #0009}.hq-hero__banner:before{content:"";background:var(--c-gold-dim);border-radius:2px;height:3px;position:absolute;top:-7px;left:-7px;right:-7px}.hq-hero__banner span{writing-mode:vertical-rl;font-family:var(--font-brush);letter-spacing:.14em;color:var(--c-paper);text-shadow:0 1px 3px #000;font-size:19px}.hq-hero__figure{object-fit:contain;width:auto;height:86%;position:absolute;bottom:0}.hq-hero__figure--foe{opacity:.85;right:10px}.hq-hero__fade{background:linear-gradient(0deg, var(--c-ink) 0%, #0f0d0c00 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.hq-hero__status{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:14px 16px 0;display:flex;position:absolute;top:0;left:0;right:0}.hq-plate{background:linear-gradient(180deg, var(--c-paper), color-mix(in srgb, var(--c-paper) 84%, var(--c-gold-dim)));border:1px solid var(--c-gold);box-shadow:0 3px 0 color-mix(in srgb, var(--c-sumi) 70%, transparent), 0 8px 18px #0000008c;border-radius:3px;align-items:center;gap:10px;padding:6px 12px 7px 7px;display:flex}.hq-plate__names{align-items:baseline;gap:6px;display:flex}.hq-plate__name{font-family:var(--font-brush);color:var(--c-sumi);font-size:18px;line-height:1.2}.hq-plate__rank{font-family:var(--font-brush);color:var(--c-crimson);font-size:13px}.hq-plate__id{letter-spacing:.08em;color:color-mix(in srgb, var(--c-sumi) 62%, var(--c-paper));font-size:10px}.hq-hero__chips{gap:6px;display:flex}.hq-chip{border:1px solid var(--c-gold-dim);background:#1a1613e6;border-radius:999px;align-items:baseline;gap:4px;height:28px;padding:0 10px;font-size:12px;line-height:28px;display:flex;box-shadow:0 4px 10px #00000073}.hq-chip__mark{font-family:var(--font-brush);font-size:12px}.hq-chip__unit{color:var(--c-text-weak);font-size:10px}.hq-hero__foot{position:absolute;bottom:12px;left:16px;right:16px}.hq-label{letter-spacing:.25em;color:var(--c-gold);font-size:10px}.hq-hero__foe{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hq-hero__foe-name{font-family:var(--font-brush);letter-spacing:.06em;color:var(--c-paper);text-shadow:0 2px 6px #000,0 0 18px #000000e6;font-size:34px}.hq-block{flex-direction:column;gap:10px;display:flex}.hq-heading{margin:0 0 var(--space-xs);font-family:var(--font-brush);letter-spacing:.15em;color:var(--c-paper);align-items:center;gap:8px;font-size:22px;font-weight:400;display:flex}.hq-seal{background:var(--c-vermilion);letter-spacing:0;width:22px;height:22px;color:var(--c-paper);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 2px 6px #00000080}.hq-note{text-align:right;color:var(--c-text-weak);flex-shrink:1;font-size:11px}@keyframes hq-rise{0%{opacity:0;transform:translateY(12px)}}.hq-rise{animation:.3s ease-out both hq-rise;animation-delay:calc(var(--rise,0) * 60ms)}@keyframes hq-glow{50%{box-shadow:0 0 0 6px #c9a22738,0 10px 24px #0009}}.hq-lead{flex-direction:column;gap:8px;padding-top:10px;display:flex}.hq-lead__btn{background:linear-gradient(180deg, #d9b43a 0%, var(--c-gold) 60%, #a8861e 100%);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);height:64px;color:var(--c-sumi);cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;padding:0;transition:transform .12s ease-out;animation:1.6s ease-in-out infinite hq-glow;display:flex;position:relative;box-shadow:0 10px 24px #0009}.hq-lead__btn:active{transform:scale(.98)}.hq-lead__label{font-family:var(--font-brush);letter-spacing:.2em;text-indent:.2em;font-size:28px}.hq-lead__arrow{display:flex}.hq-lead__note{color:var(--c-paper);flex-wrap:wrap;align-items:baseline;gap:8px;padding:0 4px;font-size:12px;display:flex}.hq-lead__rank{font-family:var(--font-brush);color:var(--c-gold);font-size:16px}.hq-bouts{flex-direction:column;gap:8px;padding-top:12px;display:flex}.hq-bouts__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.hq-bouts__title{font-family:var(--font-brush);letter-spacing:.15em;color:var(--c-paper);align-items:baseline;gap:8px;font-size:16px;display:flex}.hq-bouts__title .hq-seal{width:16px;height:16px;font-size:10px}.hq-row{background:var(--c-ink-raised);border:1px solid var(--c-ink-line);height:56px;color:var(--c-text);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:0 10px 0 6px;transition:transform .12s ease-out;display:flex;box-shadow:0 4px 10px #00000073}.hq-row:active{transform:scale(.98)}.hq-row__art{border:1px solid var(--c-gold-dim);background-position:50%;background-size:cover;border-radius:4px;flex-shrink:0;width:56px;height:44px}.hq-row__body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.hq-row__title{font-family:var(--font-brush);color:var(--c-paper);font-size:16px}.hq-row__note{color:var(--c-text-weak);font-size:10px}.hq-row__state{white-space:nowrap;color:var(--c-text-weak);flex-shrink:0;font-size:11px}.hq-row__state.is-urgent{background:var(--c-vermilion);color:var(--c-paper);border-radius:999px;padding:3px 9px;font-size:10px}.hq-row__arrow{color:var(--c-gold);flex-shrink:0;display:flex}.hq-claim{border:1px solid var(--c-gold);height:48px;color:var(--c-text);text-align:left;cursor:pointer;background:#e3d8bd14;border-radius:6px;align-items:center;gap:10px;margin-top:12px;padding:0 12px;transition:transform .12s ease-out;display:flex}.hq-claim:active{transform:scale(.98)}.hq-empty{border:1px dashed var(--c-ink-line);text-align:center;height:48px;color:var(--c-text-weak);border-radius:6px;justify-content:center;align-items:center;margin-top:12px;padding:0 12px;font-size:12px;display:flex}.hq-claim__mark{background:var(--c-gold);width:18px;height:18px;font-family:var(--font-brush);color:var(--c-sumi);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.hq-claim__text{white-space:nowrap;min-width:0;color:var(--c-paper);flex-grow:1;align-items:baseline;gap:8px;font-size:12px;display:flex}.hq-claim__detail{text-overflow:ellipsis;min-width:0;color:var(--c-text-weak);font-size:11px;overflow:hidden}.hq-claim__act{background:var(--c-gold);color:var(--c-sumi);border-radius:4px;flex-shrink:0;padding:4px 9px;font-size:11px}.claim-sheet{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.claim-sheet__scrim{background:#000000a8;position:absolute;inset:0}.claim-sheet__paper{max-height:82%;padding:10px var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));background:var(--c-ink-raised);border-top:1px solid var(--c-gold);border-radius:12px 12px 0 0;flex-direction:column;gap:10px;animation:.22s ease-out both claim-sheet-up;display:flex;position:relative;overflow-y:auto;box-shadow:0 -12px 30px #000000b3}@keyframes claim-sheet-up{0%{opacity:0;transform:translateY(24px)}}.claim-sheet__grip{background:var(--c-ink-line);border-radius:999px;width:36px;height:4px;margin:0 auto 4px}.claim-sheet__title{font-family:var(--font-brush);letter-spacing:.15em;color:var(--c-paper);font-size:22px}.claim-block{background:var(--c-ink);border:1px solid var(--c-ink-line);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.claim-block--warn{border-color:var(--c-vermilion)}.claim-item{color:var(--c-text);align-items:center;gap:10px;font-size:13px;display:flex}.claim-item__title{font-family:var(--font-brush);color:var(--c-paper);font-size:15px}.claim-item__value{font-family:var(--font-brush);color:var(--c-gold);flex-shrink:0;font-size:16px}.claim-bar{background:var(--c-sumi);border:1px solid var(--c-ink-line);border-radius:999px;height:6px;overflow:hidden}.claim-bar__fill{background:var(--c-gold);height:100%}.claim-sheet__acts{flex-direction:column;gap:8px;display:flex}@keyframes tab-underline{0%{opacity:0;transform:translate(-50%)scaleX(.3)}}@keyframes tab-icon{0%{opacity:.3}}.hq-dots{justify-content:center;gap:6px;display:flex}.hq-dots__dot{background:var(--c-ink-line);border-radius:2px;width:6px;height:4px}.hq-dots__dot.is-on{background:var(--c-gold);width:16px}.play{gap:10px}.play.is-shaken{animation:.2s ease-in-out shake}.play__meta{color:var(--c-text-weak);justify-content:space-between;align-items:center;font-size:11px;display:flex}.foe{background:var(--c-ink-raised);border:1px solid var(--c-ink-line);border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex}.foe.is-hit{border-color:var(--c-vermilion);animation:.18s ease-in-out hit}.foe__bust{object-fit:cover;border:1px solid var(--c-faction-line);border-radius:4px;flex-shrink:0;width:60px;height:72px}.foe__body{flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.foe__head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.foe__name{font-family:var(--font-brush);color:var(--c-paper);font-size:20px}.foe__gauge-row{align-items:center;gap:8px;display:flex}.foe__gauge{background:var(--c-ink);border:1px solid var(--c-ink-line);border-radius:999px;flex-grow:1;height:8px;overflow:hidden}.foe__gauge-fill{background:linear-gradient(90deg, var(--c-crimson), var(--c-vermilion));height:100%;transition:width .22s ease-out}.foe__line{color:var(--c-text);min-height:1.5em;font-size:12px}.streak{color:var(--c-sumi);background:var(--c-text-weak);border-radius:999px;padding:2px 10px;font-weight:700;transition:transform .14s ease-out}.streak--gold{background:var(--c-gold)}.streak--vermilion{background:var(--c-vermilion);color:var(--c-text)}.streak.is-popped{transform:scale(1.25)}.word-strip{min-height:1.6em;font-family:var(--font-brush);letter-spacing:.1em;color:var(--c-gold);justify-content:center;gap:18px;font-size:18px;display:flex}.play__foot{gap:var(--space-sm);align-items:center;display:flex}.hint-btn{justify-content:center;align-items:center;gap:var(--space-sm);border:1px solid var(--c-gold-dim);border-radius:var(--radius-sm);height:48px;color:var(--c-gold);font-family:var(--font-brush);letter-spacing:.1em;cursor:pointer;background:0 0;flex-grow:1;font-size:16px;display:flex}.quit-btn{border:1px solid var(--c-ink-line);border-radius:var(--radius-sm);width:96px;height:48px;color:var(--c-text-weak);cursor:pointer;background:0 0;font-size:14px}.quit-btn--over{z-index:31;background:var(--c-ink-raised);position:relative}.fx-rings,.fx-sparks{pointer-events:none;position:absolute;inset:0}.fx-sparks{inset:50% auto auto 50%}.fx-ring{border-radius:6px;animation:.44s ease-out forwards ring;position:absolute;inset:-4px}.fx-ring--gold{border:3px solid var(--c-gold)}.fx-ring--vermilion{border:2px solid var(--c-vermilion);animation-delay:.12s}.fx-spark{width:7px;height:7px;animation:.44s ease-out forwards spark;animation-delay:var(--delay);border-radius:50%;margin:-3px;position:absolute}.fx-spark--gold{background:var(--c-gold)}.fx-spark--vermilion{background:var(--c-vermilion)}.fx-spark--paper{background:var(--c-paper)}@keyframes stamp{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(0);opacity:0}}@keyframes hit{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.beaten{padding-top:var(--space-lg);gap:12px}.beaten__stage{justify-content:center;align-items:flex-end;height:300px;display:flex;position:relative}.beaten__stand{object-fit:contain;opacity:.75;width:auto;height:280px}.beaten__stamp{border:4px solid var(--c-vermilion);color:var(--c-vermilion);font-family:var(--font-brush);letter-spacing:.15em;text-indent:.15em;text-shadow:0 0 20px #cf432c80;opacity:.92;border-radius:6px;padding:6px 22px;font-size:72px;line-height:1;animation:1.2s cubic-bezier(.16,1,.3,1) both press;position:absolute;top:90px;left:50%}@keyframes press{0%{opacity:0;transform:translate(-50%)rotate(-40deg)scale(2.6)}35%{opacity:.92;transform:translate(-50%)rotate(-12deg)scale(1)}to{opacity:.92;transform:translate(-50%)rotate(-12deg)scale(1)}}.beaten__say{flex-direction:column;align-items:center;gap:6px;display:flex}.beaten__name{font-family:var(--font-brush);color:var(--c-paper);align-items:baseline;gap:8px;font-size:22px;display:flex}.beaten__kanji{background:var(--c-paper);width:40px;height:40px;color:var(--c-sumi);font-family:var(--font-brush);border-radius:3px;justify-content:center;align-items:center;font-size:24px;display:flex}.beaten__next{background:var(--c-ink-raised);border:1px solid var(--c-faction);border-left:4px solid var(--c-faction);border-radius:6px;align-items:center;gap:12px;padding:12px 14px;display:flex}.beaten__bust{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:60px}.beaten__next-label{color:var(--c-faction-line);font-size:11px}.beaten__next-name{font-family:var(--font-brush);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:18px;display:flex}.beaten__actions{gap:var(--space-sm);flex-direction:column;display:flex}.beaten__go{background:linear-gradient(135deg, var(--c-crimson), #5c1017);border:1.5px solid var(--c-gold);height:56px;color:var(--c-paper);font-family:var(--font-brush);letter-spacing:.2em;text-indent:.2em;cursor:pointer;border-radius:6px;font-size:22px}.beaten__actions .quit-btn{width:100%}@media (prefers-reduced-motion:reduce){.fx-ring,.fx-spark,.cell--center.is-stamped,.beaten__stamp,.play.is-shaken,.foe.is-hit{animation:none}}.field--back{text-align:center;letter-spacing:.2em;font-size:1.4rem}.back-palette{gap:var(--space-xs);max-height:40vh;padding:var(--space-sm);background:var(--c-ink-raised);border:1px solid var(--c-ink-line);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow-y:auto}.back-palette__label{letter-spacing:.2em;color:var(--c-gold);font-size:10px}.back-palette__row{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.back-chip{background:var(--c-paper);width:44px;height:44px;color:var(--c-sumi);border:1px solid var(--c-paper-line);font-family:var(--font-brush);cursor:pointer;border-radius:3px;font-size:20px}.play__stamp{border:4px solid var(--c-vermilion);color:var(--c-vermilion);font-family:var(--font-brush);letter-spacing:.15em;text-indent:.15em;text-shadow:0 0 20px #cf432c80;pointer-events:none;border-radius:6px;padding:4px 16px;font-size:56px;line-height:1;animation:.3s ease-out both flash-stamp;position:absolute;top:50%;left:50%}@keyframes flash-stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-40deg)scale(2.4)}40%{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}to{opacity:.9;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}}@media (prefers-reduced-motion:reduce){.play__stamp{animation:none;transform:translate(-50%,-50%)rotate(-12deg)}}.chip--small{min-width:44px;min-height:36px;font-size:.9rem}.stat__value.is-urgent{color:var(--c-vermilion)}.reward-card{align-items:center;gap:var(--space-sm);background:var(--c-ink-raised);border:1px solid var(--c-ink-line);border-left:4px solid var(--c-ink-line);border-radius:6px;padding:12px 14px;display:flex;box-shadow:0 2px #0000008c,0 10px 22px #00000073}.reward-card--warn{border-color:var(--c-vermilion)}.reward-card--gold{border-color:var(--c-gold)}.reward-card__title{font-family:var(--font-brush);color:var(--c-paper);font-size:18px}.reward-card__acts{gap:var(--space-xs);flex-direction:column;display:flex}.reward-card__acts .btn{min-height:36px;padding:0 var(--space-sm);justify-content:center;font-size:.9rem}.cal-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-cell{background:var(--c-ink-raised);border:1px solid var(--c-ink-line);border-radius:var(--radius-sm);color:var(--c-text-weak);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;display:flex}.cal-cell__day{font-family:var(--font-brush);font-size:13px}.cal-cell__gift{font-size:10px}.cal-cell.is-done{border-color:var(--c-gold-dim);color:var(--c-gold);background:#c9a2272e}.cal-cell.is-ready{background:linear-gradient(180deg, #d8b53c, var(--c-gold));color:var(--c-sumi);border-color:#f0d98a;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.cal-cell.is-ready{animation:none}}.dialog{padding:var(--space-lg);z-index:20;background:#0f0d0cb8;place-items:center;display:grid;position:fixed;inset:0}.dialog__panel{gap:var(--space-md);width:100%;max-width:320px;padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--c-ink-raised);flex-direction:column;display:flex}.dialog__message{font-family:var(--font-brush);letter-spacing:.1em;text-align:center;color:var(--c-paper);font-size:20px}.dialog__acts{gap:var(--space-sm);display:flex}.dialog__acts .btn{flex:1;justify-content:center}.dialog__ok{background:var(--c-vermilion);border-color:var(--c-vermilion);color:var(--c-text)}.dialog__cancel{border-color:var(--c-ink-line);color:var(--c-text-weak);background:0 0}@media (prefers-reduced-motion:reduce){.hq-rise,.hq-card.is-primary,.hq-rail__arrow:not(:disabled),.prologue__line,.prologue__tap,.guide__tap,.choice.is-lead,.hint-btn.is-lead,.cal-cell.is-ready,.tabbar__tab.is-on:after,.tabbar__tab.is-on svg{animation:none}.hq-card{transition:none}}.prologue{justify-content:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-md);cursor:pointer;position:relative}.prologue__skip{right:0;top:var(--space-sm);border:1px solid var(--c-ink-line);color:var(--c-text-weak);cursor:pointer;z-index:2;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute}.prologue__body{justify-content:center;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.prologue__line{font-family:var(--font-brush);letter-spacing:.08em;color:var(--c-paper);text-shadow:0 2px 10px #000;margin:0;font-size:clamp(1.3rem,6.5vw,1.8rem);line-height:1.9;animation:.42s ease-out both hq-rise}.prologue__line:nth-child(2){animation-delay:.16s}.prologue__dots{justify-content:center;gap:6px;display:flex}.prologue__tap{text-align:center;letter-spacing:.2em;color:var(--c-text-weak);font-size:12px;animation:2s ease-in-out infinite breathe}.choice.is-lead,.hint-btn.is-lead{border-color:var(--c-gold);animation:1.6s ease-in-out infinite hq-glow;box-shadow:0 0 0 2px #c9a22773}.guide{z-index:30;pointer-events:none;position:fixed;inset:0}.guide__shade,.guide__catch{pointer-events:auto;position:absolute}.guide__shade{background:#060504cc}.guide__catch{cursor:pointer;inset:0}.guide__balloon{left:var(--space-md);right:var(--space-md);max-width:calc(var(--app-max-width) - var(--space-md) * 2);background:var(--c-ink-raised);border:1px solid var(--c-gold);border-radius:var(--radius-md);pointer-events:auto;margin:0 auto;padding:12px 14px 14px;position:absolute;box-shadow:0 14px 34px #000000bf}.guide__who{align-items:center;gap:8px;margin-bottom:8px;display:flex}.guide__face{object-fit:cover;border:1px solid var(--c-gold-dim);border-radius:3px;width:34px;height:40px}.guide__name{background:linear-gradient(180deg, var(--c-paper), color-mix(in srgb, var(--c-paper) 82%, var(--c-gold-dim)));border:1px solid var(--c-gold);box-shadow:0 2px 0 color-mix(in srgb, var(--c-sumi) 70%, transparent);font-family:var(--font-brush);letter-spacing:.1em;color:var(--c-sumi);border-radius:3px;padding:3px 12px 4px;font-size:15px}.guide__text{color:var(--c-text);font-size:14px;line-height:1.75}.guide__foot{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:14px;margin-top:8px;display:flex}.guide__tap{text-align:right;letter-spacing:.18em;color:var(--c-text-weak);margin-left:auto;font-size:11px;animation:2s ease-in-out infinite breathe}.guide.is-act .guide__balloon{border-color:var(--c-vermilion)}.guide__skip{right:var(--space-md);top:max(var(--space-md), env(safe-area-inset-top));border:1px solid var(--c-gold-dim);color:var(--c-text-weak);cursor:pointer;pointer-events:auto;background:#0f0d0ceb;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute}.dress-foot{margin:0 calc(var(--space-md) * -1) calc(max(var(--space-md), env(safe-area-inset-bottom)) * -1);padding:var(--space-sm) var(--space-md) max(var(--space-md), env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--c-ink) 60%, transparent);position:sticky;bottom:0}.dress-foot .btn{width:100%}