:root{
  --navy:#0b2742;--navy2:#123b60;--ink:#102033;--cream:#fff8df;--yellow:#ffd646;--orange:#ff9f1c;
  --green:#21a366;--green2:#0c7044;--blue:#2b78d0;--blue2:#164c93;--red:#e95742;--red2:#a52f25;
  --purple:#7653c7;--white:#fff;--shadow:0 18px 45px rgba(3,24,42,.24);--radius:26px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",system-ui,sans-serif;color:var(--ink);background:#0a2944}
button{font:inherit}button:focus-visible{outline:4px solid #fff;outline-offset:3px}
body{min-height:100dvh;background:radial-gradient(circle at 50% -20%,#4ea8dc 0,#1c5f89 30%,#0b2d4b 65%,#071c30 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 84% 12%,rgba(255,255,255,.13) 0 2px,transparent 3px);background-size:48px 48px,62px 62px;opacity:.55}
.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px clamp(12px,3vw,26px);background:rgba(5,25,42,.78);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.18);color:#fff;position:relative;z-index:20}.mini-brand{display:flex;align-items:center;gap:9px;font-weight:1000;letter-spacing:.06em}.ball-dot{font-size:1.25rem}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);color:#fff;font-weight:900;font-size:1.15rem;cursor:pointer}.icon-btn:hover{background:rgba(255,255,255,.18)}
.app{flex:1;min-height:0}.screen{min-height:calc(100dvh - 58px);padding:clamp(16px,3vw,34px);position:relative;overflow:hidden}.primary-btn,.secondary-btn,.reveal-btn,.correct-btn,.pass-btn{border:0;border-radius:18px;font-weight:1000;cursor:pointer;box-shadow:0 7px 0 rgba(5,24,42,.25);transition:transform .08s,box-shadow .08s}.primary-btn:active,.secondary-btn:active,.reveal-btn:active,.correct-btn:active,.pass-btn:active{transform:translateY(4px);box-shadow:0 3px 0 rgba(5,24,42,.25)}.primary-btn{background:linear-gradient(180deg,#ffe665,#ffc52e);color:#432b00;padding:16px 28px;font-size:1.08rem;border:3px solid #fff5b3}.primary-btn.big{font-size:1.35rem;padding:18px 42px}.secondary-btn{background:#fff;color:var(--navy);padding:15px 25px;border:2px solid #d5e2ec}
/* cover */
.cover-screen{display:grid;place-items:center;background:linear-gradient(180deg,rgba(4,22,37,.08),rgba(2,17,29,.48)),radial-gradient(ellipse at 50% 92%,#2f9b5b 0 27%,#217346 28% 39%,transparent 40%)}.cover-screen:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-11%;height:42%;background:repeating-linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.035) 7% 14%),linear-gradient(#1f7a47,#155c36);clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%);z-index:0}.cover-card{position:relative;z-index:2;width:min(920px,95vw);text-align:center;padding:clamp(22px,4vw,44px);border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,255,.93));box-shadow:0 30px 90px rgba(0,0,0,.35);border:5px solid rgba(255,255,255,.65)}.cover-kicker{display:inline-block;padding:7px 15px;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;letter-spacing:.14em;font-size:.72rem}.logo-lockup{margin:16px auto 8px}.logo-small{font-weight:1000;font-size:clamp(1.3rem,3vw,2.2rem);color:var(--red);letter-spacing:.12em}.logo-lockup h1{margin:0;line-height:.95;font-family:"Arial Black","Yu Gothic UI",sans-serif;font-size:clamp(3.4rem,10vw,7.2rem);letter-spacing:-.07em;color:#fff;-webkit-text-stroke:clamp(2px,.45vw,5px) var(--navy);text-shadow:0 7px 0 #f0a900,0 12px 0 rgba(11,39,66,.2);transform:skew(-4deg)}.logo-en{margin-top:12px;color:var(--navy);font-weight:1000;letter-spacing:.22em;font-size:.85rem}.cover-copy{font-size:clamp(1rem,2.4vw,1.35rem);font-weight:900;line-height:1.8;margin:12px 0 22px}.cover-note{margin-top:14px;color:#627587;font-weight:800;font-size:.78rem}.stadium-lights{position:absolute;width:120px;height:190px;top:6%;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.35) 46% 54%,transparent 55%);opacity:.5}.stadium-lights:before{content:"";position:absolute;top:0;left:15px;width:90px;height:50px;background:radial-gradient(circle,#fff 0 4px,transparent 5px);background-size:22px 22px;border:3px solid rgba(255,255,255,.28);transform:skewY(-8deg)}.stadium-lights.left{left:4%;transform:rotate(-9deg)}.stadium-lights.right{right:4%;transform:rotate(9deg)}.baseball-hero{height:110px;position:relative;margin:2px auto 4px;max-width:520px}.hero-player{position:absolute;bottom:4px;width:90px;height:90px}.hero-player.batter{left:14%}.hero-player.fielder{right:14%}.hero-player .head{position:absolute;width:45px;height:45px;border-radius:50%;background:#ffd7b3;top:8px;left:24px;border:3px solid var(--navy)}.hero-player .cap{position:absolute;width:48px;height:19px;border-radius:20px 20px 5px 5px;background:var(--red);top:3px;left:22px;z-index:2;border:3px solid var(--navy)}.hero-player .body{position:absolute;width:55px;height:43px;border-radius:18px 18px 10px 10px;background:#fff;bottom:0;left:19px;border:3px solid var(--navy)}.hero-player.fielder .cap{background:var(--blue)}.hero-player .bat{position:absolute;width:72px;height:8px;background:#d7a55c;border:2px solid var(--navy);border-radius:9px;transform:rotate(-35deg);right:-38px;top:47px}.hero-player .glove{position:absolute;width:28px;height:24px;background:#9c622e;border:3px solid var(--navy);border-radius:50% 50% 45% 45%;left:-7px;top:46px}.hero-ball{position:absolute;left:50%;top:18px;width:31px;height:31px;border-radius:50%;background:#fff;border:3px solid #d44;box-shadow:0 5px 12px rgba(0,0,0,.18);transform:translateX(-50%)}
/* setup */
.setup-screen{max-width:1220px;margin:auto}.setup-head{display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff;margin-bottom:18px}.eyebrow{font-weight:1000;letter-spacing:.16em;color:#b9e4ff;font-size:.72rem}.setup-head h2{font-size:clamp(2rem,5vw,3.6rem);margin:4px 0 5px;letter-spacing:-.05em}.setup-head p{margin:0;color:#d6ebf7;font-weight:700}.pool-count{min-width:112px;aspect-ratio:1;border-radius:28px;background:#fff;color:var(--navy);display:grid;place-items:center;align-content:center;box-shadow:var(--shadow);border:4px solid #cbeaff}.pool-count strong{font-size:2rem;line-height:1}.pool-count span{font-size:.7rem;font-weight:1000;letter-spacing:.15em;margin-top:5px}.setup-grid{display:grid;gap:14px}.select-panel{position:relative;background:rgba(255,255,255,.96);border-radius:var(--radius);padding:20px 20px 18px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.select-panel h3{margin:0 0 14px 44px;font-size:1.15rem}.step-badge{position:absolute;top:16px;left:17px;width:32px;height:32px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:1000}.choice-grid{display:grid;gap:10px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.four{grid-template-columns:repeat(4,1fr)}.choice{min-height:76px;border:3px solid #dce7ef;background:#f8fbfd;border-radius:18px;padding:11px 12px;text-align:left;cursor:pointer;color:var(--ink);transition:.15s;position:relative}.choice:hover{transform:translateY(-2px);border-color:#abc9dc}.choice.active{border-color:var(--navy);background:#eaf6ff;box-shadow:inset 0 0 0 2px #fff,0 5px 0 rgba(11,39,66,.18)}.choice.active:after{content:"✓";position:absolute;right:9px;top:8px;width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:1000;font-size:.8rem}.choice-title{display:block;font-weight:1000;font-size:1rem}.choice small{display:block;color:#6a7d8f;font-weight:800;margin-top:5px;line-height:1.25}.choice.grade{border-left-width:10px}.choice.g1{border-left-color:var(--green)}.choice.g2{border-left-color:var(--blue)}.choice.g3{border-left-color:var(--red)}.choice.grade.all{border-left-color:#8997a4}.choice.diff.easy{background:#fffbed}.choice.diff.normal{background:#fff4e9}.choice.diff.hard{background:#f5efff}.setup-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.howto-mini{display:flex;gap:8px;flex-wrap:wrap;color:#e4f3fb;font-weight:900;font-size:.82rem}.howto-mini span{background:rgba(5,25,42,.5);border:1px solid rgba(255,255,255,.2);padding:8px 11px;border-radius:999px}
/* countdown */
.countdown-screen{display:grid;place-items:center}.countdown-stadium{text-align:center;color:#fff}.countdown-label{font-weight:1000;letter-spacing:.32em;color:#b9e7ff}.count-number{font-family:"Arial Black",sans-serif;font-size:clamp(8rem,30vw,18rem);line-height:.95;color:#fff;text-shadow:0 12px 0 rgba(0,0,0,.2),0 0 45px rgba(255,218,70,.65)}.countdown-sub{font-weight:1000;font-size:1.2rem}
/* game */
.game-screen{display:flex;flex-direction:column;max-width:1280px;margin:auto;padding-top:14px}.scoreboard{display:grid;grid-template-columns:150px 1fr 150px;gap:10px;background:#071c2e;border:4px solid #d9edf9;border-radius:22px;padding:9px;color:#fff;box-shadow:0 10px 0 rgba(0,0,0,.18);position:relative;z-index:4}.score-cell{background:#0f3453;border:1px solid #2b668f;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 12px}.score-cell span,.score-center span{font-size:.67rem;font-weight:1000;letter-spacing:.16em;color:#a9d6ee}.score-cell strong{font-family:"Arial Black",sans-serif;font-size:2.3rem;line-height:1;color:var(--yellow);font-variant-numeric:tabular-nums}.score-center{display:grid;place-items:center;align-content:center;text-align:center}.score-center b{font-size:1rem;margin-top:3px}.field-stage{position:relative;flex:1;min-height:420px;margin-top:13px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#2b9e58,#178147);box-shadow:var(--shadow);border:5px solid rgba(255,255,255,.72);display:grid;place-items:center;padding:clamp(16px,3vw,34px)}.field-stage:before{content:"";position:absolute;inset:auto 0 0;height:64%;background:linear-gradient(135deg,transparent 49.2%,rgba(255,255,255,.23) 49.5% 50.5%,transparent 50.8%),linear-gradient(45deg,transparent 49.2%,rgba(255,255,255,.23) 49.5% 50.5%,transparent 50.8%);opacity:.8}.field-stage:after{content:"";position:absolute;width:210px;height:210px;bottom:-118px;border:4px solid rgba(255,255,255,.28);transform:rotate(45deg);border-radius:10px}.field-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 6%,rgba(0,0,0,.025) 6% 12%);pointer-events:none}.flash-card{position:relative;z-index:3;width:min(860px,93%);min-height:330px;border-radius:30px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.28),0 0 0 7px rgba(255,255,255,.35);border-top:18px solid var(--grade-color,var(--green));padding:22px clamp(20px,5vw,50px) 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .18s,background .18s}.flash-card.g1{--grade-color:var(--green);background:linear-gradient(180deg,#fff,#effbf4)}.flash-card.g2{--grade-color:var(--blue);background:linear-gradient(180deg,#fff,#eef6ff)}.flash-card.g3{--grade-color:var(--red);background:linear-gradient(180deg,#fff,#fff1ef)}.card-topline{position:absolute;top:14px;left:18px;right:18px;display:flex;gap:7px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.grade-badge,.difficulty-badge,.form-badge{padding:6px 11px;border-radius:999px;font-weight:1000;font-size:.76rem}.grade-badge{background:var(--grade-color);color:#fff}.difficulty-badge{color:#4c3d00;background:#ffe57d}.difficulty-badge.normal{color:#6b3500;background:#ffc67e}.difficulty-badge.hard{color:#fff;background:var(--purple)}.form-badge{background:#e8eef3;color:#526575}.prompt-label{font-weight:1000;letter-spacing:.18em;color:#6c8192;font-size:.72rem;margin-top:24px}.prompt-text{font-family:"Arial Black","Yu Gothic UI",sans-serif;font-size:clamp(3.3rem,10vw,7.2rem);font-weight:1000;line-height:1.08;letter-spacing:-.045em;margin:12px 0 8px;max-width:100%;overflow-wrap:anywhere}.prompt-text.japanese{font-family:"Yu Gothic UI","Meiryo",sans-serif;font-size:clamp(2.4rem,7vw,5.3rem);letter-spacing:-.03em;line-height:1.28}.answer-box{width:min(720px,96%);margin-top:13px;padding:15px 18px;border-radius:18px;background:#0b2943;color:#fff;box-shadow:inset 0 0 0 2px #1d547c;animation:answerIn .16s ease-out}.answer-box.hidden{display:none}.answer-caption{display:block;color:#8ed6ff;font-size:.66rem;font-weight:1000;letter-spacing:.18em;margin-bottom:5px}.answer-box strong{font-size:clamp(1.55rem,4vw,2.8rem);line-height:1.3}.hit-fx{position:absolute;z-index:10;inset:0;pointer-events:none;opacity:0}.hit-fx.show{animation:fxFlash .55s ease-out}.hit-word{position:absolute;left:50%;top:10%;transform:translateX(-50%) rotate(-4deg);font-family:"Arial Black",sans-serif;font-size:clamp(3rem,10vw,7rem);color:var(--yellow);-webkit-text-stroke:3px #9b3c00;text-shadow:0 8px 0 rgba(0,0,0,.15)}.flying-ball{position:absolute;font-size:3rem;left:43%;bottom:12%}.hit-fx.show .flying-ball{animation:ballFly .55s ease-out forwards}.game-controls{display:grid;place-items:center;margin-top:14px;min-height:64px}.reveal-btn{min-width:min(420px,92vw);background:linear-gradient(#ffe66b,#ffc733);color:#493300;padding:17px 30px;font-size:1.1rem;border:3px solid #fff1a7}.judge-buttons{display:grid;grid-template-columns:1fr 2fr;gap:11px;width:min(580px,95vw)}.judge-buttons.hidden{display:none}.pass-btn{background:#dfe7ed;color:#33495c;padding:16px;font-size:1.05rem}.correct-btn{background:linear-gradient(#4fd184,#1ea65f);color:#fff;padding:16px;font-size:1.12rem;border:3px solid #bdf1d0}.operator-note{text-align:center;color:#d9edf8;font-weight:800;font-size:.78rem;margin-top:8px}
/* result */
.result-screen{display:grid;place-items:center}.result-card{width:min(700px,94vw);background:#fff;border-radius:34px;padding:clamp(28px,6vw,52px);text-align:center;box-shadow:0 30px 85px rgba(0,0,0,.34);border:5px solid #d8efff;position:relative}.result-card:before,.result-card:after{content:"⚾";position:absolute;font-size:3.4rem;opacity:.18}.result-card:before{left:6%;top:10%;transform:rotate(-20deg)}.result-card:after{right:6%;bottom:10%;transform:rotate(24deg)}.result-kicker{font-family:"Arial Black",sans-serif;font-size:1.15rem;letter-spacing:.22em;color:var(--red)}.result-title{font-weight:1000;font-size:1.35rem;margin-top:10px}.result-score{display:flex;justify-content:center;align-items:end;gap:8px;margin:8px 0}.result-score strong{font-family:"Arial Black",sans-serif;font-size:clamp(6rem,22vw,11rem);line-height:.95;color:var(--navy);text-shadow:0 9px 0 #e7f1f7}.result-score span{font-size:2rem;font-weight:1000;margin-bottom:16px}.result-message{font-weight:1000;color:#506679;margin:12px 0 22px}.result-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}
.hidden{display:none!important}
@keyframes answerIn{from{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fxFlash{0%{opacity:0}15%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes ballFly{0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(220px,-260px) scale(.35) rotate(540deg)}}
@media(max-width:820px){.screen{padding:14px}.topbar{height:54px}.screen{min-height:calc(100dvh - 54px)}.choice-grid.three,.choice-grid.four{grid-template-columns:repeat(2,1fr)}.setup-head{align-items:center}.setup-head p{font-size:.85rem}.pool-count{min-width:82px;border-radius:22px}.pool-count strong{font-size:1.55rem}.setup-footer{flex-direction:column;align-items:stretch}.setup-footer .primary-btn{width:100%}.scoreboard{grid-template-columns:105px 1fr 105px}.score-cell{gap:4px;padding:6px}.score-cell strong{font-size:1.8rem}.score-center b{font-size:.82rem}.field-stage{min-height:390px;padding:13px}.flash-card{min-height:300px;width:96%;padding-left:16px;padding-right:16px}.prompt-text{font-size:clamp(3rem,15vw,6rem)}.prompt-text.japanese{font-size:clamp(2.2rem,10vw,4.5rem)}.answer-box strong{font-size:clamp(1.35rem,6vw,2.3rem)}}
@media(max-width:520px){.mini-brand{font-size:.84rem}.icon-btn{width:38px;height:38px}.cover-card{padding:22px 14px}.baseball-hero{height:90px;transform:scale(.85)}.choice-grid.three,.choice-grid.four{grid-template-columns:1fr 1fr}.choice{min-height:70px;padding:9px}.choice-title{font-size:.9rem}.choice small{font-size:.69rem}.select-panel{padding:17px 12px 13px}.scoreboard{grid-template-columns:82px 1fr 82px;border-width:3px;padding:6px;gap:5px}.score-cell{display:grid;gap:0;text-align:center}.score-cell strong{font-size:1.55rem}.score-center span{font-size:.55rem}.score-center b{font-size:.7rem}.field-stage{min-height:355px;border-width:3px}.flash-card{min-height:270px;border-top-width:14px}.card-topline{left:10px;right:10px;top:10px}.grade-badge,.difficulty-badge,.form-badge{font-size:.64rem;padding:5px 8px}.prompt-label{margin-top:31px}.judge-buttons{grid-template-columns:1fr 1.7fr}.operator-note{font-size:.69rem}.howto-mini{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}


/* V2 visual upgrade: approved original baseball-game artwork */
.app-shell.cover-mode .topbar{display:none}
.app-shell.cover-mode .app{min-height:100dvh}
.app-shell.cover-mode .screen{min-height:100dvh}
.cover-screen{padding:0!important;min-height:100dvh!important;display:grid;place-items:center;background:#041a31!important}
.cover-screen:after{display:none!important}
.cover-image-button{appearance:none;border:0;padding:0;margin:0;width:100%;height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 50%,#114f91 0,#061d38 70%,#020b17 100%)}
.cover-image-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.04) contrast(1.02);box-shadow:0 0 90px rgba(0,0,0,.48)}
.cover-image-button:focus-visible{outline:6px solid #ffd43b;outline-offset:-8px}
.cover-glint{position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(112deg,transparent 45%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.06) 52%,transparent 56%);transform:translateX(-55%);animation:coverGlint 3.2s ease-in-out infinite}
@keyframes coverGlint{0%,55%{transform:translateX(-55%)}85%,100%{transform:translateX(55%)}}

.setup-screen,.game-screen,.result-screen{isolation:isolate}
.setup-screen:before,.game-screen:before,.result-screen:before{content:"";position:fixed;inset:58px 0 0;z-index:-2;background-image:linear-gradient(rgba(3,18,34,.78),rgba(3,18,34,.91)),url("assets/images/cover.jpg");background-size:cover;background-position:center;filter:saturate(.9)}
.setup-screen:after,.game-screen:after,.result-screen:after{content:"";position:fixed;inset:58px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 16%,rgba(70,177,255,.22),transparent 34%),linear-gradient(180deg,transparent 50%,rgba(1,10,22,.34));}
.setup-head>* ,.setup-grid,.setup-footer,.scoreboard,.field-stage,.game-controls,.operator-note,.result-card{position:relative;z-index:1}
.setup-brand-block{display:flex;align-items:center;gap:18px;min-width:0}
.setup-logo-frame{width:clamp(150px,20vw,235px);aspect-ratio:4/3;overflow:hidden;border-radius:22px;border:3px solid rgba(255,255,255,.72);box-shadow:0 14px 36px rgba(0,0,0,.30);background:#0b4384;flex:0 0 auto}
.setup-logo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.setup-copy{min-width:0}
.select-panel{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(242,249,255,.95));border:2px solid rgba(255,255,255,.88);box-shadow:0 17px 44px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.95)}
.choice{box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.choice.active{box-shadow:inset 0 0 0 2px #fff,0 6px 0 rgba(11,39,66,.20),0 10px 22px rgba(18,70,115,.14)}
.scoreboard{background:linear-gradient(180deg,#071c2e,#03121f);border-color:#e9f7ff;box-shadow:0 10px 0 rgba(0,0,0,.24),0 18px 38px rgba(0,0,0,.28)}
.field-stage{background:linear-gradient(180deg,rgba(28,136,75,.95),rgba(11,103,57,.98));box-shadow:0 22px 55px rgba(0,0,0,.32);}
.flash-card{box-shadow:0 24px 65px rgba(0,0,0,.34),0 0 0 7px rgba(255,255,255,.42)}
.result-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,248,255,.97));box-shadow:0 30px 85px rgba(0,0,0,.44)}
.result-logo-frame{width:min(320px,64vw);aspect-ratio:4/3;margin:-14px auto -4px;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(6,43,80,.20);border:3px solid #fff;background:#0a4a90}
.result-logo-frame img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:820px){.setup-screen:before,.game-screen:before,.result-screen:before,.setup-screen:after,.game-screen:after,.result-screen:after{inset:54px 0 0}.setup-brand-block{gap:12px}.setup-logo-frame{width:150px}.setup-head h2{font-size:clamp(1.7rem,5vw,2.5rem)}}
@media(max-width:620px){.setup-head{align-items:flex-start}.setup-brand-block{display:block}.setup-logo-frame{width:130px;margin-bottom:10px}.setup-head h2{font-size:1.75rem}.cover-image-button img{object-fit:contain}.result-logo-frame{width:220px}}
@media(orientation:portrait) and (max-width:620px){.cover-image-button{height:100dvh}.cover-image-button img{height:auto;width:100%;max-height:100dvh;object-fit:contain}}