*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;color:#12334e;background:#091b2d}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f6bf46;outline-offset:4px}button:disabled{cursor:default;opacity:.5}button{color:inherit}button,a{-webkit-user-select:none;user-select:none}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{--accent:#39c9ed;--back:url('/adventure-sky.webp');position:relative;width:min(100%,550px);min-height:100svh;margin:auto;background-image:linear-gradient(#ffffff12,#daf7ff22),var(--back);background-position:center;background-size:cover;box-shadow:0 0 100px #0008;overflow:hidden}.world-1{--accent:#43cfbc;--back:url('/adventure-forest.webp')}.world-2{--accent:#8ac5fa;--back:url('/adventure-ice.webp')}.world-3{--accent:#ac9ce8;--back:url('/adventure-ruins.webp')}.menu{min-height:100svh;display:flex;flex-direction:column}.menu-top{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 4px;gap:12px}.save-label{font-size:12px;color:#254861;background:#ffffffe6;border-radius:30px;padding:8px 10px;text-align:center}.icon{border-radius:50%;background:#102e49;color:#fff;width:44px;height:44px;display:grid;place-items:center;font-size:23px;box-shadow:0 5px 12px #12334e20;flex-shrink:0}.page{padding:18px 26px 110px;flex:1}.page h1{font-size:30px;letter-spacing:-1px;text-align:center;margin:12px 0 6px}.page .lead{text-align:center;font-size:14px;line-height:1.9;margin:0 0 24px;color:#254861}.home{min-height:66svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-star{font-size:125px;line-height:1;color:#42d0ef;text-shadow:0 3px 0 #1783ae,0 10px 40px #37d3ff88;margin:8px 0 22px}.home-robot{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 10px 7px #1832452a);margin:8px 0}.home h1{font-size:21px;margin:0 0 6px}.home p{margin:0 0 22px;font-size:14px}.primary,.secondary{min-height:51px;width:100%;padding:14px 20px;border-radius:16px;font-weight:bold;font-size:16px;text-align:center;display:block}.primary{color:#062d45;background:linear-gradient(#7ce5fc,#32c4ec);box-shadow:0 5px 0 #1789ba,0 12px 24px #156f9130;margin-bottom:13px}.secondary{background:#fffffff0;box-shadow:0 3px 0 #9ebecb40;margin-bottom:10px;border:1px solid #bad8e2}.home .primary,.home .secondary{max-width:285px}.text-link{background:transparent;padding:13px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.nav{direction:rtl;position:absolute;bottom:0;z-index:6;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:100%;padding:12px 8px max(16px,env(safe-area-inset-bottom));background:#f5fcfff5;border-top:1px solid #fff;box-shadow:0 -10px 30px #12364e0a}.nav button{background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;min-height:50px;color:#607888}.nav button span{font-size:24px;line-height:1}.nav button.active{color:#096e9f;font-weight:bold}.nav button[data-page="home"]{transform:translateY(-12px)}.nav button[data-page="home"] span{background:#173b59;color:#8bebff;border-radius:16px;padding:10px 17px;box-shadow:0 6px 15px #143e5933}.world-card{position:relative;padding:22px;border-radius:22px;min-height:146px;margin-bottom:14px;text-align:right;width:100%;background:linear-gradient(90deg,#f6fcffd9,#f6fcfff7),var(--cover);background-size:cover;background-position:center;border:1px solid #fff;box-shadow:0 7px 20px #17374610}.world-card strong{display:block;font-size:21px;margin:3px 0 8px}.world-card span{font-size:13px}.world-card .world-num{float:left;font-size:36px;opacity:.22}.progress{height:5px;background:#cbdfeb;border-radius:10px;overflow:hidden;margin-top:18px}.progress i{display:block;height:100%;background:var(--accent);border-radius:10px}.level-grid{direction:ltr;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#ffffffb8;padding:24px 15px;border-radius:22px;margin:25px 0}.level-node{aspect-ratio:1;border-radius:50%;background:#1e4768;color:white;font-size:19px;box-shadow:0 4px 0 #0f2d45}.level-node.done{background:#8ae5f4;color:#16435b;box-shadow:0 4px 0 #3babc5}.level-node:disabled{box-shadow:none;background:#b7cad7;color:#526c7e}.world-detail{padding:22px;border-radius:20px;background:#fffffff0;font-size:14px;line-height:2}.chip{display:inline-block;border-radius:30px;background:#153954;color:#e6fcff;padding:8px 16px;font-size:13px;margin:4px}.tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;direction:rtl}.branch-title{font-size:15px;text-align:center}.tree-node{position:relative;display:block;width:100%;padding:13px 5px;margin:0 0 35px;border-radius:18px;background:#f2faffed;border:2px solid #bccedb;min-height:98px;font-size:13px}.tree-node:not(:last-child):after{content:'';position:absolute;top:100%;height:37px;width:3px;background:#b0c4d5;left:50%;z-index:0}.tree-node strong{display:block;margin-top:8px}.tree-node .glyph{font-size:24px}.tree-node.owned{border-color:#39bcdf;background:#bbf2ff}.tree-node.available{border-color:#199ac6;box-shadow:0 0 22px #4bcce330}.node-detail{background:#fffffff0;border-radius:20px;padding:20px;text-align:center;margin-top:3px;line-height:1.8}.node-detail h2{font-size:20px;margin:0 0 8px}.node-detail p{font-size:14px;margin:0 0 15px}.wardrobe-hero{text-align:center;border-radius:28px;background:#ffffff8c;padding:18px;margin:15px 0}.wardrobe-hero img{width:170px;height:180px;object-fit:contain}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cosmetic-card{padding:18px 8px;text-align:center;border:2px solid white;border-radius:18px;background:#ffffffe3;min-height:115px;line-height:1.8}.cosmetic-card.active{border-color:#23bfe3}.cosmetic-card strong{display:block}.cosmetic-card small{display:block;color:#4f6d83;font-size:12px}.swatch{display:inline-block;width:32px;height:32px;border:4px solid #fff;border-radius:50%;background:var(--color);box-shadow:0 2px 10px #12334e20}.reward-card{padding:19px;border-radius:20px;background:#fffffff0;margin:12px 0;line-height:1.8}.reward-card h2{font-size:19px;margin:0}.reward-card p{font-size:14px;margin:6px 0 12px}.play{position:relative;width:100%;aspect-ratio:5/8;max-height:100svh;margin:auto}.shell:has(.play:not([hidden])){min-height:0;height:100svh;display:grid;align-items:center;width:min(100vw,62.5svh)}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:1.8%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;width:60%;display:flex;align-items:center;flex-direction:column;gap:8px}.stage{display:flex;flex-direction:column;background:linear-gradient(140deg,#244c6b,#0c223a);color:#fff;border:2px solid #84d0ee;box-shadow:0 4px 7px #11344d40;border-radius:15px;padding:7px 22px 8px;min-width:72px}.stage small{font-size:12px}.stage b{font-size:34px;line-height:1.15}.stage i{display:block;width:45px;height:4px;background:#57dff3;border-radius:6px;margin-top:5px}.remaining{direction:rtl;display:flex;align-items:center;background:#f7fcfff5;box-shadow:0 3px 7px #213e6620;border:1px solid #95bddd;border-radius:11px;padding:6px 12px;font-size:13px;gap:12px;font-weight:bold}.remaining b{border-right:1px solid #8ba9c7;padding-right:12px;font-size:21px}.pause{position:absolute;right:3%;top:3%;width:38px;height:38px}.ammo{position:absolute;left:2.5%;top:25%;width:8%;display:flex;flex-direction:column;align-items:center;border:3px solid #619abd;background:linear-gradient(90deg,#316386,#0d283f,#316386);border-radius:26px;padding:7px 2px 4px;box-shadow:3px 2px 0 #102c4655}.ammo i{display:block;width:90%;aspect-ratio:1;border-radius:50%;margin:3px 0;background:radial-gradient(circle at 35% 25%,#fff,#f7f5e9 60%,#a7a9a6);box-shadow:0 2px 3px #071b37}.ammo i.empty{background:#0d263e;box-shadow:inset 0 2px 4px #0006}.ammo b{display:block;background:#24476c;border-radius:50%;width:100%;aspect-ratio:1;text-align:center;align-content:center;color:#fff;border:2px solid #9ddfff;font-size:19px;margin-top:4px}.ammo.fired{animation:ammoPulse .28s ease-out}.robot{position:absolute;bottom:3.5%;left:1%;width:18%;height:14%;object-fit:contain;pointer-events:none;transform-origin:bottom}.robot.happy{animation:robotJump .5s ease-out}.combo{position:absolute;top:20%;right:8%;color:#075176;font-size:22px;font-weight:bold;text-shadow:0 2px 0 #fff;pointer-events:none}.hint{position:absolute;bottom:12%;left:16%;right:8%;text-align:center;border-radius:20px;background:#fffffff0;color:#144765;padding:8px;font-size:12px;pointer-events:none}.hint:empty{display:none}.play-tools{position:absolute;right:3%;bottom:3%;display:flex;gap:8px}.play-tools .icon{width:37px;height:37px;font-size:17px}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#0c253b72;backdrop-filter:blur(5px);padding:22px}.result-card{padding:28px 22px;max-width:355px;width:100%;background:#f3fbfff5;border:2px solid white;border-radius:28px;text-align:center;box-shadow:0 20px 90px #08172466}.result-card h1{font-size:29px;margin:8px 0 14px}.result-card p{font-size:14px;line-height:1.8}.result-card .result-symbol{font-size:65px;color:#27bfeb;text-shadow:0 3px 0 #157da6}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stats div{padding:14px 5px;border-radius:14px;background:#e0eef6}.stats b{display:block;font-size:24px}.stats small{font-size:12px}dialog{border:1px solid white;border-radius:24px;width:min(90%,380px);padding:25px;background:#f3fbff;color:#153b56;box-shadow:0 25px 70px #06172a70}dialog::backdrop{background:#071c3380;backdrop-filter:blur(5px)}dialog h2{margin-top:4px}dialog label{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #cbdde7;font-size:16px}dialog input{width:22px;height:22px;accent-color:#168fb7}dialog p{font-size:13px;line-height:1.8}dialog .close{float:left;font-size:25px;background:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes ammoPulse{50%{transform:translateY(5px)}}@keyframes robotJump{40%{transform:translateY(-15px) rotate(-7deg)}75%{transform:rotate(5deg)}}.reduce-motion *{animation:none!important;transition:none!important}@media(min-width:650px){.shell{border-left:1px solid #a1dafa40;border-right:1px solid #a1dafa40}.menu-top{padding-top:30px}.page{padding-top:20px}}@media(max-width:360px){.page{padding-left:15px;padding-right:15px}.tree-grid{gap:6px}.tree-node{font-size:11px}.save-label{font-size:10px}.remaining{font-size:11px;gap:6px}.stage b{font-size:27px}.nav button{font-size:11px}}
 .robot,.home-robot,.wardrobe-hero img{mix-blend-mode:multiply}
 .nav{position:fixed;left:50%;transform:translateX(-50%);width:min(100%,550px)}
