:root{--gold:#f8d99c;--cream:#fff0dd;--rose:#e4afbf;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#11192f;color:var(--cream);font-family:Georgia,serif}body{background:radial-gradient(ellipse at top,#29304c,#11192f 70%);overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{height:84px;max-width:1340px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}header a{color:var(--cream);font-size:23px;text-decoration:none;display:flex;align-items:center;gap:10px}.logo{color:var(--gold);font-size:34px}header small{font:9px Arial;letter-spacing:2px;margin-left:13px;color:#a9b2cd}.top-actions{display:flex;gap:9px}.top-actions button{width:43px;height:43px;border-radius:50%;border:1px solid #ffffff25;background:#ffffff05;color:var(--gold);font-size:21px}main{max-width:1300px;margin:auto;padding:0 24px}#stage{height:min(67svh,650px);min-height:360px;position:relative;overflow:hidden;border:1px solid #ffffff26;border-radius:23px;box-shadow:0 25px 80px #0003;background:#273650}canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none;text-shadow:0 2px 8px #0b163d}#hud[hidden]{display:none}#level-name{font-size:17px}#star-count{background:#15203fcc;border:1px solid #ffe3a83a;color:var(--gold);padding:10px 17px;border-radius:30px;font:15px Arial}.journey{position:absolute;left:0;top:47px;width:130px;height:3px;background:#ffffff24;border-radius:10px;overflow:hidden}.journey i{display:block;height:100%;width:0;background:var(--gold)}#overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:10;background:linear-gradient(90deg,#111b34ef,#17223b77);padding:30px}#overlay[hidden]{display:none}.intro{width:100%;max-width:1000px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.eyebrow{font:10px/1.8 Arial;letter-spacing:2.5px;color:var(--gold)}h1{font-size:clamp(34px,4.4vw,60px);font-weight:normal;line-height:1.12;letter-spacing:-1px;margin:18px 0}h1 em{color:var(--gold);font-style:normal}.intro p,.card p{font:14px/1.9 Arial;color:#c6cce0;max-width:430px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.primary,.secondary{border-radius:40px;border:0;padding:15px 23px;min-height:48px;font:bold 14px Arial}.primary{background:var(--gold);color:#26324d}.secondary{background:#ffffff0b;border:1px solid #ffffff38;color:var(--cream)}.intro .hint{font:11px/1.8 Arial;color:#afb9ce}.character-preview{position:relative;min-height:340px;border:1px solid #ffffff16;border-radius:150px 150px 50px 50px;background:radial-gradient(ellipse at center,#a9a0ca22,transparent 70%);display:flex;align-items:center;justify-content:center}.character-preview canvas{width:260px;height:340px}.character-preview .badge{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font:9px Arial;letter-spacing:2px;color:#d6bdd4;padding:10px 15px;border-radius:20px;background:#27304b}.card{max-width:510px;text-align:center;padding:30px;border:1px solid #ffffff20;background:#18223ef5;border-radius:24px;box-shadow:0 20px 80px #0003}.card .spark{font-size:52px;color:var(--gold)}.card h1{font-size:37px}.card .buttons{justify-content:center}.card p{margin:10px auto}.card .family{font:17px Georgia;color:#e9b8c5}.card .minor{font-size:11px;color:#a6b1ca}#controls{display:flex;justify-content:space-between;align-items:center;padding:13px 12px 3px;gap:20px;user-select:none;-webkit-user-select:none;touch-action:none}.dpad{width:165px;height:128px;display:grid;grid-template-columns:55px 55px 55px;grid-template-rows:42px 42px 42px;position:relative;gap:1px}.dpad button,.jump{border:1px solid #c2c9e83a;background:linear-gradient(#3b4562,#27314c);color:#dce4f8;box-shadow:0 4px 0 #080f24, inset 0 1px #ffffff12;touch-action:none;user-select:none;position:relative}.dpad button{width:54px;height:43px;border-radius:11px}.dpad svg{width:30px;height:30px;fill:currentColor}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.pad-center{grid-area:2/2;background:#28324a;border-radius:50%;margin:11px;border:1px solid #ffffff10}.jump{width:86px;height:86px;border-radius:50%;background:linear-gradient(#efbdcd,#be829e);color:#3e2e4d;border-color:#ffdbeb60;box-shadow:0 5px 0 #65495f}.jump svg{width:57px;height:57px}.dpad button.held,.jump.held{transform:translateY(3px);box-shadow:0 1px 0 #080f24;filter:brightness(1.25)}.control-note{text-align:center;color:#b6a9c9}.control-note>span{font-size:24px;color:var(--gold)}.control-note small{display:block;font:9px/1.8 Arial;letter-spacing:1.5px;margin-top:7px}footer{max-width:1300px;margin:0 auto;padding:12px 36px 20px;display:flex;justify-content:space-between;color:#919eb8;font:10px Arial}footer span:last-child{color:#c3b2c6;letter-spacing:6px}#speech{position:absolute;z-index:5;max-width:210px;background:#fff0dc;color:#463445;padding:12px 17px;border-radius:17px 17px 17px 3px;box-shadow:0 8px 25px #09162e55;font:bold 17px/1.3 Georgia;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}#speech:after{content:'';position:absolute;left:20px;bottom:-9px;border-top:11px solid #fff0dc;border-right:12px solid transparent}#speech[hidden]{display:none}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#14223de8;border:1px solid #edd6a544;color:#ffe5b2;padding:10px 18px;border-radius:30px;font:12px/1.6 Arial;text-align:center;z-index:6;width:max-content;max-width:90%;pointer-events:none}@media(max-width:650px){header{height:65px;padding:0 17px}header a{font-size:20px}header small{display:none}.logo{font-size:28px}.top-actions button{width:38px;height:38px}main{padding:0 10px}#stage{height:calc(100svh - 245px);min-height:340px;max-height:630px;border-radius:17px}#overlay{padding:20px}.intro{grid-template-columns:1fr;gap:0;position:relative;height:100%;align-content:center}.intro-copy{position:relative;z-index:2;width:100%}.intro h1{font-size:35px;max-width:260px}.intro p{font-size:12px;max-width:215px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro .hint{font-size:9px;max-width:230px}.character-preview{position:absolute;right:-48px;bottom:0;min-height:220px;width:180px;border:0;opacity:.75;pointer-events:none}.character-preview canvas{width:180px;height:240px}.character-preview .badge{display:none}.buttons{position:relative;z-index:3;gap:7px;margin:18px 0 9px}.primary,.secondary{font-size:12px;padding:13px 17px}.control-note{max-width:105px}.control-note small{font-size:7px;letter-spacing:.5px}.dpad{flex-shrink:0;width:153px;grid-template-columns:51px 51px 51px}.dpad button{width:50px}.jump{width:72px;height:72px;flex-shrink:0}.jump svg{width:48px}#controls{padding:13px 6px 1px;gap:9px}#hud{top:16px;left:15px;right:15px}#level-name{font-size:12px;max-width:190px}#star-count{font-size:12px;padding:9px 12px}.journey{top:37px;width:100px}.card{padding:24px 18px}.card h1{font-size:29px}.card p{font-size:12px}.card .spark{font-size:38px}footer{padding:13px 20px;font-size:8px}#speech{font-size:14px;max-width:190px;padding:10px 12px}}@media(max-height:540px) and (orientation:landscape){header{height:46px}header small{display:none}main{padding:0 10px}#stage{height:calc(100svh - 58px);min-height:250px;border-radius:12px}#controls{position:absolute;bottom:12px;left:26px;right:26px;z-index:20;pointer-events:none;padding:0}.dpad,.jump{pointer-events:auto;opacity:.78}.dpad{transform:scale(.8);transform-origin:left bottom}.jump{width:66px;height:66px}.jump svg{width:45px}.control-note,footer{display:none}.intro{grid-template-columns:1.3fr .7fr;max-width:750px}.intro h1{font-size:32px;margin:9px 0}.intro p{font-size:11px;margin:7px 0}.intro .hint{font-size:9px}.character-preview{position:relative;right:auto;bottom:auto;min-height:240px;width:auto;opacity:1}.character-preview canvas{width:170px;height:230px}.buttons{margin:12px 0}.card{padding:15px 24px}.card h1{font-size:26px;margin:10px 0}.card .spark{font-size:30px}.card p{font-size:11px;line-height:1.6}#speech{font-size:13px}}
.guide-picker{max-width:350px;margin:14px 0}.guide-picker label{display:block;font:12px Arial;color:#f3d8bc;margin-bottom:8px}.guide-picker select,.guide-picker input{width:100%;min-height:42px;border:1px solid #c1afc870;border-radius:12px;background:#26314b;color:#fff0dd;padding:9px 12px;font:14px Arial}.guide-picker input{margin-top:8px}.guide-picker input[hidden]{display:none}#guide-error{display:block;font:11px/1.5 Arial;color:#ffd1b5;margin-top:4px}.records-panel{margin:15px 0;text-align:left;border:1px solid #ffe2ab30;border-radius:14px;padding:13px;background:#0d173044}.records-panel h2{font:20px Georgia;color:#ffe4b2;margin:0 0 7px}.records-panel p{font:11px/1.7 Arial!important}.records-panel table{width:100%;border-collapse:collapse;font:12px Arial}.records-panel th,.records-panel td{padding:9px 5px;border-bottom:1px solid #ffffff12;text-align:left;word-break:break-word}.records-panel td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.my-record{color:#ffe3a6}.card{max-height:100%;overflow:auto;width:min(560px,100%)}#record-rows{max-height:170px;overflow:auto}#overlay{overflow:auto}.intro h1{font-size:clamp(31px,3.5vw,48px)}@media(max-width:650px){.guide-picker{max-width:245px;margin:9px 0}.guide-picker label{font-size:10px}.guide-picker select,.guide-picker input{font-size:13px;min-height:38px}.intro{height:auto;min-height:100%;padding:8px 0}.intro h1{font-size:29px;margin:9px 0}.intro p{font-size:11px;margin:8px 0}.intro .hint{font-size:8px}.intro .buttons{margin:11px 0}.character-preview{right:-70px;opacity:.6}.card h1{font-size:26px}.card .spark{font-size:30px}}@media(max-height:540px) and (orientation:landscape){.guide-picker{margin:6px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:460px}.guide-picker label{grid-column:1/-1;font-size:10px;margin:0}.guide-picker select,.guide-picker input{min-height:33px;font-size:12px;margin:0}.intro h1{font-size:27px}.intro .hint{font-size:8px}.intro p{font-size:10px}.intro{gap:6px}#record-rows{max-height:100px}}
#guide-portrait{height:64px;display:flex;align-items:center;justify-content:center;margin-top:5px}#guide-portrait img{height:64px;max-width:100px;object-fit:contain;filter:drop-shadow(0 3px 7px #0005)}.guide-monogram{display:grid;place-items:center;border:1px solid #e7b8ca66;background:#6e577744;width:46px;height:46px;border-radius:50%;font:18px Georgia;color:#ffe4bc}#companion-peek{position:absolute;right:8px;top:68px;z-index:4;pointer-events:none;display:flex;align-items:flex-start;max-width:330px;gap:0;animation:guide-arrive .4s ease-out}#companion-peek[hidden]{display:none}#companion-face{width:120px;height:124px;flex-shrink:0;animation:guide-cheer .8s ease-in-out infinite;display:grid;place-items:center}#companion-face img{width:120px;height:120px;object-fit:contain;mask-image:radial-gradient(ellipse 35% 35% at 50% 36%,#000 94%,transparent 100%),radial-gradient(ellipse 18% 18% at 13% 84%,#000 92%,transparent 100%),radial-gradient(ellipse 19% 18% at 87% 84%,#000 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 35% 35% at 50% 36%,#000 94%,transparent 100%),radial-gradient(ellipse 18% 18% at 13% 84%,#000 92%,transparent 100%),radial-gradient(ellipse 19% 18% at 87% 84%,#000 92%,transparent 100%)}#companion-words{margin-top:12px;padding:11px 13px;background:#fff0df;color:#4c384c;border-radius:15px 15px 2px 15px;font:14px/1.5 Georgia;max-width:215px;box-shadow:0 4px 20px #0004;overflow-wrap:anywhere}@keyframes guide-cheer{50%{transform:translateY(3px) rotate(1deg)}}@keyframes guide-arrive{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){#guide-portrait{height:52px}#guide-portrait img{height:52px}#companion-peek{right:0;top:59px;max-width:260px}#companion-face{width:83px;height:88px}#companion-face img{width:83px;height:83px}#companion-words{max-width:175px;font-size:12px;padding:9px}#controls{align-items:flex-start}.control-note{align-self:center}}@media(max-height:540px) and (orientation:landscape){#companion-peek{top:50px}.control-note{display:block;position:absolute;right:85px;bottom:0;max-width:110px;pointer-events:none}.control-note>span{display:none}.control-note small{font-size:7px}#guide-portrait,#guide-portrait img{height:40px}}@media(prefers-reduced-motion:reduce){#companion-peek,#companion-face{animation:none}}
/* Final introduction: the guide sits above the running heroine, at 150% size. */
.character-preview{flex-direction:column;gap:8px;padding-top:10px;min-height:454px}.character-preview canvas{flex-shrink:0}#intro-guide{height:96px;display:flex;align-items:center;justify-content:center;flex-shrink:0}#intro-guide img{height:96px;max-width:150px;object-fit:contain;filter:drop-shadow(0 5px 12px #0005)}#intro-guide .guide-monogram{width:69px;height:69px;font-size:27px}.intro-mode #guide-portrait{display:none}@media(max-width:650px){.intro-copy{width:calc(100% - 112px)}.intro h1{font-size:26px}.character-preview{top:0;right:-8px;bottom:auto;width:112px;min-height:0;padding:0;gap:8px;opacity:1;background:none}.character-preview canvas{width:112px;height:150px}#intro-guide,#intro-guide img{height:78px}#intro-guide img{max-width:112px}.intro .guide-picker{max-width:100%}.intro .buttons{max-width:100%}.intro .hint{max-width:100%}}@media(max-height:540px) and (orientation:landscape){.intro-copy{width:100%}.character-preview{position:relative;top:auto;right:auto;width:auto;min-height:0;gap:2px}.character-preview canvas{width:150px;height:200px}#intro-guide,#intro-guide img{height:60px}#intro-guide img{max-width:100px}.intro h1{font-size:27px}}
/* In-game guide: crop the original art to a circular face; intro art is unchanged. */
#companion-face{position:relative;overflow:hidden;border-radius:50%;width:120px;height:120px;background:#14233c88;border:1px solid #ffe1b34d;box-shadow:0 5px 16px #0004}#companion-face img{position:absolute;left:-32.5%;top:-7%;width:165%;height:165%;max-width:none;object-fit:contain;mask-image:none;-webkit-mask-image:none}#reward-actions{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.7fr);gap:6px;width:100%;align-items:stretch}#reward-actions button{min-width:0;min-height:44px;padding:12px 4px;white-space:nowrap;font-size:clamp(9px,2.5vw,12px)}@media(max-width:650px){#companion-face{width:83px;height:83px}}
/* Home footer and read-only, four-level leaderboard overview. */
#overlay.home-overlay{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px}.home-overlay .intro{flex:1 1 auto;min-height:0;height:auto;overflow:auto}.home-records-entry{width:100%;display:flex;justify-content:center;flex-shrink:0;padding-top:3px}#view-records{display:flex;align-items:center;gap:11px;background:#16263ee6;border-color:#dbb97c66;color:#ffe3b4;padding:10px 23px;min-height:50px;box-shadow:0 4px 18px #0002}#view-records svg{width:33px;height:31px;flex-shrink:0}#view-records:hover{background:#27334d}#overlay.records-overlay{display:flex;align-items:stretch;justify-content:center;overflow:hidden;padding:18px}.all-records{width:100%;max-width:1050px;height:100%;min-height:0;display:flex;flex-direction:column;gap:12px}.all-records-header{max-width:none;margin:0;padding:0;min-height:44px;height:auto;display:flex;justify-content:flex-start;gap:14px;flex-shrink:0}.all-records-header button{width:44px;height:44px;flex-shrink:0;border:1px solid #f9d79b66;border-radius:50%;background:#ffffff08;color:#ffe3b4;font:24px Arial}.all-records-header h1{font:normal 27px Georgia;margin:0;letter-spacing:0}.all-records-header p{font:10px/1.6 Arial;color:#b8c4dc;margin:5px 0 0}.all-records-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.level-record-card{min-height:0;min-width:0;background:#17233eea;border:1px solid #f4d7a52e;border-radius:14px;padding:12px;display:flex;flex-direction:column;overflow:hidden}.level-record-card h2{margin:0 0 7px;font:normal 16px/1.35 Georgia;color:#f5ddb5;flex-shrink:0}.level-record-card h2 span{color:#afa1ca;margin-right:5px}.level-record-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.level-record-card table{width:100%;border-collapse:collapse;font:12px/1.4 Arial}.level-record-card th,.level-record-card td{padding:7px 4px;border-bottom:1px solid #ffffff12;text-align:left;overflow-wrap:anywhere}.level-record-card th{color:#9caecb;font-size:10px;font-weight:normal}.level-record-card td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe2ab}.ranking-empty{font:12px/1.5 Arial;color:#b6c3dc;margin:9px 0}.ranking-status{font:9px/1.4 Arial;color:#99abc9;margin:7px 0 0;flex-shrink:0}@media(max-width:650px){#overlay.records-overlay{padding:12px}.all-records{gap:10px}.all-records-header{gap:10px}.all-records-header h1{font-size:23px}.all-records-header p{font-size:8px}.all-records-grid{gap:8px}.level-record-card{padding:8px;border-radius:11px}.level-record-card h2{font-size:12px;min-height:33px;margin-bottom:3px}.level-record-card table{font-size:10px}.level-record-card th,.level-record-card td{padding:6px 2px}.level-record-card th{font-size:8px}.ranking-empty{font-size:10px}.ranking-status{font-size:8px}.home-overlay .intro{align-content:center}#view-records{padding:9px 20px;font-size:12px;min-height:46px}#view-records svg{width:29px;height:27px}}@media(max-height:540px) and (orientation:landscape){#overlay.records-overlay{padding:10px 14px}.all-records{gap:7px}.all-records-header h1{font-size:20px}.all-records-header p{font-size:8px;margin-top:2px}.all-records-grid{gap:7px}.level-record-card{padding:7px}.level-record-card h2{font-size:12px;margin-bottom:3px;min-height:0}.level-record-card table{font-size:10px}.level-record-card th,.level-record-card td{padding:4px 3px}.ranking-status{font-size:8px;margin-top:3px}#view-records{padding:5px 16px;min-height:40px;font-size:11px}#view-records svg{width:25px;height:25px}}
#controls.records-mode{visibility:hidden;pointer-events:none}#controls.records-mode .dpad,#controls.records-mode .jump{pointer-events:none}
/* Compact native level picker: all four levels are directly available. */
.level-picker{display:flex;align-items:center;gap:9px;max-width:350px;border:1px solid #e5cfad38;border-radius:14px;background:#ffffff06;padding:4px 10px;margin:9px 0}.level-picker label{white-space:nowrap;font:11px Arial;color:#f2d8b5}.level-picker label span{color:#f5d798;margin-right:3px}.level-picker select{min-width:0;flex:1;border:0;background:#26314b;color:#fff0dd;border-radius:9px;padding:8px 4px;min-height:36px;font:12px Arial;text-overflow:ellipsis}.reward-card .spark{font-size:30px}.reward-card .eyebrow{font-size:9px}.reward-card h1{font-size:clamp(23px,3.5vw,33px);margin:12px 0}.reward-card #reward-actions{position:sticky;top:0;z-index:3;background:#18223e;padding:7px 0;margin:10px 0 14px;box-shadow:0 7px 12px #18223ec9}.reward-card>p{font-size:12px;line-height:1.7}.reward-card .records-panel{margin-top:13px}@media(max-width:650px){.level-picker{max-width:100%;gap:6px;padding:3px 6px;margin:7px 0}.level-picker label{font-size:10px}.level-picker select{font-size:11px;min-height:35px}.reward-card .spark{font-size:24px}.reward-card h1{font-size:25px;margin:10px 0}.reward-card .eyebrow{font-size:8px;letter-spacing:1.2px}.reward-card>p{font-size:11px}.reward-card #reward-actions{margin:9px 0 12px}}@media(max-height:540px) and (orientation:landscape){.level-picker{max-width:460px;margin:5px 0;padding:2px 8px}.level-picker select{min-height:30px;font-size:11px}.reward-card .spark,.reward-card .eyebrow{display:none}.reward-card h1{font-size:23px;margin:4px 0 8px}.reward-card #reward-actions{margin:5px 0 8px}}
.top-actions button svg{display:block;width:23px;height:23px;margin:auto}#pause[hidden]{display:none}
/* Full custom guide names; the bubble points to the edge of the name plaque. */
.guide-full-name{display:block;max-width:140px;padding:9px 12px;border-radius:14px;border:1px solid #ebc89177;background:linear-gradient(140deg,#433c60,#25364f);color:#ffe8c4;font:bold 12px/1.35 Arial;overflow-wrap:anywhere;white-space:normal;text-align:center}#intro-guide .guide-full-name{max-width:140px}#guide-portrait .guide-full-name{max-width:105px;font-size:10px;padding:7px 9px}#companion-peek.custom-guide{align-items:center;gap:10px;max-width:calc(100% - 16px)}#companion-peek.custom-guide #companion-face{width:140px;height:auto;min-height:54px;flex-shrink:0;border-radius:14px;background:none;overflow:visible;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center}#companion-peek.custom-guide #companion-face .guide-full-name{width:100%;max-width:none}#companion-peek.custom-guide #companion-words{margin-top:0;min-width:0;position:relative;border-radius:14px;flex-shrink:1}#companion-peek.custom-guide #companion-words:after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-left:9px solid #fff0df;border-top:7px solid transparent;border-bottom:7px solid transparent}@media(max-width:650px){#companion-peek.custom-guide #companion-face{width:110px;min-height:48px}#companion-peek.custom-guide #companion-face .guide-full-name{font-size:11px;padding:8px 9px}#intro-guide .guide-full-name{max-width:108px;font-size:11px}#companion-peek.custom-guide #companion-words{max-width:175px;font-size:11px}}
#download-records{margin-left:auto;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ffe1b340;border-radius:12px;color:#ffe3b4;background:#ffffff08}#download-records svg{width:22px;height:22px}
.record-groups{display:flex;align-self:center;gap:4px;padding:3px;border:1px solid #e4cdab33;border-radius:30px;background:#0e1b33;flex-shrink:0}.record-groups button{border:0;border-radius:25px;background:none;color:#aebbd2;min-height:32px;padding:6px 23px;font:bold 12px Arial}.record-groups button[aria-pressed=true]{background:#f4d69d;color:#26324b}.upcoming-level{opacity:.55}.upcoming-level .ranking-empty{font-style:italic}.all-records{gap:8px}@media(max-height:540px) and (orientation:landscape){.record-groups{position:absolute;right:75px;top:17px}.record-groups button{min-height:28px;padding:4px 16px;font-size:10px}}

/* Egypt narration is centered under the centered progress bar, above every layer. */
#stage.egypt-story .journey{left:50%;transform:translateX(-50%);width:clamp(110px,25%,190px)}
#stage.egypt-story #toast{top:82px;bottom:auto;left:50%;width:min(590px,calc(100% - 26px));max-width:none;box-sizing:border-box;z-index:80;background:#14223d;border:1px solid #e8ce99;color:#fff0cb;border-radius:15px;padding:11px 16px;font:600 clamp(12px,1.6vw,15px)/1.55 Arial;white-space:normal;overflow-wrap:break-word;box-shadow:0 7px 24px #0006;isolation:isolate}
#stage.egypt-story:not(.egypt-playing) #toast{visibility:hidden}
#stage.egypt-story.story-front #speech,#stage.egypt-story.story-front #companion-peek{visibility:hidden}
@media(max-width:650px){#stage.egypt-story #toast{top:66px;padding:10px 12px;font-size:12px}}
@media(max-height:540px) and (orientation:landscape){#stage.egypt-story #toast{padding:8px 14px;font-size:12px;width:min(590px,calc(100% - 32px))}}

/* Uploaded portraits can optionally use a face-only crop. */
#companion-peek.face-only-avatar #companion-face img{left:0;top:0;width:100%;height:100%;object-fit:cover}