/* One visual system shared by every screen. Scene geometry never depends on phase. */
:root{color-scheme:dark;--ink:#071524;--navy:#0c2035;--paper:#f8efd8;--gold:#d9bd79;--edge:#bda56b;--wine:#761d42;--city:url('../assets/images/ui/art-v4/city-backdrop-v4.png');font-family:'Noto Serif JP','Yu Mincho',serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:320px;isolation:isolate}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff0bb;outline-offset:4px;filter:brightness(1.25)}[hidden]{display:none!important}img{max-width:100%}h1,h2,p{margin:0}button svg{width:24px;height:24px;vertical-align:middle}button{touch-action:manipulation}.ambient{position:fixed;inset:-12px;z-index:-2;background:linear-gradient(#06132466,#05111f99),var(--city) center/cover;filter:blur(5px);pointer-events:none}.site-shell{min-height:100dvh}.site-header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:12px 4vw;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.star-total{font-size:18px;color:var(--gold)}.star-total small{font-size:12px}.icon-btn,.bgm-toggle{width:44px;height:44px;min-width:44px;display:inline-grid;place-items:center;border:1px solid var(--edge);border-radius:6px;background:#0b2137df;color:var(--paper);font-size:26px;box-shadow:inset 0 0 0 3px #0a1523}.bgm-toggle[aria-pressed=false]{color:#a4afbd}.site-footer,.bottom-nav,.header-spacer,.rotate-gate{display:none}main{max-width:1500px;margin:auto;padding:18px 4vw 40px;outline:none}.eyebrow{font:11px/1.5 Georgia,serif;letter-spacing:.2em;color:var(--gold)}
.btn,.games-link{position:relative;isolation:isolate;border:1px solid var(--edge);border-radius:5px;background:linear-gradient(145deg,#183652,#081b2d);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;font-size:17px;letter-spacing:.06em;text-decoration:none;box-shadow:inset 0 0 0 3px #071728,0 2px 8px #0007;transition:filter .15s,transform .15s}.btn:before,.games-link:before{content:'';position:absolute;inset:4px;border:1px solid #cfb87988;border-radius:2px;pointer-events:none}.btn:hover:not(:disabled),.games-link:hover{filter:brightness(1.18);transform:translateY(-1px)}.btn.pink{background:linear-gradient(130deg,#8f2855,#48172f)}.btn.blue{background:linear-gradient(130deg,#224664,#0e263e)}.btn.yellow,.games-link{color:#302418;background:linear-gradient(130deg,#fff0b5,#c9a257);box-shadow:inset 0 0 0 3px #9c763d,0 2px 8px #0007}.btn.yellow:before,.games-link:before{border-color:#ffecbc}.btn small{font-size:11px}.stars{color:#f1d17c;white-space:nowrap}.stars .empty{color:#8996a3}.page-heading,.area-heading{text-align:center;margin:10px 0 30px}.page-heading h1,.area-heading h1{font-size:42px;font-weight:500;letter-spacing:.18em;margin:5px 0 12px}.page-heading p,.area-heading p{color:#c8c9c7;font-size:14px}.area-heading>span{font-size:12px;color:var(--gold);letter-spacing:.25em}
/* Decorative frames remain outside the interactive content. */
.area-card,.best-card,.archive-card,.result-card,.modal{border:1px solid var(--gold);background:linear-gradient(145deg,#102b42ed,#061421f5);box-shadow:inset 0 0 0 4px #0b1e30,inset 0 0 0 5px #aa91575c,0 12px 36px #0005;border-radius:6px;position:relative}
.area-card:before,.best-card:before,.result-card:before,.modal:before{content:'◇';position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-size:16px;color:var(--gold);background:var(--ink);padding:0 12px;pointer-events:none}
/* Title: no enclosing card, cast and interactive menu share the city. */
[data-screen=home] .site-header{position:absolute;top:0;right:0;z-index:3;height:72px}[data-screen=home] .site-header .star-total,[data-screen=home] .site-header .fullscreen-btn{display:none}[data-screen=home] main{max-width:none;padding:0}.neon-title{min-height:100dvh;position:relative;isolation:isolate;display:flex;align-items:center;padding:60px 7vw 36px;overflow:hidden}.title-art{display:none}.title-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061323b5,transparent 75%)}.title-content{width:43%;max-width:590px;text-align:center;z-index:1}.title-content>.eyebrow{display:none}.image-logo{margin:0 auto;width:95%;max-width:500px}.image-logo img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}.title-subtitle{font-size:21px;letter-spacing:.25em;margin-bottom:20px}.title-description{font-size:13px;line-height:2;color:#d4d1ca}.title-actions{margin-top:25px}.start-investigation{width:100%;font-size:26px;min-height:66px}.title-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.games-link{margin-top:16px;min-width:180px}.title-metrics{display:flex;justify-content:center;gap:20px;font-size:11px;color:#bebbb2;margin-top:22px}.title-metrics b{color:var(--gold);font-size:17px}.title-cast{position:absolute;inset:0;z-index:0;pointer-events:none}.title-girl{position:absolute;width:55%;height:94%;object-fit:contain;object-position:center bottom;right:-1%;bottom:-6%}.title-cat{position:absolute;width:24%;height:43%;object-fit:contain;object-position:center bottom;right:31%;bottom:0;filter:drop-shadow(0 12px 12px #0009)}.character-caption{display:none}
/* Areas and personal records */
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin:auto}.area-card{padding:12px;text-align:left;opacity:1;overflow:visible}.area-card.available:hover{filter:brightness(1.15)}.area-card.locked{opacity:.65}.area-cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:#081928}.area-cover>img{width:100%;height:100%;object-fit:cover}.area-number{position:absolute;top:6px;left:8px;font:25px Georgia;text-shadow:0 2px 6px #000;color:#ffe2a4}.area-details{height:78px;padding:10px 2px 0}.area-details h2{font-size:17px;font-weight:500;letter-spacing:.03em}.area-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.area-cta{font-size:12px;color:var(--gold)}.area-unknown{height:100%;display:grid;place-content:center;text-align:center;gap:15px;color:#aa9f8c}.area-unknown svg{width:36px;height:36px;margin:auto}.area-unknown span{font-size:15px}.unpublished .area-details{display:flex;align-items:center;justify-content:center}.unpublished h2{font-size:12px;color:#857f75;letter-spacing:.2em}.area-caption{text-align:center;line-height:2;font-size:13px;color:#c6bdac;margin:24px}.area-caption small{display:block;font-size:10px;letter-spacing:.18em}.best-grid{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.best-card{padding:28px}.best-card h2{font-size:22px;font-weight:500;margin:10px 0 20px}.best-card>img{width:100%;height:160px;object-fit:cover;border:1px solid var(--edge)}.best-stars{text-align:center;font-size:28px;margin:14px}.best-card dl{margin:0}.best-card dl>div{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #cfb66d40}.best-card dt{font-size:15px;color:#d6d0c1}.best-card dd{margin:0;font:25px Georgia}.best-card>p{margin-top:16px;font-size:13px;color:#aaa}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.archive-card{padding:10px;text-align:left;overflow:hidden}.archive-card>img,.unknown-art{width:100%;height:155px;object-fit:cover}.unknown-art{display:grid;place-items:center;color:#8d8779;font-size:42px;background:#061524}.archive-card>div:last-child{padding:12px 2px}.archive-card span{font-size:10px;color:#b4ada0}.archive-card h2{font-size:16px;margin:7px 0}.archive-card small{font-size:11px;color:#c7b476}
/* Game: identical grid in study, choice, pinpoint and explanation. */
[data-screen=game]>.site-header{display:none}[data-screen=game] main{padding:0;max-width:none}.focus-layout{--scene-ratio:1.7777778;height:100dvh;min-height:500px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px minmax(0,1fr) 100px 22px;gap:10px 20px;padding:14px 4vw 6px;max-width:1800px;margin:auto}.observation-header{grid-column:1/-1;display:flex;align-items:center;gap:18px;min-width:0;border-bottom:1px solid #c1a36677;padding-bottom:8px}.game-stage-name{font-size:17px;font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-stage-name small{font:12px Georgia;color:var(--gold);display:block;margin-bottom:3px}.game-round{font:18px Georgia;white-space:nowrap}.game-score{font:22px Georgia;white-space:nowrap;color:var(--gold)}.game-score small{font-size:12px}.game-clock{display:flex;align-items:center;gap:6px;white-space:nowrap}.game-clock span{font-size:12px}.game-clock b{font:32px Georgia;color:#f4dc9c}.game-clock b.urgent{color:#ffa9b5}.scene-stage{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;container-type:size}.scene-frame{position:relative;overflow:hidden;background:#08111b;border:1px solid #e3c887;box-shadow:0 0 0 3px #091b2b,0 0 0 4px #ae9458,0 8px 28px #0008;border-radius:3px;touch-action:none;user-select:none}.scene-stage .scene-frame{width:min(100cqw,calc(100cqh * var(--scene-ratio)));height:min(100cqh,calc(100cqw / var(--scene-ratio)))}.scene-frame #scene-image{position:absolute;left:50%;top:50%;width:100%;height:100%;max-width:none;object-fit:contain;will-change:transform}.scene-frame.clickable{cursor:url('../assets/images/ui/magnifier.svg') 16 16,crosshair}.scene-frame.zoomed{cursor:grab}.image-error{position:absolute;inset:0;background:#091829e8;display:grid;place-content:center;text-align:center;gap:12px;z-index:3}.game-action-bar{grid-column:1;grid-row:3;min-width:0;overflow:auto;align-self:stretch;display:flex;align-items:center}.play-controls{display:flex;gap:24px;align-items:center;justify-content:space-between;width:100%;padding:3px}.play-controls>.btn{flex:none;min-width:220px;min-height:60px;font-size:23px}.action-copy{min-width:0}.action-copy strong{font-size:20px;font-weight:500;letter-spacing:.05em}.action-copy p{font:14px/1.8 'Noto Serif JP',serif;color:#d6d4ce;margin-top:6px}.explanation strong{color:#f5d783}.answer-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:800px;margin:auto}.answer-buttons .btn{font-size:25px;min-height:65px}.zoom-toolbar{grid-column:2;grid-row:3;display:flex;align-items:center;gap:7px}.zoom-toolbar button{height:44px;min-width:44px;border:1px solid var(--gold);border-radius:4px;background:#0b2238;font:24px Georgia;box-shadow:inset 0 0 0 3px #081422}.zoom-toolbar output{font:14px Georgia;min-width:38px;text-align:center}.zoom-note{display:none}.controller-guide{grid-row:4;grid-column:1/-1;text-align:center;font:11px system-ui;color:#c8b786;visibility:hidden}.controller-active .controller-guide{visibility:visible}.controller-cursor{position:absolute;z-index:3;pointer-events:none;width:38px;height:38px;border:3px solid #ffe39e;border-radius:50%;box-shadow:0 0 0 2px #091422,0 0 12px #000;background:#07152522;transform:translate(-50%,-50%);font-size:0}.controller-cursor:after{content:'';position:absolute;width:17px;height:5px;background:#ffe39e;right:-13px;bottom:-6px;transform:rotate(45deg);box-shadow:0 0 0 1px #091422}
/* Dialogs share precisely the same backdrop as the app. */
.modal{color:var(--paper);padding:30px;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}.modal::backdrop{background:linear-gradient(#06132466,#05111f99),var(--city) center/cover;backdrop-filter:blur(5px)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bca36a77;padding-bottom:16px;margin-bottom:22px;gap:20px}.modal-header h2{font-weight:500;letter-spacing:.2em;font-size:28px}.modal-home{border-top:1px solid #bca36a55;margin-top:20px;padding-top:18px;text-align:center}.modal .scene-frame{max-height:55dvh;display:flex;justify-content:center}.modal .scene-frame img{max-height:55dvh;object-fit:contain}.modal>p{font-size:15px;line-height:1.9;margin:15px 0}.file-title{color:var(--gold);font-weight:500}.partner-comment{color:#bdbab4}.modal[data-kind=pause]{width:min(820px,calc(100vw - 32px));padding:25px;background:linear-gradient(145deg,#102b42e8,#061421e8)}.modal[data-kind=pause] .modal-header{position:absolute;right:16px;top:16px;margin:0;border:0;z-index:2}.modal[data-kind=pause] .modal-header h2{display:none}.pause-layout{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:30px;min-height:390px}.pause-art{position:relative;display:flex;align-items:end}.pause-art img{width:100%;height:350px;object-fit:contain}.pause-art p,.pause-signature{display:none}.pause-content{text-align:center}.pause-kicker{font:10px Georgia;letter-spacing:.2em;color:var(--gold)}.pause-word{display:block;font:62px Georgia;color:var(--gold);margin:8px 0}.pause-lead{margin:0 0 25px;font-size:16px}.pause-content>.btn{width:100%;font-size:24px;min-height:58px;background:linear-gradient(135deg,#8b254d,#43172f);color:var(--paper)}.pause-secondary{display:flex;gap:12px;margin-top:14px}.pause-secondary>.btn{flex:1;font-size:14px;padding:10px}.settings-form{display:grid;gap:18px}.settings-form>label{display:block;font-size:17px}.settings-form output{float:right;color:var(--gold);font:15px Georgia}.settings-form input[type=range]{display:block;width:100%;margin-top:15px;accent-color:var(--gold);height:24px}.settings-form .toggle-row{display:flex;justify-content:space-between;align-items:center}.settings-form input[type=checkbox]{accent-color:var(--gold);width:22px;height:22px}.settings-form fieldset{border:1px solid #bca36a88;padding:16px;margin:0}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-grid label{font-size:14px;padding:9px;background:#16314a;border:1px solid #7d785e;border-radius:4px}.radio-grid label:has(:checked){background:#725728}.radio-grid input{accent-color:var(--gold)}.small-note{font:12px/1.8 system-ui;color:#bcbab3}.help-steps>div{display:flex;align-items:center;gap:20px;border-bottom:1px solid #a78a4e55;padding:15px 0}.help-steps b{font:30px Georgia;color:var(--gold)}.help-steps p{font-size:14px;line-height:1.9}.help-steps+.small-note{margin:16px 0}.help-steps strong{font-size:17px}.atelier-result{display:grid;grid-template-columns:48% 52%;align-items:center;min-height:calc(100dvh - 148px);max-width:1250px;margin:auto}.result-partner{height:600px;position:relative}.result-partner img{height:100%;width:100%;object-fit:contain;object-position:center bottom}.result-partner p{position:absolute;bottom:4%;left:5%;background:#07142177;padding:10px;font-size:20px;line-height:1.8}.result-card{text-align:center;padding:36px}.result-card h1{font-size:52px;letter-spacing:.12em;font-weight:500;margin:12px}.result-stage{font-size:13px;color:#c5baa2}.result-stars{font-size:50px;margin:18px}.result-metrics>div{display:flex;justify-content:space-between;padding:12px 5px;border-bottom:1px solid #cbb67555}.result-metrics b{font:27px Georgia}.result-metrics b small{font-size:16px}.result-card>p{font-size:13px;line-height:1.9;margin:15px 0;color:#c7c5bf}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-actions>.btn:first-child{grid-column:1/-1;font-size:22px}.empty-state,.fatal-error{text-align:center;padding:60px 20px}.loading{text-align:center;padding:35vh 20px;color:var(--gold);font-size:36px}.loading small{font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#081c31f5;border:1px solid var(--gold);color:var(--paper);padding:12px 20px;border-radius:4px;z-index:99;max-width:90vw;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}
@media(max-width:1050px) and (min-width:761px){.game-stage-name{font-size:13px}.observation-header{gap:10px}.focus-layout{padding-inline:20px}.play-controls>.btn{min-width:170px;font-size:18px}.action-copy strong{font-size:16px}.action-copy p{font-size:12px}.title-content{width:48%}.title-girl{right:-7%}.title-cat{right:27%}.title-secondary .btn{font-size:14px}.archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .site-header{height:64px;padding:8px 14px;gap:5px}.header-right{gap:7px}.header-right .star-total,.fullscreen-btn,.header-right>[data-action=settings]{display:none}.return-title{font-size:12px;min-height:40px;padding:8px 12px}.icon-btn,.bgm-toggle{width:40px;height:40px;min-width:40px}.icon-btn svg,.bgm-toggle svg{width:22px;height:22px}main{padding:14px 14px 28px}.page-heading,.area-heading{margin:8px 0 22px}.page-heading h1,.area-heading h1{font-size:28px}.page-heading p,.area-heading p{font-size:12px;line-height:1.8}.area-grid{grid-template-columns:1fr 1fr;gap:14px}.area-card{padding:8px}.area-details{height:70px;padding-top:8px}.area-details h2{font-size:12px;line-height:1.5}.area-number{font-size:20px}.area-card-bottom{margin-top:5px;display:block}.area-card-bottom .stars{font-size:16px}.area-cta{display:none}.area-unknown svg{height:26px;width:26px}.area-unknown{gap:8px}.area-unknown span{font-size:12px}.area-caption{font-size:11px}.best-grid{grid-template-columns:1fr;gap:22px}.best-card{padding:22px}.best-card h2{font-size:20px}.best-card>img{height:140px}.best-card dl>div{padding:10px 2px}.archive-grid{grid-template-columns:1fr 1fr;gap:12px}.archive-card>img,.unknown-art{height:120px}.archive-card h2{font-size:13px}.archive-card span{font-size:9px}.archive-card small{font-size:10px}
 [data-screen=home] .site-header{height:56px;padding:7px 12px}.neon-title{display:block;padding:35px 18px 25px;min-height:100dvh}.title-content{width:100%;max-width:460px;margin:auto}.image-logo{width:76%;max-width:330px}.image-logo img{height:145px}.title-subtitle{font-size:15px;margin:0;letter-spacing:.14em}.title-description{display:none}.title-actions{margin-top:245px}.title-cast{height:450px;top:10px;max-width:500px;left:50%;transform:translateX(-50%);width:100%}.title-girl{width:75%;height:65%;right:0;bottom:0}.title-cat{width:43%;height:38%;right:49%;bottom:0}.start-investigation{min-height:54px;font-size:22px}.title-secondary{gap:8px;margin-top:10px}.title-secondary .btn{min-height:44px;font-size:14px;padding:8px}.games-link{font-size:15px;min-height:44px;margin-top:10px}.title-metrics{gap:14px;font-size:10px;margin-top:15px}.title-vignette{background:linear-gradient(0deg,#061323aa,transparent 65%)}
 /* Fixed 3:4 frame and fixed action slot: no phase-specific sizing. On short phones the page scrolls instead of shrinking the puzzle. */
 .focus-layout{height:auto;min-height:100dvh;max-width:620px;grid-template-columns:1fr;grid-template-rows:48px auto 108px 42px 0;gap:7px;padding:calc(6px + env(safe-area-inset-top)) 8px calc(12px + env(safe-area-inset-bottom))}.observation-header{grid-row:1;display:grid;grid-template-columns:1fr auto 40px 40px;grid-template-rows:19px 23px;gap:0 7px;padding:0 0 4px;border:0}.game-stage-name{grid-row:1;grid-column:1/3;font-size:10px;line-height:16px;display:flex;align-items:center;gap:5px}.game-stage-name small{font-size:10px;display:inline;margin:0}.game-round{grid-row:2;grid-column:1;font-size:13px;align-self:center}.game-score{display:none}.game-clock{grid-column:2;grid-row:2;gap:4px;justify-content:end}.game-clock b{font-size:22px}.game-clock span{font-size:10px}.observation-header>.bgm-toggle{grid-column:3;grid-row:1/3}.observation-header>[data-action=pause]{grid-column:4;grid-row:1/3}.scene-stage{grid-column:1;grid-row:2;container-type:normal;display:block;aspect-ratio:3/4;width:100%;height:auto}.scene-stage .scene-frame{width:100%;height:100%;aspect-ratio:3/4}.game-action-bar{grid-column:1;grid-row:3;height:108px;overflow:auto;padding:0}.play-controls{gap:5px;flex-direction:column;justify-content:center;align-items:stretch;min-height:100%;padding:3px}.action-copy strong{font-size:14px}.action-copy p{font-size:11px;line-height:1.55;margin-top:3px}.play-controls>.btn{min-width:0;min-height:44px;font-size:17px;width:100%;padding:8px 12px}.answer-buttons{gap:10px}.answer-buttons .btn{min-height:54px;font-size:21px;padding:8px}.zoom-toolbar{grid-column:1;grid-row:4;justify-content:center;gap:8px}.zoom-toolbar button{height:40px;min-width:44px;font-size:24px}.zoom-toolbar output{font-size:13px}.controller-guide{display:none!important}.zoom-note{display:block;font:10px system-ui;color:#bdb9aa;margin-left:4px}
 .modal{padding:22px 18px;max-height:calc(100dvh - 24px)}.modal-header{padding-bottom:12px;margin-bottom:18px}.modal-header h2{font-size:23px}.modal[data-kind=pause]{padding:20px}.pause-layout{display:flex;flex-direction:column;gap:0;min-height:0}.pause-art{order:1;height:190px;width:100%;justify-content:center}.pause-art img{height:210px;max-width:240px}.pause-content{display:contents}.pause-kicker{order:0;margin-top:15px}.pause-word{order:0;font-size:42px}.pause-lead{order:2;margin:4px 0 16px;font-size:14px}.pause-content>.btn{order:3;width:100%;min-height:54px;font-size:21px}.pause-secondary{order:4;width:100%;margin-top:12px}.pause-secondary .btn{min-height:44px}.settings-form{gap:14px}.settings-form>label{font-size:15px}.radio-grid{gap:8px}.radio-grid label{font-size:12px;padding:8px}.modal-home{margin-top:16px;padding-top:14px}.help-steps>div{gap:12px}.help-steps p{font-size:12px}.help-steps strong{font-size:15px}.atelier-result{display:flex;flex-direction:column;min-height:0}.result-partner{height:210px;width:100%;overflow:hidden}.result-partner img{object-position:center 14%;object-fit:cover;max-width:290px;display:block;margin:auto}.result-partner p{font-size:13px;left:0;bottom:0}.result-card{padding:24px 18px;width:100%}.result-card h1{font-size:34px}.result-stars{font-size:38px;margin:12px}.result-metrics>div{padding:10px 3px}.result-metrics b{font-size:23px}.result-actions .btn{font-size:14px}.result-actions>.btn:first-child{font-size:19px}.result-stage{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root{--city:url('../assets/images/neon-city-blurred.png')}
.ambient{inset:0;filter:none}
.modal::backdrop{backdrop-filter:none}
@media(min-width:761px){.area-cover{height:clamp(110px,18vh,185px);aspect-ratio:auto}.area-details{height:64px}.area-heading{margin:0 0 22px}.area-heading h1{font-size:34px}.area-caption{margin:18px;font-size:12px}}

.stars>span{color:#7e8792}.stars>span.earned{color:#f1cc70;text-shadow:0 0 14px #eec56940}
@media(min-width:761px){.focus-layout{grid-template-rows:54px minmax(0,1fr) 76px 12px;gap:8px 18px;padding-top:10px;padding-bottom:4px}.observation-header{padding-bottom:4px}.play-controls>.btn{min-height:56px}.answer-buttons .btn{min-height:60px}}
@media(min-width:761px) and (max-height:800px){.neon-title{padding-top:36px;padding-bottom:22px}.image-logo img{height:170px}.title-subtitle{font-size:18px;margin-bottom:12px}.title-description{font-size:12px}.title-actions{margin-top:18px}.start-investigation{min-height:56px;font-size:23px}.title-secondary{gap:10px;margin-top:12px}.title-secondary .btn{min-height:42px;padding:8px 14px;font-size:15px}.games-link{min-height:42px;margin-top:12px}.title-metrics{margin-top:14px}}

.result-partner .result-cat{position:absolute;width:45%;height:40%;left:0;bottom:0;object-fit:contain;object-position:center bottom}.result-partner p{z-index:1}

.archive-filter{display:flex;justify-content:center;gap:12px;margin:0 0 26px}.archive-filter .btn{font-size:14px;min-height:44px}
/* Controller in charge: the selected button must be visible even though no key was pressed. */
.controller-active button:focus,.controller-active a:focus,.controller-active input:focus,.controller-active select:focus{outline:3px solid #fff0bb;outline-offset:4px;filter:brightness(1.25)}