:root{--ink:#173c5b;--muted:#42667b;--cream:#e5f6fb;--green:#176b85;--lime:#ffe063;--line:#94c1ce;--orange:#ff915d}
body{background:linear-gradient(180deg,#a9e4f5 0,#eaf9ff 520px,#e6f5d9 1300px);color:var(--ink)}
.app{max-width:1340px;padding:0 42px}.topbar{height:86px;border-bottom:0}.brandmark{background:#1a516c;color:#ffe56e;border:2px solid #143751;box-shadow:0 3px 0 #143751}.brand{color:#164e68}.top-actions .icon-btn,.account-btn{background:#fff9db;border:2px solid #285775;box-shadow:0 3px 0 #285775}.test-badge{color:#285775;font-weight:800}.hero{min-height:365px;padding:10px 15px 10px;grid-template-columns:1fr 1fr;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy>.eyebrow{color:#29627e;letter-spacing:1.5px}.hero-copy p{color:#2f6173;font-size:16px;font-weight:700;line-height:1.6}.hero-copy h1{font-family:"Arial Black","Trebuchet MS",sans-serif;font-size:80px;letter-spacing:-5px;line-height:.97;margin:18px 0 16px;color:#ffdb50;-webkit-text-stroke:2px #203f58;text-shadow:0 5px 0 #ed9350,0 8px 0 #254961}.hero-copy h1>span{color:#ffbc47}.title-star{-webkit-text-stroke:0;text-shadow:none;color:#fff085}.primary{background:linear-gradient(#ffdf63,#ffb746);color:#193f5e;border:2px solid #23475a;box-shadow:0 5px 0 #b57830;border-radius:20px;padding:15px 23px;font-weight:900}.primary span{color:#244b66}.primary.large{margin:8px 0 20px;min-width:220px;border-radius:24px;font-size:17px}.primary:hover:not(:disabled){filter:brightness(1.07)}.secondary{background:#fff8d6;border:2px solid #32617a;border-radius:15px;box-shadow:0 3px 0 #32617a;font-weight:700}.hero-meta{color:#315d71;font-weight:700;font-size:11px}.hero-art{max-height:410px}.hero-art canvas{max-height:400px;object-fit:contain}.art-label{bottom:15px;color:#215772;font-weight:900;font-size:9px}.float-tag{background:#fffbb9;border:2px solid #315570;box-shadow:0 4px 0 #d0aa4b;top:12%;right:4%;color:#19435d}.float-tag b{color:#e99533}.adventure{border:3px solid #3b786c;background:#fff4c7;border-radius:32px;padding:22px 22px 14px;box-shadow:0 7px 0 #94b16a,0 16px 34px #36597716;margin:10px 0 36px}.section-heading{margin:0 4px 20px}.section-heading h2{font-size:27px;font-weight:900;color:#245268}.section-heading .eyebrow{color:#5b8967}.progress-chip{background:#fffdf0;border:2px solid #88ad79;box-shadow:0 3px 0 #a2be7b;font-weight:900;font-size:13px}.progress-chip b{color:#e99b25}.level-map{height:480px;display:block;background:#b5dc75 url('/assets/world-map.webp') center/cover;border:3px solid #4a805d;border-radius:23px;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 5px #fff7d64d;position:relative}.map-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 0 #37674188)}.map-route path{fill:none;stroke:#ffed99;stroke-width:1.2;stroke-dasharray:1 1.8;stroke-linecap:round}.map-route.mobile-route{display:none}.level-card,.level-card.selected{position:absolute;width:164px;min-height:0;height:152px;padding:10px;text-align:center;background:#fffbe6e8;border:2px solid #315b62;border-radius:26px;box-shadow:0 5px 0 #52613a66;transform:translate(-50%,-50%);transition:filter .2s,box-shadow .2s;overflow:visible}.level-card:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.03)}.level-card:active:not(:disabled){transform:translate(-50%,-48%)}.level-card.selected{border:3px solid #80582d;background:#fff4a8;box-shadow:0 5px 0 #b58134,0 0 0 5px #fff29799}.level-card:nth-of-type(1){left:12%;top:71%}.level-card:nth-of-type(2){left:30%;top:40%}.level-card:nth-of-type(3){left:50%;top:69%}.level-card:nth-of-type(4){left:69%;top:29%}.level-card:nth-of-type(5){left:87%;top:56%}.level-card .card-top{justify-content:center;font-size:9px;color:#5f7a55;font-weight:900;gap:12px}.level-icon{height:53px;margin:4px 0 2px}.level-icon svg{height:53px;width:62px}.level-card h3{font-size:12px;letter-spacing:-.2px;margin:5px 0 2px;color:#164758}.level-card .region{font-size:9px;color:#507257}.level-card .card-bottom{justify-content:center;gap:13px;margin-top:4px}.level-card .stars{font-size:19px;color:#b9c0a2;text-shadow:0 1px 0 #fff}.level-card .stars .earned{color:#f5a320;text-shadow:0 1px 0 #7b5125}.card-arrow{font-weight:bold;font-size:16px}.adventure-foot{margin:17px 5px 0;color:#386151;font-weight:700}.adventure-foot .text-btn{color:#275370;font-weight:900}footer{border-top:1px solid #8cbac355;color:#436b72}.game-top{padding:15px 0 19px}.game-top h2{font-weight:900;font-size:25px;color:#164964}.game-top .eyebrow{color:#457889}.game-top .icon-btn{background:#fff4cf;border:2px solid #2f6077;box-shadow:0 3px 0 #2f6077}.game-layout{max-width:1100px;gap:28px}.game-sidebar,.control-sidebar{background:#fff5d7;border:2px solid #609891;border-radius:24px;padding:22px 16px 18px;box-shadow:0 5px 0 #98b78f}.game-sidebar h3{font-size:16px}.board-wrap{border:6px solid #fcd75b;border-radius:28px;box-shadow:0 7px 0 #bb9450,0 13px 25px #18557630;outline:2px solid #285c73}.objective{background:#fffdf0;border:2px solid #a5c59b;border-radius:13px}.track{background:#e3e8c4;height:7px}.track>i{background:linear-gradient(90deg,#5dc995,#1ba888)}.stat-grid{margin-top:20px;gap:5px}.stat-grid b{font-size:26px;color:#15637e}.stat-grid span{font-weight:900}.combo-card{background:linear-gradient(#ffe97e,#ffd168);border:2px solid #dcb250;border-radius:16px}.combo-card>span{color:#987024}.combo-card b{color:#4e652d}.hint-card{background:#f6edc8;padding:12px;border-radius:12px;font-size:11px;margin-bottom:17px}.hint-card p{color:#657766;margin:5px 0 0}.game-sidebar>.secondary{width:100%}.aim-dial{background:#c4f0ef;border:3px solid #5aa8ac;color:#1d6380;box-shadow:0 4px 0 #9acac6;width:76px;height:76px;font-size:45px;margin:0 auto 25px}.control-sidebar label{font-weight:700}.control-sidebar .primary{font-size:17px}.control-sidebar p{color:#527a7c}.legend{gap:14px;font-weight:700}.legend .dot{width:13px;height:13px;border:1.5px solid #294e6a}.control-sidebar input{accent-color:#169892}.power-toast{background:#fff29d;color:#375b5e;border:3px solid #547576;box-shadow:0 4px 0 #d2b955;border-radius:21px}dialog{background:#fff7d8;border:3px solid #416f81;border-radius:28px;box-shadow:0 8px 0 #587257,0 25px 90px #12375166}dialog::backdrop{background:#10425d88}dialog h2{font-weight:900;color:#23576b}dialog p{color:#5c7679}dialog input:not([type=checkbox]):not([type=range]){background:#fffef2;border:2px solid #a6c7b7;border-radius:12px}.auth-tabs .active{border-bottom:3px solid #169d94}.result-icon{color:#f2aa31}.result-stars{color:#edac23;text-shadow:0 2px 0 #98652b}.mobile-controls{background:#fff7d9;border:2px solid #5d8d8d;border-radius:22px;padding:10px 14px;box-shadow:0 4px 0 #88a889;font-weight:900}.mobile-controls .primary{background:linear-gradient(#ffbe68,#ff8a4f);color:#204c64;box-shadow:0 4px 0 #aa6940}.close{color:#3b687c}#notification{background:#164e6a;color:#fff5ce;border:2px solid #c1eaba;box-shadow:0 4px 0 #19526a}
.level-icon img{display:block;max-height:100%;max-width:64px;object-fit:contain;filter:drop-shadow(0 2px 0 #334e5a22)}
@media(max-width:1100px){.app{padding:0 28px}.hero-copy h1{font-size:72px}.level-map{height:470px}.level-card,.level-card.selected{width:142px;height:144px}.level-card h3{font-size:11px}.game-layout{gap:20px}.game-sidebar,.control-sidebar{padding:18px 12px}}
@media(max-width:820px){.app{padding:0 20px}.topbar{height:78px}.hero{min-height:340px;padding:15px 0}.hero-copy h1{font-size:65px}.hero-copy p{font-size:14px}.adventure{padding:18px 14px 13px}.level-map{height:450px}.level-card,.level-card.selected{width:125px;height:137px;border-radius:22px}.level-card:nth-of-type(1){left:13%;top:75%}.level-card:nth-of-type(5){left:86%;top:62%}.level-card .region{display:none}.section-heading h2{font-size:22px}.game-sidebar{padding:17px 12px}.game-layout{gap:18px}}
@media(max-width:550px){body{background:linear-gradient(#a8e1f3,#edfaff 600px,#def0c9)}.app{padding:0 13px}.topbar{height:68px}.top-actions .icon-btn{height:34px;width:34px}.brandmark{height:34px;width:34px}.hero{display:grid;grid-template-columns:1fr;min-height:0;padding:21px 10px 0}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}.hero-copy h1{font-size:64px;letter-spacing:-4px;-webkit-text-stroke:1.6px #203f58;text-shadow:0 4px 0 #ed9350,0 6px 0 #254961;max-width:260px}.hero-copy p{font-size:13px;max-width:220px}.primary.large{font-size:15px;padding:13px 18px;min-width:185px;width:185px;margin:8px 0 15px}.hero-meta{font-size:9px;gap:12px}.hero-art{position:absolute;width:55%;right:-5px;top:79px;margin:0;pointer-events:none}.hero-art canvas{max-height:none;width:100%}.float-tag{top:4%;right:1%;font-size:9px;padding:7px;transform:rotate(10deg)}.art-label{display:none}.adventure{margin:25px 0 24px;padding:16px 10px 12px;border-radius:27px}.section-heading{margin:0 4px 14px;gap:7px}.section-heading h2{font-size:19px;max-width:190px;line-height:1.15}.section-heading .eyebrow{font-size:8px}.progress-chip{font-size:10px;padding:9px}.progress-chip b{margin-left:4px}.level-map{height:620px;background-position:center;border-radius:20px}.map-route.desktop-route{display:none}.map-route.mobile-route{display:block}.level-card,.level-card.selected{width:134px;height:129px;padding:8px;border-radius:22px}.level-card:nth-of-type(1){left:25%;top:84%}.level-card:nth-of-type(2){left:73%;top:66%}.level-card:nth-of-type(3){left:27%;top:47%}.level-card:nth-of-type(4){left:72%;top:29%}.level-card:nth-of-type(5){left:44%;top:12%;display:block;min-height:0;grid-column:auto}.level-card:last-child .level-icon{grid-row:auto;grid-column:auto}.level-card .level-icon{height:45px;margin:3px 0}.level-card .level-icon svg{height:45px}.level-card h3{font-size:11px;margin:2px 0}.level-card .card-bottom{margin-top:3px}.level-card:last-child .card-bottom{margin-top:3px}.level-card .card-top{font-size:8px}.level-card .stars{font-size:17px}.adventure-foot{font-size:9px;gap:9px;margin:14px 3px 0}.adventure-foot>span{max-width:185px}.game-top{padding:14px 0 17px}.game-top h2{font-size:17px}.game-top .eyebrow{font-size:7px;letter-spacing:1px}.game-top .secondary{padding:8px 10px;font-size:11px}.game-layout{gap:12px}.game-sidebar{background:none;box-shadow:none;border:0;padding:0}.objective{padding:9px;font-size:10px;border-color:#699f9e;min-height:50px;flex:1}.objective>div{gap:4px;white-space:normal}.objective>div>b{white-space:nowrap}.board-wrap{border-width:5px;border-radius:22px;outline-width:1.5px}#gameCanvas{max-height:calc(100svh - 270px);min-height:320px}.mobile-controls{position:sticky;bottom:12px;z-index:3;justify-content:space-between;gap:9px;font-size:11px;padding:9px 12px;margin:14px auto 25px;max-width:420px}.mobile-controls .primary{font-size:15px;padding:12px 19px;border-radius:17px;min-width:146px}footer{font-size:8px;padding:18px 2px}dialog{padding:28px 23px}.power-toast{font-size:14px;padding:14px}}
.level-card,.level-card.selected{background:transparent;border:0;box-shadow:none;padding:7px}.level-card .card-top{background:#fff9dfe6;border-radius:9px;padding:3px 6px;width:max-content;max-width:100%;margin:0 auto 4px;color:#28556a;box-shadow:0 1px 0 #447d6855}.level-card .level-icon{width:64px;height:64px;border-radius:50%;border:3px solid #335668;background:linear-gradient(#fff289,#ffbb46);box-shadow:0 4px 0 #b98233;margin:3px auto 6px;padding:8px}.level-card .level-icon img{max-height:100%;max-width:100%}.level-card.selected .level-icon{box-shadow:0 4px 0 #b98233,0 0 0 5px #fffaa1cc;background:linear-gradient(#fff5a3,#ffd057)}.level-card h3{background:#fffdebe6;padding:4px 7px;border-radius:10px;margin:2px auto;width:max-content;max-width:100%;box-shadow:0 2px 0 #5c8c6655}.level-card .region{font-weight:900;color:#204f62;text-shadow:0 1px 0 #fff8da}.level-card .stars{color:#f4f3ce;text-shadow:0 1px 0 #865d24;-webkit-text-stroke:.65px #866a39}.level-card .stars .earned{color:#ffc537}
@media(max-width:550px){.level-card:nth-of-type(5){left:25%}.level-card .level-icon{width:57px;height:57px;margin:2px auto 6px;padding:7px}.level-card h3{font-size:10px}.level-card .card-top{padding:2px 5px;margin-bottom:4px}.level-card .card-bottom{gap:7px;margin-top:5px}}
@media(max-width:360px){.level-card,.level-card.selected{width:118px;height:120px}.level-card h3{font-size:10px}.hero-copy h1{font-size:57px}.hero-art{right:-10px;width:53%}.progress-chip{font-size:9px;padding:8px}}
@media(prefers-reduced-motion:reduce){.level-card:hover:not(:disabled){transform:translate(-50%,-50%)}}