:root{color-scheme:dark;--ink:#0a171d;--paper:#eee9db;--muted:#b2b7ae;--gold:#cbb181;--line:rgba(213,200,170,.23);--red:#bb574a;--serif:"Noto Serif TC","Songti TC","Noto Serif CJK TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--ink)}body{color:var(--paper);font-family:var(--sans);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{touch-action:manipulation}button:not(:disabled),a{transition:background .2s,color .2s,border-color .2s,transform .2s}button:hover:not(:disabled){color:#fff}a{color:inherit;text-decoration:none}button{border:0}small{font-weight:400}#game-container{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#game-canvas,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vignette{background:linear-gradient(90deg,rgba(4,13,20,.9),rgba(4,13,20,.44) 34%,transparent 70%),linear-gradient(0deg,rgba(3,10,16,.9),transparent 23%,transparent 82%,rgba(3,10,16,.5));transition:opacity 1s;z-index:1}#game-container[data-screen="hud"] .vignette{background:linear-gradient(0deg,rgba(3,10,16,.9),transparent 24%,transparent 76%,rgba(3,10,16,.8)),radial-gradient(ellipse,transparent 40%,rgba(0,5,10,.25))} .screen{position:absolute;inset:0;z-index:2}.hidden,[hidden]{display:none!important}.masthead{position:absolute;inset:max(24px,env(safe-area-inset-top)) 4.4% auto;z-index:5;display:flex;justify-content:space-between;align-items:center}.brand-link{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2px}.brand-seal{width:33px;height:36px;border:1px solid var(--gold);color:var(--gold);font:22px var(--serif);display:grid;place-items:center}.brand-link small{display:block;font-size:8px;letter-spacing:2.6px;margin-top:4px;color:var(--muted)}.header-actions{display:flex;gap:22px;align-items:center}.edition{font:11px var(--serif);letter-spacing:3px;color:var(--muted)}.icon-btn{background:rgba(9,22,28,.35);border:1px solid var(--line);padding:10px 14px;font-size:11px;min-height:40px;letter-spacing:2px}.icon-btn:hover{background:rgba(203,177,129,.12);border-color:var(--gold)}.hero-copy{position:absolute;left:9.2%;top:19%;max-width:520px}.eyebrow{font:10px var(--sans);letter-spacing:3.3px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow>span{width:32px;height:1px;background:var(--gold)}.title-row{display:flex;align-items:center;gap:22px;margin:22px 0 0}h1{font:500 clamp(100px,10.5vw,166px)/1.1 var(--serif);letter-spacing:.13em;margin:0;text-shadow:0 4px 30px #051019} .title-seal{writing-mode:vertical-rl;border:1px solid #bd6450;color:#e2a290;font:13px var(--serif);line-height:1.6;padding:7px 4px;letter-spacing:3px;transform:rotate(-5deg)}.subtitle{font:18px var(--serif);letter-spacing:11px;color:var(--gold);margin:18px 0 30px 6px}.hero-tagline{font:22px/1.9 var(--serif);letter-spacing:4px;margin:0 0 14px}.hero-description{font:12px/2 var(--sans);letter-spacing:1.4px;color:var(--muted);margin:0 0 27px}.menu-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.primary-btn{background:var(--gold);color:#182327;min-height:51px;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:42px;letter-spacing:3px;font:15px var(--serif);min-width:230px;border:1px solid var(--gold)}.primary-btn:hover:not(:disabled){background:#e0c79b;color:#102127;transform:translateY(-2px)}.primary-btn span:last-child{font-size:24px;line-height:14px;letter-spacing:0}.text-btn{background:transparent;color:var(--paper);padding:6px 0;font-size:12px;letter-spacing:2px;min-height:34px;display:inline-flex;align-items:center;gap:28px}.text-btn:hover{color:var(--gold)!important}.text-btn small{color:var(--muted);font-size:10px;letter-spacing:1px}.difficulty-control{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:10px;color:#657a7f}.difficulty-control button{background:none;padding:5px 0;color:#a0aaa7;font-size:11px;letter-spacing:2px}.difficulty-control button.selected{color:var(--gold)}.difficulty-control small{margin-left:6px;font-size:10px;color:#a0aaa7}.scene-caption{position:absolute;right:8.5%;top:53%;writing-mode:vertical-rl;display:flex;gap:18px;align-items:center;text-shadow:0 2px 12px #031018}.scene-caption small{font:11px var(--sans);letter-spacing:3px;color:var(--gold)}.scene-caption strong{font:25px var(--serif);letter-spacing:8px}.scene-caption p{font:11px var(--serif);letter-spacing:4px;color:var(--muted);margin:0}.caption-line{height:50px;width:1px;background:var(--gold)}.menu-footer{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:4.4%;right:4.4%;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted);letter-spacing:1px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aac4a5;margin-right:6px}.headphone-note{font-size:9px}#game-container:not([data-screen="menu"]) .masthead .brand-link{visibility:hidden}#game-container:not([data-screen="menu"]) .edition{display:none}.duel-top{position:absolute;top:25px;left:4.4%;display:flex;gap:55px;align-items:center}.chapter-label{display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:4px}.chapter-label small{color:var(--gold);font-size:9px;letter-spacing:3px;grid-column:1/-1}.chapter-label strong{font:20px var(--serif);letter-spacing:3px}.chapter-label>span{color:var(--muted);font-size:10px;align-self:center}.score-cluster{display:flex;flex-direction:column;gap:3px;min-width:75px}.score-cluster small{font-size:9px;letter-spacing:2px;color:var(--muted)}.score-cluster strong{font:24px var(--serif);font-variant-numeric:tabular-nums;letter-spacing:2px}.score-cluster>span{font-size:9px;color:var(--gold);letter-spacing:1px}.combatants{position:absolute;top:24%;left:16%;right:16%;display:flex;justify-content:space-between;pointer-events:none}.fighter-label{min-width:130px;display:flex;flex-direction:column;gap:8px;text-shadow:0 2px 9px #07141b}.fighter-label small{font-size:9px;letter-spacing:3px;color:var(--muted)}.fighter-label strong{font:23px var(--serif);letter-spacing:4px}.enemy-label{align-items:flex-end}.life-pips{display:flex;gap:5px;height:6px}.life-pips i{display:block;width:26px;height:3px;background:var(--gold);box-shadow:0 0 6px #cbb18140}.life-pips i.empty{background:#92a7ac30;box-shadow:none}.enemy-label .life-pips i{background:#c58270}.enemy-label .life-pips i.empty{background:#92a7ac30}.signal-cluster{position:absolute;left:50%;top:33%;transform:translateX(-50%);width:min(420px,70vw);text-align:center;pointer-events:none}#center-message{font:17px/1.7 var(--serif);letter-spacing:2px;color:var(--paper);min-height:35px;text-shadow:0 2px 16px #000}#center-message[data-signal]{font:76px/1.1 var(--serif);color:#f6d79f;filter:drop-shadow(0 0 20px #dfac5b80);min-height:90px}#center-message[data-signal="feint"]{color:#e0a292;filter:none;font-size:65px}#phase-indicator{margin-top:8px;font:12px var(--serif);letter-spacing:6px;color:var(--gold)}#phase-indicator[data-phase="strike"]{font-size:17px}#combat-hint{font-size:10px;color:var(--muted);letter-spacing:2px;margin:10px 0}#boss-indicator{position:absolute;top:16%;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:4px;color:#e4ae8d;border-bottom:1px solid #e4ae8d55;padding-bottom:8px;white-space:nowrap}.duel-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;justify-content:space-between;align-items:end}.location-label{display:flex;align-items:center;gap:13px;min-width:160px}.location-mark{font-size:27px;color:var(--gold)}.location-label div{display:flex;flex-direction:column;gap:7px}.location-label small{font:13px var(--serif);letter-spacing:2px}.location-label div>span{font-size:9px;color:var(--muted);letter-spacing:1px}.action-wrap{display:flex;align-items:center;flex-direction:column;gap:14px}#action-btn{width:92px;height:92px;background:radial-gradient(circle,#273b3d85,#0b171d99);border:1px solid #cbb18180;border-radius:50%;outline:1px solid #cbb18120;outline-offset:6px;box-shadow:0 0 40px #cbb18110,inset 0 0 25px #cbb1810a;display:grid;place-items:center;touch-action:none}#action-btn>span{font:38px var(--serif);color:#d9c19b}#action-btn:hover{background:#344746a0}#action-btn:active{transform:scale(.94)}.key-hint{font-size:9px;letter-spacing:1px;color:var(--muted)}kbd{border:1px solid var(--line);padding:2px 5px;font-size:8px;letter-spacing:1px;margin-right:4px}.reaction-cluster{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:160px}.reaction-cluster small{font-size:9px;letter-spacing:3px;color:var(--muted)}.reaction-cluster strong{font:29px var(--serif);color:var(--gold)}.reaction-cluster strong span{font:10px var(--sans)}#timing-meter{width:100px;height:2px;background:#adbdba30}#timing-meter i{display:block;height:100%;background:var(--gold);width:0;transition:width .2s}.intro-screen{background:#08141c9c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 24px 50px;backdrop-filter:blur(3px)}.intro-screen .eyebrow{font-size:12px}.intro-rule{width:1px;height:55px;background:linear-gradient(transparent,var(--gold));margin-bottom:16px}h2{font:38px/1.5 var(--serif);letter-spacing:5px;margin:10px 0 16px}.intro-screen h2{font-size:clamp(38px,5vw,65px);letter-spacing:12px;margin:15px 0 20px}.intro-quote{font:17px var(--serif);letter-spacing:4px;color:var(--gold)}#intro-lesson{font-size:12px;line-height:2.1;letter-spacing:1px;max-width:440px;color:var(--muted);margin:5px 0 35px}.result-screen{background:rgba(5,15,22,.88);overflow-y:auto;backdrop-filter:blur(8px);padding:110px 24px 35px;display:flex;align-items:center;justify-content:center}.result-content{width:min(620px,100%);text-align:center}.result-content .eyebrow{justify-content:center}.result-content h2{font-size:38px}.result-content>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.result-score{display:flex;flex-direction:column;gap:8px;margin:26px 0}.result-score small{font-size:10px;letter-spacing:3px;color:var(--muted)}.result-score strong{font:65px/1 var(--serif);color:var(--gold);font-variant-numeric:tabular-nums}.result-score>span{font-size:10px;letter-spacing:3px;color:var(--gold)}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 12px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.final-stats>div{display:flex;flex-direction:column;gap:9px}.final-stats small{font-size:10px;color:var(--muted);letter-spacing:1px}.final-stats strong{font:22px var(--serif)}.high-score{font-size:10px!important;letter-spacing:1px}.high-score span{margin-left:12px;color:var(--gold)}#legacy-record{display:block;font-size:9px;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:23px;justify-content:center;flex-wrap:wrap;margin-top:20px}.result-actions .primary-btn{min-width:180px}.result-actions .text-btn{font-size:10px}.result-content #publish-status{font-size:10px;color:var(--gold);min-height:20px}dialog{color:var(--paper);background:linear-gradient(135deg,#1c3038,#0a161f);border:1px solid var(--line);width:min(650px,calc(100% - 32px));max-height:calc(100dvh - 60px);padding:40px;overflow-y:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#020a12bb;backdrop-filter:blur(9px)}dialog>p{font-size:12px;color:var(--muted);line-height:2}dialog h2{font-size:30px}dialog .primary-btn{margin:25px 0 10px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.guide-steps>div>span{font:12px var(--serif);color:var(--gold)}.guide-steps h3{font:22px var(--serif);letter-spacing:4px;margin:10px 0}.guide-steps p{font-size:11px;color:var(--muted);line-height:2;margin:0}.guide-note{font-size:10px!important;line-height:2!important;letter-spacing:1px}#chapter-list{margin-top:24px}.chapter-choice{display:flex;align-items:center;gap:18px;width:100%;padding:18px 0;border-top:1px solid var(--line);background:none;text-align:left}.chapter-choice>span{font:25px var(--serif);color:var(--gold)}.chapter-choice>div{flex:1}.chapter-choice strong{font:17px var(--serif);letter-spacing:2px}.chapter-choice small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:5px}.chapter-choice>b{font:10px var(--sans);letter-spacing:2px;color:var(--gold)}.chapter-choice:not(:disabled):hover{padding-left:8px;background:#cbb18109}.platform-tools{display:none!important}.player-modal-overlay{z-index:50!important}#game-container[data-screen="intro"] .masthead .brand-link,#game-container[data-screen="gameover"] .masthead .brand-link{visibility:visible}
@media(min-width:1500px){.hero-copy{top:21%}.hero-description{margin-bottom:35px}.menu-actions{gap:17px}}@media(max-height:780px) and (min-width:701px){.hero-copy{top:17%}h1{font-size:110px}.title-row{margin-top:15px}.subtitle{margin:10px 0 18px}.hero-tagline{font-size:19px;line-height:1.7}.hero-description{margin-bottom:15px}.menu-actions{gap:5px}.difficulty-control{margin-top:10px}.intro-rule{height:25px}.result-screen{padding-top:80px}.result-score{margin:18px 0}}
@media(max-width:700px){.masthead{inset:max(18px,env(safe-area-inset-top)) 6% auto}.brand-link{font-size:10px;gap:8px}.brand-seal{width:28px;height:32px;font-size:18px}.brand-link small{font-size:6px}.header-actions{gap:9px}.edition{display:none}.icon-btn{padding:9px 10px;font-size:10px;letter-spacing:1px}.hero-copy{left:8%;top:17%}.hero-copy .eyebrow{font-size:7px;letter-spacing:2.3px}.eyebrow>span{width:20px}h1{font-size:100px}.title-row{margin-top:20px;gap:10px}.title-seal{font-size:11px}.subtitle{font-size:14px;letter-spacing:8px;margin:14px 0 28px}.hero-tagline{font-size:18px;line-height:1.9;letter-spacing:3px}.hero-description{font-size:10px;line-height:2;letter-spacing:1px;max-width:200px;margin:12px 0 27px}.primary-btn{min-width:200px;font-size:14px;min-height:48px;padding:13px 20px}.menu-actions{gap:10px}.difficulty-control{gap:8px;margin-top:14px}.difficulty-control small{font-size:8px}.scene-caption{right:7%;top:35%;gap:12px}.scene-caption p{display:none}.scene-caption strong{font-size:17px;letter-spacing:6px}.scene-caption small{font-size:9px}.caption-line{height:30px}.menu-footer{left:6%;right:6%;font-size:8px;bottom:max(17px,env(safe-area-inset-bottom));gap:5px;flex-wrap:wrap;padding-top:12px}.menu-footer .text-btn{font-size:10px;min-height:28px}.headphone-note{width:100%;font-size:8px;text-align:center;opacity:.7;margin-top:3px}.vignette{background:linear-gradient(90deg,#041019e8,#04101977 50%,#04101910),linear-gradient(0deg,#041019e8,transparent 50%)}.duel-top{top:87px;left:6%;right:6%;gap:14px;justify-content:space-between}.chapter-label strong{font-size:18px}.chapter-label>span{font-size:8px}.chapter-label small{font-size:8px}.score-cluster{min-width:60px}.score-cluster strong{font-size:21px}.score-cluster small{font-size:8px}.score-cluster>span{font-size:8px}.combatants{top:26%;left:7%;right:7%}.fighter-label{min-width:100px;gap:7px}.fighter-label strong{font-size:20px;letter-spacing:2px}.fighter-label small{font-size:8px;letter-spacing:1px}.life-pips i{width:20px}.signal-cluster{top:37%;width:90%;max-width:330px}#center-message{font-size:14px;line-height:1.7;letter-spacing:1px}#center-message[data-signal]{font-size:64px;min-height:72px}#combat-hint{font-size:9px;letter-spacing:1px}#boss-indicator{top:20.5%;font-size:9px;letter-spacing:2px}.duel-bottom{bottom:max(25px,env(safe-area-inset-bottom));left:6%;right:6%;align-items:center}.location-label,.reaction-cluster{min-width:70px;max-width:100px}.location-label{gap:0}.location-mark{display:none}.location-label small{font-size:10px;letter-spacing:1px}.location-label div>span{font-size:8px;line-height:1.8}.reaction-cluster{gap:7px}.reaction-cluster strong{font-size:23px}.reaction-cluster small{font-size:8px}.reaction-cluster strong span{font-size:8px}#timing-meter{width:65px}#action-btn{width:80px;height:80px}#action-btn>span{font-size:33px}.key-hint{font-size:8px}kbd{display:none}.intro-screen{padding-top:100px}.intro-screen h2{font-size:38px;letter-spacing:7px}.intro-quote{font-size:13px;letter-spacing:2px;line-height:2}.intro-screen #intro-lesson{font-size:11px;max-width:285px}.result-screen{padding:100px 24px 30px;align-items:flex-start}.result-content h2{font-size:28px;letter-spacing:2px}.result-content .eyebrow{font-size:8px}.result-content>p:not(.eyebrow){font-size:10px}.result-score{margin:25px 0}.result-score strong{font-size:55px}.final-stats{gap:18px 5px}.final-stats strong{font-size:21px}.final-stats small{font-size:9px}.result-actions{gap:8px 22px}.result-actions .primary-btn{width:100%;margin-bottom:3px}dialog{padding:27px 23px}dialog h2{font-size:26px;letter-spacing:2px}.guide-steps{gap:18px;grid-template-columns:1fr;margin:22px 0}.guide-steps>div{display:grid;grid-template-columns:24px 55px 1fr;gap:8px;align-items:start}.guide-steps h3{font-size:18px;margin:0}.guide-steps>div>span{line-height:25px}.guide-steps p{font-size:10px}.guide-note{font-size:9px!important}}
@media(max-height:700px) and (max-width:700px){.hero-copy{top:14%}h1{font-size:76px}.title-row{margin-top:14px}.subtitle{margin:10px 0 14px}.hero-tagline{font-size:16px;line-height:1.6}.hero-description{margin:8px 0 15px}.menu-actions{gap:4px}.difficulty-control{margin-top:7px}.scene-caption{top:30%}.menu-footer{bottom:10px;padding-top:6px}.headphone-note{display:none}.duel-top{top:70px}.combatants{top:27%}.signal-cluster{top:36%}.duel-bottom{bottom:18px}#action-btn{width:65px;height:65px}.intro-rule{height:20px}.intro-screen h2{margin:8px 0}.intro-quote{margin:5px 0}.intro-screen #intro-lesson{margin:5px 0 20px}}
@media(max-height:500px) and (min-width:701px){.hero-copy{top:19%;width:85%;display:grid;grid-template-columns:300px 1fr;column-gap:20px}.hero-copy>.eyebrow{grid-column:1/-1}.title-row{grid-column:1}.hero-copy .subtitle{grid-column:1;margin:0}.hero-tagline{display:none}.hero-description{grid-column:2;grid-row:2;align-self:center}.menu-actions{grid-column:2;grid-row:3/5;gap:2px}.difficulty-control{grid-column:1}.scene-caption{display:none}.duel-top{top:18px;gap:25px}.combatants{top:25%;left:13%;right:13%}.signal-cluster{top:30%}.duel-bottom{bottom:12px}#action-btn{width:55px;height:55px}#action-btn span{font-size:25px}.key-hint{display:none}#boss-indicator{top:21%}.intro-screen{padding:70px 20px 20px}.intro-rule{display:none}.intro-screen h2{font-size:35px;margin:5px}.intro-screen #intro-lesson{margin-bottom:12px}.intro-quote{margin:5px}.result-screen{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep each caption in a single vertical column. */
.scene-caption{display:block;height:330px;top:50%}.caption-line{display:none}.scene-caption small{display:block;margin-left:14px}.scene-caption strong{display:block;white-space:nowrap;margin-left:14px}.scene-caption p{white-space:nowrap;margin-left:14px}
@media(max-width:700px){.scene-caption{height:230px;top:35%}.scene-caption small{margin-left:10px}.scene-caption strong{margin-left:8px}}
.masthead{pointer-events:none}.masthead>a,.header-actions{pointer-events:auto}
h1{white-space:nowrap}
@media(max-height:500px) and (min-width:701px){.hero-copy{top:22%;grid-template-columns:280px minmax(240px,1fr);grid-template-rows:22px 110px 34px 30px;align-items:start;max-width:90%;width:80%}.hero-copy>.eyebrow{grid-row:1}.title-row{grid-column:1;grid-row:2;margin:0}h1{font-size:80px}.hero-copy .subtitle{grid-column:1;grid-row:3;margin:0}.hero-description{display:none}.menu-actions{grid-column:2;grid-row:2/5;gap:3px}.difficulty-control{grid-column:1;grid-row:4;margin:0}.primary-btn{min-height:44px}.text-btn{min-height:28px}.scene-caption{display:none}}
/* Readable mode selection; the menu can scroll on short screens. */
.menu-screen{display:flex;flex-direction:column;overflow-y:auto;padding:clamp(110px,14vh,170px) 4.4% 0}
.hero-copy{position:relative;left:auto;top:auto;margin:0 0 32px 5.3%;max-width:520px;flex-shrink:0;display:block;width:auto}
.menu-footer{position:relative;inset:auto;margin-top:auto;padding:15px 0 max(18px,env(safe-area-inset-bottom));flex-shrink:0}
.menu-actions{gap:10px;align-items:stretch;width:290px;max-width:100%}
.menu-actions .primary-btn,.survival-btn{width:100%;min-height:54px;font:600 20px var(--serif);letter-spacing:3px;padding:13px 22px}
.survival-btn{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#193139d9;border:1px solid #cbb181a6;color:#f1dfbf}
.survival-btn small{display:block;font:12px/1.6 var(--sans);color:#c5cfcb;letter-spacing:1px;margin-top:5px}
.survival-btn>span:last-child{font-size:24px;color:var(--gold)}
.survival-btn:hover:not(:disabled){background:#2b454a;border-color:#e7cb9c}
.menu-actions .text-btn{font-size:18px;min-height:44px;gap:18px;padding:6px 0;letter-spacing:2px}
.menu-actions .text-btn small{font-size:12px;color:#bfccc8}
.difficulty-control{display:flex;flex-wrap:wrap;gap:9px;max-width:320px;margin-top:15px;align-items:center;color:#d4ded8}
.difficulty-label{font-size:12px;letter-spacing:1px;margin-right:3px}
.difficulty-control button{font-size:17px;min-height:44px;min-width:68px;padding:8px 13px;letter-spacing:2px;color:#d5dfd9;border:1px solid #8fa59c66;background:#0b2029c9}
.difficulty-control button.selected{background:#cbb18128;color:#f5deb4;border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}
.difficulty-control small{flex-basis:100%;margin:0;font-size:12px;line-height:1.6;color:#c4cfca;letter-spacing:1px}
.high-score b{font-weight:400}
@media(min-width:701px) and (max-height:850px){
 .menu-screen{padding-top:100px}.hero-copy{margin-bottom:24px}h1{font-size:100px}.title-row{margin-top:10px}.subtitle{margin:8px 0 15px}.hero-tagline{font-size:18px;line-height:1.6}.hero-description{margin:8px 0 15px}.menu-actions{gap:6px}
}
@media(max-width:700px){
 .menu-screen{padding:110px 6% 0}.hero-copy{margin:0 0 25px 2.3%;max-width:90%;width:auto}.menu-actions{width:260px}.menu-actions .primary-btn,.survival-btn{font-size:19px;min-height:52px;padding:11px 18px}.hero-description{font-size:12px;max-width:270px;margin:10px 0 18px}.subtitle{margin-bottom:18px}.scene-caption{right:6%;top:28%;opacity:.8}.menu-footer{font-size:10px}.menu-footer .text-btn{font-size:14px;min-height:44px}.difficulty-control{margin-top:13px;gap:8px}.difficulty-control button{font-size:17px}.difficulty-control small{font-size:12px}
}
@media(max-width:700px) and (max-height:760px){
 .menu-screen{padding-top:85px}.hero-copy{margin-bottom:18px}h1{font-size:70px}.title-row{margin-top:8px}.subtitle{font-size:12px;margin:6px 0 12px}.hero-tagline,.hero-description{display:none}.menu-actions{gap:5px}.menu-actions .primary-btn,.survival-btn{min-height:48px;font-size:18px}.survival-btn small{font-size:11px;margin-top:3px}.menu-actions .text-btn{font-size:17px;min-height:44px}.difficulty-control{margin-top:9px}.menu-footer{padding-top:7px;padding-bottom:10px}.headphone-note{display:none}.scene-caption{display:none}
}
@media(min-width:701px) and (max-height:500px){
 .menu-screen{padding-top:85px}.hero-copy{display:grid;grid-template-columns:255px 290px;grid-template-rows:20px 90px 35px 80px;gap:5px 25px;max-width:100%;width:auto;margin-left:3%;margin-bottom:15px}.hero-copy>.eyebrow{grid-column:1;grid-row:1}.title-row{grid-column:1;grid-row:2;margin:0}h1{font-size:78px}.hero-copy .subtitle{grid-column:1;grid-row:3;margin:0}.hero-tagline,.hero-description{display:none}.menu-actions{grid-column:2;grid-row:1/5;width:290px;gap:3px}.menu-actions .primary-btn,.survival-btn{min-height:46px;font-size:18px;padding:9px 18px}.menu-actions .text-btn{min-height:44px;font-size:17px}.difficulty-control{grid-column:1;grid-row:4;margin:0;gap:5px}.difficulty-control small{font-size:11px}.scene-caption{display:none}.menu-footer{padding-top:6px;padding-bottom:8px}
}