/* Shared console language for game overlays and the options screen. */
#overlay-camera{display:none;position:fixed;inset:0;z-index:30;width:100vw;height:100dvh;pointer-events:none;filter:brightness(.72) saturate(.86)}
body.camera-overlay-active #overlay-camera{display:block}
body.camera-overlay-active .modal::backdrop,body.camera-overlay-active .legal-dialog::backdrop{background:transparent;backdrop-filter:none}
body.camera-overlay-active .modal{background:radial-gradient(ellipse at 80% 0%,#3174a977,transparent 54%),linear-gradient(145deg,#0c223ad9,#071224d8)}
body.camera-overlay-active .console-menu-settings{width:min(880px,calc(100vw - 44px))}
body.camera-overlay-active .legal-dialog{background:#06162588}
body.camera-overlay-active .legal-dialog iframe{opacity:.84}
body.camera-overlay-active .privacy-banner{box-shadow:0 28px 70px #000c,0 0 48px #49d5ff3e}
.legal-camera-controls{position:absolute;z-index:3;left:15px;right:15px;top:12px;display:flex;align-items:center;justify-content:flex-end;gap:10px;pointer-events:none}
.legal-camera-controls>*{pointer-events:auto}
.legal-camera-controls span{margin-right:auto;padding:12px 15px;border-radius:10px;background:#061a2cf0;color:#a9eeff;font-size:12px;font-weight:900;letter-spacing:.1em}
.legal-camera-controls button{min-width:104px;min-height:50px;border:2px solid #9deaff;border-radius:11px;background:#11324a;color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 4px 18px #0008}
.legal-camera-controls button:hover,.legal-camera-controls button:focus-visible{background:#24617e;box-shadow:0 0 24px #62dfff9c}
.legal-dialog .legal-camera-controls #legal-close{position:static;width:52px;min-width:52px;height:52px;padding:0;border-radius:50%;font-size:30px}
.modal{width:min(680px,calc(100vw - 36px));max-height:min(90dvh,900px);padding:clamp(26px,4vw,48px);border:1px solid #8bdfff8c;border-radius:24px;color:#f5fbff;background:radial-gradient(ellipse at 85% 0%,#284e7666,transparent 52%),linear-gradient(145deg,#102840f7,#080f21f9);box-shadow:0 0 0 1px #ffffff14 inset,0 28px 90px #000c,0 0 50px #44cfff3b}
.modal::backdrop{background:#020919cf;backdrop-filter:blur(13px)}
.modal .eyebrow,.modal .console-eyebrow{font-size:13px;font-weight:900;letter-spacing:.18em;color:#8deaff;text-shadow:0 2px 9px #000}
.modal h2{font:900 clamp(52px,6vw,76px)/.94 var(--display);letter-spacing:0;margin:14px 0 20px;text-shadow:0 4px 20px #0008}
.modal p,.modal .settings-caption{color:#d3e6f2;font-size:clamp(16px,1.4vw,19px);line-height:1.5}
.modal .button{min-height:72px;padding:15px 24px;border-radius:14px;font-size:clamp(18px,1.8vw,24px);font-weight:900;text-align:center;border:2px solid #8bdfff70;box-shadow:0 6px 18px #0005;transition:transform .18s,filter .18s,box-shadow .18s}
.modal .button:hover,.modal .button:focus-visible{transform:scale(1.025);filter:brightness(1.1);box-shadow:0 0 28px #62e7ff7a}
.modal .button.primary{background:linear-gradient(105deg,#dcfaff,#7cddff);color:#071c2c;border-color:#e7fcff}
.modal .button.secondary{background:#183b56;color:#fff}
.setup-modal{max-height:94dvh;overflow:auto;padding:clamp(20px,3vh,32px) clamp(22px,3vw,40px)}
.setup-modal h2{font-size:clamp(40px,5vw,62px);margin:8px 0 10px}
.setup-modal .modal-intro{margin:0 0 10px}
.setup-modal .camera-preview{height:clamp(110px,18vh,170px);margin:12px 0}
.setup-modal .setup-tips b{font-size:18px}
.setup-modal .camera-status{min-height:0;margin:10px 0;font-size:14px!important}
.setup-modal .difficulty-row{margin:8px 0}
.setup-modal .difficulty-row button{color:#eaf8ff;border-color:#8bdfff70;background:#173149}
.setup-modal .difficulty-row button.active{color:#071c2c;background:#a3eaff}
.setup-modal .sensitivity-row{margin:8px 0}
.setup-modal .button{min-height:60px;margin-top:8px;padding:10px 18px}
.setup-modal .permission-note{margin:10px 0 0}
.modal .button.plain{background:#122b40;color:#e6f8ff;padding:15px 24px;font-size:clamp(17px,1.7vw,22px)}
.modal .full{margin-top:15px}
.modal .close-button{z-index:2;top:18px;right:20px;width:56px;height:56px;border:2px solid #9beaff;border-radius:50%;background:#0f3148;color:#fff;font-size:35px;line-height:1}
.modal .close-button:hover,.modal .close-button:focus-visible{background:#1b5d7b;box-shadow:0 0 25px #66eaff8a}
.pause-modal,.result-modal{text-align:center}
.result-modal .result-star{font-size:78px;color:#8eeaff;text-shadow:0 0 30px #48dbff}
.result-modal .result-score{color:#fff;font-size:clamp(100px,13vw,155px);line-height:.9;text-shadow:0 5px 25px #0008,0 0 35px #56d9ff5e}
.result-modal .result-score-label{font-size:17px;font-weight:900;letter-spacing:.22em;color:#a9eaff}
.result-modal .result-stats{margin:25px 0;border-color:#9eeaff55}
.result-modal .result-stats span{font-size:13px;color:#a9dced}
.result-modal .result-stats strong{font-size:40px;color:#fff}
.dialog-gesture-hint{font-size:14px!important;color:#a9eaff!important;opacity:1;margin:21px 0 0}
.modal .gesture-button,.console-menu-settings .gesture-button{position:relative;outline:3px solid #b6f8ff!important;outline-offset:3px;background-image:linear-gradient(90deg,#65e6ff8c var(--gesture-fill),transparent var(--gesture-fill))!important;box-shadow:0 0 28px #59dfff9c!important}
.console-menu-settings{width:min(720px,calc(100vw - 36px));text-align:left}
.console-menu-settings label{color:#b8eaff;font-size:17px;font-weight:900;margin:24px 0 10px}
.console-menu-settings .framing-options{gap:12px}
.console-menu-settings .framing-options button{min-height:68px;padding:12px 16px;border:2px solid #8cdaff80;border-radius:13px;background:#173149;color:#e9f8ff;font-size:17px;font-weight:900}
.console-menu-settings .framing-options button.active{border-color:#baf8ff;background:#24617b;color:#fff;box-shadow:0 0 18px #5ae0ff6a}
.console-menu-settings select{min-height:62px;padding:12px 16px;border:2px solid #8cdaff80;border-radius:12px;background:#173149;color:#fff;font-size:19px;font-weight:800}
.console-menu-settings input[type=range]{height:34px;accent-color:#74e4ff}
.console-menu-settings .settings-caption{font-size:14px!important;line-height:1.45}
.console-menu-settings .settings-legal{gap:10px;margin:19px 0;padding:17px 0}
.console-menu-settings .settings-legal span,.console-menu-settings .settings-support span{font-size:12px}
.console-menu-settings .settings-legal a,.console-menu-settings .settings-legal button{display:inline-flex;align-items:center;min-height:49px;padding:10px 14px;border:1px solid #8bdfff65;border-radius:10px;background:#173149;color:#ecfaff;font-size:15px;text-decoration:none}
.console-menu-settings .settings-legal a:hover,.console-menu-settings .settings-legal button:hover{background:#245a76}
.console-menu-settings .settings-support a{min-height:55px;font-size:19px}
.settings-scroll-controls{position:sticky;z-index:3;top:-1px;display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:72px;margin:-24px -5px 20px;padding:7px 5px;background:#102840;border-bottom:1px solid #82dcff66;box-shadow:0 12px 22px #08152599}
.console-menu-settings .settings-scroll-controls .close-button{position:static;flex:none;width:50px;height:50px;margin-left:4px;font-size:30px}
.settings-scroll-controls span{margin-right:auto;color:#9eeaff;font-size:11px;font-weight:900;letter-spacing:.11em}
.settings-scroll-controls button,.settings-choice-row button{min-height:48px;padding:9px 15px;border:2px solid #8cdaff80;border-radius:10px;background:#183b56;color:#f3fbff;font-size:15px;font-weight:900}
.settings-scroll-controls button{min-width:90px}
.settings-choice-row{display:flex;gap:10px;margin:9px 0 5px}
.settings-choice-row button{flex:1;min-height:61px;font-size:17px}
.settings-choice-row button.active{border-color:#baf8ff;background:#24617b;box-shadow:0 0 20px #5ae0ff70}
.settings-scroll-controls button:hover,.settings-choice-row button:hover{background:#28637f}
@media(max-width:700px){.modal{padding:24px 19px;max-height:94dvh;border-radius:18px}.modal h2{font-size:clamp(46px,12vw,68px)}.modal .button{min-height:63px;font-size:19px}.modal p{font-size:16px}.console-menu-settings .framing-options{flex-wrap:wrap}.console-menu-settings .framing-options button{flex:1 1 135px;min-height:58px;font-size:15px}.settings-scroll-controls span{display:none}.settings-scroll-controls button{min-width:75px;font-size:13px}.settings-choice-row{gap:6px}.settings-choice-row button{min-height:56px;padding:7px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.modal .button{transition:none}}
@media(max-width:700px){.legal-camera-controls span{display:none}.legal-camera-controls button{min-width:76px;font-size:13px}.legal-dialog .legal-camera-controls #legal-close{min-width:48px;width:48px;height:48px}}

/* Full-screen OPTIONS hub: one large, camera-selectable topic per tile. */
.console-menu-settings,.camera-overlay-active .console-menu-settings{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(18px,3vw,40px);border:0;border-radius:0;background:radial-gradient(ellipse at 85% 20%,#244e7477,transparent 50%),linear-gradient(110deg,#071a2be8,#0c1727d9);overflow:auto;scrollbar-color:#5ddfff #10243b}
.console-menu-settings .settings-top{display:flex;align-items:center;gap:24px;width:min(1500px,100%);margin:0 auto;padding-bottom:16px;border-bottom:1px solid #91e6ff6b}
.settings-top span{margin:auto;color:#a8eeff;font-size:clamp(13px,1.4vw,20px);font-weight:900;letter-spacing:.14em;text-shadow:0 2px 12px #000}
.settings-top button{min-width:clamp(150px,17vw,260px);min-height:76px;padding:14px 22px;border:3px solid #a6eaff;border-radius:16px;background:#123953e8;color:#fff;font:900 clamp(20px,2.2vw,31px) var(--display);letter-spacing:.03em;cursor:pointer;box-shadow:0 0 24px #44dfff4d;text-shadow:0 2px 8px #000}
.settings-top button:hover,.settings-top button:focus-visible{background:#23718f;box-shadow:0 0 35px #5be5ff9c}
.settings-top #settings-back[hidden]{visibility:hidden;display:block!important;pointer-events:none}
.settings-view{width:min(1420px,100%);margin:clamp(28px,5vh,60px) auto 0}
.settings-view[hidden]{display:none!important}
.settings-view .console-eyebrow{font-size:clamp(15px,1.4vw,22px);letter-spacing:.15em}
.settings-view h2{margin:10px 0 12px;font:900 clamp(64px,8vw,120px)/.88 var(--display);text-shadow:0 6px 28px #000b}
.settings-view h3{margin:28px 0 13px;color:#a9edff;font:900 clamp(22px,2.2vw,35px) var(--display);letter-spacing:.06em}
.settings-view .settings-lead{max-width:930px;margin:14px 0 28px;color:#ecf9ff;font-size:clamp(21px,2.15vw,31px);font-weight:700;line-height:1.35;text-shadow:0 3px 12px #000}
.settings-hub,.settings-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,34px);max-width:1320px}
.settings-hub{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-hub button,.settings-legal-grid a,.settings-legal-grid button{display:flex;align-items:center;gap:24px;min-height:clamp(150px,20vh,205px);padding:22px clamp(20px,2.7vw,42px);border:3px solid #8cdfffad;border-radius:24px;background:linear-gradient(125deg,#12334de8,#102134dc);color:#fff;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff38;transition:transform .18s,background .18s,box-shadow .18s}
.settings-hub button{display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr 1fr;column-gap:22px;row-gap:0}
.settings-hub button i{grid-row:1/3;display:grid;place-items:center;width:70px;height:70px;border:2px solid #b9f2ff;border-radius:50%;color:#a7ecff;font:900 45px var(--display);font-style:normal;box-shadow:0 0 25px #5bdfff65}
.settings-hub button strong{align-self:end;font:900 clamp(28px,3.1vw,50px) var(--display);line-height:1}
.settings-hub button strong{font-size:clamp(25px,2.2vw,36px);overflow-wrap:anywhere}
.settings-hub button small{align-self:start;margin-top:5px;color:#c3e6f4;font-size:clamp(15px,1.3vw,20px);font-weight:700}
.settings-hub button:hover,.settings-hub button:focus-visible,.settings-legal-grid a:hover,.settings-legal-grid button:hover{transform:scale(1.02);background:#246384e8;box-shadow:0 0 36px #5bdfff8f}
.settings-exit{display:block;margin-top:24px;padding:17px 22px;border:2px solid #92dcff7b;border-radius:12px;background:#112e45dd;color:#e4f6ff;font-size:18px;font-weight:900}
.settings-view .settings-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.3vw,30px);max-width:1320px;margin:0}
.settings-view .settings-choice-row button,.settings-wide-choice{min-height:clamp(95px,15vh,145px);padding:20px;border:3px solid #8cdfffad;border-radius:20px;background:#12334de8;color:#fff;font:900 clamp(25px,2.9vw,43px) var(--display);text-align:center;cursor:pointer;box-shadow:0 12px 30px #0006;text-decoration:none}
.settings-view .settings-choice-row button.active{background:#227796;border-color:#e8fcff;box-shadow:0 0 0 6px #6de7ff55,0 0 35px #5bdfff95}
.settings-view .settings-choice-row button:hover,.settings-wide-choice:hover{background:#286f8c;box-shadow:0 0 35px #5bdfff9c}
.settings-view .settings-wide-choice{display:grid;place-items:center;width:min(900px,100%);font-size:clamp(26px,3.4vw,52px)}
.settings-view .settings-footnote{color:#d2e6ef;font-size:18px;margin-top:25px}
.settings-legal-grid a,.settings-legal-grid button{min-height:160px;justify-content:center;font:900 clamp(26px,3.2vw,47px) var(--display);text-align:center}
@media(max-width:700px){.console-menu-settings,.camera-overlay-active .console-menu-settings{padding:16px}.console-menu-settings .settings-top{gap:8px}.settings-top button{min-width:0;flex:1;min-height:60px;padding:9px;font-size:19px}.settings-top span{display:none}.settings-view{margin-top:26px}.settings-view h2{font-size:clamp(55px,14vw,78px)}.settings-view .settings-lead{font-size:18px;margin-bottom:18px}.settings-hub,.settings-legal-grid{gap:11px}.settings-hub button{grid-template-columns:1fr;grid-template-rows:40px auto auto;gap:3px;min-height:150px;padding:13px}.settings-hub button i{grid-row:1;grid-column:1;width:38px;height:38px;font-size:26px}.settings-hub button strong{font-size:clamp(24px,7vw,34px)}.settings-hub button small{font-size:13px}.settings-view .settings-choice-row{grid-template-columns:1fr;gap:10px}.settings-view .settings-choice-row button{min-height:74px;font-size:29px}.settings-legal-grid a,.settings-legal-grid button{min-height:115px;padding:10px;font-size:25px}.settings-view .settings-wide-choice{min-height:110px;font-size:30px}.settings-exit{font-size:14px}}
@media(max-width:700px){.settings-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.settings-hub button strong{font-size:clamp(21px,6vw,26px);overflow-wrap:normal}.settings-hub button[data-settings-open="support"] strong{font-size:clamp(16px,4.3vw,20px);white-space:nowrap}}
.result-modal .result-combo-bonus{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px auto 8px;color:#fff2bd;text-shadow:0 3px 10px #000b,0 0 20px #ff9f366b;animation:result-bonus-pop .65s cubic-bezier(.2,1.5,.4,1) both}
.result-modal .result-combo-bonus[hidden]{display:none}
.result-modal .result-combo-bonus span{font:900 clamp(20px,3vw,34px) var(--display);letter-spacing:.05em}
.result-modal .result-combo-bonus strong{font:900 clamp(50px,8vw,100px) var(--display);line-height:1;color:#ffd238;-webkit-text-stroke:2px #87301a}
@keyframes result-bonus-pop{from{opacity:0;transform:scale(.5) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.result-modal .result-combo-bonus{animation:none}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Illustrated options world. The live camera remains visible behind the art. */
.console-menu-settings{isolation:isolate;background:#07101e}
.console-menu-settings::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#051020e8 0%,#071328b8 38%,#08132542 77%),url('/assets/menu/options-world.png') center/cover no-repeat;animation:options-world-reveal 1.2s ease-out both}
.camera-overlay-active .console-menu-settings{background:#07101e2b}
.camera-overlay-active .console-menu-settings::before{opacity:.48}
.console-menu-settings .settings-top{width:min(1540px,100%);min-height:70px;padding-bottom:8px;border:0}
.settings-brand.console-brand{flex:none;gap:16px;color:white;white-space:nowrap}
.settings-brand.console-brand .station-mark{flex:none;margin:0!important}
.settings-brand.console-brand .station-mark::after{margin:0}
.settings-brand.console-brand b{font:900 clamp(23px,2.2vw,37px)/.83 var(--body);letter-spacing:.07em}
.settings-brand span{display:block!important}
.settings-top #settings-back[hidden]{display:none!important}
.console-menu-settings[data-view="home"] .settings-top>span{display:none}
.console-menu-settings[data-view="home"] .settings-top #settings-done{margin-left:auto}
.console-menu-settings .settings-top #settings-done{min-width:170px;min-height:58px;border:1px solid #b7dfff9c;border-radius:32px;background:#06152dbb;font-size:clamp(17px,1.5vw,23px);box-shadow:0 5px 24px #0008,inset 0 1px #fff4}
.console-menu-settings .settings-top #settings-done:hover,.console-menu-settings .settings-top #settings-done:focus-visible{background:#1b5474;box-shadow:0 0 0 3px #70dfff8a,0 0 28px #30ceff9c}
.console-menu-settings[data-view="home"] .settings-view{width:min(1510px,100%);margin:clamp(28px,5vh,62px) auto 0}
.console-menu-settings[data-view="home"] .console-eyebrow{color:#73e9ff;font-size:clamp(15px,1.2vw,20px);font-weight:800}
.console-menu-settings[data-view="home"] h2{margin:12px 0 7px;font-size:clamp(61px,6.7vw,104px);letter-spacing:.012em;white-space:nowrap}
.console-menu-settings[data-view="home"] h2 em{color:#56d9ff;font-style:normal}
.console-menu-settings[data-view="home"] .settings-lead{max-width:870px;margin:8px 0 26px;font-size:clamp(19px,1.7vw,28px);font-weight:500}
.console-menu-settings[data-view="home"] .settings-hub{max-width:none;gap:clamp(12px,1.15vw,20px)}
.console-menu-settings[data-view="home"] .settings-hub button{--tile-color:#62cfff;position:relative;isolation:isolate;grid-template-columns:76px 1fr;grid-template-rows:auto auto;column-gap:17px;min-height:clamp(160px,19vh,208px);padding:24px clamp(18px,2vw,32px);overflow:hidden;border:2px solid color-mix(in srgb,var(--tile-color) 70%,white 15%);border-radius:25px;background:#071a30;color:#fff;box-shadow:0 10px 28px #000a,inset 0 0 24px color-mix(in srgb,var(--tile-color) 20%,transparent);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;animation:options-tile-enter .65s cubic-bezier(.18,.82,.28,1.18) both;animation-delay:calc(var(--tile-index)*75ms)}
.console-menu-settings[data-view="home"] .settings-hub button::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#061020e8 0%,#071429ae 46%,#07142a32 100%),url('/assets/menu/options-tiles.png');background-size:100% 100%,300% 200%;background-position:center,var(--tile-position);filter:saturate(1.18);transition:transform .5s ease,filter .3s ease}
.console-menu-settings[data-view="home"] .settings-hub button::after{content:"›";position:absolute;right:24px;bottom:22px;display:grid;place-items:center;width:44px;height:44px;border:2px solid color-mix(in srgb,var(--tile-color) 65%,white);border-radius:50%;color:white;font:400 37px/1 Arial,sans-serif;text-shadow:0 0 12px var(--tile-color);box-shadow:0 0 16px color-mix(in srgb,var(--tile-color) 35%,transparent)}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(1){--tile-index:1;--tile-position:0% 0%}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(2){--tile-index:2;--tile-position:50% 0%;--tile-color:#ffc46c}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(3){--tile-index:3;--tile-position:100% 0%;--tile-color:#9c91ff}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(4){--tile-index:4;--tile-position:0% 100%;--tile-color:#54edba}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(5){--tile-index:5;--tile-position:50% 100%;--tile-color:#ff8ab5}
.console-menu-settings[data-view="home"] .settings-hub button:nth-child(6){--tile-index:6;--tile-position:100% 100%;--tile-color:#dc95ff}
.console-menu-settings[data-view="home"] .settings-hub button i{grid-column:1;grid-row:1/3;align-self:center;width:70px;height:70px;border-color:var(--tile-color);color:var(--tile-color);background:#071b32a8;font-size:42px;filter:drop-shadow(0 0 10px var(--tile-color))}
.console-menu-settings[data-view="home"] .settings-hub button strong{grid-column:2;grid-row:1;align-self:end;padding-right:40px;font-size:clamp(27px,2.05vw,37px);text-shadow:0 3px 11px #000,0 0 9px #000}
.console-menu-settings[data-view="home"] .settings-hub button small{grid-column:2;grid-row:2;max-width:220px;padding-right:22px;color:#f0faff;font-size:clamp(16px,1.18vw,21px);font-weight:600;line-height:1.15;text-shadow:0 2px 8px #000,0 0 12px #000}
.console-menu-settings[data-view="home"] .settings-hub button:hover,.console-menu-settings[data-view="home"] .settings-hub button:focus-visible,.console-menu-settings[data-view="home"] .settings-hub button.gesture-button{transform:translateY(-4px) scale(1.015);border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-color) 45%,transparent),0 0 32px color-mix(in srgb,var(--tile-color) 55%,transparent),0 14px 35px #000a}
.console-menu-settings[data-view="home"] .settings-hub button:hover::before,.console-menu-settings[data-view="home"] .settings-hub button:focus-visible::before{transform:scale(1.06);filter:saturate(1.35) brightness(1.12)}
.console-menu-settings[data-view="home"] .settings-exit{margin:22px 0 0;background:#06152cb3;border-color:#88dafa78;border-radius:28px;font-size:15px}
.console-menu-settings[data-view="home"] .site-activity{margin:20px 0 4px}
@keyframes options-world-reveal{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes options-tile-enter{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.console-menu-settings[data-view="home"] .settings-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.console-menu-settings[data-view="home"] .settings-hub button{min-height:165px}.console-menu-settings[data-view="home"] h2{font-size:clamp(52px,8vw,78px)}}
@media(max-width:640px){.console-menu-settings,.camera-overlay-active .console-menu-settings{padding:16px}.settings-brand{font-size:15px}.settings-brand-mark{font-size:38px}.console-menu-settings .settings-top #settings-done{min-width:112px;min-height:51px;padding:8px 12px;font-size:16px}.console-menu-settings[data-view="home"] .settings-view{margin-top:28px}.console-menu-settings[data-view="home"] h2{font-size:clamp(42px,11.3vw,68px);white-space:normal}.console-menu-settings[data-view="home"] .settings-lead{font-size:18px;margin-bottom:20px}.console-menu-settings[data-view="home"] .settings-hub{grid-template-columns:1fr;gap:12px}.console-menu-settings[data-view="home"] .settings-hub button{grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;min-height:122px;padding:14px 18px;border-radius:18px}.console-menu-settings[data-view="home"] .settings-hub button i{grid-column:1;grid-row:1/3;width:52px;height:52px;font-size:32px}.console-menu-settings[data-view="home"] .settings-hub button strong{grid-column:2;grid-row:1;font-size:clamp(22px,5.6vw,30px)}.console-menu-settings[data-view="home"] .settings-hub button small{grid-column:2;grid-row:2;font-size:15px}.console-menu-settings[data-view="home"] .settings-hub button::after{right:15px;bottom:15px;width:34px;height:34px;font-size:28px}.console-menu-settings[data-view="home"] .settings-exit{font-size:13px}}
@media(prefers-reduced-motion:reduce){.console-menu-settings::before,.console-menu-settings[data-view="home"] .settings-hub button{animation:none}}
body.result-active #overlay-camera{display:none}
dialog.result-modal{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(14px,2vw,32px);border:0;border-radius:0;overflow:auto;box-sizing:border-box;color:#f6fbff;background:transparent;text-align:center;--result-accent:#73dfff;--result-secondary:#54aaff}
dialog.result-modal::backdrop{background:rgba(3,9,20,.68);backdrop-filter:blur(5px) saturate(.7)}
dialog.result-modal .result-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 15%,#03091666 95%);animation:result-vignette-in .6s ease-out both}
dialog.result-modal .result-panel{position:relative;isolation:isolate;width:min(1040px,96vw);min-height:min(760px,calc(100dvh - 32px));margin:auto;padding:clamp(20px,3.2vw,42px) clamp(20px,4vw,60px) clamp(20px,3vw,38px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.5vh,21px);border:1px solid color-mix(in srgb,var(--result-accent) 35%,transparent);border-radius:clamp(18px,2vw,30px);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--result-accent) 13%,transparent),transparent 56%),linear-gradient(155deg,#0b1c30df,#07111fe8 62%,#0b1726e3);box-shadow:0 35px 130px #000b,inset 0 1px #ffffff27,0 0 56px color-mix(in srgb,var(--result-accent) 11%,transparent);backdrop-filter:blur(10px);animation:result-panel-in .55s cubic-bezier(.2,.85,.28,1.03) both}
dialog.result-modal .result-topline{align-self:stretch;display:flex;justify-content:space-between;gap:20px;text-align:left;font:800 clamp(11px,.95vw,15px) var(--display);letter-spacing:.18em;color:#b8cad8;text-transform:uppercase}
dialog.result-modal .result-topline span:last-child{text-align:right;color:var(--result-accent)}
dialog.result-modal .result-intro{display:flex;align-items:center;justify-content:center;gap:16px;min-height:clamp(46px,7vh,85px)}
dialog.result-modal .result-emblem{font-size:clamp(30px,4vw,58px);line-height:1;color:var(--result-accent);text-shadow:0 0 20px color-mix(in srgb,var(--result-accent) 80%,transparent)}
dialog.result-modal h2{margin:0;color:#f9fcff;font:900 clamp(32px,5vw,70px)/.95 var(--display);letter-spacing:.025em;text-shadow:0 4px 25px #0008}
dialog.result-modal .result-core{display:flex;flex-direction:column;align-items:center;gap:0}
dialog.result-modal .result-score-kicker{font:800 clamp(14px,1.4vw,22px) var(--display);letter-spacing:.22em;color:var(--result-accent)}
dialog.result-modal .result-score{font:900 clamp(112px,18vw,250px)/.85 var(--display);font-variant-numeric:tabular-nums lining-nums;color:#fff;letter-spacing:-.025em;text-shadow:0 8px 38px #000b,0 0 45px color-mix(in srgb,var(--result-accent) 33%,transparent);min-width:6ch;will-change:transform}
dialog.result-modal.is-counting .result-score{animation:result-count-breathe .48s ease-in-out infinite alternate}
dialog.result-modal .result-score-label{margin-top:6px;font:800 clamp(13px,1.3vw,20px) var(--display);letter-spacing:.24em;color:#dce9f1}
dialog.result-modal .result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,32px);width:100%;margin:clamp(6px,1.5vh,18px) 0 0;padding:clamp(14px,2vh,24px) 0;border-block:1px solid #ffffff33;opacity:0;transform:translateY(12px)}
dialog.result-modal.show-stats .result-stats{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}
dialog.result-modal .result-stat span{display:block;font:800 clamp(12px,1.1vw,17px) var(--display);letter-spacing:.11em;color:#a9c4d6}
dialog.result-modal .result-stat strong{display:block;margin-top:5px;font:900 clamp(29px,3.2vw,48px) var(--display);color:#f8fdff;line-height:1}
dialog.result-modal .result-bonuses{display:flex;flex-direction:column;gap:7px;width:min(560px,100%)}
dialog.result-modal .result-bonus{display:flex;justify-content:center;align-items:center;gap:22px;opacity:0;transform:translateY(10px);transition:opacity .24s,transform .24s}
dialog.result-modal .result-bonus.is-visible{opacity:1;transform:translateY(0)}
dialog.result-modal .result-bonus span{font:900 clamp(17px,2vw,29px) var(--display);color:#e5eef6;letter-spacing:.05em}
dialog.result-modal .result-bonus strong{font:900 clamp(36px,4.2vw,62px) var(--display);color:var(--result-accent);font-variant-numeric:tabular-nums;text-shadow:0 0 25px color-mix(in srgb,var(--result-accent) 65%,transparent)}
.result-bonus-flight{position:fixed;z-index:200;pointer-events:none;text-align:center;font:900 clamp(36px,4.2vw,62px) var(--display);color:#fff;text-shadow:0 0 24px currentColor}
dialog.result-modal .result-achievement{padding:7px 24px;border:1px solid color-mix(in srgb,var(--result-accent) 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--result-accent) 12%,#0d1b29);color:var(--result-accent);font:900 clamp(18px,2vw,30px) var(--display);letter-spacing:.08em;opacity:0;transform:scale(.94)}
dialog.result-modal.show-achievement .result-achievement{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}
dialog.result-modal .result-highscore{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;padding:12px 28px;border-radius:12px;color:#ffdd7c;background:linear-gradient(95deg,#7b461625,#eebf5c25,#7b461625);border:1px solid #ffce684a;opacity:0;transform:translateY(10px);overflow:hidden}
dialog.result-modal.show-highscore .result-highscore{opacity:1;transform:translateY(0);transition:opacity .32s,transform .32s}
dialog.result-modal .result-highscore span{font:900 clamp(17px,2vw,29px) var(--display);letter-spacing:.08em}
dialog.result-modal .result-highscore strong{font:900 clamp(25px,3vw,43px) var(--display);font-variant-numeric:tabular-nums;color:#fff2c6}
dialog.result-modal .result-actions{display:flex;justify-content:center;gap:clamp(12px,1.5vw,24px);width:min(850px,100%);margin-top:clamp(3px,1vh,15px);opacity:0;transform:translateY(16px)}
dialog.result-modal.show-actions .result-actions{opacity:1;transform:translateY(0);transition:opacity .35s,transform .35s}
dialog.result-modal .result-actions button{flex:1;min-height:clamp(74px,9vh,106px);padding:15px 26px;border-radius:14px;font:900 clamp(22px,2.4vw,35px) var(--display);letter-spacing:.04em;text-align:center;justify-content:center}
dialog.result-modal .result-actions .primary{color:#10202c;background:linear-gradient(120deg,#f9fdff,var(--result-accent));box-shadow:0 8px 34px color-mix(in srgb,var(--result-accent) 35%,transparent),inset 0 1px #fff}
dialog.result-modal .result-actions .secondary{color:#dcecf5;background:#0e2639cc;border:1px solid #aedcf465}
dialog.result-modal .result-actions .gesture-button,dialog.result-modal .result-skip.gesture-button{outline:3px solid var(--result-accent);outline-offset:3px;background-image:linear-gradient(90deg,color-mix(in srgb,var(--result-accent) 68%,transparent) var(--gesture-fill),transparent var(--gesture-fill))!important;box-shadow:0 0 30px color-mix(in srgb,var(--result-accent) 50%,transparent)}
dialog.result-modal .result-skip{margin-top:5px;min-width:190px;min-height:54px;border:1px solid #b8d4e18a;border-radius:999px;color:#e0f6ff;background:#10283c;font:800 20px var(--display);letter-spacing:.1em}
dialog.result-modal .dialog-gesture-hint{margin:0!important;color:#b7ceda!important;font-size:clamp(14px,1.1vw,18px)!important}
@keyframes result-panel-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes result-vignette-in{from{opacity:0}to{opacity:1}}
@keyframes result-count-breathe{from{filter:brightness(.96);transform:scale(.995)}to{filter:brightness(1.09);transform:scale(1.012)}}
@media(max-width:700px){dialog.result-modal{padding:8px}dialog.result-modal .result-panel{min-height:calc(100dvh - 16px);width:100%;padding:20px 16px;gap:12px}dialog.result-modal .result-topline{font-size:10px}dialog.result-modal .result-topline span:last-child{max-width:45%}dialog.result-modal h2{font-size:clamp(30px,8vw,52px)}dialog.result-modal .result-score{font-size:clamp(92px,20vw,160px)}dialog.result-modal .result-stats{gap:8px}dialog.result-modal .result-stat span{font-size:11px}dialog.result-modal .result-stat strong{font-size:clamp(22px,5vw,35px)}dialog.result-modal .result-actions{flex-direction:column}dialog.result-modal .result-actions button{min-height:70px}dialog.result-modal .result-highscore{gap:9px;padding:9px 14px}}
@media(max-height:700px){dialog.result-modal .result-panel{min-height:calc(100dvh - 20px);gap:7px;padding-block:12px}dialog.result-modal .result-intro{min-height:37px}dialog.result-modal h2{font-size:clamp(28px,4vh,45px)}dialog.result-modal .result-score{font-size:clamp(76px,14vh,140px)}dialog.result-modal .result-stats{padding-block:10px;margin-top:0}dialog.result-modal .result-stat strong{font-size:clamp(24px,4vh,38px)}dialog.result-modal .result-bonus strong{font-size:clamp(30px,5vh,48px)}dialog.result-modal .result-actions button{min-height:60px;font-size:clamp(18px,3vh,28px)}}
@media(prefers-reduced-motion:reduce){dialog.result-modal *,dialog.result-modal::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
