:root{font-family:Manrope,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#f7f8ff;background:#0b1028;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f7f8ff;--muted: #a5aecb;--muted-2: #7f89ac;--line: rgba(177, 194, 255, .14);--panel: rgba(21, 29, 62, .77);--panel-bright: #18234b;--mint: #71eed3;--gold: #ffd66a;--coral: #ff8f91;--blue: #8ca8ff;--shadow: 0 24px 80px rgba(1, 4, 20, .34);color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#0b1028}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 79% 14%,rgba(84,79,180,.15),transparent 36%),radial-gradient(ellipse at 17% 72%,rgba(32,157,173,.09),transparent 42%),#0b1028}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hidden{display:none!important}#app{width:min(1180px,calc(100% - 64px));margin:0 auto;padding-bottom:max(42px,env(safe-area-inset-bottom))}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(203,215,255,.09)}.brand{display:inline-flex;gap:10px;align-items:center;padding:0;border:0;background:none;font-weight:800;letter-spacing:-.03em;font-size:18px;cursor:pointer}.brand-bee{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:#252340;background:var(--gold);font-size:20px;transform:rotate(-12deg);box-shadow:0 0 22px #ffd66a38}.brand-accent{color:var(--mint)}.topbar-right{display:flex;align-items:center;gap:23px}.top-note{color:#8791b2;font-size:12px;letter-spacing:.05em}.icon-button{border:1px solid var(--line);background:#1b254b80;color:#d5dcf7;padding:9px 14px;border-radius:999px;cursor:pointer;font-size:12px;transition:.2s ease}.icon-button:hover{border-color:#71eed373;color:var(--mint)}.icon-button.muted{color:#8992b0}.screen{display:none;animation:screen-in .32s ease both}.screen.active{display:block}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{position:relative;min-height:477px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px 0 18px}.hero-copy{position:relative;z-index:2;padding:20px 0 30px 14px}.eyebrow{display:block;color:var(--mint);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.16em;font-weight:500}.hero .eyebrow{color:#c5bcff;font-size:11px;letter-spacing:.09em}.sparkle{display:inline-block;margin-right:7px;color:var(--gold);font-size:15px;vertical-align:-1px}h1{font-size:clamp(56px,7vw,86px);line-height:1.03;letter-spacing:-.075em;margin:19px 0 18px;font-weight:800}h1 span{color:var(--mint)}.hero-copy>p{max-width:430px;color:#aab3d0;font-size:15px;line-height:1.85;margin:0 0 26px}.hero-actions{display:flex;gap:11px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{cursor:default;opacity:.45;transform:none}.button.primary{color:#102b3a;background:var(--mint);box-shadow:0 9px 24px #46d9c224}.button.primary:hover{background:#98f4df;box-shadow:0 12px 30px #46d9c240}.button.ghost{color:#dce3ff;border-color:var(--line);background:#17204570}.button.ghost:hover,.button.outline:hover{border-color:#71eed380;background:#293b628c}.button.outline{color:#d4dcfa;border-color:#b1c2ff38;background:#151d3e4d}.button.large{min-height:51px;padding:0 20px;border-radius:14px;font-size:13px}.button.small{min-height:35px;padding:0 13px;border-radius:10px;font-size:11px}.hero-footnote{margin-top:25px;color:#7883a7;font-size:11px}.shared-banner{width:min(420px,100%);display:flex;flex-direction:column;gap:4px;margin:0 0 20px;padding:13px 16px;border:1px solid rgba(113,238,211,.25);border-radius:12px;background:#71eed312}.shared-banner strong{color:var(--mint);font-size:12px}.shared-banner span{color:#a7b5cf;font-size:11px}.hero-art{height:420px;position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(151,166,255,.12);border-radius:42% 58% 43% 57%/45% 43% 57% 55%;background:radial-gradient(ellipse at 52% 47%,rgba(42,61,123,.48),rgba(15,21,53,.1) 54%,transparent 70%)}.hero-art:before{content:"";position:absolute;inset:12%;border:1px dashed rgba(154,172,255,.15);border-radius:50%;transform:rotate(-16deg)}.orbit{position:absolute;left:8%;top:20%;width:85%;height:63%;border:1px solid rgba(146,168,250,.12);border-radius:50%;transform:rotate(-28deg)}.orbit-two{left:14%;top:29%;width:73%;height:44%;border-color:#71eed321;transform:rotate(34deg)}.planet{position:absolute;border-radius:50%;filter:blur(1px)}.planet-a{width:187px;height:187px;top:116px;left:calc(50% - 93px);background:radial-gradient(circle at 35% 30%,#a3a1ff,#52469d 42%,#292b65 76%);box-shadow:0 0 64px #7267db40,inset -18px -15px 30px #0c123194}.planet-a:after{content:"";position:absolute;width:240px;height:50px;top:59px;left:-26px;border:9px solid rgba(255,214,106,.42);border-left-color:#ffd66a1a;border-right-color:#ffd66a21;border-radius:50%;transform:rotate(-19deg)}.planet-b{width:12px;height:12px;top:80px;right:14%;background:#ffb0b6;box-shadow:0 0 16px #ff8697}.bee{position:absolute;z-index:4;width:69px;height:48px;border-radius:21px 26px 25px 28px;background:linear-gradient(130deg,#ffe784,#ffbf46);box-shadow:inset -9px -7px #e190242e,0 13px 28px #05091c59;transform:rotate(-9deg);animation:hover-bee 3.2s ease-in-out infinite}.bee:before,.bee:after{content:"";position:absolute;top:-13px;width:23px;height:21px;border-radius:50% 50% 8px;background:#b4e3ffcc;border:1px solid rgba(231,248,255,.8)}.bee:before{left:11px;transform:rotate(-24deg)}.bee:after{right:10px;transform:rotate(27deg) scaleX(-1)}.bee i,.bee b{position:absolute;top:12px;z-index:2;width:8px;height:22px;border-radius:4px;background:#473b57}.bee i{left:24px}.bee b{left:43px}.bee-large{top:112px;right:12%;transform:scale(1.03) rotate(9deg)}.bee-small{width:46px;height:34px;border-radius:16px;transform:scale(.75) rotate(-16deg)}.bee-small:before,.bee-small:after{width:17px;height:15px;top:-9px}.bee-small i,.bee-small b{height:16px;width:6px;top:9px}.bee-small i{left:15px}.bee-small b{left:28px}.bee-one{left:12%;top:201px;animation-delay:-.9s;background:linear-gradient(130deg,#94f1d5,#43c8b7)}.bee-two{right:18%;bottom:67px;animation-delay:-1.7s;background:linear-gradient(130deg,#ffc3a6,#ff8095)}.ship-art{position:absolute;z-index:5;left:48%;bottom:42px;width:58px;height:68px;display:grid;place-items:center;color:#f8fffe;font-size:57px;line-height:1;text-shadow:0 0 17px rgba(113,238,211,.82);transform:translate(-50%);filter:drop-shadow(0 6px 12px rgba(67,223,194,.3));animation:hover-ship 3.5s ease-in-out infinite}.ship-art span{transform:scaleX(1.16)}.ship-art i{position:absolute;bottom:-16px;width:9px;height:23px;background:linear-gradient(var(--gold),transparent);filter:blur(2px)}.hero-star{position:absolute;color:#ffe7a6;text-shadow:0 0 17px rgba(255,219,121,.8);animation:twinkle 2.4s ease-in-out infinite}.star-a{left:17%;top:92px}.star-b{right:19%;top:245px;color:#b0c5ff;animation-delay:-.7s}.star-c{left:26%;bottom:92px;font-size:11px;animation-delay:-1.5s}.hero-pulse{position:absolute;width:4px;height:4px;border-radius:50%;background:#71eed3;box-shadow:0 0 #71eed373;animation:pulse 2.5s infinite}.pulse-a{top:35%;left:20%}.pulse-b{right:26%;bottom:28%;animation-delay:-1.2s}@keyframes hover-bee{0%,to{margin-top:0}50%{margin-top:-10px}}@keyframes hover-ship{0%,to{margin-bottom:0}50%{margin-bottom:8px}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}@keyframes pulse{0%{box-shadow:0 0 #71eed380}to{box-shadow:0 0 0 13px #71eed300}}.home-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:4px 0 10px}.home-card,.home-tip{min-height:114px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;text-align:left;background:linear-gradient(135deg,#19244abd,#121b3aa3);transition:.22s ease}.home-card{cursor:pointer}.home-card:hover{transform:translateY(-3px);border-color:#71eed357;background:linear-gradient(135deg,#1f3156e6,#141f3fd1)}.card-icon{position:absolute;right:21px;top:19px;font-size:18px;filter:saturate(.8)}.card-title{font-size:14px;font-weight:750}.card-copy{margin-top:7px;color:var(--muted-2);font-size:11px}.card-arrow{position:absolute;right:22px;bottom:18px;color:var(--mint);font-size:15px}.home-tip{color:#8f9bbc;font-size:11px;line-height:1.7;background:#111b3a59}.home-tip>span{position:absolute;right:21px;top:18px;color:var(--gold)}.home-tip strong{margin-bottom:3px;color:#d6ddf7;font-size:12px}.section-heading{min-height:130px;display:flex;align-items:center;gap:25px;padding:23px 0 20px;border-bottom:1px solid var(--line)}.section-heading>div:nth-child(2){flex:1}.section-heading h2{margin:6px 0 4px;font-size:27px;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font-size:12px}.back-button{flex:none;padding:8px 12px 8px 0;border:0;background:none;color:#aab5d4;cursor:pointer;font-size:12px}.back-button:hover{color:var(--mint)}.heading-emoji{font-size:20px}.heading-actions{display:flex;justify-content:flex-end;flex:0 0 auto!important;gap:8px}.game-heading{min-height:112px}.game-heading h2{margin-top:3px}.game-toolbar{display:flex;align-items:center;gap:12px}.game-hud{padding:9px 13px;border:1px solid var(--line);border-radius:10px;color:#d2dcfc;font-size:11px;font-variant-numeric:tabular-nums;background:#101836b3}.game-layout{display:grid;grid-template-columns:minmax(270px,1fr) 220px;gap:28px;align-items:center;justify-content:center;max-width:850px;margin:27px auto 0}.game-slot{position:relative;width:min(100%,390px);max-height:calc(100svh - 183px);aspect-ratio:9 / 16;justify-self:center;overflow:hidden;border:1px solid rgba(154,175,255,.22);border-radius:20px;background:#111a3b;box-shadow:0 16px 70px #00000059,0 0 40px #4359a51a}.game-side-note{align-self:center;max-width:220px;padding:22px 19px;border:1px solid var(--line);border-radius:16px;background:#141e3f8c;color:#aab5d2;font-size:11px;line-height:1.8}.game-side-note strong{color:#f0f2ff}.game-side-note p{margin:9px 0}.note-star{display:block;color:var(--gold);font-size:17px;margin-bottom:5px}.text-button{border:0;padding:5px 0;background:none;color:var(--mint);font-size:11px;font-weight:700;cursor:pointer}.text-button:hover{color:#aff8e8}.creator-tabs{display:none}.creator-layout{display:grid;grid-template-columns:minmax(380px,.94fr) minmax(320px,1fr);gap:21px;align-items:start;padding:22px 0 30px}.editor-panel,.preview-panel{min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:19px;background:var(--panel);box-shadow:0 12px 34px #0000001a}.panel-title,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-title h3,.preview-heading h3{margin:5px 0 0;font-size:17px;letter-spacing:-.03em}.panel-badge{padding:6px 10px;border:1px solid rgba(113,238,211,.2);border-radius:999px;color:var(--mint);background:#71eed30f;font-size:9px}.rule-controls{display:grid;gap:1px}.rule-row{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;align-items:center;gap:17px;min-height:52px;border-bottom:1px solid rgba(180,194,255,.075)}.rule-label{display:flex;flex-direction:column;gap:3px}.rule-label strong{color:#e3e8fc;font-size:11px;font-weight:650}.rule-label small{color:#818dad;font-size:9px;line-height:1.3}.rule-input-wrap{display:flex;align-items:center;gap:11px}.rule-input-wrap input[type=range],.mini-parameters input[type=range],.one-change-range input[type=range]{width:100%;height:4px;appearance:none;border-radius:10px;background:linear-gradient(90deg,#52d4c3,#8197ff);cursor:pointer;touch-action:pan-y}.rule-input-wrap input[type=range]::-webkit-slider-thumb,.mini-parameters input[type=range]::-webkit-slider-thumb,.one-change-range input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid #eafaf8;border-radius:50%;background:#43cdbd;box-shadow:0 0 0 4px #43cdbd26}.rule-input-wrap input[type=range]::-moz-range-thumb,.mini-parameters input[type=range]::-moz-range-thumb,.one-change-range input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid #eafaf8;border-radius:50%;background:#43cdbd;box-shadow:0 0 0 4px #43cdbd26}.rule-input-wrap output{min-width:57px;padding:5px 7px;border:1px solid rgba(147,167,243,.18);border-radius:7px;color:#e2e8ff;text-align:center;font-size:10px;font-variant-numeric:tabular-nums;background:#0b112a80}.logic-card{margin:16px 0 14px;padding:13px 15px 11px;border:1px solid rgba(150,166,236,.15);border-radius:12px;background:linear-gradient(140deg,#0c1129ad,#141b3999)}.logic-heading{display:flex;gap:9px;align-items:center;margin-bottom:10px}.logic-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#a8b7ff;background:#8395ff24;font-family:DM Mono,monospace;font-size:10px}.logic-heading div{display:flex;flex-direction:column;gap:2px}.logic-heading strong{font-size:10px}.logic-heading small{color:#7f89aa;font-size:9px}.code-line{display:flex;align-items:center;gap:8px;height:24px;padding-left:36px;color:#aab5d6;font-family:DM Mono,monospace;font-size:10px}.code-line b{color:#8293bd;font-weight:400}.code-value{color:#ffd374}.code-condition{padding-left:36px;color:#c0cbeb}.code-condition select{min-width:37px;height:22px;padding:0 4px;border:1px solid rgba(143,163,232,.3);border-radius:5px;background:#182146;color:var(--mint);cursor:pointer;font-family:DM Mono,monospace;text-align:center}.code-indent{padding-left:58px;color:#8bd9be}.logic-hint{margin:7px 0 0 36px;color:#8390b3;font-size:9px}.editor-actions{display:flex;gap:9px}.privacy-note{margin:9px 0 0;color:#7180a4;font-size:9px}.preview-panel{padding-bottom:16px}.preview-heading{margin-bottom:12px}.preview-tag{display:inline-flex;align-items:center;gap:6px;color:#9da9c8;font-size:9px}.preview-tag i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #71eed399}.preview-slot{position:relative;width:min(100%,330px);aspect-ratio:9/16;max-height:560px;margin:0 auto;overflow:hidden;border:1px solid rgba(156,174,248,.2);border-radius:16px;background:#101a3b}.preview-caption{display:flex;justify-content:center;gap:7px;margin-top:11px;color:#8995b5;font-size:9px}.preview-caption span{color:var(--gold)}.game-shell{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-root{width:100%;height:100%;touch-action:none}.game-root canvas{display:block;width:100%!important;height:100%!important;touch-action:none;image-rendering:pixelated}.game-overlay{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:16px;background:#070c2361;backdrop-filter:blur(3px)}.game-overlay.hidden{display:none}.overlay-card{width:min(100%,280px);padding:22px 20px;border:1px solid rgba(170,191,255,.24);border-radius:20px;text-align:center;background:#131d41e8;box-shadow:0 20px 60px #00000059}.overlay-bee{width:41px;height:41px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;background:#ffd66a21;color:var(--gold);font-size:23px;transform:rotate(-7deg)}.overlay-card h2{margin:7px 0 5px;font-size:18px}.overlay-card p{margin:0 auto 15px;color:#aeb9d7;font-size:10px;line-height:1.65}.overlay-card .button{width:100%}.overlay-home{margin-top:7px}.toast{position:fixed;z-index:50;left:50%;bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100% - 32px);padding:11px 17px;border:1px solid rgba(113,238,211,.26);border-radius:11px;color:#e9fff9;background:#182a43f5;box-shadow:var(--shadow);font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.22s ease}.toast.visible{opacity:1;transform:translate(-50%)}#orientation-hint{display:none}.challenge-list{display:grid;gap:11px;max-width:820px;margin:26px auto 0}.challenge-card{min-height:97px;display:grid;grid-template-columns:51px 1fr 24px;gap:15px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:16px;text-align:left;background:linear-gradient(100deg,#19264ecc,#121a39a3);cursor:pointer;transition:.2s ease}.challenge-card:hover{transform:translate(3px);border-color:#71eed357}.challenge-number{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,214,106,.25);border-radius:13px;color:var(--gold);background:#ffd66a14;font-family:DM Mono,monospace;font-size:12px}.challenge-card strong{display:block;font-size:14px}.challenge-card small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.challenge-card .card-arrow{position:static;justify-self:end;font-size:18px}.challenge-footer{max-width:820px;margin:17px auto;text-align:right}.challenge-layout{grid-template-columns:minmax(340px,.92fr) minmax(310px,1fr)}.challenge-editor{padding:21px}.challenge-task{margin-bottom:17px}.task-step{display:inline-block;margin-bottom:7px;padding:5px 8px;border-radius:6px;color:#ffd86c;background:#ffd86c1a;font-size:9px;font-weight:700}.challenge-task h3{margin:0 0 6px;font-size:15px;line-height:1.45}.challenge-task p{margin:0;color:#9da9c8;font-size:10px;line-height:1.65}.challenge-meters{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border:1px solid var(--line);border-radius:11px;background:#0c122b80}.challenge-meters>div{display:flex;flex-direction:column;gap:3px}.challenge-meters small{color:#8792b1;font-size:8px}.challenge-meters strong{color:var(--gold);font-size:17px}.challenge-meters>span{color:#7480a2;font-size:12px}.prediction-label,.field-label{display:block;margin:14px 0 6px;color:#cdd6f0;font-size:10px}.prediction-control{display:flex;align-items:center;gap:7px}.prediction-control input{width:78px;height:40px;border:1px solid rgba(155,177,255,.25);border-radius:9px;color:var(--gold);text-align:center;background:#111a3c;font-size:17px;font-weight:700}.prediction-control span{color:#a2adca;font-size:10px}.mini-parameters{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.mini-parameters label{display:grid;grid-template-columns:1fr auto;gap:8px;color:#96a2c1;font-size:9px}.mini-parameters label output{color:#e4e9fb}.mini-parameters input{grid-column:1 / -1}.small-hint{margin:13px 0 0;color:#7f8aaa;font-size:9px;line-height:1.6}.bug-code{padding:14px 15px;border:1px solid rgba(153,169,236,.15);border-radius:12px;background:#0b112a9e;font-family:DM Mono,monospace;font-size:10px;line-height:2.15}.bug-code>div{padding-left:12px;color:#b3bedc}.bug-code b{margin:0 8px;color:#7583ad;font-weight:400}.bug-code strong{color:var(--gold)}.bug-condition select{min-width:37px;margin:0 8px;padding:3px;border:1px solid rgba(143,163,232,.3);border-radius:5px;color:var(--mint);background:#182146;font-family:inherit;cursor:pointer}.bug-outcome{color:#81d9bc!important;padding-left:28px!important}.challenge-observation{display:flex;gap:11px;align-items:flex-start;min-height:67px;margin:16px 0 13px;padding:12px;border:1px solid rgba(124,151,231,.15);border-radius:11px;background:#212e5861}.observation-icon{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:var(--gold);background:#ffd66a1f;font-size:11px}.observation-icon.success{color:var(--mint);background:#71eed31f}.challenge-observation strong{color:#e8edff;font-size:10px}.challenge-observation p{margin:4px 0 0;color:#9ba7c5;font-size:9px;line-height:1.55}.full-width{width:100%}.challenge-editor>.text-button{margin-top:8px}.select-control{width:100%;min-height:38px;padding:0 10px;border:1px solid rgba(149,167,237,.22);border-radius:9px;color:#e4e9fb;background:#131d43;font-size:10px}.one-change-range{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;margin:15px 0;color:#cbd5ef;font-size:10px}.one-change-range output{color:var(--gold);font-variant-numeric:tabular-nums}.one-change-range input{grid-column:1/-1}.compare-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b112a6e}.compare-box>div{display:flex;flex-direction:column;gap:4px}.compare-box small{color:#858fac;font-size:8px}.compare-box strong{color:#edf2ff;font-size:12px}.compare-box>span{color:var(--mint)}.observable{display:flex;gap:9px;align-items:center;margin-top:12px;padding:10px 11px;border-radius:9px;color:#98a5c4;background:#71eed30e;font-size:9px;line-height:1.55}.observable strong{color:var(--mint)}.save-list{display:grid;gap:10px;max-width:930px;margin:25px auto 0}.save-card{display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:center;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:#151f42a6}.save-card-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:var(--gold);background:#ffd66a1a}.save-card-main{min-width:0}.save-card-main>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.save-card-main>small{display:block;margin-top:4px;color:#8290b1;font-size:9px}.save-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.save-tags span{padding:4px 7px;border:1px solid rgba(159,176,246,.1);border-radius:6px;color:#9da9c9;font-size:8px}.save-card-actions{display:flex;align-items:center;gap:7px}.delete-save{width:29px;height:29px;border:0;border-radius:8px;color:#9ca8c7;background:transparent;font-size:20px;cursor:pointer}.delete-save:hover{color:#ff8999;background:#ff89991a}.empty-state{display:flex;flex-direction:column;align-items:center;padding:76px 20px;text-align:center}.empty-state>span{font-size:34px}.empty-state h3{margin:13px 0 4px;font-size:16px}.empty-state p{max-width:340px;color:var(--muted);font-size:11px;line-height:1.7}.empty-state .button{margin-top:8px}.modal{width:min(430px,calc(100% - 30px));padding:0;border:1px solid rgba(156,177,255,.26);border-radius:20px;color:var(--ink);background:#151e43;box-shadow:0 30px 100px #0000008f}.modal::backdrop{background:#040716b8;backdrop-filter:blur(5px)}.modal form{position:relative;padding:25px}.modal h3{margin:7px 0 6px;font-size:19px}.modal-copy{margin:0 0 16px;color:var(--muted);font-size:11px}.modal label{display:block;margin:16px 0 7px;color:#b6c1df;font-size:10px}.modal input{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(149,167,237,.2);border-radius:9px;outline:none;color:#e9edff;background:#080d2399;font-size:11px}.modal input:focus{border-color:#71eed38c}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-close{position:absolute;top:15px;right:16px;width:29px;height:29px;border:0;border-radius:8px;color:#a4adca;background:transparent;font-size:21px;cursor:pointer}.modal-close:hover{background:#ffffff12}@media(max-width:800px){#app{width:min(100% - 40px,650px)}.topbar{height:70px}.top-note{display:none}.hero{min-height:385px;grid-template-columns:1fr .76fr;padding-top:22px}.hero-copy{padding-left:0}.hero-art{height:320px;transform:scale(.96)}.planet-a{width:145px;height:145px;top:89px;left:calc(50% - 73px)}.planet-a:after{width:190px;height:40px;top:48px;left:-23px;border-width:7px}.bee-large{top:82px;right:8%}.ship-art{bottom:30px}h1{font-size:clamp(51px,8vw,70px)}.hero-copy>p{max-width:360px;font-size:13px}.home-cards{gap:10px}.home-card,.home-tip{min-height:106px;padding:16px}.card-icon,.card-arrow{right:15px}.creator-layout{grid-template-columns:minmax(330px,.9fr) minmax(280px,1fr);gap:12px}.editor-panel,.preview-panel{padding:17px}.rule-row{grid-template-columns:minmax(112px,.8fr) 1.2fr;gap:11px}.rule-label small{max-width:145px}.game-layout{grid-template-columns:minmax(280px,1fr) 170px;gap:15px}.game-side-note{padding:16px}}@media(max-width:620px){body{background:radial-gradient(ellipse at 75% 13%,rgba(83,77,173,.13),transparent 35%),#0b1028}#app{width:100%;padding:0 18px max(24px,env(safe-area-inset-bottom))}.topbar{height:64px}.brand{font-size:16px}.brand-bee{width:28px;height:28px}.icon-button{padding:7px 10px;font-size:10px}.hero{display:flex;flex-direction:column;min-height:0;align-items:stretch;padding:25px 0 7px}.hero-copy{padding:0}.hero .eyebrow{font-size:9px}.hero-copy>p{max-width:440px;margin-bottom:17px;font-size:12px}.hero-actions{gap:8px}.button.large{min-height:46px;padding:0 16px;font-size:11px}.hero-footnote{margin-top:14px;font-size:9px}h1{margin:12px 0 10px;font-size:clamp(52px,13vw,70px)}.hero-art{align-self:center;width:min(100%,395px);height:265px;margin:1px 0 2px;transform:none;border-radius:46% 54% 47% 53%/42% 46% 54% 58%}.planet-a{width:125px;height:125px;top:70px;left:calc(50% - 62px)}.planet-a:after{width:164px;height:34px;top:42px;left:-20px;border-width:6px}.bee-large{top:64px;right:10%;transform:scale(.84) rotate(9deg)}.bee-one{top:133px}.bee-two{right:13%;bottom:42px}.ship-art{bottom:15px;transform:translate(-50%) scale(.83)}.star-a{left:13%;top:53px}.star-b{right:11%;top:176px}.home-cards{grid-template-columns:1fr 1fr;gap:8px;padding-top:7px}.home-card{min-height:91px;padding:14px;border-radius:14px}.card-title{font-size:12px}.card-copy{max-width:160px;font-size:9px}.card-icon{top:11px;right:13px;font-size:15px}.card-arrow{right:13px;bottom:10px;font-size:12px}.home-tip{grid-column:1/-1;min-height:68px;padding:12px 15px 12px 46px;border-radius:14px}.home-tip>span{left:17px;right:auto;top:17px}.home-tip strong{display:inline;margin-right:6px}.home-tip br{display:none}.section-heading{min-height:100px;gap:10px;padding:17px 0}.section-heading h2{font-size:21px}.section-heading p{max-width:280px;font-size:10px;line-height:1.5}.back-button{padding-right:4px;font-size:10px}.heading-actions{gap:5px}.heading-actions .button{padding:0 9px;font-size:9px}.game-heading{min-height:92px;flex-wrap:wrap}.game-heading>div:nth-child(2){flex:1 1 110px}.game-heading h2{font-size:18px}.game-toolbar{width:100%;justify-content:flex-end;margin-top:-8px}.game-hud{margin-right:auto;padding:7px 9px;font-size:9px}.game-layout{display:block;margin-top:12px}.game-slot{width:min(100%,calc((100svh - 192px)*.5625));max-height:calc(100svh - 192px);min-height:300px;border-radius:16px}.game-side-note{display:none}.creator-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:#121b3cbf}.creator-tabs button{min-height:35px;border:0;border-radius:8px;color:#929dbd;background:transparent;font-size:10px;cursor:pointer}.creator-tabs button.active{color:#102b3a;background:var(--mint);font-weight:700}.creator-layout{display:block;padding:10px 0 24px}.editor-panel,.preview-panel{padding:16px;border-radius:15px}.preview-panel,.creator-layout.mobile-preview .editor-panel{display:none}.creator-layout.mobile-preview .preview-panel{display:block}.creator-layout.mobile-preview .preview-slot{width:min(100%,calc((100svh - 250px)*.5625));max-height:calc(100svh - 250px)}.rule-row{grid-template-columns:minmax(110px,.78fr) 1.2fr;min-height:49px}.rule-label strong{font-size:10px}.rule-label small{font-size:8px}.rule-input-wrap{gap:7px}.rule-input-wrap output{min-width:48px;padding:5px;font-size:9px}.logic-card{margin-top:12px;padding:11px}.editor-actions .button{flex:1;padding:0 10px;font-size:10px}.privacy-note{font-size:8px}.challenge-list{margin-top:17px}.challenge-card{min-height:83px;grid-template-columns:39px 1fr 17px;gap:10px;padding:14px 12px;border-radius:13px}.challenge-number{width:35px;height:35px;border-radius:10px;font-size:10px}.challenge-card strong{font-size:11px}.challenge-card small{font-size:9px;line-height:1.5}.challenge-footer{margin-top:10px}.challenge-footer .button{font-size:10px}.challenge-layout{display:block}.challenge-editor{padding:15px}.challenge-preview,.challenge-layout.mobile-preview .challenge-editor{display:none}.challenge-layout.mobile-preview .challenge-preview{display:block}.challenge-layout.mobile-preview .preview-slot{width:min(100%,calc((100svh - 250px)*.5625));max-height:calc(100svh - 250px)}.challenge-task h3{font-size:13px}.challenge-task p{font-size:9px}.challenge-meters{padding:10px}.challenge-meters strong{font-size:15px}.save-card{grid-template-columns:35px 1fr;gap:9px;padding:12px}.save-card-icon{width:32px;height:32px}.save-card-main>strong{font-size:11px}.save-card-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.save-card-actions .button{min-height:31px;font-size:9px}.delete-save{margin-left:auto}.save-tags{margin-top:6px}.modal form{padding:20px}.modal h3{font-size:17px}}@media(max-width:375px){#app{padding-left:13px;padding-right:13px}.hero-actions{gap:6px}.button.large{padding:0 12px}.hero-art{height:235px}.rule-row{grid-template-columns:104px 1fr;gap:7px}.rule-label small{max-width:105px}.game-slot{min-height:280px}.game-hud{font-size:8px}.heading-actions .button{padding:0 7px}}@media(orientation:landscape)and (max-height:560px)and (pointer:coarse){#orientation-hint{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;text-align:center;background:#080d22f5}#orientation-hint>span{color:var(--gold);font-size:34px;transform:rotate(90deg)}#orientation-hint strong{font-size:17px}#orientation-hint small{color:var(--muted);font-size:11px}}@media(max-height:720px)and (max-width:620px){.hero-art{height:195px}.hero{padding-top:18px}.hero-copy>p{margin-bottom:10px}.hero-footnote{margin-top:10px}.game-slot{max-height:calc(100svh - 160px);width:min(100%,calc((100svh - 160px)*.5625))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}