:root{--teal:#0c7b7d;--magic:#22c9c4;--coral:#f36f61;--gold:#f5c84b;--ink:#153f4b;--ivory:#fffaf0;--violet:#8d63d7;--green:#4fbf65}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#082e38;color:var(--ink);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;touch-action:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}
#game,.screen{position:absolute;inset:0}.screen{display:grid;place-items:center;overflow:hidden}.scene{position:relative;width:min(100vw,177.78vh);height:min(100vh,56.25vw);aspect-ratio:16/9;overflow:hidden;background:#9ed9c6;box-shadow:0 0 70px #001b22}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.build-badge{position:absolute;z-index:20;right:14px;top:14px;padding:8px 14px;border:2px solid #fff29a;border-radius:999px;background:#783f13e8;color:#fff7bc;box-shadow:0 0 20px #ffe05f;font-size:12px;font-weight:900;letter-spacing:.08em}
.story-font,h1{font-family:Georgia,"Times New Roman",serif}.eyebrow{font-weight:900;letter-spacing:.14em;color:var(--teal);font-size:12px}.primary{border:0;border-radius:18px;padding:13px 22px;background:linear-gradient(#34d7cc,#129e9b);color:#fff;font-weight:900;box-shadow:0 6px 0 #09686c,0 8px 18px #002d3555}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #09686c}.text-button,.skip-button{border:0;background:#ffffff20;color:#fff;border-radius:999px;padding:8px 13px;font-weight:800}

.map-screen{background:center/cover no-repeat url('assets/adventure-map.webp')}.map-shade{position:absolute;inset:0;background:linear-gradient(#032d3855,#041d2bbd)}.map-title{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(760px,92vw);text-align:center;color:#fff;text-shadow:0 3px 12px #001}.map-title .eyebrow{color:#ffe993}.map-title h1{font-size:clamp(34px,5vw,66px);line-height:.9;margin:5px}.map-title p{margin:8px;font-weight:800}.realm-path{position:relative;z-index:2;width:min(1200px,96vw);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;margin-top:19vh}.realm{min-height:175px;padding:15px 10px;text-align:center;border:2px solid #ffe9a4;border-radius:24px;background:linear-gradient(#fffdf0ed,#dcf3e8e8);box-shadow:0 14px 35px #0019;backdrop-filter:blur(5px)}.realm:nth-child(2){transform:translateY(-18px)}.realm:nth-child(3){transform:translateY(-36px)}.realm:nth-child(4){transform:translateY(-54px)}.realm:nth-child(5){transform:translateY(-72px)}.realm h2{font-family:Georgia,serif;margin:7px 0;font-size:clamp(17px,2vw,25px)}.realm .time{font-size:10px;letter-spacing:.13em;font-weight:900;color:#a05d28}.realm.locked{filter:saturate(.35);opacity:.78}.realm.unlocked{filter:none;opacity:1;box-shadow:0 0 30px #85fff0,0 14px 35px #0019}.lock{font-size:32px}.sockets{display:flex;justify-content:center;gap:12px;font-size:27px;margin:8px}.sockets i{font-style:normal;color:#8da3a4}.sockets i.earned:first-child{color:var(--gold);text-shadow:0 0 16px #fff176}.sockets i.earned:last-child{color:var(--green);text-shadow:0 0 16px #8affad}#resetProgress{position:absolute;z-index:3;right:14px;bottom:max(12px,env(safe-area-inset-bottom))}

.shrine-clock{position:absolute;left:67.25%;top:11.4%;width:21.05%;height:auto;aspect-ratio:1;border-radius:50%;touch-action:none;filter:drop-shadow(0 0 14px #ffe375aa)}.lesson-screen{background:#082e38}.lesson-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 31%,#fff28224,transparent 23%)}.tiko-sprite{position:absolute;width:10.8%;aspect-ratio:381/825;background-image:url('assets/tiko-sprites.webp');background-repeat:no-repeat;background-size:500% 100%;filter:drop-shadow(0 8px 7px #17301577);transform-origin:50% 100%}.frame-idle{background-position:0 0}.frame-run{background-position:25% 0}.frame-think{background-position:50% 0}.frame-celebrate{background-position:75% 0}.frame-attack{background-position:100% 0}.lesson-scene .tiko-sprite{left:19%;bottom:5.2%}.story-ribbon{position:absolute;z-index:4;left:2.2%;top:5%;width:min(47%,730px);min-height:22%;display:flex;align-items:center;justify-content:center;padding:22px 80px 22px 28px;border:3px solid #d7a83a;border-radius:32% 18% 30% 16%/25% 30% 22% 34%;background:linear-gradient(145deg,#fffdf4f5,#fff6daed);box-shadow:inset 0 0 28px #fff,0 12px 30px #47300d55}.story-ribbon p{font-size:clamp(26px,3.4vw,58px);line-height:1.02;text-align:center;margin:0;color:#064f59;text-shadow:0 1px #fff,0 2px #d6aa45}.story-ribbon p.teaching-font{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;font-weight:900}.continue-star{position:absolute;right:14px;bottom:12px;width:58px;height:58px;border:0;background:transparent;color:var(--gold);font-size:50px;line-height:1;filter:drop-shadow(0 0 8px #fff59b);animation:pulse 1.4s ease-in-out infinite}.continue-star:disabled{filter:grayscale(1);opacity:.45;animation:none}.lesson-feedback{position:absolute;z-index:4;left:50%;bottom:3%;transform:translateX(-50%);max-width:70%;padding:8px 15px;border-radius:999px;background:#173f4bdc;color:#fff;font-weight:900;opacity:0;transition:.25s}.lesson-feedback.show{opacity:1}.skip-button{position:absolute;z-index:5;right:12px;bottom:12px}.clock-highlight-hour{filter:drop-shadow(0 0 25px var(--coral))}.clock-highlight-minute{filter:drop-shadow(0 0 25px var(--magic))}

.adventure-screen{background:#082e38}.adventure-scene{isolation:isolate}.adventure-scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 90px #0b4e4f30}.adventure-scene .tiko-sprite{z-index:5;left:5%;bottom:8%;transition:filter .2s}.adventure-scene .tiko-sprite.hurt{filter:drop-shadow(0 0 18px #ff5d57) saturate(.5)}#actionCanvas{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.flower-sprite{position:absolute;z-index:3;width:10.8%;aspect-ratio:683/768;background:url('assets/flower-sprites.webp') 0 0/300% 100% no-repeat;transform-origin:50% 100%;filter:drop-shadow(0 8px 7px #243b1d88);transition:opacity .45s,transform .45s}.flower-sprite.attack{background-position:100% 0}.flower-sprite.charging{background-position:50% 0}.flower-sprite.defeated{opacity:0;transform:scale(.2) rotate(35deg)}.flower-1{left:48%;bottom:13%}.flower-2{left:66%;bottom:17%}.flower-3{left:81%;bottom:14%}.artefact-sprite{position:absolute;z-index:2;border:0;background-color:transparent;background-image:url('assets/artefact-sprites.webp');background-repeat:no-repeat;background-size:500% 100%;filter:drop-shadow(0 7px 7px #18331888);transition:.4s}.warp{width:8.3%;aspect-ratio:434/724;background-position:0 0;animation:warpGlow 2s ease-in-out infinite}.warp.collected{opacity:0;transform:translateY(-45px) scale(.25)}.warp-1{left:35%;bottom:12%}.warp-2{left:59%;bottom:14%}.warp-3{left:76%;bottom:11%}.bow{left:77%;bottom:7%;width:10%;aspect-ratio:434/724;background-position:75% 0;transform:rotate(68deg)}.hud{position:absolute;z-index:10;top:max(9px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.hud span{padding:7px 11px;border:1px solid #fff9;border-radius:999px;background:#143f4be3;color:#fff;font-size:clamp(11px,1.3vw,15px);font-weight:900;box-shadow:0 5px 14px #0016}.quest-banner{position:absolute;z-index:10;top:14%;left:50%;transform:translateX(-50%);max-width:80%;padding:10px 18px;border-radius:18px;background:#143f4be8;color:#fff6ae;border:2px solid #fff9;text-align:center;font-weight:900;opacity:0;transition:.3s}.quest-banner.show{opacity:1}.touch-controls{position:absolute;z-index:12;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:7px;align-items:end;pointer-events:none}.touch-controls button{pointer-events:auto;width:58px;height:58px;border:2px solid #fff9;border-radius:18px;background:#143f4bc9;color:#fff;font-size:25px;font-weight:900}.touch-controls .attack-button{margin-left:auto;width:76px;height:76px;border-radius:50%;background:linear-gradient(#ffe86e,#e99b3d);color:#694013;font-size:37px}.star-burst{position:absolute;z-index:20;left:50%;top:45%;transform:translate(-50%,-50%) scale(.2);opacity:0;color:#ffe667;font-size:clamp(28px,5vw,72px);text-shadow:0 0 15px #fff,0 0 28px #ffd343;pointer-events:none}.star-burst.show{animation:starBurst .95s ease-out}

.field-screen{background:#0b5263}.field-scene{isolation:isolate}.field-scene:after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #7d5b1540}.field-scene .tiko-sprite{z-index:6;left:5%;bottom:27%;transition:filter .2s}.field-scene .tiko-sprite.hurt{filter:drop-shadow(0 0 18px #ff5d57) saturate(.5)}#fieldCanvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.field-target{left:27%;bottom:27%;width:9%;filter:drop-shadow(0 0 18px #fff08b) drop-shadow(0 7px 6px #31501b99);animation:targetCall 1.2s ease-in-out infinite}.field-target.defeated{animation:none;opacity:0;transform:scale(.2) rotate(35deg)}.sun-checkpoint{position:absolute;z-index:4;bottom:27%;width:8%;aspect-ratio:1;border:3px solid #fff3a0;border-radius:50%;display:grid;place-items:center;color:#fff8b3;background:radial-gradient(circle,#fff9b5 0 10%,#f8c83eb8 25%,#b96b1822 68%,transparent 70%);filter:drop-shadow(0 0 15px #ffe354);opacity:.45;transition:.35s;pointer-events:none}.sun-checkpoint i{font-style:normal;font-size:clamp(23px,4vw,56px);text-shadow:0 0 16px #fff}.checkpoint-1{left:40%}.checkpoint-2{left:61%}.checkpoint-3{left:81%}.sun-checkpoint.active{opacity:1;animation:sunstoneWarning .55s ease-in-out infinite}.sun-checkpoint.safe{opacity:1;color:#caffbd;background:radial-gradient(circle,#f8ffc4,#6de69b99 35%,transparent 70%);filter:drop-shadow(0 0 18px #8dffb1)}.sun-checkpoint.collapsed{opacity:.15;transform:translateY(110px) rotate(18deg);filter:grayscale(.8)}.field-hud span{background:#285d63e8}.field-objective{background:linear-gradient(100deg,#7a531be8,#16827bdc)}.field-controls .bow-button{background:linear-gradient(#fff092,#e99b3d);color:#65400e}.field-controls .bow-button.spotlight{animation:attack-call 900ms ease-in-out infinite;outline:5px solid #fff5a0aa}.sunlit-scroll{background:radial-gradient(circle at 50% 8%,#fff 0 2%,transparent 30%),linear-gradient(110deg,#f1d57d,#fff9d4 8% 92%,#e4b13d);box-shadow:inset 0 0 42px #b16d1738,0 22px 60px #001b,0 0 38px #fff07b99}.question-timer{grid-column:2;height:18px;position:relative;overflow:hidden;border:2px solid #d29b31;border-radius:999px;background:#4a321f22}.question-timer span{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#2dcac0,#ffe56a,#f36f61);transition:width .1s linear}.question-timer b{position:absolute;inset:0;display:grid;place-items:center;color:#173f4b;font-size:11px}
.vine-lantern-boss{position:absolute;z-index:4;right:-2%;bottom:19%;width:29%;aspect-ratio:1353/1162;background:center/contain no-repeat url('assets/vine-lantern-boss.webp');transform-origin:55% 90%;filter:drop-shadow(0 14px 12px #25370d88);transition:filter .25s,transform .35s,opacity .6s;animation:bossBreathe 2.2s ease-in-out infinite}.vine-lantern-boss.open{filter:drop-shadow(0 0 25px #fff07a) drop-shadow(0 0 48px #2dfff0);animation:bossOpen .7s ease-in-out infinite}.vine-lantern-boss.hit{transform:translateX(18px) rotate(3deg);filter:drop-shadow(0 0 34px #fff)}.vine-lantern-boss.defeated{opacity:0;transform:translateY(120px) scale(.55) rotate(8deg);filter:grayscale(.6)}#bossMeter b{color:#ffe66f;letter-spacing:.12em;text-shadow:0 0 10px #fff38a}.action-spacer{margin-left:auto}.field-controls .attack-button{margin-left:0}.field-controls .field-spike-button{background:linear-gradient(#89fff1,#169f9c);color:#15464a}.field-controls .field-spike-button.spotlight{animation:attack-call 700ms ease-in-out infinite;outline:5px solid #fff5a0aa}.reward-scroll{width:min(720px,92%);padding-top:25px}.sunbeam-reward{display:block;width:min(430px,72%);max-height:230px;object-fit:contain;margin:-12px auto -8px;filter:drop-shadow(0 0 22px #fff27d)}
.shadow-screen{background:#18223d}.shadow-scene{isolation:isolate}.shadow-scene:after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #09051c88}.shadow-scene .tiko-sprite{z-index:6;left:5%;bottom:24%;transition:filter .2s}.shadow-scene .tiko-sprite.hurt{filter:drop-shadow(0 0 18px #ec72ff) saturate(.55)}#shadowCanvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.shadow-seal{position:absolute;z-index:6;bottom:33%;width:6.5%;aspect-ratio:1;display:grid;place-items:center;border:3px solid #a66fe2;border-radius:50%;background:radial-gradient(circle,#271840 0 30%,#5b317acb 55%,#140b2ecc 70%);color:#d9a9ff;box-shadow:0 0 18px #9f63da;animation:shadowSealPulse 1.4s ease-in-out infinite;transition:.5s}.shadow-seal i{font:900 clamp(22px,3vw,44px) Georgia;font-style:normal}.seal-1{left:27%}.seal-2{left:51%}.seal-3{left:74%}.shadow-seal.lit{color:#fff5a1;border-color:#ffe77a;background:radial-gradient(circle,#fff5a1,#f3b13ca8 45%,transparent 72%);box-shadow:0 0 30px #ffe266;animation:none}.tree-gate{position:absolute;z-index:4;bottom:20%;width:5%;height:31%;border-radius:45% 45% 28% 28%;background:linear-gradient(90deg,#24142f,#725038 45%,#21102c);box-shadow:inset 8px 0 #9e724366,inset -8px 0 #130a18aa,0 0 18px #12091a;transform-origin:50% 0;animation:treeGateSway 1.8s ease-in-out infinite;transition:transform .75s ease-in,opacity .6s}.tree-gate:before,.tree-gate:after{content:"";position:absolute;bottom:-8%;width:70%;height:24%;border-radius:70% 20%;background:#2b1733}.tree-gate:before{left:-45%;transform:rotate(-24deg)}.tree-gate:after{right:-45%;transform:rotate(24deg)}.gate-1{left:34%}.gate-2{left:58%}.gate-3{left:81%}.tree-gate.open{transform:translateY(-115%) rotate(8deg);opacity:.2;animation:none}.shadow-clocktree-boss{position:absolute;z-index:4;right:-1%;bottom:17%;width:30%;aspect-ratio:1312/1199;background:center/contain no-repeat url('assets/shadow-clocktree-boss.webp');transform-origin:55% 90%;filter:drop-shadow(0 15px 14px #0d071888);animation:shadowBossBreathe 2.2s ease-in-out infinite;transition:.5s}.shadow-clocktree-boss.open{filter:drop-shadow(0 0 35px #ffd75c) drop-shadow(0 0 55px #8fefff);animation:shadowBossOpen .7s ease-in-out infinite}.shadow-clocktree-boss.hit{transform:translateX(18px) rotate(3deg);filter:drop-shadow(0 0 40px #fff)}.shadow-clocktree-boss.defeated{opacity:0;transform:translateY(130px) scale(.5) rotate(-7deg);filter:grayscale(.7)}.shadow-hud span{background:#211c42e8}.shadow-objective{background:linear-gradient(100deg,#281743eb,#9a4b30dc)}.shadow-controls .attack-button{margin-left:0}.shadow-controls .sunbeam-button{background:linear-gradient(#fff09c,#e58c35);color:#55320c}.shadow-controls .shadow-spike-button{background:linear-gradient(#8affee,#1b8e99);color:#113e48}.shadow-controls .shadow-spike-button.spotlight{animation:attack-call 700ms ease-in-out infinite;outline:5px solid #fff5a0aa}.shadow-scroll{background:radial-gradient(circle at 50% 8%,#fff 0 2%,transparent 30%),linear-gradient(110deg,#c7a2d5,#fff3d1 10% 90%,#ce7842);box-shadow:inset 0 0 42px #5b26643b,0 22px 60px #001b,0 0 38px #efad7299}.dusk-compass-reward{display:block;width:min(270px,48%);max-height:240px;object-fit:contain;margin:-8px auto -4px;filter:drop-shadow(0 0 24px #ffcf67)}#shadowBossMeter b{color:#ffdc74;letter-spacing:.12em;text-shadow:0 0 10px #fff38a}

.modal{position:absolute;z-index:50;inset:0;display:grid;place-items:center;padding:12px;background:#062732d9;backdrop-filter:blur(7px)}.question-card{width:min(820px,96vw);max-height:96vh;overflow:auto;display:grid;grid-template-columns:minmax(240px,390px) 1fr;grid-template-rows:auto auto auto 1fr auto;gap:7px 18px;align-items:center;padding:17px;border:4px solid #ffe58d;border-radius:30px;background:linear-gradient(145deg,#fffdf4,#e5f6ed);box-shadow:0 25px 75px #001a}.question-card canvas{grid-column:1;grid-row:1/6;width:100%;aspect-ratio:1;border-radius:50%;touch-action:none;filter:drop-shadow(0 0 17px #ffda61)}.question-card .eyebrow,.question-card h2,.question-feedback,.answer-choices,.question-card .primary{grid-column:2}.question-card h2{font-family:Georgia,serif;font-size:clamp(25px,4vw,42px);line-height:1.05;margin:5px;text-align:center}.question-feedback{min-height:48px;margin:2px;text-align:center;font-weight:900;color:#8b3c2d}.answer-choices{display:grid;gap:7px}.answer-choices button{border:2px solid #d5ad45;border-radius:15px;padding:12px;background:#fff;color:var(--ink);font-weight:900}.answer-choices button.selected{background:#d5fff5;outline:3px solid var(--magic)}

.castle-screen{background:#111b3c}.castle-scene,.nexus-scene{isolation:isolate}.castle-scene:after,.nexus-scene:after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #080b2a88}.castle-scene .tiko-sprite,.nexus-scene .tiko-sprite{z-index:6;left:5%;bottom:17%}#castleCanvas,#nexusCanvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.pendulum-knight{position:absolute;z-index:4;right:1%;bottom:12%;width:25%;height:69%;background:center/contain no-repeat url('assets/pendulum-knight.webp');filter:drop-shadow(0 12px 10px #061334aa);transition:.4s}.pendulum-knight.open{filter:drop-shadow(0 0 32px #fff075) drop-shadow(0 0 48px #55fff0)}.pendulum-knight.hit{transform:translateX(18px) rotate(2deg);filter:drop-shadow(0 0 38px #fff)}.pendulum-knight.defeated,.midnight-dragon.defeated{opacity:0;transform:translateY(120px) scale(.5)}.castle-hud span{background:#171b52e8}.castle-objective{background:linear-gradient(100deg,#151b50ed,#8a552bdc)}.castle-controls .attack-button,.nexus-controls .attack-button{margin-left:0}.castle-bow-button,.nexus-bow-button{background:linear-gradient(#fff09c,#d88a34)!important;color:#51320d!important}.castle-spike-button,.nexus-spike-button{background:linear-gradient(#8affee,#1b8e99)!important;color:#113e48!important}.castle-scroll{background:linear-gradient(120deg,#b7b9dc,#fff5d2 12% 88%,#8d78be)}.minute-key-reward{font-size:110px;filter:drop-shadow(0 0 24px #ffe36d);animation:pulse 1.4s infinite}.nexus-screen{background:#100b35}.midnight-dragon{position:absolute;z-index:4;right:-1%;bottom:15%;width:38%;height:62%;background:center/contain no-repeat url('assets/midnight-clockwork-dragon.webp');filter:drop-shadow(0 14px 14px #14052eaa);transition:.45s}.midnight-dragon.open{filter:drop-shadow(0 0 35px #fff07a) drop-shadow(0 0 55px #a86cff)}.midnight-dragon.hit{transform:translateX(20px) rotate(2deg);filter:drop-shadow(0 0 42px #fff)}.nexus-hud span{background:#241451e8}.nexus-objective{background:linear-gradient(100deg,#241451ed,#9a4168dc)}.nexus-scroll{background:linear-gradient(120deg,#ac9bd5,#fff0c9 12% 88%,#a55779)}.compass-button{background:linear-gradient(#dca7ff,#734aaa)!important;color:#fff!important;width:86px!important}.final-reward{font-size:70px;color:#ffe76e;text-shadow:0 0 20px #fff,0 0 35px #a76cff}.castle-spike-button.spotlight,.nexus-spike-button.spotlight,.compass-button.spotlight{animation:attack-call 700ms ease-in-out infinite;outline:5px solid #fff5a0aa}

.complete-screen{z-index:60;background:linear-gradient(#06293488,#062934e8),center/cover url('assets/clock-garden-bg.webp')}.complete-card{width:min(620px,92vw);padding:24px;text-align:center;border:4px solid #ffe68d;border-radius:34px;background:#fffaf0ed;box-shadow:0 30px 90px #001b}.complete-card h1{font-size:clamp(34px,6vw,62px);line-height:.95;margin:8px;color:var(--teal)}.reward-star{font-size:90px;color:var(--gold);filter:drop-shadow(0 0 18px #fff07c);animation:pulse 1.5s infinite}.big-sockets{display:flex;justify-content:center;gap:30px;font-size:58px}.big-sockets i{font-style:normal}.big-sockets i:first-child{color:var(--gold)}.big-sockets i:last-child{color:var(--green)}

@keyframes pulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 18px #fff59b)}}@keyframes warpGlow{50%{transform:translateY(-4px);filter:drop-shadow(0 0 18px #59fff1)}}@keyframes starBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes targetCall{50%{transform:scale(1.08);filter:drop-shadow(0 0 28px #fff08b) drop-shadow(0 7px 6px #31501b99)}}@keyframes sunstoneWarning{50%{transform:translateY(4px) rotate(-2deg);filter:drop-shadow(0 0 28px #ffdf47)}}@keyframes bossBreathe{50%{transform:translateY(-5px) scale(1.015)}}@keyframes bossOpen{50%{transform:scale(1.045);filter:drop-shadow(0 0 38px #fff07a) drop-shadow(0 0 58px #2dfff0)}}@keyframes shadowSealPulse{50%{transform:scale(1.08);box-shadow:0 0 34px #c787ff}}@keyframes treeGateSway{50%{transform:rotate(2deg)}}@keyframes shadowBossBreathe{50%{transform:translateY(-5px) scale(1.015)}}@keyframes shadowBossOpen{50%{transform:scale(1.04);filter:drop-shadow(0 0 42px #ffd75c) drop-shadow(0 0 60px #8fefff)}}
.health-status{display:flex!important;align-items:center;gap:8px;min-width:clamp(220px,20vw,280px)}.health-track{display:block;width:clamp(88px,9vw,130px);height:14px;overflow:hidden;border:2px solid #fff3a0;border-radius:999px;background:#311d24}.health-track i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#ef5b51,#f4d64d 45%,#49d37a);transition:width .35s ease}.hud{align-items:center}.hud span{display:inline-flex;align-items:center;gap:5px;min-height:29px}.hud-tool,.hud-progress,.hud-boss{white-space:nowrap}.hud-boss b{letter-spacing:.12em}.health-rescue-scroll{box-shadow:inset 0 0 42px #8d591c3b,0 22px 60px #001b,0 0 44px #62fff1}.adventure-scene .tiko-sprite.acid-hit{animation:tikoAcidShake .13s linear infinite;filter:drop-shadow(0 0 22px #baff42) saturate(.65)}.touch-controls .attack-button{border-radius:24% 24% 42% 42%;clip-path:polygon(50% 0,88% 18%,100% 55%,76% 100%,24% 100%,0 55%,12% 18%);background:linear-gradient(145deg,#fff39b,#d99a31 55%,#8c531a);box-shadow:0 0 18px #fff18a,0 7px 0 #6a3b18}.frame-idle{animation:tikoBreathe 2.2s ease-in-out infinite}.frame-run{animation:tikoRun .32s ease-in-out infinite alternate}.frame-celebrate{animation:tikoCelebrate .7s ease-in-out infinite alternate}.tiko-sprite.jumping{translate:0 -4px;rotate:-3deg}.tiko-sprite.armed,.tiko-sprite.bow-firing{width:14.2%;aspect-ratio:600/760;background-image:url('assets/tiko-bow-ready-v3.webp');background-size:contain;background-position:center bottom}.tiko-sprite.bow-firing{animation:tikoBowFire .48s steps(1,end) both}.tiko-sprite.ducking{width:11.2%;aspect-ratio:600/740;background-image:url('assets/tiko-duck-v2.webp');background-size:contain;background-position:center bottom;animation:none;translate:0 5%}
.sun-mote{position:absolute;z-index:6;width:8%;height:auto;filter:drop-shadow(0 0 22px #ffe16b);animation:sunMoteFloat 1.5s ease-in-out infinite;transition:.35s}.mote-1{left:14.5%;top:45%}.mote-2{left:38.5%;top:43%}.mote-3{left:62.5%;top:45%}
.castle-pendulum{position:absolute;z-index:5;top:-4%;width:12.5%;height:65%;object-fit:contain;object-position:50% 0;transform-origin:50% 3%;filter:drop-shadow(0 8px 10px #030823aa) drop-shadow(0 0 12px #57ccff66);transition:opacity .35s}.pendulum-1{left:26%;animation:pendulumSwing 2.1s ease-in-out infinite alternate}.pendulum-2{left:50%;animation:pendulumSwing 2.1s -1.05s ease-in-out infinite alternate}.pendulum-3{left:73%;animation:pendulumSwing 2.1s -.55s ease-in-out infinite alternate}
.nexus-compass-artefact{position:absolute;z-index:6;left:43%;bottom:18%;width:10%;height:auto;filter:drop-shadow(0 0 18px #dca7ff) drop-shadow(0 8px 8px #080221aa);animation:compassHover 2s ease-in-out infinite;transition:.3s}.nexus-compass-artefact.active{width:12%;filter:drop-shadow(0 0 34px #fff279) drop-shadow(0 0 55px #b56dff);animation:compassActive .7s ease-in-out infinite alternate}
@keyframes tikoAcidShake{0%,100%{translate:-4px 0;rotate:-2deg}50%{translate:4px -2px;rotate:2deg}}@keyframes tikoBreathe{50%{scale:1.018 .985;translate:0 2px}}@keyframes tikoRun{to{translate:0 -5px;rotate:1.5deg}}@keyframes tikoCelebrate{to{translate:0 -8px;scale:1.035}}@keyframes tikoBowFire{0%,24%{background-image:url('assets/tiko-bow-ready-v3.webp')}25%,49%{background-image:url('assets/tiko-bow-draw-v3.webp')}50%,74%{background-image:url('assets/tiko-bow-release-v3.webp')}75%,100%{background-image:url('assets/tiko-bow-follow-v3.webp')}}@keyframes sunMoteFloat{50%{translate:0 -10px;rotate:4deg;filter:drop-shadow(0 0 34px #fff4a3)}}@keyframes pendulumSwing{from{rotate:-24deg}to{rotate:24deg}}@keyframes compassHover{50%{translate:0 -8px;rotate:3deg}}@keyframes compassActive{to{scale:1.08;rotate:6deg}}
@media(max-width:780px){.realm-path{grid-template-columns:repeat(5,170px);overflow-x:auto;justify-content:start;padding:20px;margin-top:20vh}.realm{min-height:150px}.realm:nth-child(n){transform:none}.story-ribbon{width:58%;min-height:20%;padding:14px 58px 14px 18px}.continue-star{width:46px;height:46px;font-size:40px}.question-card{grid-template-columns:1fr;gap:4px;padding:10px}.question-card canvas{grid-column:1;grid-row:auto;width:min(56vw,240px);margin:auto}.question-card .eyebrow,.question-card h2,.question-feedback,.answer-choices,.question-card .primary,.question-timer{grid-column:1}.question-card h2{font-size:24px}.touch-controls button{width:52px;height:52px}.touch-controls .attack-button{width:66px;height:66px}.sun-checkpoint{bottom:28%}}
@media(pointer:fine) and (min-width:900px){.touch-controls{opacity:.68}.touch-controls:hover{opacity:1}}
@media(orientation:portrait){body:after{content:"Turn your device sideways for Tiko's adventure";position:fixed;z-index:100;left:50%;bottom:8px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:#082e38e8;color:#fff7b5;font-size:11px;font-weight:900;white-space:nowrap}}

@media(max-width:780px){.hud{gap:4px}.hud span{padding:5px 8px;font-size:10px;min-height:26px}.health-status{min-width:190px;gap:5px}.health-track{width:72px;height:11px}.tiko-sprite.ducking{width:11.2%}}