html,body{margin:0;padding:0;width:100%;background:var(--color-battle-dark-bg, #131009)}*,*:before,*:after{box-sizing:border-box}.run-app{--run-bg: var(--color-battle-dark-bg, #131009);--run-surface: var(--color-battle-dark-surface, #1c1811);--run-surface-muted: var(--color-battle-dark-surface-alt, #262016);--run-ink: var(--color-ink, #201f1c);--run-text: var(--color-battle-dark-ink, #e8e2d6);--run-muted: var(--color-battle-dark-muted, #a39d8f);--run-border: var(--color-battle-dark-border, #3a352c);--run-accent: var(--color-accent, #2f6fd1);--run-primary-accent: var(--color-graffiti-magenta, #ff2fb0);--run-danger: var(--color-danger, #c23b3b);--run-gold: var(--color-gold, #b8901f);--run-hp-safe: var(--color-hp-safe-run, #4c9a4a);--run-xp: var(--color-accent, #2f6fd1);position:relative;width:100%;min-height:100dvh;background:var(--run-bg);color:var(--run-text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;overflow-x:hidden}.run-fx-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.run-screen-host{width:100%;max-width:28rem;margin:0 auto}.run-screen{width:100%;padding:1rem .85rem 2rem;display:flex;flex-direction:column;gap:.9rem}.run-title{font-size:1.1rem;font-weight:800;margin:0}.run-subtitle{font-size:.8rem;color:var(--run-muted);margin:0 0 .4rem}.run-section-title{font-size:.85rem;font-weight:700;margin:0}.run-hint{font-size:.75rem;color:var(--run-muted);margin:0}button{font-family:inherit}.run-primary-btn,.run-secondary-btn{min-height:44px;border-radius:.6rem;border:1px solid var(--run-border);background:var(--run-surface);font-size:.85rem;font-weight:700;padding:.5rem .9rem;cursor:pointer;width:100%;max-width:100%;white-space:normal}.run-primary-btn{background:var(--run-primary-accent);border-color:var(--run-primary-accent);color:var(--color-surface, #fff)}.run-danger-btn{border-color:var(--run-danger);color:var(--run-danger)}.run-char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem}.run-char-card{position:relative;border:1px solid var(--run-border);border-radius:.75rem;background:var(--run-surface);padding:.6rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}.run-char-card.is-locked{opacity:.6}.run-char-card.is-hidden{opacity:.85;border-style:dashed}.run-char-info{position:relative;display:flex;flex-direction:column;gap:.2rem;min-width:0}.run-char-badge{align-self:flex-start;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:.15rem .4rem;border-radius:999px;background:var(--run-surface-muted);color:var(--run-muted)}.run-char-badge--subscriber{background:var(--run-gold);color:var(--color-surface, #fff)}.run-char-badge--hidden{background:var(--run-surface-muted);color:var(--run-text)}.run-char-progress{font-size:.68rem;color:var(--run-muted);word-break:break-word}.run-char-name{font-size:.95rem;font-weight:800;word-break:break-word}.run-char-meta,.run-char-stats,.run-char-best,.run-char-hint{font-size:.7rem;color:var(--run-muted);word-break:break-word}.run-char-select-btn{margin-top:.2rem;min-height:36px;border-radius:.5rem;border:1px solid var(--run-primary-accent);background:var(--run-primary-accent);color:var(--color-surface, #fff);font-size:.78rem;font-weight:700;cursor:pointer;width:100%}.run-journey-card{max-width:20rem;margin:0 auto;align-items:center;text-align:center}.run-journey-portrait{width:100%;max-width:10rem;aspect-ratio:7 / 8}.run-journey-portrait svg{width:100%;height:100%}.run-detail-popover{position:absolute;left:0;right:0;bottom:calc(100% + .3rem);z-index:20;background:var(--run-surface-muted);color:var(--run-text);font-size:.68rem;line-height:1.4;white-space:pre-line;border-radius:.5rem;padding:.5rem .6rem;box-shadow:0 4px 14px var(--color-tint-black-25, rgba(0, 0, 0, .25))}.run-floor-header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.run-floor-badge{font-size:1rem;font-weight:800}.run-floor-sub{font-size:.72rem;color:var(--run-muted)}.run-floor-level{margin-left:auto;font-size:.85rem;font-weight:700}.run-bar{display:flex;flex-direction:column;gap:.2rem}.run-bar-label{font-size:.68rem;color:var(--run-muted)}.run-bar-track{width:100%;height:.6rem;border-radius:999px;background:var(--run-surface-muted);overflow:hidden}.run-bar-fill{height:100%;border-radius:inherit;transition:width .2s ease}.run-bar--hp .run-bar-fill{background:var(--run-hp-safe)}.run-bar--xp .run-bar-fill{background:var(--run-xp)}.run-badge{align-self:flex-start;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:var(--run-surface-muted);color:var(--run-muted)}.run-floor-body{display:flex;flex-direction:column;gap:.7rem}.run-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.run-route-card{border:1px solid var(--run-border);border-radius:.7rem;background:var(--run-surface);padding:.6rem;display:flex;flex-direction:column;gap:.4rem;min-width:0}.run-route-name{font-size:.8rem;font-weight:800;word-break:break-word}.run-route-desc{font-size:.66rem;color:var(--run-muted);word-break:break-word}.run-route-btn{min-height:38px;border-radius:.5rem;border:1px solid var(--run-primary-accent);background:var(--run-primary-accent);color:var(--color-surface, #fff);font-size:.74rem;font-weight:700;cursor:pointer;width:100%}.run-encounter-label{font-size:.85rem;font-weight:700}.run-treasure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}.run-treasure-card{border:1px solid var(--run-border);border-radius:.7rem;background:var(--run-surface);padding:.6rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}.run-treasure-name{font-size:.8rem;font-weight:800;word-break:break-word}.run-treasure-desc{font-size:.66rem;color:var(--run-muted);word-break:break-word}.run-treasure-btn{min-height:34px;border-radius:.5rem;border:1px solid var(--run-accent);background:var(--run-surface);color:var(--run-accent);font-size:.72rem;font-weight:700;cursor:pointer;width:100%}.run-levelup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.55rem}.run-levelup-card{position:relative;text-align:left;border:2px solid var(--run-border);border-radius:.75rem;background:var(--run-surface);padding:.6rem;display:flex;flex-direction:column;gap:.25rem;min-width:0;cursor:pointer}.run-levelup-kind{font-size:.6rem;font-weight:800;letter-spacing:.04em;color:var(--run-muted);text-transform:uppercase}.run-levelup-name{font-size:.8rem;font-weight:800;word-break:break-word}.run-levelup-slot,.run-levelup-tier{font-size:.64rem;color:var(--run-muted)}.run-levelup-flavor{font-size:.62rem;font-style:italic;opacity:.8}.run-levelup-card--reactor{border-color:var(--run-accent)}.run-rarity-common{box-shadow:0 0 .4rem var(--color-tint-ink-15, rgba(32, 31, 28, .15))}.run-rarity-rare{border-color:var(--run-accent);box-shadow:0 0 0 2px var(--run-accent),0 0 .8rem var(--color-tint-accent-50, rgba(47, 111, 209, .5))}.run-rarity-epic{border-color:var(--run-gold);box-shadow:0 0 0 2px var(--run-gold),0 0 1rem var(--color-tint-gold-60, rgba(184, 144, 31, .6))}.run-stat-list{display:flex;flex-direction:column;gap:.5rem}.run-stat-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.2rem .6rem;border-bottom:1px solid var(--run-border);padding-bottom:.35rem}.run-stat-label{font-size:.75rem;color:var(--run-muted)}.run-stat-value{font-size:.8rem;font-weight:700;text-align:right;min-width:0;word-break:break-word}.run-run-over-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.run-interlude-screen{min-height:100dvh;justify-content:center;align-items:stretch;background:var(--run-ink);color:var(--color-surface, #fff);position:relative;cursor:pointer}.run-interlude-silhouette{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.run-interlude-body{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:2rem .5rem;margin:auto 0}.run-interlude-tag{font-size:.72rem;letter-spacing:.02em;color:var(--run-gold);align-self:flex-start}.run-interlude-text{font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap}.run-interlude-hint{font-size:.68rem;color:var(--run-muted);align-self:flex-end}.run-interlude-skip{position:absolute;top:.6rem;right:.6rem;background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--color-surface, #fff);border-radius:999px;padding:.3rem .7rem;font-size:.7rem}#run-demo-log-wrap{max-width:28rem;margin:0 auto 2rem;padding:0 .85rem}#run-demo-log-wrap h2{font-size:.8rem;margin:0 0 .3rem}#run-demo-log{font-family:ui-monospace,monospace;font-size:.68rem;max-height:8rem;overflow-y:auto;border:1px solid var(--color-border, #d9d5cc);border-radius:.5rem;padding:.4rem .5rem;background:var(--color-surface, #fff)}.battle-screen{--bd-bg: var(--color-battle-dark-bg, #131009);--bd-surface: var(--color-battle-dark-surface, #1c1811);--bd-surface-alt: var(--color-battle-dark-surface-alt, #262016);--bd-border: var(--color-battle-dark-border, #3a352c);--bd-ink: var(--color-battle-dark-ink, #e8e2d6);--bd-muted: var(--color-battle-dark-muted, #a39d8f);--bd-rim: var(--color-battle-dark-rim, #4a4438);--bd-glow: var(--color-battle-dark-glow, #d1a35c);--bd-accent: var(--color-accent, #2f6fd1);--bd-danger: var(--color-danger, #c23b3b);--bd-gold: var(--color-gold, #b8901f);--bd-hp: var(--color-hp-safe-run, #4c9a4a);--bd-magenta: var(--color-graffiti-magenta, #ff2fb0);--bd-cyan: var(--color-graffiti-cyan, #25e0ff);--bd-yellow: var(--color-graffiti-yellow, #f4ff3d);--bd-spray: var(--color-graffiti-spray, #f2f0e6);width:100%;max-width:28rem;margin:0 auto;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.4rem;background:var(--bd-bg);color:var(--bd-ink);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif}.battle-screen *{box-sizing:border-box}.battle-topbar{flex:none;display:flex;align-items:center;gap:.4rem}.battle-icon-btn{flex:none;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--bd-cyan);background:var(--bd-surface);color:var(--bd-muted);font-size:1rem;line-height:1;cursor:pointer}.battle-turn-pill{flex:1 1 auto;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.05em;color:var(--bd-spray);padding:.22rem .4rem;transform:rotate(-1.2deg);clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);background:color-mix(in srgb,var(--bd-magenta) 20%,var(--bd-surface));border:1px solid var(--bd-cyan);text-shadow:1px 1px 0 var(--bd-magenta),-1px 0 0 var(--bd-cyan)}.battle-notice-row{flex:none;text-align:center;font-size:.66rem;font-weight:700;color:var(--bd-glow);min-height:0}.battle-arena{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border:1px solid var(--bd-border);clip-path:polygon(1.1rem 0,100% 0,100% calc(100% - 1.1rem),calc(100% - 1.1rem) 100%,0 100%,0 1.1rem);background-color:var(--bd-bg);background-image:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--bd-magenta) 30%,transparent) 0%,transparent 34%),radial-gradient(circle at 6% 90%,color-mix(in srgb,var(--bd-cyan) 26%,transparent) 0%,transparent 32%),repeating-radial-gradient(circle at 0 0,transparent 0 2px,color-mix(in srgb,var(--bd-border) 45%,transparent) 2px 3px),linear-gradient(180deg,var(--bd-surface),var(--bd-bg) 60%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--bd-border) 35%,transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--bd-border) 35%,transparent) 0 1px,transparent 1px 28px);padding:.4rem .6rem;position:relative;overflow:hidden;gap:.35rem}.battle-arena-topbar{flex:none;display:flex;flex-direction:column;align-items:center;gap:.15rem}.battle-arena-topbar.is-hidden{display:none}.battle-arena-judgement-layer{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.battle-fighter{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:0}.battle-fighter-info{flex:none;width:100%;max-width:13rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.15rem}.battle-fighter-name{font-size:.78rem;font-weight:800;word-break:break-word;text-align:center}.battle-monster-wrap{flex:1 1 auto;min-height:6rem;max-height:12.5rem;width:100%;max-width:15rem;position:relative;display:flex;align-items:center;justify-content:center}.battle-monster-svg{position:relative;z-index:1;width:100%;height:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 4px 10px var(--color-tint-black-35, rgba(0, 0, 0, .35)))}.battle-monster-wrap:before{content:"";position:absolute;inset:-8%;clip-path:polygon(50% 4%,62% 10%,78% 8%,88% 22%,96% 38%,90% 54%,96% 68%,82% 80%,68% 94%,50% 88%,34% 98%,18% 84%,6% 70%,12% 52%,4% 34%,16% 18%,32% 12%,40% 2%);background:radial-gradient(circle,var(--bd-glow) 0%,transparent 70%);opacity:.16;transition:opacity 90ms ease-out;pointer-events:none}.battle-monster-wrap--fire:before{background:radial-gradient(circle,var(--color-element-fire, #cf4a30) 0%,transparent 68%)}.battle-monster-wrap--wood:before{background:radial-gradient(circle,var(--color-element-wood, #4c9a4a) 0%,transparent 68%)}.battle-monster-wrap--water:before{background:radial-gradient(circle,var(--color-element-water, #2f7fd1) 0%,transparent 68%)}.battle-monster-wrap--pulse:before{opacity:.5}@keyframes battle-monster-pulse-ring{0%{transform:scale(.94);opacity:.5}to{transform:scale(1.1);opacity:0}}.battle-monster-wrap--pulse:after{content:"";position:absolute;inset:-5%;clip-path:polygon(50% 4%,62% 10%,78% 8%,88% 22%,96% 38%,90% 54%,96% 68%,82% 80%,68% 94%,50% 88%,34% 98%,18% 84%,6% 70%,12% 52%,4% 34%,16% 18%,32% 12%,40% 2%);border:2px solid var(--bd-glow);animation:battle-monster-pulse-ring calc(var(--beat-ms, .52s) * .7) ease-out;pointer-events:none}.battle-sub-row{display:flex;justify-content:center;gap:.4rem;width:100%}.battle-bar{display:flex;flex-direction:column;gap:.08rem;width:100%}.battle-bar-label{font-size:.56rem;color:var(--bd-muted);text-align:center}.battle-bar-track{position:relative;width:100%;height:.4rem;border-radius:999px;background:var(--bd-surface-alt);overflow:hidden}.battle-bar-fill{height:100%;border-radius:inherit;transition:width .18s ease}.battle-bar--hp .battle-bar-fill{background:var(--bd-hp)}.battle-bar--hp.is-low .battle-bar-fill{background:var(--bd-danger)}.battle-bar--drive .battle-bar-fill{background:var(--bd-accent)}.battle-bar--drive--below-threshold .battle-bar-fill{background:var(--bd-danger)}.battle-bar--drive--below-threshold .battle-bar-label{color:var(--bd-danger);font-weight:700}.battle-bar-threshold{position:absolute;top:0;bottom:0;width:2px;background:var(--color-tint-black-35, rgba(0, 0, 0, .35));pointer-events:none}.battle-bar--tension .battle-bar-fill{background:var(--bd-gold)}.battle-badge{font-size:.56rem;font-weight:800;letter-spacing:.03em;padding:.08rem .5rem;clip-path:polygon(.3rem 0,100% 0,calc(100% - .3rem) 100%,0 100%);background:var(--bd-gold);color:var(--bd-bg);transform:rotate(-2deg)}.battle-combo-row{flex:none;display:flex;align-items:center;gap:.4rem}.battle-combo-slots{flex:1 1 auto;min-width:0;display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none}.battle-combo-slots::-webkit-scrollbar{display:none}.battle-combo-slot{flex:none;min-width:3.6rem;height:1.9rem;border:1px dashed var(--bd-cyan);clip-path:polygon(.3rem 0,100% 0,calc(100% - .3rem) 100%,0 100%);display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;text-align:center;padding:.15rem .3rem;background:var(--bd-surface-alt);color:var(--bd-ink);word-break:break-word;white-space:nowrap}.battle-combo-slot.is-empty{color:var(--bd-muted);border-color:var(--bd-border)}.battle-commit-btn{flex:none;min-height:1.9rem;padding:0 .9rem;clip-path:polygon(.4rem 0,100% 0,calc(100% - .4rem) 100%,0 100%);border:1px solid var(--bd-magenta);background:var(--bd-magenta);color:#fff;font-size:.72rem;font-weight:800;cursor:pointer}.battle-commit-btn:disabled{opacity:.35;cursor:default}.battle-defense-wrap{flex:none;display:flex;flex-direction:column;gap:.3rem}.battle-defense-banner{text-align:center;font-size:.68rem;font-weight:700;color:var(--bd-glow)}.battle-hand-dock{flex:none;display:flex;flex-direction:column;gap:.35rem}.battle-hand-approach-slot{flex:none;width:100%;padding:0 .5rem}.battle-hand-row{display:flex;align-items:flex-end;gap:0;overflow-x:auto;scrollbar-width:none;padding:.7rem .5rem .3rem;border-radius:.5rem}@keyframes battle-hand-beat-glow{0%{box-shadow:0 0 0 3px var(--bd-glow),0 0 22px 6px var(--bd-glow),0 0 34px 10px color-mix(in srgb,var(--bd-glow) 60%,transparent);filter:brightness(1.45)}to{box-shadow:0 0 0 0 transparent;filter:brightness(1)}}.battle-hand-row--beat-glow .battle-card{animation:battle-hand-beat-glow calc(var(--beat-ms, .52s) * .45) ease-out}.battle-hand-row::-webkit-scrollbar{display:none}.battle-card{flex:none;width:5.4rem;margin-left:-1rem;position:relative;text-align:left;border-radius:0;clip-path:polygon(0 0,calc(100% - .55rem) 0,100% .55rem,100% 100%,.3rem 100%,0 calc(100% - .3rem));border:2px solid var(--bd-border);background:var(--bd-surface);color:var(--bd-ink);padding:.35rem .4rem;display:flex;flex-direction:column;gap:.15rem;min-height:4.4rem;cursor:pointer;transform-origin:bottom center;box-shadow:2px 3px 0 var(--color-tint-black-35, rgba(0, 0, 0, .35)),0 6px 10px var(--color-tint-black-35, rgba(0, 0, 0, .35)),-2px 2px color-mix(in srgb,var(--bd-cyan) 45%,transparent);transition:transform .12s ease,box-shadow .12s ease}.battle-hand-row .battle-card:nth-child(odd){box-shadow:2px 3px 0 var(--color-tint-black-35, rgba(0, 0, 0, .35)),0 6px 10px var(--color-tint-black-35, rgba(0, 0, 0, .35)),-2px 2px color-mix(in srgb,var(--bd-magenta) 45%,transparent)}.battle-card:first-child{margin-left:0}.battle-hand-row .battle-card:nth-child(4n+1){transform:rotate(-4deg) translateY(3px)}.battle-hand-row .battle-card:nth-child(4n+2){transform:rotate(-1deg)}.battle-hand-row .battle-card:nth-child(4n+3){transform:rotate(2deg) translateY(4px)}.battle-hand-row .battle-card:nth-child(4n+4){transform:rotate(4deg) translateY(1px)}.battle-card:hover,.battle-card:focus-visible,.battle-card:active{transform:translateY(-10px) rotate(-1deg) scale(1.04);z-index:5;box-shadow:2px 4px 0 var(--color-tint-black-35, rgba(0, 0, 0, .35)),0 10px 18px var(--color-tint-black-35, rgba(0, 0, 0, .35)),-2px 2px 0 var(--bd-yellow)}.battle-card-name{font-size:.64rem;font-weight:800;word-break:break-word;line-height:1.15}.battle-card-meta{font-size:.56rem;color:var(--bd-muted)}.battle-card.is-dim{opacity:.35}.battle-card:disabled{cursor:default}.battle-card--fire{border-color:var(--color-element-fire, #cf4a30)}.battle-card--wood{border-color:var(--color-element-wood, #4c9a4a)}.battle-card--water{border-color:var(--color-element-water, #2f7fd1)}.battle-card--none{border-color:var(--bd-border)}.battle-card--ultimate{border-color:var(--bd-gold);box-shadow:0 0 0 2px var(--bd-gold)}.battle-secondary-btn{flex:none;min-height:40px;border-radius:.55rem;border:1px solid var(--bd-border);background:var(--bd-surface-alt);color:var(--bd-ink);font-size:.75rem;font-weight:700;cursor:pointer;width:100%}.battle-card .run-detail-popover{pointer-events:none}.battle-settings-modal{position:fixed;inset:0;z-index:950;display:none;align-items:flex-end;justify-content:center;background:var(--color-tint-black-35, rgba(0, 0, 0, .35))}.battle-settings-modal.is-open{display:flex}.battle-settings-panel{width:100%;max-width:28rem;max-height:80dvh;overflow-y:auto;border-radius:1rem 1rem 0 0;border:1px solid var(--bd-border);border-bottom:none;background:var(--bd-surface);padding:.8rem .9rem calc(.8rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.5rem}.battle-settings-close{align-self:flex-end;min-height:32px;padding:0 .8rem;border-radius:.5rem;border:1px solid var(--bd-border);background:var(--bd-surface-alt);color:var(--bd-ink);font-size:.72rem;cursor:pointer}@media(prefers-reduced-motion:reduce){.battle-monster-wrap--pulse:after,.battle-hand-row--beat-glow .battle-card{animation:none!important}}.yuki-idle-bob{animation:yuki-idle-bob var(--beat-ms, .52s) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes yuki-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4px)}}.yuki-madoromi-eye{animation:yuki-madoromi-blink var(--beat-ms, .52s) ease-in-out infinite;transform-box:fill-box;transform-origin:50% 50%}@keyframes yuki-madoromi-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.yuki-idle-bob,.yuki-madoromi-eye{animation:none}}.rhythm-panel-title{font-size:.72rem;letter-spacing:.04em;color:var(--bd-muted, #a39d8f);margin:0 0 .4rem}.rhythm-beat-visualizer{padding:0;background:none;border:none}.rhythm-beat-dots{display:flex;gap:.3rem;justify-content:center;padding:.2rem 0}.rhythm-beat-dot{width:.4rem;height:.4rem;border-radius:999px;border:1.5px solid var(--bd-border, #3a352c);background:var(--bd-surface-alt, #211d17);transition:background-color .06s linear,transform .06s linear}.rhythm-beat-dot--down{width:.55rem;height:.55rem;border-color:var(--bd-glow, #6b5a2f)}.rhythm-beat-dot--active{background:var(--bd-glow, #d1a35c);border-color:var(--bd-glow, #d1a35c)}.rhythm-beat-dot--pulse{animation:rhythm-beat-pulse calc(var(--beat-ms, .52s) * .35) ease-out}@keyframes rhythm-beat-pulse{0%{transform:scale(1.5)}to{transform:scale(1)}}.rhythm-beat-approach{position:relative;width:100%;height:1.3rem}.rhythm-beat-approach.is-hidden{display:none}.rhythm-beat-approach-track{position:relative;width:100%;height:100%}.rhythm-beat-approach-center{position:absolute;left:50%;top:50%;width:.14rem;height:.7rem;border-radius:999px;background:var(--bd-rim, #4a4438);transform:translate(-50%,-50%)}.rhythm-beat-approach-marker{position:absolute;top:50%;border-radius:999px;background:var(--bd-glow, #d1a35c);will-change:left,right,opacity,transform}.rhythm-beat-approach-marker--secondary{width:.16rem;height:.85rem;box-shadow:0 0 4px color-mix(in srgb,var(--bd-glow, #d1a35c) 45%,transparent)}.rhythm-beat-approach-marker--primary{width:.26rem;height:1.1rem;background:var(--bd-glow, #d1a35c);box-shadow:0 0 10px color-mix(in srgb,var(--bd-glow, #d1a35c) 85%,transparent),0 0 18px color-mix(in srgb,var(--bd-glow, #d1a35c) 45%,transparent)}.rhythm-beat-approach-marker--left{left:0%}.rhythm-beat-approach-marker--right{right:0%}.rhythm-beat-approach-flash{position:absolute;left:50%;top:50%;width:.3rem;height:.9rem;border-radius:999px;background:var(--color-judgement-perfect, #ffd76a);opacity:0;transform:translate(-50%,-50%) scaleY(1);pointer-events:none}.rhythm-beat-approach-flash--show{animation:rhythm-beat-approach-flash calc(var(--beat-ms, .52s) * .32) ease-out}@keyframes rhythm-beat-approach-flash{0%{opacity:1;transform:translate(-50%,-50%) scaleY(1.9) scaleX(1.6)}to{opacity:0;transform:translate(-50%,-50%) scaleY(1) scaleX(1)}}.rhythm-judgement-display{padding:0;background:none;border:none;min-height:0}.rhythm-judgement-flash{font-size:2.2rem;font-weight:900;letter-spacing:.03em;opacity:0;transform:scale(.5) rotate(-16deg);transition:opacity .07s linear,transform .18s cubic-bezier(.19,1.8,.4,1);color:var(--bd-spray, #f2f0e6);text-align:center;white-space:nowrap;-webkit-text-stroke:1px var(--bd-bg, #131009)}.rhythm-judgement-flash--show{opacity:1;transform:scale(1.08) rotate(-3deg)}.rhythm-judgement-flash--perfect{color:var(--color-judgement-perfect, #ffd76a);text-shadow:2px 2px 0 var(--bd-magenta, #ff2fb0),-2px -2px 0 var(--bd-cyan, #25e0ff),0 0 22px rgba(255,215,106,.7)}.rhythm-judgement-flash--perfect.rhythm-judgement-flash--show{transform:scale(1.32) rotate(-5deg)}.rhythm-judgement-flash--good{color:var(--color-judgement-good, #8fd18f);text-shadow:2px 2px 0 var(--bd-cyan, #25e0ff),-1px -1px 0 var(--bd-magenta, #ff2fb0)}.rhythm-judgement-flash--good.rhythm-judgement-flash--show{transform:scale(1.05) rotate(2deg)}.rhythm-judgement-flash--miss{color:var(--color-judgement-miss, #c96a6a);text-shadow:1px 1px 0 rgba(0,0,0,.6);font-size:1.7rem}.rhythm-judgement-flash--miss.rhythm-judgement-flash--show{transform:scale(.95) rotate(6deg)}.rhythm-phrase-timer{padding:0;background:none;border:none;width:100%}.rhythm-phrase-track{width:100%;height:.3rem;border-radius:999px;background:var(--bd-surface-alt, #211d17);overflow:hidden}.rhythm-phrase-fill{height:100%;width:100%;background:var(--bd-rim, #6b5a2f);transition:width .08s linear,background-color .15s linear}.rhythm-phrase-timer--urgent .rhythm-phrase-fill{background:var(--bd-glow, #d1a35c);animation:rhythm-phrase-flash .4s ease-in-out infinite alternate}.rhythm-phrase-timer--expired .rhythm-phrase-fill{background:var(--bd-danger, #c96a6a)}@keyframes rhythm-phrase-flash{0%{opacity:1}to{opacity:.55}}.rhythm-defense-qte{border:none;border-radius:.6rem;padding:0;background:none}.rhythm-qte-telegraph{font-size:.72rem;color:var(--bd-muted, #a39d8f);min-height:1.1rem;margin-bottom:.35rem;text-align:center}.rhythm-qte-telegraph--active{color:var(--bd-glow, #d18f4a);font-weight:700}.rhythm-qte-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;min-height:3.6rem;margin-bottom:.4rem}.rhythm-qte-lane{position:relative;border:1px dashed var(--bd-border, #3a352c);border-radius:.5rem;display:flex;align-items:center;justify-content:center;min-height:3.6rem;background:var(--bd-surface, #1a1712)}.rhythm-qte-target{width:1.7rem;height:1.7rem;border-radius:999px;border:2px solid var(--bd-rim, #6b5a2f);background:transparent}.rhythm-qte-ring{position:absolute;width:1.7rem;height:1.7rem;border-radius:999px;border:3px solid var(--bd-glow, #d1a35c);opacity:0;pointer-events:none;will-change:transform,opacity}.rhythm-qte-ring--resolved.rhythm-qte-ring--perfect{border-color:var(--color-judgement-perfect, #ffd76a);box-shadow:0 0 10px #ffd76acc}.rhythm-qte-ring--resolved.rhythm-qte-ring--good{border-color:var(--color-judgement-good, #8fd18f)}.rhythm-qte-ring--resolved.rhythm-qte-ring--miss{border-color:var(--color-judgement-miss, #c96a6a)}.rhythm-qte-tap-button{width:100%;min-height:2.5rem;border-radius:.6rem;border:2px solid var(--bd-glow, #d1a35c);background:var(--bd-surface-alt, #211d17);color:var(--bd-ink, #e8e2d6);font-size:.92rem;font-weight:700;cursor:pointer}.rhythm-qte-tap-button:active{background:var(--bd-surface, #2c2015);transform:scale(.98)}.rhythm-qte-summary{margin-top:.4rem;font-size:.72rem;color:var(--bd-muted, #a39d8f);min-height:.9rem;text-align:center}.rhythm-assist-panel{border:none;border-radius:0;padding:0;background:none}.rhythm-assist-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.rhythm-assist-btn{min-height:40px;padding:0 .8rem;border-radius:.5rem;border:1px solid var(--bd-border, #3a352c);background:var(--bd-surface-alt, #211d17);color:var(--bd-ink, #e8e2d6);cursor:pointer;font-size:.8rem}.rhythm-assist-btn--active{border-color:var(--bd-glow, #d1a35c);color:var(--bd-glow, #d1a35c);font-weight:700}.rhythm-assist-description{font-size:.78rem;color:var(--bd-muted, #a39d8f);line-height:1.5;margin-bottom:.5rem}.rhythm-assist-metronome-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--bd-muted, #a39d8f)}.rhythm-demo-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.rhythm-demo-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.rhythm-beat-dot,.rhythm-judgement-flash,.rhythm-phrase-fill,.rhythm-qte-ring,.rhythm-beat-dot--pulse,.rhythm-beat-approach-flash--show{animation:none!important;transition:none!important}}