:root{--purple:#6e4ce6;--violet:#2d185c;--deep:#150c35;--gold:#ffd44d;--mint:#74f0bd;--ink:#fff;--card:#fffdf4;--text:#302052;--pink:#ef6da8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#140b32;color:var(--ink);font-family:"Trebuchet MS",system-ui,sans-serif}body{min-height:100svh;background:radial-gradient(circle at 50% 20%,#6b3db5 0,#2b175e 38%,#120a2e 100%);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.app{min-height:100svh;position:relative;overflow:hidden}.app:before,.app:after{content:"";position:fixed;z-index:0;width:180px;height:360px;top:14%;background:linear-gradient(90deg,#38206f,#1b0d3e);border-radius:50%;filter:drop-shadow(0 0 30px #8f58ff44)}.app:before{left:-125px}.app:after{right:-125px}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 18px 0;pointer-events:none}.topbar>*{pointer-events:auto}.back,.icon-button{min-height:46px;border:1px solid #ffffff38;border-radius:16px;color:#fff;background:#1c1049bb;backdrop-filter:blur(10px);text-decoration:none;font-weight:800;display:flex;align-items:center;gap:8px;padding:0 15px}.icon-button{width:48px;justify-content:center;padding:0;font-size:20px}main{position:relative;z-index:1}.screen{display:none;min-height:100svh}.screen.active{display:flex}.home-screen{padding:80px 20px 30px;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 31%,#bb78ff33 0 13%,transparent 34%)}.home-stars{color:#f7d866;font-size:23px;letter-spacing:8px;animation:twinkle 2s infinite}.logo-dragon{font-size:clamp(84px,18vw,150px);filter:drop-shadow(0 12px 18px #09051d99);animation:float 3s ease-in-out infinite}.eyebrow{margin:8px 0;color:var(--mint);font-size:12px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.home-screen h1{margin:0;text-transform:uppercase;font-size:clamp(48px,12vw,94px);line-height:.86;letter-spacing:-.07em;text-shadow:0 6px 0 #1b0c44,0 0 32px #bd8bff}.home-screen h1 span{display:block;color:var(--gold)}.tagline{margin:20px 0 22px;color:#e9ddff;font-size:clamp(17px,4vw,23px);line-height:1.4;font-weight:700}.home-actions{display:grid;gap:11px;width:min(100%,360px)}.primary,.secondary{min-height:54px;border:0;border-radius:17px;font-weight:900;letter-spacing:.06em;transition:.18s transform,.18s filter}.primary{color:#3a2155;background:linear-gradient(#ffe66d,#f7b82e);box-shadow:0 7px 0 #b76a20,0 10px 22px #0005}.secondary{color:#fff;background:#ffffff15;border:2px solid #aa8bff;box-shadow:0 5px 0 #1d0e46}.primary:hover,.secondary:hover,.primary:focus-visible,.secondary:focus-visible{transform:translateY(-2px);filter:brightness(1.08);outline:3px solid white;outline-offset:3px}.records{margin-top:27px;width:min(100%,470px);display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.records div{padding:12px 7px;border:1px solid #ffffff26;border-radius:18px;background:#140b33aa}.records span,.records b,.records small{display:block}.records span{font-size:21px}.records b{margin:2px;font-size:21px}.records small{color:#c8b8ed;font-size:10px;text-transform:uppercase;font-weight:800}.game-screen{max-width:1000px;margin:auto;padding:72px 12px 18px;flex-direction:column}.game-hud{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-copy{display:grid}.progress-copy b{font-size:16px}.progress-copy span{color:#c8b6f8;font-size:12px}.hud-values{display:flex;gap:8px}.hud-values span{padding:8px 10px;border-radius:12px;background:#140c37;border:1px solid #ffffff24}.progress-track{height:8px;margin:8px 0 11px;overflow:hidden;border-radius:9px;background:#10082d}.progress-track i{display:block;width:10%;height:100%;background:linear-gradient(90deg,var(--mint),#f5e456);transition:width .3s}.cave-scene{position:relative;min-height:260px;overflow:hidden;border:2px solid #8e62d84c;border-radius:25px 25px 14px 14px;background:radial-gradient(ellipse at 50% 100%,#6141a6 0,#271453 55%,#10082b 100%);box-shadow:inset 0 -20px 50px #130a34,0 14px 26px #09051b66}.cave-scene:before{content:"✦　·　✧　　　　·　✦";position:absolute;left:10%;right:10%;top:28%;color:#d6aaff;font-size:19px;opacity:.65;animation:twinkle 2.4s infinite}.energy-wrap{position:absolute;z-index:7;top:12px;left:14px;width:min(57%,290px);padding:9px 11px;border-radius:13px;background:#10082dcc;font-size:12px}.energy-wrap>span{font-weight:800}.energy-wrap>b{float:right}.energy-track{clear:both;height:10px;margin-top:5px;border:2px solid #ffffff3b;border-radius:10px;background:#190d3c;overflow:hidden}.energy-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#55dfaa,#bcf57c);transition:width .5s}.crystal{position:absolute;bottom:0;width:27px;height:72px;background:linear-gradient(135deg,#b587ff,#5635c7);clip-path:polygon(50% 0,100% 30%,84% 100%,15% 100%,0 30%);filter:drop-shadow(0 0 12px #a76dff)}.c1{left:7%;transform:rotate(-9deg)}.c2{right:7%;height:53px;transform:rotate(12deg)}.mushroom{position:absolute;bottom:5px;width:24px;height:35px;border-radius:50% 50% 5px 5px;background:radial-gradient(circle,#fff 0 8%,transparent 9%),#ed78bb;box-shadow:0 0 18px #e95fb4}.m1{left:20%}.m2{right:19%;transform:scale(.7)}.dragon{position:absolute;z-index:4;left:50%;bottom:12px;width:180px;height:190px;transform:translateX(-50%);animation:breathe 2.6s ease-in-out infinite}.dragon .body{position:absolute;left:43px;bottom:0;width:96px;height:119px;border-radius:49% 51% 38% 42%;background:#7b50dc;box-shadow:inset -13px -6px #5431b6}.belly{position:absolute;left:27px;top:21px;width:47px;height:90px;border-radius:50%;background:repeating-linear-gradient(#f2c967 0 14px,#dca646 15px 17px)}.head{position:absolute;z-index:4;left:31px;top:11px;width:123px;height:88px;border-radius:52% 48% 47% 47%;background:#8459e7;box-shadow:inset -10px -8px #5937bd}.horn{position:absolute;top:-17px;width:24px;height:37px;background:#f3d57a;clip-path:polygon(50% 0,100% 100%,0 100%)}.h1{left:20px;transform:rotate(-17deg)}.h2{right:20px;transform:rotate(17deg)}.eye{position:absolute;top:29px;width:21px;height:24px;border-radius:50%;background:#fff}.eye:after{content:"";position:absolute;left:8px;top:8px;width:7px;height:9px;border-radius:50%;background:#281547}.e1{left:26px}.e2{right:26px}.snout{position:absolute;left:39px;bottom:4px;width:51px;height:30px;border-radius:50%;background:#aa78ee}.snout:before,.snout:after{content:"";position:absolute;top:9px;width:5px;height:5px;border-radius:50%;background:#4a2b83}.snout:before{left:13px}.snout:after{right:13px}.wing{position:absolute;z-index:-1;top:75px;width:73px;height:77px;background:#a57af2;clip-path:polygon(100% 15%,44% 0,0 40%,43% 44%,6% 91%,61% 68%,78% 100%)}.wing.left{left:0;transform:scaleX(-1)}.wing.right{right:0}.tail{position:absolute;right:2px;bottom:11px;width:90px;height:31px;border-radius:50%;border-bottom:17px solid #6540cc;transform:rotate(19deg)}.arm{position:absolute;top:48px;width:42px;height:15px;border-radius:18px;background:#7047d3}.a1{left:-23px;transform:rotate(32deg)}.a2{right:-23px;transform:rotate(-32deg)}.chest{position:absolute;z-index:3;right:13%;bottom:16px;width:94px;height:73px;filter:drop-shadow(0 7px 8px #080318)}.chest-lid{position:absolute;width:94px;height:35px;border:6px solid #713715;border-radius:46px 46px 5px 5px;background:#f6b82f;transform-origin:bottom;transition:transform .8s}.chest-base{position:absolute;bottom:0;width:94px;height:43px;border:6px solid #713715;border-radius:4px 4px 14px 14px;background:linear-gradient(90deg,#e89821,#ffd355,#e89821)}.chest-base i{position:absolute;left:35px;top:-6px;width:18px;height:21px;border-radius:4px;background:#fff079;border:4px solid #713715}.chest.open .chest-lid{transform:translateY(-12px) rotate(-22deg)}.challenge-card{position:relative;margin-top:-1px;padding:15px clamp(13px,4vw,28px) 18px;border-radius:12px 12px 25px 25px;color:var(--text);background:var(--card);box-shadow:0 14px 30px #09051d88;text-align:center}.prompt-line{display:flex;align-items:center;justify-content:center;gap:10px}.prompt-line h2{margin:0;font-size:clamp(18px,4vw,26px)}.replay{min-width:48px;height:48px;border:0;border-radius:15px;background:#e8dcff;font-size:21px}.word-display{min-height:70px;margin:12px 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:clamp(27px,7vw,45px);font-weight:900;letter-spacing:.08em;color:#3d266d}.slot,.letter-box{display:grid;place-items:center;min-width:43px;height:55px;padding:0 5px;border-radius:11px;background:#f0e9ff;border:2px solid #c5acee}.slot.blank{color:#8059d2;border-style:dashed;background:#fff}.answer-area{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.answer{min-width:68px;min-height:52px;padding:8px 15px;border:2px solid #b79be7;border-radius:15px;color:#3e266f;background:#fff;font-size:22px;font-weight:900;box-shadow:0 4px 0 #d5c6ed}.answer:hover,.answer:focus-visible{transform:translateY(-2px);outline:3px solid #6b4dd0}.feedback{min-height:24px;margin:13px 0 0;color:#67567c;font-weight:800}.feedback.good{color:#08764f}.feedback.try{color:#9a4d10}.build-slots,.build-tiles{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.build-slot{width:43px;height:51px;border:2px dashed #9b7aca;border-radius:10px;background:#f4effc;font-size:22px;font-weight:900}.build-slot.filled{border-style:solid;color:#462774;background:#dfd2fa}.build-tiles{margin-top:12px}.tile{width:48px;height:50px;border:0;border-radius:11px;color:#33215e;background:linear-gradient(#fff,#dfd2fb);box-shadow:0 4px 0 #9b82ca;font-size:22px;font-weight:900}.tile.used{opacity:.25;pointer-events:none}.build-actions{margin-top:12px;display:flex;justify-content:center;gap:10px}.build-actions[hidden]{display:none}.small{min-height:45px;padding:0 20px}.magic-layer{position:absolute;z-index:10;inset:0;pointer-events:none}.magic-layer.cast:after{content:"✦ ✨ ✦";position:absolute;left:19%;top:60%;color:#fff36d;font-size:34px;text-shadow:0 0 12px #fff;animation:beam .8s forwards}.dragon.hit{animation:dragonHit .7s}.dragon.hint .head{animation:nod .55s}.dragon.tired{filter:saturate(.8)}.victory-screen{padding:76px 20px 35px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#7042b9 0,#26134f 52%,#10082b)}.victory-dragon{font-size:84px;animation:wave 1.4s infinite}.victory-screen h2{margin:4px 0;color:var(--gold);font-size:clamp(38px,9vw,70px);line-height:.95;text-transform:uppercase;text-shadow:0 5px #39165d}.big-chest{margin:16px 0 0;font-size:33px}.big-chest span{font-size:80px}.star-result{font-size:clamp(36px,9vw,58px);letter-spacing:5px;filter:drop-shadow(0 4px 5px #0008)}.result-grid{width:min(100%,500px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-grid div{padding:14px 5px;border:1px solid #ffffff2b;border-radius:17px;background:#ffffff10}.result-grid small,.result-grid b{display:block}.result-grid small{color:#cdbdf0;text-transform:uppercase;font-size:10px;font-weight:800}.result-grid b{margin-top:4px;font-size:21px}.treasure-note{margin:0 0 16px;color:#ffe47b;font-weight:800}.play-again{width:min(100%,340px)}.home-link{margin-top:18px;color:#d7c9f4}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#09051bc9;backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal-card{position:relative;width:min(100%,440px);padding:27px;color:var(--text);background:#fffdf5;border-radius:25px;box-shadow:0 20px 60px #0008}.modal-card h2{text-align:center;font-size:31px;margin:3px}.modal-icon{text-align:center;font-size:47px}.modal-card li{margin:12px 0;line-height:1.4}.modal-card p{color:#67587d}.modal-card .primary{width:100%}.modal-close{position:absolute;right:13px;top:11px;width:43px;height:43px;border:0;border-radius:50%;color:#4d3475;background:#eee4ff;font-size:28px}@keyframes float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes twinkle{50%{opacity:.35}}@keyframes breathe{50%{transform:translateX(-50%) scale(1.025) translateY(-3px)}}@keyframes beam{0%{transform:translate(-50px,30px) scale(.2);opacity:0}60%{opacity:1}100%{transform:translate(250px,-45px) scale(1.3);opacity:0}}@keyframes dragonHit{25%{transform:translateX(-50%) rotate(-8deg) scale(1.05)}50%{transform:translateX(-50%) rotate(9deg)}75%{transform:translateX(-50%) rotate(-4deg)}}@keyframes nod{50%{transform:rotate(8deg) translateY(4px)}}@keyframes wave{50%{transform:rotate(7deg) translateY(-5px)}}@media(min-width:750px){.game-screen{padding-top:70px}.cave-scene{min-height:340px}.dragon{transform:translateX(-50%) scale(1.28);bottom:35px}.chest{right:20%;bottom:35px;transform:scale(1.2)}.challenge-card{min-height:255px}.answer{min-width:90px}.word-display{margin:20px 0}.game-hud{padding-inline:8px}}@media(max-width:430px){.back span{display:none}.game-screen{padding-inline:7px}.cave-scene{min-height:238px}.dragon{transform:translateX(-50%) scale(.87);transform-origin:bottom}.chest{right:5%;transform:scale(.84);transform-origin:bottom}.crystal.c2{right:2%}.word-display{gap:3px}.slot,.letter-box{min-width:36px;height:49px;font-size:24px}.build-slot{width:36px;height:45px}.tile{width:43px}.result-grid{gap:5px}.result-grid b{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}