:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f6f8;background:#0f1013;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#0f1013}button,input{font:inherit}.app{min-height:100vh}.topbar{height:64px;background:#181a1f;border-bottom:1px solid #2a2d33;display:flex;align-items:center;padding:0 28px;gap:34px;position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;cursor:pointer}.brand-mark{width:31px;height:31px;background:#fff;color:#111;border-radius:7px;display:grid;place-items:center;font-weight:950}.brand-mark.small{width:28px;height:28px}.topbar nav{display:flex;gap:4px;height:100%}.topbar nav button{background:none;border:0;color:#aeb3bc;padding:0 16px;cursor:pointer;font-weight:650}.topbar nav button.active,.topbar nav button:hover{color:#fff}.top-actions{margin-left:auto;display:flex;gap:12px}.search{background:#22252b;color:#9da3ad;border:1px solid #30343b;border-radius:8px;padding:8px 14px;cursor:pointer}.avatar{border:0;border-radius:50%;width:36px;height:36px;background:#5c87e8;color:#fff;font-weight:800}.hero{max-width:1200px;margin:0 auto;padding:85px 30px 75px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:#8e97a5}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 22px}.hero h1 em{font-style:normal;color:#7ca6ff}.hero p{font-size:18px;line-height:1.65;color:#aeb4be;max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary,.secondary{border:0;border-radius:8px;padding:13px 20px;font-weight:800;cursor:pointer}.primary{background:#fff;color:#111}.secondary{background:#25282e;color:#fff}.hero-art{height:380px;position:relative;background:radial-gradient(circle at 50% 45%,#27344c,#15171c 64%);border:1px solid #30353e;border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #0008}.avatar-figure{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);filter:drop-shadow(0 18px 14px #0008)}.head{width:95px;height:95px;background:#e0a86a;border-radius:8px;margin:auto}.body{width:120px;height:125px;background:#3971d8;border-radius:7px}.leg{position:absolute;bottom:-105px;width:48px;height:110px;background:#262b35;border-radius:5px}.leg.l{left:9px}.leg.r{right:9px}.floating{position:absolute;width:70px;height:70px;border-radius:10px;transform:rotate(18deg);opacity:.85}.f1{background:#6ac17d;left:13%;top:18%}.f2{background:#db8b4d;right:12%;bottom:18%}.section,.page{max-width:1200px;margin:auto;padding:25px 30px 80px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section h2,.creator-banner h2{font-size:28px;margin:0 0 6px}.section-head p,.creator-banner p,.page-title p{color:#8f96a1;margin:0}.link{border:0;background:none;color:#a9c0ff;font-weight:750;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card{background:#181a1f;border:1px solid #2a2d34;border-radius:10px;overflow:hidden;transition:.18s}.game-card:hover{transform:translateY(-3px);border-color:#414650}.thumb{height:155px;display:grid;place-items:center;position:relative}.cube{font-size:70px;color:#fff;text-shadow:0 15px 25px #0006;transform:rotate(15deg)}.cube.big{font-size:110px}.tag{position:absolute;top:10px;left:10px;background:#111b;color:#fff;border:1px solid #fff2;border-radius:5px;padding:4px 7px;font-size:11px}.card-body{padding:13px}.card-body h3{font-size:15px;margin:0 0 5px}.card-body p{font-size:12px;color:#858c97;margin:0 0 12px}.meta{display:flex;justify-content:space-between;color:#89919d;font-size:11px}.play-small{margin-top:12px;width:100%;border:0;background:#2b2f36;color:#fff;padding:8px;border-radius:6px;font-weight:750;cursor:pointer}.creator-banner{padding:34px;max-width:1140px;margin:20px auto 80px;border:1px solid #30343c;background:linear-gradient(120deg,#171a20,#202735);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.page-title{padding:55px 0 28px}.page-title h1{font-size:45px;letter-spacing:-.04em;margin:10px 0}.discover-tools{display:flex;gap:18px;align-items:center;margin-bottom:24px}.discover-tools input{background:#181a1f;border:1px solid #343841;color:#fff;border-radius:8px;padding:13px 15px;min-width:320px;outline:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#1a1c21;border:1px solid #2e3239;padding:8px 12px;border-radius:20px;font-size:12px;color:#9ca3ae}.chip.active{background:#fff;color:#111}.studio{height:calc(100vh - 64px);display:flex;background:#0c0d10}.studio-side{width:230px;background:#17191e;border-right:1px solid #2b2e35;padding:14px;display:flex;flex-direction:column}.studio-title{display:flex;gap:9px;align-items:center;margin-bottom:18px}.studio-tool,.asset{border:0;background:none;color:#9da3ac;text-align:left;padding:10px;border-radius:6px;cursor:pointer}.studio-tool.active,.studio-tool:hover,.asset:hover,.asset.sel{background:#282c33;color:#fff}.tool-label{font-size:10px;letter-spacing:.14em;color:#69717d;margin:22px 10px 7px}.asset span{margin-right:10px}.studio-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}.save{border:0;background:#fff;color:#111;padding:10px;border-radius:6px;font-weight:800;cursor:pointer}.studio-bottom small{color:#7fc38c;text-align:center}.viewport{flex:1;min-width:0;position:relative}.studio-bar{height:52px;background:#191b20;border-bottom:1px solid #2a2e34;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#d8dbe0}.studio-bar span{color:#777f8b}.studio-actions{display:flex;gap:7px}.studio-actions button{border:1px solid #363a43;background:#22252b;color:#c9cdd3;border-radius:5px;padding:7px 12px;cursor:pointer}.studio-actions .test{color:#9ee1ad}.studio-actions .publish{background:#fff;color:#111}.canvas-wrap{position:absolute;inset:52px 0 0}.canvas-wrap canvas{display:block}.inspector{position:absolute;right:14px;bottom:14px;width:220px;background:#17191e;border:1px solid #30343b;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#858d99}.inspector b{color:#fff;font-size:13px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.item{background:#181a1f;border:1px solid #2b2f36;border-radius:10px;padding:12px;display:grid;gap:9px}.item-art{height:180px;border-radius:7px;display:grid;place-items:center}.item-cube{font-size:80px;color:#fff;transform:rotate(15deg)}.item b{font-size:15px}.item span{color:#c9a64d;font-size:12px}.item button{border:0;background:#2a2e35;color:#fff;padding:9px;border-radius:6px;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:50}.modal{width:min(420px,90vw);background:#191b20;border:1px solid #363a43;border-radius:12px;padding:14px;box-shadow:0 30px 100px #000}.modal-thumb{height:210px;border-radius:8px;display:grid;place-items:center}.modal h2{margin:18px 5px 4px}.modal p{margin:0 5px 18px;color:#8e96a1}.full{width:100%}footer{border-top:1px solid #25282e;padding:25px 30px;color:#68707c;display:flex;justify-content:space-between;font-size:12px;max-width:1200px;margin:auto}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.topbar{padding:0 14px}.topbar nav{display:none}.market-grid{grid-template-columns:1fr 1fr}.studio-side{width:190px}}@media(max-width:600px){.grid,.market-grid{grid-template-columns:1fr}.hero{padding-top:45px}.hero-art{height:300px}.discover-tools{align-items:stretch;flex-direction:column}.discover-tools input{min-width:0}.creator-banner,footer{flex-direction:column;align-items:flex-start}.studio-side{display:none}.studio-actions button:not(.test):not(.publish){display:none}}html,body,#root{overflow:auto;overscroll-behavior:auto;touch-action:auto}body{position:static}.topbar,button,input{touch-action:manipulation}.game-screen{position:fixed;inset:0;background:#0b0e14;overflow:hidden;touch-action:none}.game-canvas{position:absolute;inset:0}.game-canvas canvas{display:block;width:100%;height:100%}.game-hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;pointer-events:none;background:linear-gradient(#0009,transparent)}.game-hud div{display:flex;flex-direction:column;gap:3px;color:#fff}.game-hud span{font-size:12px;color:#d6dbe4}.game-hud button{pointer-events:auto;border:1px solid #ffffff33;background:#111a;color:#fff;padding:9px 14px;border-radius:7px;cursor:pointer}.start-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#080b12aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.start-card{width:min(520px,90vw);padding:36px;background:#151922f5;border:1px solid #ffffff1c;border-radius:16px;box-shadow:0 30px 100px #0008;text-align:center}.start-card h1{font-size:38px;margin:10px 0}.start-card p{color:#aab1be;line-height:1.6;margin:0 0 24px}.account-panel{width:min(430px,92vw);background:#191b20;border:1px solid #363a43;border-radius:14px;padding:26px;box-shadow:0 30px 100px #000}.account-panel h2{margin:8px 0}.account-panel p{color:#929aa6;line-height:1.55}.account-panel label{display:flex;flex-direction:column;gap:7px;color:#aeb5bf;font-size:12px;margin:14px 0}.account-panel input{background:#101216;border:1px solid #353a43;color:#fff;border-radius:7px;padding:11px;outline:none}.account-panel .secondary{margin-top:9px}.transform-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.transform-tools button{border:1px solid #30343b;background:#202329;color:#8e96a2;padding:6px 3px;border-radius:5px;font-size:10px;cursor:pointer}.transform-tools button.active,.transform-tools button:hover{background:#fff;color:#111}.studio-ai{position:absolute;left:14px;bottom:14px;width:min(460px,calc(100% - 260px));background:#171a20ee;border:1px solid #39404a;border-radius:10px;padding:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 15px 45px #0007}.studio-ai>div:first-child{display:flex;gap:10px;align-items:center}.studio-ai>div:first-child span{font-size:11px;color:#7f8996}.studio-ai p{font-size:11px;color:#8f98a5;margin:7px 0}.ai-row{display:flex;gap:7px}.ai-row input{min-width:0;flex:1;background:#0f1115;border:1px solid #343942;color:#fff;border-radius:6px;padding:9px}.ai-row button{border:0;background:#fff;color:#111;border-radius:6px;padding:0 13px;font-weight:800}.mobile-controls{position:absolute;inset:0;pointer-events:none}.joystick{position:absolute;left:25px;bottom:28px;width:112px;height:112px;border-radius:50%;background:#1119;border:2px solid #ffffff25;pointer-events:auto;display:grid;place-items:center}.joystick i{display:block;width:48px;height:48px;border-radius:50%;background:#fff4;border:1px solid #ffffff55}.jump-button{position:absolute;right:28px;bottom:35px;width:74px;height:74px;border-radius:50%;border:1px solid #ffffff44;background:#111a;color:#fff;font-size:30px;pointer-events:auto}.game-screen,.game-canvas{touch-action:none}@media(max-width:700px){.topbar{height:56px}.hero{padding:34px 18px 50px}.hero h1{font-size:38px}.section,.page{padding-left:18px;padding-right:18px}.creator-banner{margin-left:18px;margin-right:18px;padding:24px}footer{display:none}.studio{height:calc(100vh - 56px)}.studio-side{display:none}.studio-ai{left:10px;right:10px;bottom:10px;width:auto}.inspector{display:none}.studio-bar{padding:0 9px}.studio-actions .test,.studio-actions .publish{padding:7px 9px}.start-card{padding:28px 20px}.start-card h1{font-size:30px}}:root{--ui-font:Inter;--accent:#8ea8ff;--accent2:#b77cff}body{background:radial-gradient(900px 500px at 15% -10%,#394d842e,transparent 65%),radial-gradient(800px 500px at 90% 10%,#9a63c526,transparent 65%),#0b0d13}.topbar{background:#10131bcc;border-bottom:1px solid #ffffff12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 10px 40px #0003}.brand-mark{border-radius:11px;background:linear-gradient(135deg,#fff,#b9c8ff);box-shadow:0 5px 25px #91a8ff44}.primary{background:linear-gradient(135deg,#fff,#dce4ff);box-shadow:0 10px 30px #809aff25}.secondary,.search{background:linear-gradient(135deg,#202431,#171a21);border:1px solid #ffffff12}.hero h1{font-weight:850}.hero h1 em{background:linear-gradient(90deg,#9bb7ff,#d19cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-art,.creator-banner,.game-card,.item,.account-panel,.modal,.studio-ai,.inspector{border-radius:22px;background:linear-gradient(145deg,#171b26e8,#10131ae8);border-color:#ffffff12;box-shadow:0 25px 80px #0005}.hero-art{background:radial-gradient(circle at 35% 25%,#526eb044,transparent 35%),radial-gradient(circle at 75% 70%,#b66ce638,transparent 40%),#111620}.game-card,.item{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.game-card:hover,.item:hover{transform:translateY(-6px);border-color:#9eb1ff44;box-shadow:0 18px 55px #0006}.thumb,.item-art{border-radius:17px;margin:8px;overflow:hidden}.tag,.chip{border-radius:999px}.page-title h1{font-weight:850}.account-panel{padding:30px}.account-panel input,.account-panel select{background:#0d1017;border:1px solid #ffffff12;border-radius:12px;padding:12px;color:#fff;outline:none}.account-panel input:focus,.account-panel select:focus{border-color:#91a8ff88;box-shadow:0 0 0 4px #91a8ff12}.optional{color:#697386;font-size:10px;margin-left:5px}.passkey{border:1px solid #8fa6ff55;background:#1a2030;color:#dfe6ff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer;margin-top:9px}.account-links{display:flex;justify-content:space-between;margin:13px 0}.account-links button{background:none;border:0;color:#aebeff;cursor:pointer;font-size:12px}.recovery-steps{padding-left:22px;color:#aeb5c3;line-height:2}.account-msg{display:block;color:#9ee1ad;margin:8px 0}:root[data-theme=midnight]{--accent:#7ca6ff;--accent2:#8b7cff}:root[data-theme=soft]{--accent:#a7b9ff;--accent2:#d2a9ff}