:root{--color-gold:gold;--color-white:#fff;--color-tiffany:#7fffd4;--color-void:#05060f;--color-glass-bg:#0a0e1e8c;--color-glass-border:#7fffd459;--font-jp:"Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif}*{box-sizing:border-box}html,body{background:var(--color-void);width:100%;height:100%;color:var(--color-white);font-family:var(--font-jp);-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.glass-button{letter-spacing:.05em;color:var(--color-white);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(135deg,#ffd7002e,#7fffd41f);border-radius:999px;padding:.9em 2em;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 0 24px #7fffd440,inset 0 0 12px #ffffff14}.glass-button:active{transform:scale(.96);box-shadow:0 0 12px #7fffd459,inset 0 0 8px #ffffff1f}.glass-button--secondary{background:linear-gradient(135deg,#ffffff14,#7fffd40f)}.title-overlay,.result-overlay,.gacha-overlay{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:fixed;inset:0}.title-overlay__button-group,.result-overlay__button,.gacha-overlay button{pointer-events:auto}@keyframes title-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes title-jp-shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes title-portrait-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.title-overlay__heading{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:-1.2rem;margin-bottom:.6rem;animation:.7s ease-out both title-fade-in;display:flex}.title-overlay__jp{letter-spacing:.08em;background:linear-gradient(100deg, var(--color-gold) 0%, var(--color-white) 25%, var(--color-gold) 50%, var(--color-white) 75%, var(--color-gold) 100%);color:#0000;text-shadow:0 0 40px #ffd70059;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,8vw,4rem);font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer}.title-overlay__button-group{flex-direction:column;align-items:center;gap:.9rem;animation:.7s ease-out .3s both title-fade-in;display:flex}.title-overlay__en{letter-spacing:.35em;background:linear-gradient(100deg, var(--color-tiffany) 0%, var(--color-white) 25%, var(--color-tiffany) 50%, var(--color-white) 75%, var(--color-tiffany) 100%);color:#0000;text-shadow:0 0 20px #7fffd459;opacity:.95;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(.9rem,3vw,1.3rem);font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer}.title-overlay__high-score{letter-spacing:.08em;background:linear-gradient(100deg, var(--color-gold) 0%, var(--color-white) 25%, var(--color-gold) 50%, var(--color-white) 75%, var(--color-gold) 100%);color:#0000;text-shadow:0 0 20px #ffd70066;opacity:.95;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:.9rem;font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer,.7s ease-out .4s both title-fade-in}.title-overlay__selected-deity{letter-spacing:.06em;background:linear-gradient(100deg, var(--color-white) 0%, #9a9a9a 25%, var(--color-white) 50%, #9a9a9a 75%, var(--color-white) 100%);color:#0000;text-shadow:0 0 16px #ffffff4d;opacity:.9;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer,.7s ease-out .25s both title-fade-in}.title-overlay__button-group .glass-button__label{background:linear-gradient(100deg, var(--color-white) 0%, #9a9a9a 25%, var(--color-white) 50%, #9a9a9a 75%, var(--color-white) 100%);color:#0000;text-shadow:0 0 12px #ffffff4d;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer}.title-overlay__portrait{border:2px solid var(--color-glass-border);background-repeat:no-repeat;border-radius:50%;width:132px;height:132px;animation:.7s ease-out .1s both title-fade-in,4s ease-in-out .8s infinite title-portrait-float}@keyframes title-start-pulse{0%,to{box-shadow:0 0 24px #7fffd440,inset 0 0 12px #ffffff14}50%{box-shadow:0 0 38px #ffd70073,inset 0 0 16px #ffffff24}}.title-overlay__start{animation:2.4s ease-in-out infinite title-start-pulse}.result-overlay__title{letter-spacing:.06em;text-align:center;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800}.result-overlay__subtitle{color:var(--color-tiffany);letter-spacing:.08em;font-size:clamp(1rem,3vw,1.4rem)}.hud-overlay__pause-button{left:calc(env(safe-area-inset-left) + .8rem);bottom:calc(env(safe-area-inset-bottom) + .8rem);z-index:15000;color:var(--color-white);border:1px solid var(--color-glass-border);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;opacity:.75;border-radius:50%;width:2.4em;height:2.4em;font-family:inherit;font-size:.75rem;line-height:1;transition:opacity .2s;position:fixed}.hud-overlay__pause-button:active{opacity:1;transform:scale(.94)}.pause-overlay{z-index:20000;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#05060fb8;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;display:flex;position:fixed;inset:0}.pause-overlay__title{letter-spacing:.15em;color:var(--color-white);text-shadow:0 0 24px #7fffd466;font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800}.pause-overlay__button-group{flex-direction:column;align-items:center;gap:.9rem;display:flex}.continue-overlay__sub{color:var(--color-tiffany);letter-spacing:.05em;opacity:.9;text-align:center;max-width:80vw;font-size:.95rem}.hud-overlay{padding:calc(env(safe-area-inset-top) + .9rem) calc(env(safe-area-inset-right) + 1rem) 0 calc(env(safe-area-inset-left) + 1rem);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.hud-overlay__hp-group{flex-direction:column;gap:.35rem;min-width:160px;max-width:46vw;display:flex}.hud-overlay__label-row{align-items:baseline;gap:.5rem;display:flex}.hud-overlay__level{color:var(--color-gold);text-shadow:0 0 8px #ffd70080;font-size:.85rem;font-weight:800}.hud-overlay__hp-label{letter-spacing:.05em;color:var(--color-white);text-shadow:0 0 8px #0009;font-size:.8rem}.hud-overlay__hp-bar{border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;height:12px;overflow:hidden}.hud-overlay__hp-fill{background:linear-gradient(90deg, var(--color-tiffany), var(--color-gold));width:100%;height:100%;transition:width .2s}.hud-overlay__powerup-row{gap:.35rem;display:flex}.hud-overlay__powerup-badge{color:var(--color-white);opacity:.4;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.15em .5em;font-size:.68rem;font-weight:700;transition:opacity .2s,border-color .2s,box-shadow .2s}.hud-overlay__powerup-badge--active{opacity:1;border-color:var(--powerup-color);box-shadow:0 0 10px var(--powerup-color)}.hud-overlay__stage{top:calc(env(safe-area-inset-top) + .7rem);letter-spacing:.15em;color:var(--color-white);background:var(--color-glass-bg);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;border-radius:999px;padding:.35em 1em;font-size:.8rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.hud-overlay__score-group{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.hud-overlay__score{letter-spacing:.05em;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);white-space:nowrap;border-radius:999px;padding:.5em 1em;font-size:1rem;font-weight:700}.hud-overlay__combo{letter-spacing:.08em;background:linear-gradient(100deg, var(--color-gold) 0%, var(--color-white) 25%, var(--color-gold) 50%, var(--color-white) 75%, var(--color-gold) 100%);color:#0000;text-shadow:0 0 10px #ffd700b3;opacity:0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:800;transition:opacity .15s,transform .15s,text-shadow .2s;animation:5s ease-in-out infinite title-jp-shimmer;transform:scale(.85)}.hud-overlay__combo--visible{opacity:1;transform:scale(1)}.hud-overlay__combo--tier-1{background-image:linear-gradient(100deg, var(--color-gold) 0%, var(--color-white) 25%, var(--color-gold) 50%, var(--color-white) 75%, var(--color-gold) 100%);text-shadow:0 0 10px #ffd700b3}.hud-overlay__combo--tier-2{background-image:linear-gradient(100deg, #ff9100 0%, var(--color-white) 25%, #ff9100 50%, var(--color-white) 75%, #ff9100 100%);text-shadow:0 0 15px #ff9100e6}.hud-overlay__combo--tier-3{background-image:linear-gradient(100deg, #ff1744 0%, var(--color-white) 25%, #ff1744 50%, var(--color-white) 75%, #ff1744 100%);text-shadow:0 0 20px #ff1744;font-size:.95rem}.hud-overlay__combo--punch{animation:.28s ease-out hud-combo-punch}@keyframes hud-combo-punch{0%{transform:scale(1.35)}to{transform:scale(1)}}.ultimate-gauge{left:50%;bottom:calc(env(safe-area-inset-bottom) + 1.2rem);pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;width:min(70vw,320px);display:flex;position:fixed;transform:translate(-50%)}.ultimate-gauge__bar{border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border-radius:999px;width:100%;height:14px;overflow:hidden}.ultimate-gauge__fill{background:linear-gradient(90deg, var(--color-tiffany), var(--color-gold));width:0%;height:100%;transition:width .2s}.ultimate-gauge__label{letter-spacing:.15em;color:var(--color-white);opacity:.75;text-shadow:0 0 8px #0009;font-size:.8rem;font-weight:700;transition:opacity .2s,color .2s}.ultimate-gauge--ready .ultimate-gauge__bar{animation:1s ease-in-out infinite ultimate-pulse;box-shadow:0 0 18px #ffd70099}.ultimate-gauge--ready .ultimate-gauge__label{color:var(--color-gold);opacity:1}@keyframes ultimate-pulse{0%,to{box-shadow:0 0 12px #ffd70073}50%{box-shadow:0 0 26px #ffd700d9}}@keyframes gacha-reveal-in{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gacha-badge-pop{0%{opacity:0;transform:scale(.4)translateY(10px)}60%{opacity:1;transform:scale(1.15)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes gacha-heading-breathe{0%,to{text-shadow:0 0 32px #ffd70059}50%{text-shadow:0 0 56px #ffd700a6}}.gacha-overlay__heading{letter-spacing:.12em;background:linear-gradient(100deg, var(--color-gold) 0%, var(--color-white) 25%, var(--color-gold) 50%, var(--color-white) 75%, var(--color-gold) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7.5vw,3rem);font-weight:900;animation:5s ease-in-out infinite title-jp-shimmer,2.4s ease-in-out infinite gacha-heading-breathe,.7s ease-out both title-fade-in}.gacha-overlay__sub{color:var(--color-tiffany);letter-spacing:.1em;opacity:.9;font-size:1rem;animation:.7s ease-out .1s both title-fade-in}.gacha-overlay__owned{color:var(--color-white);opacity:.7;letter-spacing:.05em;background:#ffd7000f;border:1px solid #ffd70059;border-radius:999px;padding:.25em .9em;font-size:.85rem;animation:.7s ease-out .2s both title-fade-in}.gacha-overlay__summon-button{margin-top:.5rem;animation:.7s ease-out .3s both title-fade-in}.gacha-overlay__back-button{opacity:.75;animation:.7s ease-out .35s both title-fade-in}.gacha-overlay--result{justify-content:flex-end;gap:.7rem;padding-bottom:6vh}.gacha-overlay--result:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 32%, var(--rarity-glow-color,#ffd70059) 0%, transparent 55%);opacity:.8;animation:2.6s ease-in-out infinite ultimate-pulse-soft;position:absolute;inset:0}@keyframes ultimate-pulse-soft{0%,to{opacity:.55}50%{opacity:.9}}.gacha-overlay__new-badge{letter-spacing:.15em;color:var(--color-void);background:linear-gradient(135deg, var(--color-gold), var(--color-tiffany));border-radius:999px;padding:.3em 1em;font-size:1rem;font-weight:900;animation:.5s ease-out both gacha-badge-pop,1.2s ease-in-out .5s infinite ultimate-pulse;box-shadow:0 0 20px #ffd700b3}.gacha-overlay__rarity{letter-spacing:.25em;color:var(--color-gold);text-shadow:0 0 16px #ffd70099;font-size:1.8rem;animation:.5s ease-out 50ms both gacha-reveal-in}.gacha-overlay__rarity--ssr{background:linear-gradient(100deg, var(--color-gold) 0%, #fff 30%, #ff2b5b 50%, #fff 70%, var(--color-gold) 100%);color:#0000;text-shadow:0 0 26px #ff2b5b8c;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;animation:.5s ease-out 50ms both gacha-reveal-in,2.2s ease-in-out infinite title-jp-shimmer}.gacha-overlay__rarity--sr{color:var(--color-tiffany);text-shadow:0 0 16px #7fffd499}.gacha-overlay__rarity--r{color:var(--color-white);text-shadow:0 0 12px #fff6}.gacha-overlay__name{letter-spacing:.08em;color:var(--color-white);text-shadow:0 0 24px #fff6;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:900;animation:.5s ease-out .15s both gacha-reveal-in}.gacha-overlay__title{color:var(--color-tiffany);letter-spacing:.15em;opacity:.9;font-size:1rem;animation:.5s ease-out .22s both gacha-reveal-in}.gacha-overlay__status{color:var(--color-white);opacity:.6;letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem;animation:.5s ease-out .28s both gacha-reveal-in}.sound-toggle-button{right:calc(env(safe-area-inset-right) + .8rem);bottom:calc(env(safe-area-inset-bottom) + .8rem);z-index:20000;letter-spacing:.08em;color:var(--color-white);border:1px solid var(--color-glass-border);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(8px);opacity:.55;cursor:pointer;border-radius:999px;padding:.5em .9em;font-family:inherit;font-size:.65rem;font-weight:700;transition:opacity .2s,color .2s;position:fixed}.sound-toggle-button:hover,.sound-toggle-button:active{opacity:.9}.sound-toggle-button--muted{color:var(--color-gold)}.language-toggle-button{right:calc(env(safe-area-inset-right) + 5.4rem);bottom:calc(env(safe-area-inset-bottom) + .8rem);z-index:20000;letter-spacing:.08em;color:var(--color-white);border:1px solid var(--color-glass-border);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(8px);opacity:.55;cursor:pointer;border-radius:999px;padding:.5em .9em;font-family:inherit;font-size:.65rem;font-weight:700;transition:opacity .2s,color .2s;position:fixed}.language-toggle-button:hover,.language-toggle-button:active{opacity:.9}.language-toggle-button--disabled{opacity:.25;cursor:not-allowed}.language-toggle-button--disabled:hover,.language-toggle-button--disabled:active{opacity:.25}.character-select-overlay{height:100dvh;padding:calc(env(safe-area-inset-top) + .8vh) calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + .8vh) calc(env(safe-area-inset-left) + 1rem);pointer-events:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:clamp(.3rem,1.4vh,1rem);display:flex;position:fixed;inset:0;overflow:hidden}.character-select-overlay__heading{letter-spacing:.08em;background:linear-gradient(180deg, var(--color-gold), var(--color-white));color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(1.1rem,4vh,1.8rem);font-weight:900}.character-select-overlay__grid{flex:auto;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.3rem,1.2vh,.8rem);width:100%;max-width:460px;min-height:0;display:grid;overflow:hidden}.character-select-overlay__footer{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(.3rem,.9vh,.6rem);display:flex}.character-select-overlay__footer .glass-button{padding:clamp(.5em,1.6vh,.9em) 2em}.character-card{border:1px solid var(--color-glass-border);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-white);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.1rem,.5vh,.3rem);min-width:0;min-height:0;padding:clamp(.3rem,1.6vh,1rem) .6rem;font-family:inherit;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.character-card:active:not(:disabled){transform:scale(.96)}.character-card--selected{border-color:var(--color-gold);box-shadow:0 0 20px #ffd70066}.character-card--locked{opacity:.5;cursor:not-allowed}.character-card__avatar{background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0;width:clamp(28px,7vh,64px);height:clamp(28px,7vh,64px)}.character-card__rarity{color:var(--color-gold);letter-spacing:.1em;font-size:clamp(.6rem,1.6vh,.7rem)}.character-card__name{white-space:nowrap;font-size:clamp(.78rem,2.2vh,.95rem);font-weight:700}.character-card__title{color:var(--color-tiffany);opacity:.8;white-space:nowrap;font-size:clamp(.62rem,1.7vh,.7rem)}.character-card__lock{letter-spacing:.1em;color:var(--color-white);opacity:.6;font-size:.65rem}.character-card__selected-badge{background:linear-gradient(135deg, var(--color-gold), var(--color-tiffany));color:var(--color-void);border-radius:999px;padding:.25em .6em;font-size:.65rem;font-weight:800;position:absolute;top:-.5rem;right:-.5rem}.character-card--previewing{border-color:var(--color-tiffany)}.character-stats-panel{--stat-accent:var(--color-tiffany);--stat-accent-2:var(--color-gold);border:1px solid var(--color-glass-border);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--stat-accent) 16%, transparent), transparent 60%), var(--color-glass-bg);width:100%;max-width:460px;box-shadow:0 0 24px color-mix(in srgb, var(--stat-accent) 22%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;flex-shrink:0;gap:clamp(.3rem,.9vh,.7rem);padding:clamp(.6rem,1.6vh,1.1rem) clamp(.8rem,3vw,1.2rem);transition:box-shadow .4s;display:flex}.character-stats-panel__header{letter-spacing:.06em;color:var(--color-white);border-bottom:1px solid color-mix(in srgb, var(--stat-accent) 40%, transparent);text-shadow:0 0 12px color-mix(in srgb, var(--stat-accent) 60%, transparent);margin-bottom:0;padding-bottom:clamp(.25rem,.8vh,.5rem);font-size:clamp(.8rem,2.1vh,.95rem);font-weight:700}.character-stats-panel__row{grid-template-columns:1.6em 4.2em 1fr 3.6em;align-items:center;gap:.6rem;display:grid}.character-stats-panel__icon{width:clamp(1.3em,3vh,1.6em);height:clamp(1.3em,3vh,1.6em);color:var(--color-void);background:linear-gradient(135deg, var(--stat-accent), var(--stat-accent-2));box-shadow:0 0 10px color-mix(in srgb, var(--stat-accent) 55%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.character-stats-panel__label{color:var(--color-tiffany);letter-spacing:.05em;font-size:clamp(.68rem,1.8vh,.75rem)}.character-stats-panel__bar{background:#ffffff1a;border:1px solid #ffffff14;border-radius:999px;height:clamp(6px,1.3vh,10px);overflow:hidden}.character-stats-panel__bar-fill{background:linear-gradient(90deg, var(--stat-accent), var(--stat-accent-2));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--stat-accent) 70%, transparent);border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1);position:relative}.character-stats-panel__bar-sheen{background:linear-gradient(115deg,#0000 0%,#ffffff8c 45%,#0000 60%) 0 0/220% 100%;animation:2.4s ease-in-out infinite stat-bar-sheen;position:absolute;inset:0}@keyframes stat-bar-sheen{0%{background-position:120% 0}to{background-position:-40% 0}}.character-stats-panel__value{color:var(--color-white);text-align:right;white-space:nowrap;font-size:.78rem;font-weight:600}.character-stats-panel__hint{color:var(--color-white);opacity:.6;letter-spacing:.03em;margin-top:.2rem;font-size:.7rem}