@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900;1000&display=swap');
:root{color-scheme:dark;--navy:#082a46;--deep:#061e34;--panel:#0d3453;--ink:#e8f8ff;--muted:#9abbd0;--gold:#ffcf64;--mint:#79e4c5;--line:#244660;--math:#72d9b0;--reading:#ff9e99;--wordcraft:#b3a0fa;--logic:#73cffa;--science:#ffd071}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--ink);font-family:Nunito,'Trebuchet MS',sans-serif;font-size:16px}button,a,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,input:focus-visible{outline:3px solid #fff2a8;outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}button{border:0}svg{display:block}.sprite{position:absolute;width:0;height:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:102px;padding:17px 3.2%;border-bottom:1px solid var(--line);background:#092941}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand>svg{width:74px;height:57px}.brand>span{font-size:23px;letter-spacing:1px;font-weight:1000;line-height:1.15}.brand b{color:var(--gold)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a4ccdf;margin-top:8px}nav{display:flex;gap:8px}.nav{background:none;color:#a3c6de;padding:12px 20px;border-radius:24px;font-weight:900;font-size:16px;white-space:nowrap}.nav.active{background:#75d4f4;color:#0b334f;box-shadow:0 3px 0 #2e8cad}.nav:hover:not(.active){background:#143f5e}.profile{border:1px solid #315573;background:#09233d;display:flex;align-items:center;gap:12px;border-radius:30px;padding:6px 15px 6px 6px;font-weight:800;white-space:nowrap}.avatar{border:2px solid var(--gold);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#24627e;font-size:25px}.layout{max-width:1640px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding:34px 3.2% 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--mint);margin-bottom:8px}h1{font-size:clamp(27px,2.7vw,42px);font-weight:1000;letter-spacing:-1px;margin-bottom:7px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:0}.chapter{font-size:10px;letter-spacing:1px;color:#acc6d7;border:1px solid var(--line);padding:9px 12px;border-radius:20px;white-space:nowrap}.ocean-map{height:620px;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;border:1px solid #426c7a;background:#087e9b url('ocean.svg') center/cover;box-shadow:0 18px 40px #0003}.sun-rays{position:absolute;inset:0;background:linear-gradient(113deg,transparent 20%,#b3f5e614 21%,transparent 27%,transparent 45%,#b3f5e618 46%,transparent 53%);pointer-events:none}.map-caption{position:absolute;top:22px;left:22px;font-size:9px;letter-spacing:2px;background:#083951a8;padding:8px 11px;border:1px solid #8ce9e63b;border-radius:20px;z-index:1}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.map-dolphin{position:absolute;width:26%;height:180px;left:13%;top:50px;filter:drop-shadow(0 10px 12px #00385866);animation:bob 6s ease-in-out infinite}.map-turtle{position:absolute;width:100px;height:75px}.turtle-one{left:5%;bottom:120px;transform:rotate(-15deg)}.turtle-two{left:15%;bottom:80px;width:65px}.route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.route path{fill:none;stroke:#ffe19b;stroke-width:4;stroke-dasharray:1 12;stroke-linecap:round;opacity:.8}.map-node{position:absolute;z-index:2;width:48px;height:48px;border:3px solid #ffe4a5;border-radius:50%;background:#184c68;color:white;box-shadow:0 4px 0 #0a3449,0 0 0 5px #ffcc641f;font-size:19px;font-weight:1000;transform:translate(-50%,-50%);transition:scale .2s}.map-node:hover{scale:1.13}.map-node.selected{background:var(--gold);color:#103853;box-shadow:0 0 0 8px #ffcf6433,0 0 25px #ffcf6477}.map-node.completed:after{content:'✓';position:absolute;right:-6px;bottom:-8px;background:#77dfb9;border-radius:50%;width:22px;height:22px;line-height:22px;color:#163c43;font-size:15px}.map-node.locked{background:#123c51;color:#abc3c6;border-color:#709fa9}.map-location{position:absolute;text-align:center;font-size:70px;color:#c8e7cf88;text-shadow:3px 5px #044b61;line-height:1}.map-location span{display:block;font-size:8px;letter-spacing:2px;color:#d1eae8;text-shadow:0 2px #00475b;margin-top:8px}.library{top:21%;right:8%;transform:rotate(-5deg)}.base{bottom:26%;left:28%;font-size:55px}.mission-card{position:absolute;z-index:3;right:5%;bottom:72px;width:310px;background:#fff8e8;color:#133c50;border:5px solid #fff8e8;border-radius:18px;box-shadow:0 14px 35px #002c4f88;overflow:hidden}.mission-card-art{height:92px;background:linear-gradient(130deg,#69c5bf,#146e88);position:relative;border-radius:11px;overflow:hidden}.mission-card-art:after{content:'';position:absolute;width:200px;height:70px;border-radius:50%;background:#89b88c;bottom:-50px;right:-20px}.mission-card-art svg{position:absolute;width:123px;height:95px;right:22px;bottom:-5px;transform:rotate(-10deg)}.mission-label{position:absolute;top:11px;left:12px;font-size:8px;font-weight:1000;letter-spacing:1px;background:#073e56b3;color:#dbfbef;padding:5px 8px;border-radius:20px}.small-stars{position:absolute;bottom:13px;left:20px;font-size:22px;color:#ffdf92}.mission-card-body{padding:16px 14px 12px}.mission-card .eyebrow{font-size:8px;letter-spacing:1.2px;color:#427477}.mission-card h2{font-size:21px;line-height:1.15;font-weight:1000;margin-bottom:8px}.mission-card p:not(.eyebrow){font-size:12px;color:#526d70;line-height:1.5;margin-bottom:12px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px}.tags span{font-size:9px;font-weight:900;padding:5px 7px;border-radius:6px}.reading{background:#ffded5;color:#85483e}.logic{background:#dcd4ff;color:#514b82}.math{background:#d1f0df;color:#276b52}.other{background:#e6e8dd;color:#596b66}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--gold);color:#17354a;padding:13px 21px;border-radius:12px;font-weight:1000;box-shadow:0 4px 0 #ca963c;font-size:16px;min-height:48px}.primary:hover{background:#ffdc8a}.primary:active{translate:0 2px;box-shadow:0 2px 0 #ca963c}.mission-card .primary{width:100%}.friends-strip{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:10px;border-radius:13px;background:#fff7e7ef;color:#204954;padding:10px 16px;box-shadow:0 5px 20px #002f4f33}.friend-icon{font-size:30px}.friends-strip strong{font-size:12px;display:block}.friends-strip small{font-size:9px;color:#597774}.below-map{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 2px}.below-map p{font-size:11px;color:var(--muted);margin:0}.below-map p span{color:var(--gold);margin-right:6px}.text-button{background:none;color:#9fc9df;padding:5px 0;font-size:12px;font-weight:800}.text-button:hover{color:var(--gold)}.sidebar{background:linear-gradient(#0c2e49,#08243c);border:1px solid var(--line);border-radius:20px;padding:25px 21px;align-self:start}.sidebar-title h2{font-size:23px;font-weight:1000;letter-spacing:-.6px;margin:8px 0 6px}.sidebar-title p{font-size:12px;color:var(--muted);margin-bottom:15px}.sidebar-title .eyebrow{font-size:8px;letter-spacing:1.5px}.subject-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border-bottom:1px solid #23435b;padding:19px 0}.subject-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;font-size:22px;color:#12354a;background:var(--subject);font-weight:1000;flex-shrink:0;box-shadow:inset 0 -4px 0 #0002}.subject-info{flex:1;min-width:0}.subject-info strong{display:block;font-size:14px;margin-bottom:4px}.subject-info strong span{font-size:11px;font-weight:700;color:var(--muted)}.subject-info small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.progress{height:6px;background:#173e59;border-radius:8px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:8px;background:var(--subject);transition:width .6s}.subject-arrow{color:#7aa9c4;font-size:20px}.learning-settings{display:block;margin:16px 0 24px;font-size:10px}.personal-best{display:flex;gap:14px;align-items:center;background:linear-gradient(120deg,#164363,#103452);border:1px solid #315774;padding:18px 13px;border-radius:15px}.medal{font-size:65px;color:var(--gold);line-height:1;text-shadow:0 3px #b17d33}.personal-best small{font-size:8px;letter-spacing:1.5px;color:#bad0dd}.personal-best strong{display:block;color:var(--gold);font-size:30px;font-weight:1000;line-height:1.4}.personal-best em{font-size:15px;font-style:normal}.personal-best p{font-size:10px;color:#b3cfdb;margin:0}.crew-note{display:flex;gap:12px;margin-top:25px;align-items:flex-start}.crew-note>span{font-size:28px}.crew-note p{font-size:12px;color:#a8c9d7;line-height:1.7;font-style:italic;margin:0}.crew-note small{font-style:normal;display:block;font-size:7px;letter-spacing:1px;margin-top:9px}footer{max-width:1640px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 3.2%;border-top:1px solid #19384e;color:#87a7bd;font-size:10px}footer a:hover{color:var(--gold)}footer .text-button{font-size:10px}.storage-warning{margin:0;text-align:center;padding:10px;background:#755627;color:#fff5dc;font-size:13px}[hidden]{display:none!important}@keyframes bob{50%{transform:translateY(-13px) rotate(3deg)}}
dialog{background:#0e354e;color:var(--ink);border:1px solid #477283;border-radius:24px;max-width:620px;width:calc(100% - 28px);padding:30px;box-shadow:0 30px 100px #0008;max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#021729ce;backdrop-filter:blur(5px)}dialog h2{font-size:27px;font-weight:1000;margin-bottom:12px}dialog p{line-height:1.7;color:#c0d8e3;font-size:15px}dialog .eyebrow{color:var(--mint);font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.secondary{border:1px solid #477083;background:#193e57;border-radius:11px;padding:11px 17px;color:#e0f2fa;font-weight:800}.secondary:hover{background:#285773}.close-dialog{float:right;border:0;border-radius:50%;background:#264f64;color:#dcecf4;width:32px;height:32px;font-size:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}select{background:#092b43;border:1px solid #557c8c;color:white;padding:8px;border-radius:8px}.setting-note{font-size:12px!important;color:#97bbcc!important}.setting-all{background:#153f57;padding:14px;border-radius:12px}.speaker{display:flex;gap:14px;align-items:center;margin-bottom:18px}.speaker svg{width:98px;height:70px}.speaker strong{display:block;color:var(--gold);font-size:17px}.speaker small{display:block;color:var(--muted);font-size:11px}.story-body{background:#092c43;border-left:3px solid var(--mint);padding:17px 19px;border-radius:0 10px 10px 0}.story-body p:last-child{margin:0}.challenge-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--muted);font-size:11px}.passage{background:#fff5df;color:#27434c!important;padding:20px;border-radius:12px;line-height:1.8!important;font-size:16px!important;white-space:pre-line}.question{font-size:21px;line-height:1.5;font-weight:900;margin:20px 0}.answers{display:grid;gap:10px}.answer{padding:14px 17px;background:#163f58;border:2px solid #365f73;border-radius:12px;text-align:left;display:flex;align-items:center;gap:13px;line-height:1.5}.answer:hover:not(:disabled){background:#245b70;border-color:#77c4d2}.answer b{background:#092b43;color:#a4c9db;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.answer.correct{border-color:#7ce1ba;background:#15594e}.answer.incorrect{border-color:#ffa89b;background:#673f46}.feedback{padding:13px 16px;background:#0a2b41;border-radius:10px;margin-top:16px;color:#c9e6ef;line-height:1.6;font-size:14px}.feedback.good{border-left:3px solid var(--mint)}.feedback.retry{border-left:3px solid var(--gold)}.type-answer{display:flex;gap:10px;align-items:stretch}.type-answer input{width:100%;min-width:0;background:#092a42;border:2px solid #547a8c;border-radius:10px;color:white;padding:12px 15px;font-size:18px}.hint-button{font-size:12px;background:none;color:#b3d8e6;text-decoration:underline;padding:14px 0}.completion{text-align:center}.completion .big-medal{font-size:78px;color:var(--gold);line-height:1.4}.score-total{font-size:53px;color:var(--gold);font-weight:1000;margin:0}.score-total small{font-size:20px;color:#b1d2df}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.score-breakdown div{background:#092b42;padding:14px 6px;border-radius:12px;font-size:11px;color:#a9c6d5}.score-breakdown strong{display:block;color:#e6f7ff;font-size:22px;margin-top:4px}.progress-notes{text-align:left;background:#092b42;padding:15px;border-radius:12px;line-height:1.8;font-size:13px}.content-panel{background:#0c2f49;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:620px}.content-panel h1{font-size:32px}.content-panel>p{color:#b0cbd9;line-height:1.7}.academy-scene{height:240px;background: url('ocean.svg') center/cover;border-radius:16px;position:relative;overflow:hidden;margin:25px 0}.academy-building{position:absolute;left:30%;bottom:10px;background:#dce9da;color:#214951;border-radius:45px 45px 5px 5px;padding:35px 25px 20px;border:5px solid #99bda7;text-align:center;box-shadow:0 5px 0 #00455a;font-size:25px;font-weight:1000}.academy-building small{display:block;font-size:10px;letter-spacing:2px}.academy-scene svg{position:absolute;width:130px;height:90px;left:5%;top:25px}.room-grid,.diploma-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.room-card,.diploma-card{border:1px solid #375b70;background:#12374f;padding:20px;border-radius:15px}.room-card.locked{opacity:.55}.room-card>span{font-size:28px}.room-card h3{margin:9px 0;font-size:17px}.room-card p{font-size:12px;line-height:1.6;color:#b3cbd7;margin:0}.diploma-card{border-top:3px solid var(--subject)}.diploma-card h3{color:var(--subject);margin-bottom:10px}.diploma-card p{font-size:12px;line-height:1.7;color:#b3cbd7;margin-bottom:10px}.diploma-card .text-button{color:var(--subject)}
.game-screen{position:fixed;inset:0;z-index:5;background:#041e31;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 24px;min-height:80px}.game-header>div strong{display:block;font-size:18px}.game-header small{display:block;color:#a2c5d8;font-size:12px;margin-top:5px}.game-stats{display:flex;gap:20px;font-size:12px;color:var(--gold)}.canvas-wrap{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#08667f}.canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;background:#076d86}.game-guide{position:absolute;left:50%;top:16px;transform:translateX(-50%);color:#def6ed;background:#073b51dc;border-radius:20px;padding:10px 17px;font-size:12px;white-space:nowrap;pointer-events:none}.pause-button{position:absolute;right:20px;top:16px;border:1px solid #8cc0cb;background:#0a3d54cc;border-radius:10px;width:42px;height:38px;font-weight:1000}#interaction{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:none}.mission-log{padding:14px 25px;color:#bfdfeb;text-align:center;font-size:13px;background:#082a43}.game-header .secondary{font-size:12px}.level-notice{padding:10px;background:#28594e;border-radius:8px;color:#d6ffe5;margin-top:10px}
@media(min-width:1600px){.ocean-map{height:690px}.mission-card{width:350px}.mission-card-art{height:125px}.mission-card h2{font-size:24px}.mission-card p:not(.eyebrow){font-size:14px}.map-dolphin{height:200px}.mission-card-body{padding:19px}.sidebar{padding:30px}.subject-row{padding:23px 0}}
@media(max-width:1150px){.layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.brand>span{font-size:18px}.brand>svg{width:55px}.nav{padding:10px 13px;font-size:14px}.topbar{gap:10px}.profile{font-size:12px}.sidebar{padding:21px 16px}.sidebar-title h2{font-size:20px}.subject-row{gap:9px}.subject-icon{width:39px;height:39px;font-size:19px}.subject-info strong{font-size:12px}.subject-info strong span{font-size:10px}.mission-card{right:5%;width:280px}.chapter{display:none}.friends-strip small{display:none}.map-dolphin{left:8%;width:32%}.personal-best{gap:7px;padding:15px 8px}.medal{font-size:52px}.personal-best strong{font-size:26px}}
@media(max-width:850px){.topbar{flex-wrap:wrap;padding:13px 20px;min-height:115px}.brand{flex:1}.brand>span{font-size:20px}.topbar nav{order:3;justify-content:center;width:100%}.nav{flex:1;padding:8px 12px}.layout{grid-template-columns:1fr;padding:24px 20px 0}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.sidebar-title{grid-column:1/-1}.sidebar #subject-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.crew-note{display:none}.learning-settings{align-self:center;margin:10px 0}.personal-best{margin-top:20px}.ocean-map{height:590px}.mission-card{width:310px}.map-dolphin{width:27%;left:15%}footer{flex-wrap:wrap;padding:20px}footer>span{order:3;width:100%;font-size:9px}.game-header{padding:10px 15px}.game-stats{gap:10px;font-size:10px}.game-header>div strong{font-size:14px}.game-header small{font-size:10px}}
@media(max-width:520px){.layout{padding:22px 12px 0}.topbar{padding:10px 12px}.brand>span{font-size:17px;letter-spacing:.4px}.brand small{font-size:6px;letter-spacing:1.5px}.brand>svg{width:49px;height:43px}.profile{gap:5px;padding-right:10px;font-size:10px}.avatar{width:31px;height:31px;font-size:21px}.section-heading{margin-bottom:18px}h1{font-size:29px}.section-heading p:not(.eyebrow){font-size:11px}.ocean-map{height:650px;border-radius:16px}.mission-card{width:calc(100% - 44px);right:22px;bottom:87px}.mission-card-art{height:70px}.mission-card h2{font-size:22px}.mission-card p:not(.eyebrow){font-size:12px}.mission-card-body{padding:14px}.map-dolphin{top:55px;left:14%;width:48%;height:125px}.map-caption{top:15px;left:15px;font-size:8px}.map-turtle{display:none}.library{top:16%;font-size:50px;right:5%}.base{display:none}.map-node{width:35px;height:35px;font-size:13px;border-width:2px}.route{height:50%}.friends-strip{bottom:16px;left:22px;right:22px;padding:8px 12px}.friends-strip small{display:block;font-size:9px}.below-map p{font-size:9px;max-width:65%;line-height:1.6}.below-map .text-button{font-size:10px}.sidebar{padding:20px 15px;gap:0 12px}.sidebar #subject-list{column-gap:13px}.subject-row{gap:8px}.subject-icon{width:31px;height:34px;font-size:17px;border-radius:10px}.subject-info strong{font-size:11px}.subject-info strong span{font-size:9px}.subject-info small{font-size:8px}.subject-arrow{display:none}.personal-best{grid-column:1/-1;justify-content:center;gap:20px}.learning-settings{grid-column:1/-1}.personal-best strong{font-size:31px}.content-panel{padding:20px;min-height:0}.room-grid,.diploma-grid{grid-template-columns:1fr}.academy-building{left:25%;font-size:18px;padding:35px 12px 20px}.academy-scene svg{width:95px}.game-header{flex-wrap:wrap;gap:8px}.game-header .secondary{font-size:10px;padding:8px}.game-header>div:nth-child(2){flex:1}.game-stats{width:100%;justify-content:center}.game-guide{font-size:9px;max-width:90%;white-space:normal;text-align:center;padding:8px 15px;top:9px}.pause-button{top:auto;bottom:20px;right:12px}.mission-log{font-size:11px;padding:12px}.canvas-wrap canvas{object-fit:fill}dialog{padding:23px 19px}dialog h2{font-size:24px}.question{font-size:19px}.type-answer{flex-wrap:wrap}.type-answer .primary{width:100%}.dialog-actions .primary{font-size:14px}.score-breakdown{gap:6px}.score-breakdown div{font-size:10px}.score-total{font-size:44px}.speaker svg{width:75px}.passage{padding:16px;font-size:15px!important}}
.cinematic{width:min(1160px,calc(100vw - 28px));max-width:1160px;padding:0;border:1px solid #5b9caa;border-radius:22px;max-height:96dvh;overflow:auto;background:#041d30}.cinematic::backdrop{background:#021221f2;backdrop-filter:blur(10px)}.cinematic-scene{overflow:hidden;border-radius:21px}.cinematic-letterbox{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 25px;background:#031b2c;min-height:64px}.cinematic-letterbox>span{font-size:10px;letter-spacing:3px;color:#9cc2d2}.cinematic-letterbox .text-button{font-size:12px}.cinematic-landscape{height:570px;position:relative;isolation:isolate;background:#0a758e url('ocean.svg') center/cover;overflow:hidden}.cinematic-rays{position:absolute;inset:0;background:linear-gradient(110deg,#03283b66,transparent 60%,#052c3d66);pointer-events:none}.cinematic-heading{position:absolute;top:35px;left:40px;right:40px;z-index:2}.cinematic-heading .eyebrow{color:#d6f9dd;font-size:10px;letter-spacing:3px}.cinematic-heading h2{max-width:730px;font-size:clamp(26px,3.1vw,43px);line-height:1.12;color:#fff8de;text-shadow:0 3px 0 #07506b;margin:10px 0;font-weight:1000}.cinematic-heading>p:last-child{font-size:13px;color:#bcf1e9}.captain-stage{position:absolute;left:10%;top:130px;width:55%;height:260px;animation:captain-drift 6s ease-in-out infinite}.captain-halo{position:absolute;inset:25px 15%;border-radius:50%;background:#a5f2d128;filter:blur(28px)}.cinematic-captain{position:relative;width:100%;height:100%;filter:drop-shadow(0 20px 10px #00394e55)}.captain-name{position:absolute;bottom:-6px;left:30%;font-weight:1000;font-size:11px;letter-spacing:2px;text-align:center;color:#e1fff4;white-space:nowrap}.captain-name span{display:block;font-size:7px;letter-spacing:2px;color:#a9d9db;margin-top:6px}.cinematic-turtle{position:absolute;width:180px;height:130px;right:10%;top:210px;transform:rotate(-12deg);filter:drop-shadow(0 12px 12px #00394e55);animation:captain-drift 8s ease-in-out infinite reverse}.cinematic-subtitles{position:absolute;bottom:22px;left:30px;right:30px;padding:18px 24px 20px;border-radius:16px;background:#06283beb;border:1px solid #70b0b188;box-shadow:0 12px 30px #00314455;z-index:3}.subtitle-speaker{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:1000;letter-spacing:1.8px;color:var(--gold)}.subtitle-speaker small{margin-left:auto;color:#94baca;font-size:8px;letter-spacing:1px}.cinematic-subtitles #cinematic-caption{font-size:19px;line-height:1.65;color:#f0fbf6;margin:12px 0 0;min-height:63px}.voice-bars{height:18px;display:flex;gap:3px;align-items:center}.voice-bars i{width:3px;height:4px;background:var(--mint);border-radius:2px}.speaking .voice-bars i{animation:voice-wave .5s ease-in-out infinite alternate}.speaking .voice-bars i:nth-child(2){animation-delay:.13s}.speaking .voice-bars i:nth-child(3){animation-delay:.28s}.speaking .voice-bars i:nth-child(4){animation-delay:.06s}.cove-mouth{opacity:0;transform-origin:181px 88px}.speaking .cove-mouth{opacity:1;animation:cove-talk .22s ease-in-out infinite alternate}.cinematic-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:84px;padding:17px 25px;background:#041e31}.cinematic-controls>span{margin-right:auto;color:#a7c7d7;font-size:11px;letter-spacing:2px}.cinematic-controls .primary,.cinematic-controls .secondary{font-size:13px}.cinematic-controls .primary{min-height:44px}.game-stats #game-sound-button{color:#b4e8e3;font-size:11px;white-space:nowrap}.speaking .captain-halo{animation:voice-halo 1.3s ease-in-out infinite alternate}@keyframes captain-drift{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes voice-wave{to{height:16px}}@keyframes cove-talk{to{transform:scaleY(2.7)}}@keyframes voice-halo{to{opacity:.45;transform:scale(1.08)}}
@media(max-width:650px){.cinematic{width:calc(100vw - 16px);border-radius:16px}.cinematic-letterbox{padding:12px 16px;gap:10px;min-height:50px}.cinematic-letterbox>span{font-size:8px;letter-spacing:1px}.cinematic-letterbox .text-button{font-size:10px}.cinematic-landscape{height:580px;max-height:calc(96dvh - 160px);min-height:350px}.cinematic-heading{top:20px;left:20px;right:20px}.cinematic-heading h2{font-size:27px}.cinematic-heading .eyebrow{font-size:8px;letter-spacing:2px}.cinematic-heading>p:last-child{font-size:10px}.captain-stage{width:75%;left:0;top:110px;height:210px}.captain-name{left:18%;font-size:9px;bottom:7px}.captain-name span{font-size:6px}.cinematic-turtle{width:100px;height:90px;right:1%;top:180px}.cinematic-subtitles{left:12px;right:12px;bottom:12px;padding:14px 16px}.cinematic-subtitles #cinematic-caption{font-size:16px;line-height:1.6;min-height:80px;margin-top:10px}.subtitle-speaker{font-size:9px;letter-spacing:1px}.subtitle-speaker small{font-size:6px;letter-spacing:0;max-width:110px}.cinematic-controls{padding:13px;gap:9px;flex-wrap:wrap;min-height:100px}.cinematic-controls>span{font-size:9px}.cinematic-controls .primary{width:100%;justify-content:center;order:4;min-height:39px;padding:9px 14px}.cinematic-controls .secondary{font-size:11px;padding:9px 12px}.captain-halo{inset:25px 5%}}
@media(max-height:600px) and (min-width:651px){.cinematic-landscape{height:calc(94dvh - 130px);min-height:230px}.cinematic-heading{top:15px;left:25px}.cinematic-heading h2{font-size:25px}.cinematic-heading>p:last-child{display:none}.captain-stage{top:40px;left:8%;height:190px;width:40%}.captain-name{display:none}.cinematic-turtle{top:70px;width:100px;height:80px}.cinematic-subtitles{bottom:12px;padding:12px 20px}.cinematic-subtitles #cinematic-caption{font-size:16px;min-height:0;margin-top:6px}.cinematic-controls{padding:12px 20px;min-height:65px}.cinematic-letterbox{min-height:50px;padding:10px 20px}}
.reset-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.reset-section p{font-size:12px;margin-bottom:10px;color:var(--muted)}.danger{background:#773e48;border:1px solid #efacaa;border-radius:11px;padding:11px 17px;color:#fff1ee;font-weight:900;min-height:44px}.danger:hover{background:#96505b}.below-map{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}