@font-face{font-family:UzuraKana;src:url(../fonts/uzura-kana.woff2) format("woff2");font-display:block}@font-face{font-family:Patrick Hand;src:url(../fonts/patrick-hand.woff2) format("woff2");font-display:block}:root{--grad: linear-gradient(160deg, #ffd54a 0%, #ff8da1 50%, #8e7bff 100%);--pink: #e0457a;--purple: #5a3a7a;--yellow: #ffe36b;--white: #ffffff;--font: "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Rounded Mplus 1c", "Hiragino Kaku Gothic ProN", sans-serif}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font);background:var(--grad);padding:10%;gap:4%;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen-title{padding:0;background:#bfe39a url(../title-bg.jpg) top center / 100% auto no-repeat}.screen-title .title-actions{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8vh,20px);width:max-content;max-width:80%;text-align:center}.screen-title.lang-en .title-actions{top:77%;gap:clamp(4px,.9vh,10px);transform:translate(-50%,-50%) scale(.78)}.screen-title.lang-en .btn-legal{margin-top:1em!important}.screen-title .title-actions .subtitle{color:#5a3a1e;text-shadow:0 2px 6px rgba(255,255,255,.65)}.screen-title .title-hint{font-size:clamp(10px,1.3vw,16px);opacity:.9}.screen-title .app-version{position:absolute;right:10%;bottom:10%;color:#5a3a1e;text-shadow:0 2px 6px rgba(255,255,255,.65);font-size:clamp(9px,1.1vw,14px);opacity:.85;pointer-events:none}.screen-title .lang-toggle{position:absolute;right:10%;top:10%;display:flex;align-items:center;gap:.4em;background:#321e148c;border-radius:999px;padding:.35em .9em;font-size:clamp(10px,1.3vw,16px);z-index:1}.screen-title .lang-toggle-btn{background:none;border:none;color:#ffffff8c;font-family:var(--font);font-weight:800;font-size:inherit;cursor:pointer;padding:.1em .3em;transition:color .1s;white-space:nowrap}.screen-title .lang-toggle-btn.active{color:var(--yellow)}.screen-title .lang-toggle-sep{color:#fff6;font-size:inherit}.screen h1{color:var(--white);font-size:clamp(22px,4vw,56px);font-weight:800;text-align:center;line-height:1.25;text-shadow:0 3px 0 #c23a6b,0 6px 12px rgba(0,0,0,.25)}.screen .subtitle{color:var(--white);font-weight:700;font-size:clamp(11px,1.8vw,22px);text-align:center;opacity:.97}.btn-primary{background:var(--white);color:var(--pink);font-family:var(--font);font-weight:800;font-size:clamp(14px,2.2vw,28px);border:none;border-radius:999px;padding:.55em 1.6em;box-shadow:0 6px #b9b1ff;cursor:pointer;transition:transform .08s,box-shadow .08s;white-space:nowrap}.btn-primary:focus,.btn-primary.dpad-focused{outline:5px solid var(--yellow);outline-offset:3px;transform:translateY(-2px)}.btn-primary:active{transform:translateY(2px);box-shadow:0 3px #b9b1ff}.btn-secondary{font-family:var(--font, sans-serif);font-weight:800;font-size:clamp(13px,2vw,26px);background:#ffffff47;color:#fff;border:3px solid rgba(255,255,255,.6);border-radius:999px;padding:.5em 1.4em;cursor:pointer;transition:transform .08s;white-space:nowrap}.btn-secondary:focus,.btn-secondary.dpad-focused,.btn-secondary.choice-focus{outline:5px solid var(--yellow);outline-offset:3px;transform:translateY(-2px)}.choice-focus{outline:5px solid var(--yellow)!important;outline-offset:3px!important;transform:scale(1.08)!important}.player-card{background:var(--white);border-radius:18px;padding:6% 5%;display:flex;flex-direction:column;align-items:center;gap:10%;box-shadow:0 6px #b9b1ff;cursor:pointer;transition:transform .1s,box-shadow .1s;min-width:0}.player-card:focus,.player-card.dpad-focused{outline:none;box-shadow:0 0 0 5px var(--yellow),0 6px #b9b1ff;transform:translateY(-5px)}.player-card .card-name{color:var(--purple);font-weight:800;font-size:clamp(14px,2vw,26px);text-align:center;word-break:break-all}.menu-card{background:var(--white);border:none;border-radius:22px;padding:0;overflow:hidden;line-height:0;cursor:pointer;box-shadow:0 6px #b9b1ff;transition:transform .1s,box-shadow .1s;width:clamp(240px,48vw,520px)}.menu-card .menu-card-img{display:block;width:100%;height:auto;border-radius:22px}.menu-card:focus,.menu-card.dpad-focused{outline:none;box-shadow:0 0 0 6px var(--yellow),0 8px #b9b1ff;transform:translateY(-6px)}.char-card:focus,.char-card.dpad-focused{transform:none}.gallery-card{box-shadow:0 3px #b9b1ff}.gallery-card:focus,.gallery-card.dpad-focused{outline:none;box-shadow:0 0 0 4px var(--yellow),0 3px #b9b1ff}.player-card .card-wakka{color:var(--pink);font-weight:800;font-size:clamp(11px,1.5vw,20px)}.player-card.new-card{background:#ffffff59;border:4px dashed var(--white);box-shadow:none;color:var(--white)}.player-card.new-card .card-name{color:var(--white)}.player-card.new-card .plus{font-size:clamp(28px,4.5vw,60px);font-weight:800;line-height:1}.player-card.new-card:focus,.player-card.new-card.dpad-focused{box-shadow:0 0 0 5px var(--yellow);transform:translateY(-5px)}.hud-chip{background:var(--white);color:var(--purple);font-family:var(--font);font-weight:800;border-radius:999px;padding:.32em .85em;font-size:clamp(12px,1.8vw,22px);box-shadow:0 4px #b9b1ff;white-space:nowrap}.hud-chip .accent{color:var(--pink)}.hud-name-chip{background:#00000047;color:var(--white);font-family:var(--font);font-weight:800;border-radius:999px;padding:.32em .85em;font-size:clamp(10px,1.4vw,18px);white-space:nowrap}.countdown-badge{border-radius:50%;background:#ff3c5af2;color:var(--white);font-family:var(--font);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px #ffffff73,0 6px 16px #00000073}.dpad-panel{display:flex;align-items:center;gap:10%}.dpad-grid{display:grid;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:1fr 1fr 1fr;gap:4%;width:clamp(80px,12vw,160px)}.dpad-key{background:#2a3050d9;color:#cfd6ee;border:2px solid #5b6bb0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.2vw,28px);font-weight:800;aspect-ratio:1;box-shadow:0 3px #0006;transition:background .06s,border-color .06s}.dpad-key.pressed{background:var(--yellow);color:#7a3a1a;border-color:var(--white);box-shadow:0 0 0 3px #ffe36b99,0 3px #d9a93a}.dpad-key-up{grid-area:up}.dpad-key-down{grid-area:down}.dpad-key-left{grid-area:left}.dpad-key-right{grid-area:right}.dpad-ok{width:clamp(60px,9.5vw,130px);aspect-ratio:1;border-radius:50%;background:#ff5d8f;color:var(--white);font-family:var(--font);font-weight:800;font-size:clamp(12px,1.7vw,22px);display:flex;align-items:center;justify-content:center;border:3px solid var(--white);box-shadow:0 5px #c23a6b;text-align:center;line-height:1.15}.dpad-ok.pressed{background:var(--yellow);color:#7a3a1a;box-shadow:0 0 0 4px #ffe36b99,0 5px #d9a93a}.tutorial-callout{position:absolute;right:10%;bottom:26%;max-width:46%;background:var(--white);color:var(--purple);font-family:var(--font);font-weight:800;border:3px solid #ff5d8f;border-radius:14px;padding:.7em 1em;font-size:clamp(11px,1.6vw,20px);line-height:1.45;box-shadow:0 6px 16px #0000004d;pointer-events:none}.tutorial-callout:after{content:"";position:absolute;right:18%;bottom:-14px;width:0;height:0;border:12px solid transparent;border-top-color:#ff5d8f}.get-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;background:radial-gradient(60% 60% at 50% 45%,#ffaad259,#141428cc);backdrop-filter:blur(1px);z-index:20;font-family:var(--font)}.get-prize-img{width:clamp(120px,22vw,300px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));animation:pop .45s ease}@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes mangaBlink{0%,to{opacity:1}50%{opacity:.15}}.moe-manga-blink{animation:mangaBlink .6s ease-in-out infinite}.manga-get-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;background:radial-gradient(60% 60% at 50% 45%,#ffaad28c,#0c0818f5);backdrop-filter:blur(2px);z-index:70;font-family:var(--font)}.manga-get-icon{width:clamp(120px,22vw,300px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(255,225,160,.75)) drop-shadow(0 0 34px rgba(255,200,120,.5)) drop-shadow(0 12px 22px rgba(0,0,0,.5));animation:pop .45s ease}.manga-get-title{color:var(--white);font-weight:800;font-size:clamp(22px,4.2vw,58px);text-shadow:0 3px 0 #e0457a,0 7px 0 #b9559e,0 12px 20px rgba(0,0,0,.4);text-align:center}.manga-get-subtitle{color:var(--yellow);font-weight:800;font-size:clamp(14px,2.4vw,32px);text-align:center;line-height:1.3}.manga-get-btnrow{display:flex;gap:4%;justify-content:center;margin-top:.4em}.get-title{color:var(--white);font-weight:800;font-size:clamp(22px,4.2vw,58px);text-shadow:0 3px 0 #e0457a,0 7px 0 #b9559e,0 12px 20px rgba(0,0,0,.4);text-align:center}.get-title .name{color:var(--yellow)}.get-continue{background:var(--yellow);color:#7a3a1a;font-family:var(--font);font-weight:800;border-radius:999px;border:none;padding:.5em 1.5em;font-size:clamp(12px,1.9vw,24px);box-shadow:0 5px #d9a93a;cursor:pointer}.login-bonus-popup{background:linear-gradient(135deg,#ffe87a,#ffb300 55%,#ff8c00);border-radius:28px;padding:1em 2.8em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.15em;box-shadow:0 12px 40px #b4640080,0 0 0 5px #ffffffbf;animation:bonusPop .5s cubic-bezier(.2,1.5,.4,1) both}@keyframes bonusPop{0%{transform:scale(.35);opacity:0}65%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}