:root{--ink:#f5f7ff;--muted:#bac4dc;--gold:#ffd166;--panel:rgba(16,22,40,.9);--panel2:rgba(255,255,255,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(112,214,255,.24),transparent 32%),radial-gradient(circle at 95% 5%,rgba(255,209,102,.2),transparent 28%),linear-gradient(135deg,#070b16,#141b31 55%,#22142d)}button,input,select{font:inherit}button{border:0;border-radius:13px;padding:11px 14px;background:#303b66;color:var(--ink);font-weight:750;cursor:pointer;box-shadow:0 5px 0 rgba(0,0,0,.28)}button:hover{filter:brightness(1.14);transform:translateY(-1px)}button:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.28)}.primary{background:linear-gradient(135deg,#f6b73c,#ffe28a);color:#241606}.screen{display:none}.screen.active{display:block}#app{width:min(1240px,96vw);margin:18px auto}.glass{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:var(--panel);box-shadow:0 24px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}.glass2{border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06)}.heroPanel{padding:24px}.titleBlock{display:flex;gap:18px;align-items:center;margin-bottom:18px}.crest{font-size:68px;filter:drop-shadow(0 8px 22px rgba(255,209,102,.4))}h1{font-size:clamp(36px,6vw,62px);line-height:.95;margin:0 0 8px}h2{margin:14px 0 10px;color:var(--gold)}p{color:var(--muted);margin:0}.creatorLayout{display:grid;grid-template-columns:390px 1fr;gap:18px}.previewStage{min-height:560px;border-radius:20px;background:linear-gradient(#89d7ff 0 50%,#3f9d57 50%);position:relative;overflow:hidden;display:grid;place-items:center}.previewStage:before{content:'';position:absolute;inset:auto -10% 0;height:42%;background:linear-gradient(90deg,#316e3b,#52a85c,#356f3a)}.statCard{position:absolute;left:18px;right:18px;bottom:18px;padding:14px;border-radius:16px;background:rgba(9,14,26,.78);display:grid;gap:4px}.statCard span{color:var(--muted)}.customizer{padding:18px}label{display:grid;gap:7px;color:var(--gold);font-weight:800}input,select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 12px;background:#0e1527;color:var(--ink)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}.portraitRow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.portrait.selected{outline:3px solid #65d6ff}.hud{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin-bottom:14px;flex-wrap:wrap}.hud span{color:var(--muted);display:block}.bars,.inventory{display:flex;gap:10px;flex-wrap:wrap}.bars span,.inventory span{background:rgba(255,255,255,.08);border-radius:999px;padding:8px 11px;color:var(--ink)}.gameLayout{display:grid;grid-template-columns:minmax(0,1.6fr)390px;gap:14px}.scene,.command{padding:14px}.sceneArt{height:min(62vh,620px);min-height:420px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(#8ed9ff 0 48%,#37874d 49%);border:1px solid rgba(255,255,255,.12)}.sceneArt:before{content:'';position:absolute;inset:auto 0 0;height:50%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18),transparent 45%),linear-gradient(90deg,#2d743b,#4fa65c,#2d743b)}.sceneArt:after{position:absolute;font-size:110px;left:50%;top:22%;transform:translateX(-50%);filter:drop-shadow(0 10px 0 rgba(0,0,0,.25))}.sceneArt.castle:after{content:'🏰'}.sceneArt.village:after{content:'🏘️'}.sceneArt.forest:after{content:'🌲'}.sceneArt.ruins:after{content:'🗿'}.sceneArt.lake:after{content:'🌊'}.locationBar{display:flex;justify-content:space-between;gap:14px;padding:12px 4px;color:var(--muted)}.locationBar strong{color:var(--gold)}.actions,.commandGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.actions{grid-template-columns:repeat(5,1fr)}.caseTitle{padding:11px;border-radius:14px;background:rgba(255,255,255,.08);font-weight:900}ul{margin:8px 0 8px;padding-left:22px}li{margin:7px 0;color:var(--muted)}li.done{color:#9bff8a;text-decoration:line-through}.battlePanel{padding:12px;border-radius:14px;background:rgba(239,71,111,.12);border:1px solid rgba(239,71,111,.35);display:grid;gap:9px}.hidden{display:none!important}.log{height:190px;overflow:auto;border-radius:14px;background:#0b1020;padding:12px;line-height:1.35}.log p{margin:0 0 10px;color:#e6edff}.endPanel{max-width:640px;margin:12vh auto;padding:30px;text-align:center}.avatar{--skin:#d9a071;--hair:#5d351f;--fit:#267bda;--armor:#bcc7d8;--cape:transparent;position:relative;width:190px;height:360px;z-index:2;transform-style:preserve-3d}.avatar.mini{position:absolute;left:12%;bottom:10%;transform:scale(.58);transform-origin:bottom center}.shadow{position:absolute;bottom:12px;left:43px;width:104px;height:24px;border-radius:50%;background:rgba(0,0,0,.32)}.body{position:absolute;left:55px;top:142px;width:80px;height:104px;border-radius:18px 18px 12px 12px;background:linear-gradient(90deg,var(--fit),var(--armor));border:4px solid rgba(0,0,0,.35);box-shadow:inset 0 18px 0 rgba(255,255,255,.12)}.neck{position:absolute;left:82px;top:126px;width:26px;height:24px;background:var(--skin);border:3px solid rgba(0,0,0,.28)}.head{position:absolute;left:57px;top:56px;width:76px;height:76px;border-radius:22px;background:var(--skin);border:4px solid rgba(0,0,0,.35);z-index:4}.eyes:before,.eyes:after{content:'';position:absolute;top:30px;width:8px;height:8px;background:#101625;border-radius:50%}.eyes:before{left:22px}.eyes:after{right:22px}.mouth{position:absolute;left:31px;top:51px;width:14px;height:4px;border-radius:4px;background:#713b3b}.hair{position:absolute;left:53px;top:43px;width:84px;height:34px;border-radius:22px 22px 8px 8px;background:var(--hair);z-index:5}.hair.long{height:70px;border-radius:22px}.arm{position:absolute;top:152px;width:28px;height:96px;border-radius:16px;background:var(--fit);border:4px solid rgba(0,0,0,.3)}.leftArm{left:24px;transform:rotate(8deg)}.rightArm{right:24px;transform:rotate(-8deg)}.leg{position:absolute;top:240px;width:34px;height:86px;border-radius:0 0 14px 14px;background:#202842;border:4px solid rgba(0,0,0,.32)}.leftLeg{left:57px}.rightLeg{right:57px}.capePart{position:absolute;left:43px;top:136px;width:104px;height:150px;border-radius:18px 18px 45px 45px;background:var(--cape);z-index:-1}.headgear{position:absolute;left:50px;top:30px;width:90px;height:35px;z-index:6}.weapon{position:absolute;right:8px;top:122px;width:18px;height:138px;border-radius:10px;background:#e8f4ff;transform:rotate(-18deg);border:3px solid rgba(0,0,0,.3);z-index:6}.enemySprite{position:absolute;right:12%;bottom:17%;width:110px;height:170px;border-radius:22px;background:#521b2b;border:5px solid rgba(0,0,0,.35);box-shadow:0 20px 0 rgba(0,0,0,.22)}.enemySprite:before{content:'';position:absolute;left:20px;top:-48px;width:70px;height:70px;border-radius:18px;background:#2b1d27;border:5px solid rgba(0,0,0,.35)}.enemySprite span:before,.enemySprite span:after{content:'';position:absolute;top:-20px;width:10px;height:10px;border-radius:50%;background:#ffdd66;z-index:3}.enemySprite span:before{left:40px}.enemySprite span:after{right:40px}.human{--skin:#d9a071}.fair{--skin:#f0c9a8}.tan{--skin:#b9784f}.deep{--skin:#6d3f2b}.moon{--skin:#c9d7ff}.brown{--hair:#5d351f}.black{--hair:#151414}.goldHair{--hair:#f5c84c}.whiteHair{--hair:#eef4ff}.blueHair{--hair:#4cb7ff}.blue{--fit:#267bda}.red{--fit:#b92e4c}.white{--fit:#eee9dc}.blackFit{--fit:#20243a}.greenFit{--fit:#2f9460}.silver{--armor:#bcc7d8}.goldArmor{--armor:#f4c24f}.leather{--armor:#8b5a35}.crystal{--armor:#7ce3ff}.robe{--armor:#7b4fd6}.capeRed{--cape:#9e1833}.capeBlue{--cape:#1f4aa8}.capeBlack{--cape:#111827}.spiky.hair,.avatar.spiky .hair{clip-path:polygon(0 100%,12% 15%,26% 95%,42% 0,58% 95%,76% 12%,100% 100%)}.avatar.long .hair{height:88px}.avatar.ponytail .hair:after{content:'';position:absolute;right:-22px;top:22px;width:32px;height:75px;border-radius:20px;background:var(--hair)}.avatar.crown .headgear:before{content:'♕';font-size:58px;color:#ffd166;position:absolute;left:15px;top:-18px}.avatar.detective .headgear:before{content:'';position:absolute;left:9px;top:10px;width:72px;height:18px;background:#6b4b2a;border-radius:20px;box-shadow:0 -18px 0 -2px #7b5631}.avatar.knight .headgear:before{content:'';position:absolute;left:6px;top:8px;width:78px;height:28px;background:#b8c4d4;border-radius:16px 16px 6px 6px;border:3px solid rgba(0,0,0,.25)}.avatar.staff .weapon{background:#7dff8a}.avatar.dagger .weapon{height:70px;top:168px;background:#dfe9ff}.avatar.bow .weapon{width:18px;height:120px;border-radius:50%;background:transparent;border:6px solid #8b5a35}.avatar.hammer .weapon{background:#8b8f98;height:100px}.avatar.hammer .weapon:before{content:'';position:absolute;left:-24px;top:-10px;width:62px;height:28px;background:#9da3ad;border-radius:8px}@media(max-width:920px){.creatorLayout,.gameLayout{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,1fr)}.previewStage{min-height:450px}.sceneArt{min-height:360px}.avatar{transform:scale(.82)}.avatar.mini{transform:scale(.45)}}
/* v9 storybook adventure pass */
.cuteStage{background:linear-gradient(#9ee7ff 0 48%,#75c96d 48% 100%)}
.cuteStage:after{content:'☁️   ☁️';position:absolute;top:32px;left:20px;right:20px;font-size:42px;opacity:.8;letter-spacing:80px;z-index:0}.avatar{filter:drop-shadow(0 12px 0 rgba(0,0,0,.2));animation:bob 2.4s ease-in-out infinite}.avatar .head{width:92px;height:86px;left:49px;top:46px;border-radius:40px 40px 34px 34px}.avatar .eyes:before,.avatar .eyes:after{width:13px;height:17px;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#162037 20%);top:29px}.avatar .eyes:before{left:24px}.avatar .eyes:after{right:24px}.avatar .mouth{left:39px;top:57px;width:18px;height:9px;border-radius:0 0 18px 18px;background:#7e3344}.avatar .body{border-radius:30px 30px 18px 18px;left:50px;width:90px;height:96px}.avatar .arm{border-radius:20px;height:82px}.avatar .leg{border-radius:0 0 20px 20px}.avatar .hair{left:45px;width:100px;border-radius:38px 38px 10px 10px}.avatar .headgear{left:47px}.weapon{border-radius:18px}.mini{animation:bobMini 1.6s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bobMini{0%,100%{transform:scale(.58) translateY(0)}50%{transform:scale(.58) translateY(-8px)}}
.worldMap{height:170px;border-radius:18px;margin-bottom:12px;position:relative;overflow:hidden;background:linear-gradient(#b4ecff 0 52%,#81ce75 52%);border:1px solid rgba(255,255,255,.14)}.worldMap:before{content:'Royal Road';position:absolute;left:16px;top:12px;color:#24533a;font-weight:900;background:rgba(255,255,255,.55);padding:6px 10px;border-radius:999px}.mapPath{position:absolute;left:10%;right:10%;top:88px;height:18px;background:#d9b56f;border-radius:999px;box-shadow:0 5px 0 rgba(0,0,0,.18);transform:rotate(-2deg)}.mapNode{position:absolute;width:86px;height:70px;padding:4px;border-radius:18px;background:#fff7d6;color:#213047;box-shadow:0 6px 0 rgba(0,0,0,.2);font-size:26px}.mapNode span{display:block;font-size:11px;font-weight:900}.mapNode.active{outline:4px solid #ffd166;transform:translateY(-5px)}.mapNode.castle{left:6%;top:55px}.mapNode.village{left:26%;top:74px}.mapNode.forest{left:46%;top:45px}.mapNode.ruins{left:64%;top:78px}.mapNode.lake{left:82%;top:52px}.storyCard{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);margin:0 0 10px}.storyCard strong{color:#ffd166}.storyCard p{margin-top:5px}.sceneArt{min-height:340px}.sceneArt.castle{background:linear-gradient(#9ee7ff 0 48%,#8bd66f 48%)}.sceneArt.village{background:linear-gradient(#a8ebff 0 50%,#dbb86f 50%)}.sceneArt.forest{background:linear-gradient(#8fd3ff 0 45%,#267a49 45%)}.sceneArt.ruins{background:linear-gradient(#b8b0ff 0 48%,#8a8877 48%)}.sceneArt.lake{background:linear-gradient(#95e6ff 0 48%,#39aee8 48%)}.sceneArt.castle:after{content:'🏰✨'}.sceneArt.village:after{content:'🏘️🛒'}.sceneArt.forest:after{content:'🌲🦊'}.sceneArt.ruins:after{content:'🗿💎'}.sceneArt.lake:after{content:'🌊🐟'}
@media(max-width:920px){.worldMap{height:250px}.mapNode.castle{left:4%;top:60px}.mapNode.village{left:36%;top:78px}.mapNode.forest{left:66%;top:56px}.mapNode.ruins{left:20%;top:160px}.mapNode.lake{left:58%;top:156px}.mapPath{top:125px;transform:rotate(12deg)}}
/* v10 walkable adventure scene */
.sceneArt .avatar.mini{left:var(--hero-x,12%);top:var(--hero-y,62%);bottom:auto;transform:scale(.42);transition:left .12s linear,top .12s linear;z-index:6}.sceneArt .avatar.mini .shadow{bottom:8px}.hotspot{position:absolute;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle,rgba(255,241,168,.95),rgba(255,209,102,.18) 62%,transparent 70%);filter:drop-shadow(0 0 10px rgba(255,209,102,.7));animation:pulseSpot 1.4s ease-in-out infinite;z-index:4}.hotspot.near{outline:4px solid #fff;transform:scale(1.1)}@keyframes pulseSpot{0%,100%{opacity:.75}50%{opacity:1}}.adventureHint{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:999px;background:rgba(8,13,25,.72);font-size:13px;color:#edf6ff;text-align:center;z-index:8}.sceneArt{outline:none}.sceneArt:focus{box-shadow:0 0 0 4px rgba(255,209,102,.35)}
/* v11 mobile adventure controls */
.walkPad{position:absolute;left:14px;bottom:48px;z-index:10;display:none;text-align:center}.walkPad button{width:48px;height:42px;padding:0;margin:2px;border-radius:14px;background:rgba(255,247,214,.9);color:#213047;box-shadow:0 4px 0 rgba(0,0,0,.24)}@media(max-width:920px){.walkPad{display:block}.adventureHint{font-size:12px;left:110px}.sceneArt .avatar.mini{transform:scale(.36)}}
/* v12 clearer adventure objective */
.objectiveBox{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(255,209,102,.14);border:1px solid rgba(255,209,102,.35)}.objectiveBox span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#ffd166;font-weight:900}.objectiveBox b{display:block;margin-top:3px;color:#fff;font-size:14px}.hotspot.near:after{content:'Press Do Scene Action';position:absolute;left:50%;bottom:58px;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:900;color:#213047;background:#fff7d6;border-radius:999px;padding:5px 8px;box-shadow:0 4px 0 rgba(0,0,0,.18)}
/* v13 autosave */
.secondary{margin-top:10px;background:linear-gradient(135deg,#3f5f9f,#5b7bd5);color:#f5f7ff}.saveToast{position:fixed;right:16px;bottom:16px;z-index:99;padding:10px 14px;border-radius:999px;background:rgba(16,22,40,.92);border:1px solid rgba(255,255,255,.16);color:#ffd166;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);transition:.25s}.saveToast.show{opacity:1;transform:translateY(0)}
/* v14 detective notebook */
.evidenceList{max-height:120px;overflow:auto;border-radius:14px;background:rgba(11,16,32,.72);border:1px solid rgba(255,255,255,.1);padding:10px 12px;color:#dfe8ff;font-size:13px;line-height:1.35}.evidenceList ul{margin:0;padding-left:18px}.evidenceList li{margin:5px 0;color:#dfe8ff;text-decoration:none}.evidenceList.empty{color:#bac4dc;font-style:italic}
/* v15 save management */
.ghostBtn{margin-top:10px;background:rgba(255,255,255,.08);color:#dfe8ff;box-shadow:0 4px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.12)}.ghostBtn:hover{background:rgba(255,255,255,.14)}