:root{--ink: #17213a;--paper: #fff4dc;--paper-2: #fffaf0;--coral: #ff6b5f;--sky: #56bde8;--mint: #73d6b2;--sun: #f6c94c;--muted: #58627a;--accent: #ff6b5f;--line: rgba(23, 33, 58, .2);--display: "Marker Felt", "Chalkboard SE", "Comic Sans MS", ui-rounded, cursive;--body: "Avenir Next", Avenir, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{overflow:hidden;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink)}#game-root canvas{display:block;margin:0 auto}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#ui-root>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:30px 20px;background:radial-gradient(circle at 17% 14%,rgba(86,189,232,.16) 0 2px,transparent 3px),radial-gradient(circle at 83% 78%,rgba(255,107,95,.13) 0 2px,transparent 3px),repeating-linear-gradient(-7deg,rgba(23,33,58,.018) 0 1px,transparent 1px 9px),var(--paper)}.screen:before,.screen:after{content:"";position:fixed;z-index:0;width:170px;height:34px;pointer-events:none;opacity:.62;background:var(--sun);clip-path:polygon(2% 14%,98% 0,95% 93%,4% 100%)}.screen:before{left:-48px;top:50px;transform:rotate(-10deg)}.screen:after{right:-55px;bottom:58px;transform:rotate(8deg);background:var(--sky)}.screen>*{position:relative;z-index:1}.card,.map-shell,.chapter-card,.results{background:#fffaf0f7;border:3px solid var(--ink);border-radius:24px 18px 27px 17px/18px 27px 19px 25px;box-shadow:7px 8px 0 var(--ink)}.card{width:min(480px,94vw);margin:auto;padding:32px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:800 10px/1 var(--body);letter-spacing:.17em;text-transform:uppercase}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border:2px solid var(--ink);border-radius:52% 45% 48% 42%;color:var(--ink);background:var(--sun);font:900 10px/1 var(--display);transform:rotate(-4deg)}.eyebrow,.form-step,.mechanic-kicker{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em}.tagline{color:var(--muted);line-height:1.65}button.primary,.confirm,.continue-impact{min-height:46px;border:3px solid var(--ink);border-radius:13px 18px 12px 16px/16px 12px 18px;color:var(--ink);background:var(--coral);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button.primary:hover,button.primary:focus-visible,.confirm:hover,.confirm:focus-visible,.continue-impact:hover,.continue-impact:focus-visible{outline:none;filter:saturate(1.08);transform:translate(2px,2px) rotate(-.4deg);box-shadow:2px 2px 0 var(--ink)}button.primary:disabled,.confirm:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}button.primary.secondary{background:var(--paper-2)}.journey-button{display:flex;align-items:center;justify-content:space-between;gap:18px}.journey-button b{font:900 22px/1 var(--display)}.landing-screen{padding:20px;background:linear-gradient(90deg,#fff4dceb,#fff4dcba),url(/assets/doodle/bg-explorar.webp) center / cover}.landing-shell{display:grid;width:min(1130px,96vw);min-height:min(720px,calc(100vh - 40px));grid-template-columns:1.15fr .85fr;overflow:hidden;border:3px solid var(--ink);border-radius:30px 21px 28px 18px/22px 31px 20px 28px;background:#fffaf0e6;box-shadow:9px 10px 0 var(--ink)}.landing-story{position:relative;min-height:650px;overflow:hidden;padding:clamp(38px,5vw,68px);border-right:3px solid var(--ink);background:linear-gradient(#fff4dc91,#fff4dce3),url(/assets/doodle/bg-explorar.webp) center / cover}.landing-story .brand{margin-bottom:clamp(65px,10vh,118px)}.landing-story .eyebrow{margin-bottom:13px}.landing-story h1{max-width:600px;font-size:clamp(44px,5.8vw,72px);line-height:.98}.landing-story h1 em{color:var(--coral);font-style:normal}.landing-story .tagline{max-width:530px;margin-top:20px;font-size:14px}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.feature-row span{padding:7px 10px;border:2px solid var(--ink);border-radius:12px 9px 13px 8px;background:var(--paper-2);font-size:10px;transform:rotate(-1deg)}.feature-row span:nth-child(2){background:var(--mint);transform:rotate(1deg)}.feature-row span:nth-child(3){background:var(--sun)}.hero-portrait{position:absolute;right:16px;bottom:-13px;width:195px;height:292px;transform:rotate(2deg);filter:drop-shadow(7px 8px 0 rgba(23,33,58,.13))}.hero-portrait:before{content:"";position:absolute;left:7px;top:34px;width:160px;height:160px;border:4px solid var(--ink);border-radius:49% 51% 44% 56%;background:var(--sun);transform:rotate(-7deg)}.hero-portrait img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.landing-worlds{position:absolute;left:clamp(38px,5vw,68px);bottom:28px;display:flex;align-items:center}.landing-worlds span{display:block;width:44px;height:44px;overflow:hidden;border:2px solid var(--ink);border-radius:50% 45% 52% 43%;background:var(--paper)}.landing-worlds span:nth-of-type(2n){transform:rotate(4deg)}.landing-worlds span:nth-of-type(odd){transform:rotate(-3deg)}.landing-worlds img{width:100%;height:100%;object-fit:cover}.landing-worlds i{width:15px;height:3px;background:var(--ink);transform:rotate(-4deg)}.registration-card{width:auto;margin:auto clamp(24px,4vw,50px);border:0;box-shadow:none;background:transparent}.registration-card .form-step{display:inline-block;padding:5px 9px;border:2px solid var(--ink);background:var(--sun);transform:rotate(-2deg)}.registration-card h2{margin-top:14px;font-size:clamp(27px,3vw,36px);line-height:1.08}.registration-card>p{margin:8px 0 18px;color:var(--muted);font-size:11px;line-height:1.5}label:not(.consent){display:block;margin:11px 0 5px;font:800 9px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}input[type=text],input[type=email]{width:100%;padding:11px 13px;border:2px solid var(--ink);border-radius:10px 13px 9px 12px;outline:none;color:var(--ink);background:var(--paper-2);box-shadow:2px 2px #17213a2e}input:focus{background:#fff;box-shadow:3px 3px 0 var(--sky)}.consent{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;margin-top:15px;color:var(--muted);font-size:8px;line-height:1.45}.consent input{width:17px;height:17px;accent-color:var(--coral)}.registration-card button{width:100%;margin-top:16px;padding:0 15px}.form-error{min-height:18px;margin-top:8px;color:#b93639;font-size:10px}.modal-screen .card{text-align:center}.resume-icon,.connection-icon{display:grid;width:62px;height:62px;margin:0 auto 18px;place-items:center;border:3px solid var(--ink);border-radius:48% 52% 44% 56%;background:var(--sun);box-shadow:4px 4px 0 var(--ink);font:900 28px/1 var(--display)}.modal-screen .brand{justify-content:center;margin-bottom:13px}.modal-screen h1{font-size:clamp(30px,4vw,43px)}.modal-screen .tagline{margin:10px 0 20px;font-size:13px}.modal-screen button{width:100%;margin-top:10px}.runtime-card details{margin:16px 0;text-align:left;font-size:10px}.runtime-card code{display:block;margin-top:7px;padding:10px;overflow-wrap:anywhere;border:2px solid var(--ink);background:var(--paper)}.overlay-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px;background:#17213a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay{position:relative;width:min(680px,96vw);max-height:94vh;overflow-y:auto;padding:30px;border:3px solid var(--ink);border-radius:23px 17px 26px 18px/18px 25px 17px 24px;outline:3px solid rgba(255,244,220,.72);outline-offset:5px;color:var(--ink);background:repeating-linear-gradient(-5deg,rgba(23,33,58,.018) 0 1px,transparent 1px 8px),var(--paper-2);box-shadow:8px 9px 0 var(--ink)}.overlay:before{content:"";position:absolute;left:42%;top:-9px;width:105px;height:24px;background:#f6c94cd4;transform:rotate(-2deg)}.mechanic-kicker{display:flex;align-items:center;gap:8px}.mechanic-kicker span{width:24px;height:4px;border-radius:50%;background:var(--coral);transform:rotate(-5deg)}.prompt{margin-top:12px;font:800 clamp(23px,3vw,34px)/1.13 var(--display)}.hint{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.5}.timer{height:8px;margin-bottom:22px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}.timer-fill{width:100%;height:100%;background:var(--coral);transition:width .1s linear}.options{display:grid;gap:8px;margin-top:18px;list-style:none}.options li{display:grid;min-height:48px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 13px;border:2px solid var(--ink);border-radius:11px 14px 10px 15px;background:var(--paper);font-size:12px;cursor:pointer;transition:transform .12s,background .12s}.options li:nth-child(2n){border-radius:15px 10px 13px 9px}.options li.focused{transform:translate(4px) rotate(-.25deg);box-shadow:3px 3px 0 var(--ink)}.options li.chosen{background:var(--mint)}.tick{display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--ink);border-radius:50%;color:transparent;background:var(--paper-2);font:900 13px/1 var(--display)}.chosen .tick{color:var(--ink);background:var(--sun)}.options li.ordered{grid-template-columns:auto 1fr auto}.options li.grabbed{background:var(--sky);transform:rotate(-.5deg) scale(1.01)}.pos{display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--sun);font:800 12px/1 var(--display)}.movers{display:flex;gap:4px}.movers button{width:29px;height:29px;border:2px solid var(--ink);border-radius:8px;background:var(--paper-2);cursor:pointer}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.keys{max-width:360px;color:var(--muted);font-size:9px;line-height:1.4}.confirm{min-width:150px;padding:0 16px;background:var(--sun)}.outcome-card{width:min(760px,96vw);text-align:center}.outcome-icon{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;border:3px solid var(--ink);border-radius:52% 44% 50% 46%;background:var(--mint);font:900 24px/1 var(--display);transform:rotate(-4deg)}.outcome-card .mechanic-kicker{justify-content:center}.outcome-card h2{margin-top:10px;font-size:clamp(27px,4vw,39px)}.story-beats{display:grid;gap:8px;margin-top:16px;text-align:left}.story-beats p{padding:14px 16px;border:2px solid rgba(23,33,58,.18);border-left:6px solid var(--coral);border-radius:7px 12px 10px 6px;color:var(--ink);background:#ff6b5f17;font-size:14px;font-weight:600;line-height:1.62}.story-beats b{display:inline-grid;width:22px;height:22px;margin-right:8px;place-items:center;border:2px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--sun)}.impact-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px}.impact-chips span{padding:8px 11px;border:2px solid var(--ink);border-radius:999px;background:var(--sky);font:800 11px/1.25 var(--body)}.continue-impact{width:min(320px,100%);margin-top:19px;padding:0 16px;background:var(--mint)}.connection-card p{margin:12px 0;color:var(--muted);line-height:1.55}.hud{position:absolute;inset:12px 13px auto;z-index:120;display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(190px,1.15fr) auto;align-items:stretch;gap:7px;pointer-events:none!important}.hud>div:not(.hud-controls){display:flex;min-height:56px;align-items:center;border:2px solid var(--ink);border-radius:13px 10px 15px 9px;color:var(--ink);background:#fffaf0ed;box-shadow:3px 3px #17213ac7}.hud>div:nth-child(2n){transform:rotate(.25deg)}.hud small{display:block;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hud-world{gap:9px;padding:7px 11px}.hud-world>span{display:block;width:43px;height:40px;overflow:hidden;border:2px solid var(--ink);border-radius:10px 7px 11px 8px}.hud-world>span img{width:100%;height:100%;object-fit:cover}.hud-world strong{display:block;max-width:135px;margin-top:2px;overflow:hidden;font:800 11px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap}.hud-mission,.hud-impact{position:relative;display:block!important;padding:9px 12px;overflow:hidden}.hud-mission>span,.hud-impact>span{display:-webkit-box;margin-top:3px;overflow:hidden;font-size:11px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hud-mission i{position:absolute;inset:auto 0 0;height:5px;border-top:2px solid var(--ink);background:var(--paper)}.hud-mission i b{display:block;height:100%;background:var(--coral);transition:width .35s ease}.hud-impact{background:#73d6b2f0!important}.hud-stats{gap:8px;padding:6px 9px;white-space:nowrap}.hud-keys{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 5px;padding-right:8px;border-right:2px dashed rgba(23,33,58,.28)}.hud-keys small{grid-column:1 / -1}.hud-keys b{display:flex;gap:2px}.hud-keys i{display:grid;width:22px;height:25px;place-items:center;border:2px solid rgba(23,33,58,.28);border-radius:7px;background:#f6c94c1f}.hud-keys i img{width:18px;height:15px;object-fit:contain;opacity:.14;filter:grayscale(1)}.hud-keys i.found{border-color:var(--ink);background:var(--sun);animation:key-fill .45s ease-out}.hud-keys i.found img{opacity:1;filter:none}@keyframes key-fill{0%{transform:scale(.55) rotate(-25deg);opacity:.25}70%{transform:scale(1.18) rotate(5deg)}to{transform:scale(1);opacity:1}}.hud-hearts{display:flex;gap:1px}.hud-hearts i{width:19px;height:19px;opacity:.18;filter:grayscale(1)}.hud-hearts i.full{opacity:1;filter:none}.hud-hearts img{width:100%;height:100%;object-fit:contain}.hud-shield,.hud-shards{display:flex;align-items:center;gap:2px;font:900 10px/1 var(--display)}.hud-shield img,.hud-shards img{width:22px;height:22px;object-fit:contain}.hud .companion{display:grid;width:31px;height:31px;place-items:center}.hud .companion img{max-width:100%;max-height:100%;object-fit:contain}.hud-audio{min-width:50px;min-height:28px;padding:4px 6px;border:2px solid var(--ink);border-radius:8px 10px 7px 9px;color:var(--ink);background:var(--paper);font:900 8px/1 var(--display);cursor:pointer;pointer-events:auto}.hud-audio:hover,.hud-audio:focus-visible{outline:none;background:var(--sun)}.hud>.hud-loadout{position:fixed;left:14px;bottom:48px;display:flex;min-height:0!important;max-width:min(560px,calc(100vw - 175px));flex-wrap:wrap;gap:4px;padding:6px 8px}.hud-loadout span{padding:3px 6px;border:1.5px solid var(--ink);border-radius:999px;background:var(--mint);font-size:7px}.hud>.hud-boss{position:fixed;left:50%;top:78px;display:grid!important;min-height:0!important;grid-template-columns:auto auto auto auto;gap:8px;padding:6px 10px;transform:translate(-50%) rotate(-.5deg);background:#f6c94cf2}.hud-boss>img{width:30px;height:27px;object-fit:contain}.hud-boss>span{display:flex;gap:3px}.hud-boss>span i{width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.hud-boss>span i.full{background:var(--coral)}.hud-boss b{font-size:7px}.hud-controls{position:fixed;left:50%;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px 9px;transform:translate(-50%) rotate(.4deg);border:2px solid var(--ink);border-radius:10px 8px 11px 7px;color:var(--ink);background:#fffaf0e6;box-shadow:2px 2px 0 var(--ink);font-size:8px}kbd{display:inline-grid;min-width:19px;height:19px;place-items:center;border:2px solid var(--ink);border-radius:5px;background:var(--sun);font:900 9px/1 var(--display)}.map-screen{align-items:flex-start}.map-shell{width:min(1040px,95vw);margin:auto;padding:clamp(23px,4vw,43px)}.map-shell:before{content:"";position:absolute;left:46%;top:-13px;width:125px;height:28px;background:#56bde8b8;transform:rotate(-2deg)}.map-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.map-header .brand{margin-bottom:11px}.map-header h1{font-size:clamp(30px,4vw,47px)}.map-progress{display:flex;align-items:flex-end;gap:8px;text-align:right}.map-progress strong{color:var(--coral);font:900 35px/1 var(--display)}.map-progress span{width:88px;color:var(--muted);font-size:8px;line-height:1.25;text-transform:uppercase}.journey-track{height:11px;margin:20px 0 17px;padding:2px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:var(--paper)}.journey-track span{display:block;height:100%;border-radius:999px;background:repeating-linear-gradient(90deg,var(--coral) 0 20px,var(--sun) 20px 40px,var(--sky) 40px 60px)}.map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;list-style:none}.map li{position:relative;min-height:177px;padding:11px;overflow:hidden;border:2px solid var(--ink);border-radius:14px 10px 16px 9px;background:var(--paper);box-shadow:3px 3px #17213a42}.map li:nth-child(2n){transform:rotate(.7deg);border-radius:10px 15px 9px 16px}.map li.current{transform:translateY(-5px) rotate(-1deg);background:var(--sun);box-shadow:5px 6px 0 var(--ink)}.map li.locked{opacity:.45;filter:grayscale(.7)}.map li.done{background:#73d6b24d}.map-index{font:900 9px/1 var(--display);letter-spacing:.1em}.map-icon{display:block;width:100%;height:72px;margin:11px 0 9px;overflow:hidden;border:2px solid var(--ink);border-radius:10px 7px 11px 8px}.map-icon img{width:100%;height:100%;object-fit:cover}.map-name{display:block}.map-name small{display:block;margin-bottom:2px;color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.map-name strong{display:block;font:800 12px/1.25 var(--display)}.map-state{position:absolute;right:8px;top:8px;padding:3px 5px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper-2);font-size:6px;font-weight:900;text-transform:uppercase}.map li.current .map-state{background:var(--coral)}.story-echo{display:grid;min-height:76px;grid-template-columns:110px 180px 1fr;align-items:center;gap:15px;margin-top:15px;padding:12px 15px;border:2px solid var(--ink);border-radius:12px 15px 10px 14px;background:#56bde824}.story-echo>span{color:var(--coral);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.story-echo strong{font:800 11px/1.3 var(--display)}.story-echo p{color:var(--muted);font-size:10px;line-height:1.45}.map-loadout{display:flex;align-items:center;gap:12px;margin-top:8px;padding:9px 12px;border:2px dashed rgba(23,33,58,.5);border-radius:11px}.map-loadout>span{flex:0 0 auto;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.map-loadout>div{display:flex;flex-wrap:wrap;gap:5px}.map-loadout b{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1.5px solid var(--ink);border-radius:999px;background:var(--mint);font-size:7px}.loadout-pet{width:20px;height:20px;object-fit:contain}.map-enter{width:min(360px,100%);margin:16px 0 0 auto!important;padding:0 15px}.chapter-screen{--accent: var(--chapter-accent)}.chapter-card{position:relative;width:min(750px,94vw);margin:auto;padding:clamp(30px,5vw,50px);text-align:center}.chapter-card:before{content:"";position:absolute;left:50%;top:-12px;width:130px;height:28px;background:color-mix(in srgb,var(--chapter-accent) 72%,var(--sun));transform:translate(-50%) rotate(-2deg)}.chapter-seal{position:relative;width:112px;height:86px;margin:0 auto 16px;overflow:visible;border:3px solid var(--ink);border-radius:17px 12px 19px 11px;background:var(--paper);transform:rotate(-2deg)}.chapter-seal>img{width:100%;height:100%;object-fit:cover;border-radius:13px 8px 15px 7px}.chapter-seal span{position:absolute;right:-10px;bottom:-10px;display:grid;width:31px;height:31px;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--mint);font:900 13px/1 var(--display)}.chapter-card h1{margin-top:6px;font-size:clamp(35px,5vw,50px)}.chapter-lead{margin:9px auto 20px;color:var(--muted);font-size:12px}.chapter-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chapter-stats div{padding:13px 9px;border:2px solid var(--ink);border-radius:12px 9px 13px 10px;background:var(--paper)}.chapter-stats div:nth-child(2){background:var(--sky);transform:rotate(1deg)}.chapter-stats div:nth-child(3){background:var(--sun);transform:rotate(-.6deg)}.chapter-stats strong{display:block;font:900 25px/1 var(--display)}.chapter-stats span{color:var(--muted);font-size:8px}.chapter-story{display:grid;gap:6px;margin-top:14px;text-align:left}.chapter-story>div{display:grid;grid-template-columns:11px 1fr;gap:9px;padding:8px 11px;border-left:3px solid var(--coral);color:var(--muted);background:#ff6b5f0e;font-size:9px;line-height:1.5}.chapter-story i{width:8px;height:8px;margin-top:4px;border:2px solid var(--ink);border-radius:50%;background:var(--sun)}.chapter-story small{display:block;color:var(--ink);font-size:9px;font-weight:900}.chapter-card>button{width:min(360px,100%);margin:20px auto 0;padding:0 15px;background:var(--mint)}.results-screen{align-items:flex-start;padding:38px 20px}.results{width:min(1070px,95vw);margin:auto;padding:clamp(23px,4vw,40px)}.results-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:0 4px 25px}.results-header .brand{margin-bottom:19px}.results-header .eyebrow{margin-bottom:8px}.results-header h1{max-width:720px;font-size:clamp(36px,5vw,61px);line-height:1}.energy-ring{position:relative;display:grid;width:164px;height:164px;place-items:center;border:3px solid var(--ink);border-radius:48% 52% 45% 55%;opacity:0;transform:scale(.85) rotate(-5deg);background:conic-gradient(var(--coral) 0 var(--energy),var(--paper) var(--energy) 360deg);box-shadow:5px 6px 0 var(--ink);transition:opacity .6s,transform .6s}.energy-ring.shown{opacity:1;transform:scale(1) rotate(-2deg)}.energy-ring:before{content:"";position:absolute;width:132px;height:132px;border:3px solid var(--ink);border-radius:50%;background:var(--paper-2)}.energy-ring>div{position:relative;z-index:1;text-align:center}.energy-ring strong{display:block;color:var(--coral);font:900 42px/1 var(--display)}.energy-ring strong small{font-size:15px}.energy-ring span{display:block;margin-top:6px;color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.reveal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.reveal-line{min-height:235px;padding:15px;border:2px solid var(--ink);border-radius:13px 9px 15px 10px;opacity:0;transform:translateY(12px);background:var(--paper);box-shadow:3px 3px #17213a3d;transition:opacity .45s,transform .45s}.reveal-line:nth-child(2n){transform:translateY(12px) rotate(.6deg);background:#73d6b22b}.reveal-line.shown{opacity:1;transform:none}.reveal-world{display:flex;align-items:center;gap:7px;font:900 9px/1 var(--display)}.reveal-world img{width:47px;height:35px;object-fit:cover;border:2px solid var(--ink);border-radius:7px}.reveal-line>small{display:block;margin-top:20px;color:var(--muted);font-size:7px;letter-spacing:.1em;text-transform:uppercase}.reveal-line h2{margin:4px 0 12px;font-size:18px;line-height:1.08}.reveal-line p{color:var(--muted);font-size:9px;line-height:1.55}.final-story{margin-top:11px;padding:19px;border:2px solid var(--ink);border-radius:14px 10px 15px 11px;background:#56bde81a}.final-story>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:13px}.final-story>header span{color:var(--coral);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.final-story>header h2{margin-top:3px;font-size:21px}.final-story>header p{max-width:320px;color:var(--muted);font-size:8px;line-height:1.45;text-align:right}.final-story>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.final-story article{display:grid;min-height:128px;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:9px;border:2px solid var(--ink);border-radius:10px 7px 11px 8px;background:var(--paper-2)}.final-story article>span{display:block;width:36px;height:32px;overflow:hidden;border:1.5px solid var(--ink);border-radius:6px}.final-story article>span img{width:100%;height:100%;object-fit:cover}.final-story article small{display:block;color:var(--muted);font-size:6px;letter-spacing:.09em;text-transform:uppercase}.final-story article strong{display:block;margin:2px 0 6px;font:800 8px/1.25 var(--display)}.final-story article p{color:var(--muted);font-size:7px;line-height:1.45}.archetype-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:10px;padding:17px 19px;border:2px dashed var(--ink);border-radius:13px;background:#f6c94c26}.archetype-panel>div>span{color:var(--coral);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.archetype-panel p{max-width:530px;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.badge{padding:7px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--mint);font:800 9px/1 var(--display)}.results-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px 0}.results-footer p{color:var(--muted);font-size:9px}.results-footer button{width:auto;min-width:220px;margin:0;padding:9px 14px;font-size:10px}@media(max-width:900px){.landing-shell{grid-template-columns:1fr;overflow-y:auto}.landing-story{min-height:580px;border-right:0;border-bottom:3px solid var(--ink)}.registration-card{width:min(520px,calc(100% - 34px));margin:26px auto}.map{grid-template-columns:repeat(3,1fr)}.reveal-grid{grid-template-columns:repeat(2,1fr)}.reveal-line:last-child{grid-column:1 / -1;min-height:190px}.final-story>div{grid-template-columns:repeat(2,1fr)}.hud{grid-template-columns:auto 1fr auto}.hud-impact{display:none!important}}@media(max-width:650px){.screen{padding:14px}.landing-screen{padding:0}.landing-shell{width:100%;min-height:100%;border:0;border-radius:0;box-shadow:none}.landing-story{min-height:530px;padding:31px 23px}.landing-story .brand{margin-bottom:78px}.landing-story h1{font-size:42px}.hero-portrait{right:-28px;width:165px;height:250px}.landing-worlds{left:23px;bottom:23px}.landing-worlds span{width:36px;height:36px}.landing-worlds i{width:8px}.registration-card{width:calc(100% - 28px);padding:22px 6px}.overlay-dim{padding:9px}.overlay{padding:23px 17px;border-radius:16px}.overlay .controls{align-items:flex-end}.overlay .keys{max-width:155px}.story-beats p{font-size:11px}.map-shell{padding:23px 16px}.map-header{align-items:flex-start}.map-progress span{display:none}.map{grid-template-columns:1fr}.map li{display:grid;min-height:78px;grid-template-columns:auto 72px 1fr auto;align-items:center;gap:8px;padding:8px 10px}.map-icon{width:72px;height:48px;margin:0}.map-state{position:static}.story-echo{grid-template-columns:1fr;gap:5px}.map-loadout{display:block}.map-loadout>div{margin-top:7px}.chapter-card{padding:28px 17px}.chapter-stats strong{font-size:20px}.results{border:0;box-shadow:none}.results-header{grid-template-columns:1fr;text-align:center}.results-header .brand{justify-content:center}.energy-ring{margin:0 auto}.reveal-grid{grid-template-columns:1fr}.reveal-line,.reveal-line:last-child{grid-column:auto;min-height:190px}.final-story>header{display:block}.final-story>header p{margin-top:8px;text-align:left}.final-story>div{grid-template-columns:1fr}.archetype-panel{grid-template-columns:1fr;text-align:center}.badges{justify-content:center}.results-footer{flex-direction:column;text-align:center}.hud{inset:7px 7px auto;grid-template-columns:1fr auto}.hud-mission{display:none!important}.hud-world,.hud-stats{min-height:46px!important}.hud-world>span{width:38px;height:34px}.hud-controls{display:none}.hud>.hud-loadout{left:7px;right:7px;bottom:88px;max-width:none}.hud>.hud-boss{top:64px}}@media(max-height:650px)and (min-width:700px){.landing-screen{padding:9px}.landing-shell{min-height:620px}.landing-story{min-height:620px;padding:37px}.landing-story .brand{margin-bottom:52px}.landing-story h1{font-size:49px}.registration-card{padding:20px 23px}.registration-card>p{margin-bottom:8px}label:not(.consent){margin-top:7px}input[type=text],input[type=email]{padding:8px 11px}.consent{margin-top:9px}button.primary{margin-top:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}