.meta-button.my-page{background:var(--c-green)}.screen.my-page{align-items:stretch;gap:14px;padding-bottom:32px;overflow-y:auto}.my-page-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.my-page-spacer{width:96px}.my-page .card{border-radius:var(--radius);background:#ffffffe0;padding:14px 18px 18px;box-shadow:0 4px #0000001f}.my-page .card-title{color:#d6336c;margin:0 0 8px;font-size:clamp(16px,2.2vw,22px)}.my-page .card-lead{color:#6b4f2a;margin:0 0 8px;font-size:14px}.my-page .empty-text{color:#6b4f2a;margin:0;font-size:15px;line-height:1.6}.my-page .can-do{background:linear-gradient(#fff6d6,#ffe9b0)}.my-page .can-do-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:flex}.my-page .badge-star,.my-page .badge-speed{color:#fff;background:var(--c-orange);border-radius:999px;margin-right:8px;padding:2px 10px;font-size:13px;display:inline-block}.my-page .badge-speed{background:var(--c-blue)}.my-page .effort-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0;display:grid}.my-page .effort-item{text-align:center;background:#fff;border-radius:14px;padding:10px 12px}.my-page .effort-item dt{color:#8b7355;font-size:13px}.my-page .effort-item dd{color:var(--c-ink);margin:4px 0 0;font-size:clamp(20px,3vw,30px)}.my-page .effort-item .unit{color:#8b7355;font-size:14px}.my-page .cheer{color:#d6336c;margin:10px 0 0;font-size:15px}.my-page .grow-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.my-page .grow-list li{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.my-page .rank{background:var(--c-yellow);color:#4a2900;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:inline-flex}.my-page .grow-key{min-width:72px;color:var(--c-ink);font-size:clamp(18px,2.4vw,24px)}.my-page .grow-detail{color:#6b4f2a;font-size:13px}.keyboard-heatmap{width:100%;max-height:30vh;margin:4px 0}.heat-label{fill:#1b2430bf;pointer-events:none;font-size:20px;font-weight:900}.heat-key.marked rect{filter:drop-shadow(0 0 6px #0000004d)}.heat-legend{color:#6b4f2a;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:0;font-size:12px;list-style:none;display:flex}.heat-legend li{align-items:center;gap:4px;display:flex}.heat-legend .swatch{border-radius:4px;width:14px;height:14px;display:inline-block}.my-page .big-button.practice{background:linear-gradient(180deg, #a9e34b, var(--c-green));color:#1b2430;align-self:center}.my-page .big-button.practice:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.my-page .practice-note{text-align:center;color:#8b7355;margin:8px 0 0;font-size:12px}@font-face{font-family:TsunagiGothic;src:url(/fonts/TsunagiGothic-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-game:"TsunagiGothic", "Hiragino Maru Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--c-red:#ff4757;--c-orange:#ff922b;--c-yellow:#ffd43b;--c-green:#51cf66;--c-blue:#4dabf7;--c-purple:#845ef7;--c-pink:#f06595;--c-ink:#1b2430;--c-paper:#fff8e7;--radius:18px;--shadow:0 6px 0 #00000038}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-game);color:var(--c-ink);-webkit-font-smoothing:antialiased;background:linear-gradient(160deg,#ffe9b0 0%,#ffd0a1 40%,#ffb3c1 100%);font-weight:800;overflow:hidden}.app{height:100%;overflow:hidden}.screen{flex-direction:column;align-items:center;gap:16px;height:100%;padding:20px;display:flex;overflow:auto}.screen-title{color:#d6336c;text-shadow:2px 2px #fff;margin:0;font-size:clamp(22px,4vw,40px)}button{cursor:pointer;border:none;font-family:inherit;font-weight:900}.big-button{background:linear-gradient(180deg, #ff8787, var(--c-red));color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:16px 44px;font-size:clamp(18px,2.6vw,28px);transition:transform 80ms}.big-button:active{transform:translateY(4px);box-shadow:0 2px #00000038}.big-button.back{background:linear-gradient(180deg, #74c0fc, var(--c-blue))}.big-button.retry{background:linear-gradient(180deg, #ffd43b, var(--c-orange));color:#4a2900}.back-button,.quit-button{color:var(--c-ink);background:#ffffffd9;border-radius:999px;padding:8px 20px;font-size:15px;box-shadow:0 3px #0000002e}.title{justify-content:center}.title-logo{flex-direction:column;align-items:center;gap:4px;display:flex}.title-main{color:#fff;letter-spacing:2px;text-shadow:0 0 0 #000, 4px 4px 0 var(--c-red), 8px 8px 0 #00000026;font-size:clamp(44px,10vw,96px)}.title-sub{color:#d6336c;background:#fff;border-radius:999px;padding:4px 18px;font-size:clamp(16px,2.4vw,24px)}.tips{text-align:center;color:#6b4b2a;max-width:520px;font-size:14px;font-weight:700}.coin-line{color:#8a6d1f;margin:0;font-size:20px}.coin-icon{color:#f59f00}.mode-select{justify-content:center}.mode-cards{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.mode-card{color:#fff;width:240px;min-height:240px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .1s;display:flex}.mode-card:hover{transform:translateY(-4px)}.mode-card.ja{background:linear-gradient(180deg, #ff8787, var(--c-red))}.mode-card.en{background:linear-gradient(#74c0fc,#1c7ed6)}.mode-emoji{font-size:68px;line-height:1}.mode-name{font-size:30px}.mode-desc{opacity:.95;font-size:14px;font-weight:700}.stage-select{align-items:stretch}.stage-select-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs,.difficulty-toggle{background:#fff9;border-radius:999px;gap:6px;padding:6px;display:flex}.tab,.diff{color:#7a5a2a;background:0 0;border-radius:999px;padding:10px 22px;font-size:16px}.tab.on{background:var(--c-red);color:#fff}.diff.easy.on{background:var(--c-green);color:#fff}.diff.normal.on{background:var(--c-orange);color:#fff}.diff.hard.on{background:var(--c-purple);color:#fff}.stage-sections{flex-direction:column;gap:18px;display:flex}.section-title{color:#fff;background:#495057;border-radius:999px;margin:0 0 8px;padding:4px 16px;font-size:18px;display:inline-block}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.stage-card{border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;background:#fff;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:transform 80ms;display:flex}.stage-card:not(.locked):hover{transform:translateY(-3px)}.stage-card.locked{color:#868e96;cursor:not-allowed;box-shadow:none;background:#dee2e6}.stage-name{font-size:18px}.stage-sub,.stage-best{color:#868e96;font-size:12px;font-weight:700}.stars{gap:2px;line-height:1;display:inline-flex}.stars-sm{font-size:16px}.stars-md{font-size:24px}.stars-lg{font-size:48px}.star.on{color:var(--c-yellow);text-shadow:0 0 6px #ffd43be6}.star.off{color:#00000026}.star.pop{animation:.42s cubic-bezier(.2,1.6,.4,1) both star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.screen.play{color:#fff;justify-content:space-between;gap:10px;padding:12px;position:relative;overflow:hidden}.phaser-layer{z-index:0;background:linear-gradient(#1a2a4f,#102038);position:absolute;inset:0}.phaser-layer.stage-groove{background:linear-gradient(#2f4f9e,#8e3fa8)}.phaser-layer.stage-fever{background:linear-gradient(#ff5f6d,#ffc371)}.phaser-layer canvas{display:block;width:100%!important;height:100%!important}.play>:not(.phaser-layer){z-index:1;position:relative}.hud{border-radius:var(--radius);background:#00000073;align-items:center;gap:16px;width:100%;padding:10px 16px;display:flex}.hud-block{flex-direction:column;display:flex;position:relative}.hud-label{opacity:.8;font-size:11px}.hud-value{font-size:26px;line-height:1.1}.hud-value.score{color:var(--c-yellow);min-width:5ch}.hud-value.combo.hot{color:var(--c-orange);animation:.5s ease-in-out infinite alternate combo-throb}@keyframes combo-throb{to{transform:scale(1.12)}}.gauge-block{flex:1;min-width:160px}.gauge-top{justify-content:space-between;align-items:baseline;display:flex}.multiplier{color:var(--c-yellow);font-size:18px}.multiplier.m4{color:#fff;text-shadow:0 0 10px var(--c-yellow)}.gauge-track{background:#ffffff2e;border-radius:999px;height:16px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg,#74c0fc,#4dabf7);border-radius:999px;height:100%;transition:width 90ms linear}.gauge-fill.groove{background:linear-gradient(90deg,#ffd43b,#ff922b)}.gauge-fill.fever{background:linear-gradient(90deg,#ff6b6b,#ffd43b,#fff)}.stage-badge{height:14px;color:var(--c-yellow);font-size:12px}.stage-badge.fever{color:#fff;animation:.35s ease-in-out infinite alternate combo-throb}.score-pops{pointer-events:none;position:absolute;inset:0}.score-pop{color:var(--c-yellow);text-shadow:0 2px #00000080;font-size:20px;animation:.7s ease-out forwards score-pop;position:absolute;top:0}@keyframes score-pop{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:1;transform:translateY(-18px)scale(1.2)}to{opacity:0;transform:translateY(-52px)scale(1)}}.word-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.word-image{border-radius:var(--radius);background:#fff;max-height:22vh}.voice-button{color:var(--c-ink);background:#ffffffe6;border-radius:999px;padding:6px 18px;font-size:14px}.word-ruby{color:var(--c-yellow);letter-spacing:.2em;margin:0;font-size:clamp(14px,2vw,20px)}.word-display{text-shadow:0 4px #00000059;margin:0;font-size:clamp(34px,6.5vw,72px);line-height:1.1}.word-display .masked{letter-spacing:.15em;opacity:.5}.word-meaning{color:#fff;background:#00000059;border-radius:999px;margin:0;padding:4px 18px;font-size:clamp(16px,2.4vw,26px)}.word-meaning.small{opacity:.7;background:0 0;font-size:14px}.romaji{letter-spacing:.08em;margin:6px 0 0;font-family:SF Mono,Consolas,monospace;font-size:clamp(22px,4vw,44px);font-weight:900}.romaji.hint{animation:.9s ease-in-out infinite alternate hint-blink}@keyframes hint-blink{to{opacity:.55}}.romaji-typed{color:var(--c-yellow)}.romaji-rest{color:#fffffff2}.romaji-masked{color:#fff6}.keyboard-panel{border-radius:var(--radius);background:#00000059;align-items:flex-end;gap:12px;width:100%;max-width:1100px;padding:10px 14px;display:flex}.keyboard-panel.empty{background:0 0;min-height:8px;padding:0}.keyboard-panel.hint{outline:3px solid var(--c-yellow)}.keyboard-guide{flex:1;max-height:26vh}.kb-label{fill:#ffffffe6;pointer-events:none;font-size:20px;font-weight:900}.kb-label.on{fill:#1b2430}.kb-key.active rect{filter:drop-shadow(0 0 8px)}.hands{flex-direction:column;align-items:center;gap:2px;width:220px;display:flex}.hands .hand{width:100px;height:110px;display:inline-block}.hands{flex-flow:wrap;justify-content:center}.hands-caption{text-align:center;width:100%;color:var(--c-yellow);order:3;margin:0;font-size:12px}.finger.on{filter:drop-shadow(0 0 6px #fffc)}.countdown{z-index:5;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{color:var(--c-yellow);text-shadow:0 6px #0006;font-size:140px;animation:.7s ease-out count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(2.4)}30%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.85)}}.result{justify-content:center}.result-stage{color:#7a5a2a;margin:0;font-size:16px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;max-width:720px;margin:0;display:grid}.result-item{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:10px 14px}.result-item dt{color:#868e96;font-size:12px}.result-item dd{margin:0;font-size:24px}.result-item.big dd{color:#d6336c;font-size:38px}.result-item .miss{color:var(--c-red);font-size:14px}.badge.new{background:var(--c-red);color:#fff;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:12px}.coin-result{text-align:center}.coin-total{color:#f59f00;margin:0;font-size:30px}.coin-breakdown{color:#7a5a2a;margin:0;font-size:13px;font-weight:700}.result-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.loading-text,.error-text{color:#7a5a2a;font-size:20px}.error-text{color:var(--c-red)}.sound-toggle{z-index:20;background:#fffc;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:fixed;bottom:12px;right:12px}.sound-toggle .mute{background:0 0;font-size:20px}.sound-toggle input{width:90px}@media (max-width:720px){.keyboard-panel{flex-direction:column;align-items:center}.hands{width:100%}}:root{--rarity-n:#b8c4d0;--rarity-r:#4dabf7;--rarity-sr:#b197fc;--rarity-ur:#ffd43b}.rarity-N{--rarity:var(--rarity-n)}.rarity-R{--rarity:var(--rarity-r)}.rarity-SR{--rarity:var(--rarity-sr)}.rarity-UR{--rarity:var(--rarity-ur)}.avatar-view{background:radial-gradient(circle at 50% 35%, #fff 0%, var(--avatar-color,#ffd97a) 78%);border-radius:50%;flex:none;place-items:center;width:128px;height:128px;display:grid;position:relative;box-shadow:inset 0 -6px #00000014}.avatar-view.sm{width:56px;height:56px}.avatar-view.lg{width:200px;height:200px}.avatar-base{font-size:64px;line-height:1}.avatar-view.sm .avatar-base{font-size:30px}.avatar-view.lg .avatar-base{font-size:104px}.avatar-layer{filter:drop-shadow(0 1px #00000040);font-size:34px;line-height:1;position:absolute}.avatar-view.sm .avatar-layer{font-size:16px}.avatar-view.lg .avatar-layer{font-size:54px}.avatar-layer.slot-hat{top:2%}.avatar-layer.slot-face{top:38%}.avatar-layer.slot-outfit{bottom:4%}.avatar-layer.slot-hand{bottom:18%;right:0}.avatar-layer.slot-background{opacity:.75;top:4%;left:4%}.avatar-layer.slot-effect{animation:1.6s ease-in-out infinite sparkle;top:6%;right:4%}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(12deg)}}.profile-bar{border-radius:var(--radius);background:#ffffffc7;align-items:center;gap:16px;width:100%;max-width:720px;padding:12px 18px;display:flex}.profile-bar.compact{gap:12px;padding:8px 14px}.profile-info{flex:1;min-width:0}.profile-name{margin:0;font-size:20px}.profile-effects{color:#6b4f2a;margin:4px 0 0;padding:0;font-size:13px;list-style:none}.profile-effects.none{color:#9b8a72;font-size:13px}.profile-actions{flex-direction:column;gap:8px;display:flex}.meta-button{color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:16px;font-weight:800}.meta-button.gacha{background:var(--c-pink)}.meta-button.avatar{background:var(--c-blue)}.meta-button:active{transform:translateY(3px);box-shadow:0 3px #00000038}.screen.gacha,.screen.avatar{align-items:stretch;padding-bottom:32px;overflow-y:auto}.gacha-body{flex-wrap:wrap;justify-content:center;gap:24px;padding:16px;display:flex}.gacha-machine{flex-direction:column;align-items:center;gap:16px;display:flex}.capsule{width:140px;height:140px;box-shadow:var(--shadow);background:linear-gradient(160deg,#fff 0%,#ffd7e6 55%,#ff9ec4 100%);border-radius:50%;place-items:center;font-size:64px;display:grid}.capsule.shaking{animation:.28s ease-in-out infinite capsule-shake}.capsule.opened{background:linear-gradient(160deg,#fff 0%,#ffe9a8 55%,#ffd43b 100%);animation:.5s ease-out capsule-open}@keyframes capsule-shake{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-6px)}}@keyframes capsule-open{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.gacha-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.big-button.pull{flex-direction:column;align-items:center;gap:2px;min-width:170px;display:flex}.big-button.pull:disabled{opacity:.45;cursor:not-allowed}.pull-cost{font-size:16px}.pull-note{opacity:.9;font-size:12px}.gacha-rates{border-radius:var(--radius);background:#ffffffd9;min-width:260px;padding:14px 18px}.rate-table{border-collapse:collapse;width:100%;font-size:16px}.rate-table th,.rate-table td{text-align:right;padding:4px 10px}.rate-table th:first-child,.rate-table td:first-child{text-align:left;color:var(--rarity,var(--c-ink));-webkit-text-stroke:.4px #00000059}.rate-note{color:#6b4f2a;margin:8px 0 0;font-size:12px}.gacha-result{padding:0 16px}.gacha-items{flex-wrap:wrap;justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.gacha-item{border-radius:var(--radius);border:4px solid var(--rarity,var(--rarity-n));text-align:center;background:#ffffffeb;width:128px;padding:12px 8px 10px;animation:.32s ease-out both pop-in;position:relative}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.gacha-item.rarity-UR,.gacha-item.rarity-SR{box-shadow:0 0 18px var(--rarity)}.gacha-item-emoji{font-size:44px;line-height:1.1;display:block}.gacha-item-name{font-size:14px;display:block}.gacha-item-meta{color:#7a6a55;font-size:11px;display:block}.badge.new{background:var(--c-red);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:-10px;right:-8px}.badge.dup{background:var(--c-yellow);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:12px;display:inline-block}.avatar-body{flex-wrap:wrap;align-items:flex-start;gap:24px;padding:16px;display:flex}.avatar-preview{border-radius:var(--radius);background:#fffc;flex-direction:column;align-items:center;gap:14px;min-width:260px;padding:16px;display:flex}.avatar-effects ul{margin:0;padding-left:18px;font-size:14px}.base-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.base-card,.item-card{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px;font-family:inherit;font-weight:800;display:flex}.base-card.on,.item-card.on{border-color:var(--c-orange);box-shadow:0 0 0 3px #ff922b4d}.base-emoji{font-size:30px}.base-name{font-size:12px}.slot-list{flex-direction:column;flex:1;gap:14px;min-width:320px;display:flex}.slot-section{border-radius:var(--radius);background:#fffc;padding:10px 14px}.item-grid{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.item-card{border-color:var(--rarity,#e6e0d5);width:112px}.item-icon{background:color-mix(in srgb, var(--rarity,#e6e0d5) 30%, #fff);border-radius:50%;place-items:center;display:grid}.item-icon.sm{width:32px;height:32px;font-size:18px}.item-icon.md{width:46px;height:46px;font-size:26px}.item-icon.lg{width:64px;height:64px;font-size:38px}.item-icon img{object-fit:contain;width:100%;height:100%}.item-name{text-align:center;font-size:12px}.item-rarity{color:var(--rarity,#8a8378);-webkit-text-stroke:.4px #0000004d;font-size:11px}.item-effect{color:#2f7a3f;text-align:center;font-size:10px}.hint-text{color:#7a6a55;font-size:14px}.hint-text.big{flex-direction:column;align-items:center;gap:10px;font-size:18px;display:flex}.hud-block.avatar-block{box-shadow:none;background:0 0;padding:0}@media (max-width:720px){.profile-bar{flex-wrap:wrap}.profile-actions{flex-direction:row;width:100%}}