:root{color:#17192f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;touch-action:manipulation;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 18% 0,#ffd55c3d,#0000 28%),radial-gradient(circle at 100% 12%,#40d99a2e,#0000 24%),#eef2f8;width:100%;position:fixed;inset:0}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,540px);height:var(--tg-viewport-height,100dvh);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:#fff;margin:0 auto;padding:18px 18px 96px;position:relative;overflow:hidden auto}.top-hero{justify-content:space-between;align-items:center;gap:16px;min-height:94px;display:flex}.profile,.hero-actions,.detail-actions,.runtime-topbar,.chat-input,.section-title,.quick-row{align-items:center;display:flex}.profile{gap:14px}.avatar{background:linear-gradient(145deg,#9ce456,#e7f86b);border:4px solid #f4f8ff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 26px #2d405b1f}.avatar span{color:#27304a;background:linear-gradient(145deg,#f5c4a8,#f1e0cb);border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid}.coins{color:#222541;background:#f5f6fb;border-radius:22px;align-items:center;gap:10px;min-width:124px;height:44px;padding:0 13px;display:flex}.coin-mark{color:#fff;background:linear-gradient(135deg,#ffd65e,#f3a433);border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #fff6}.coins svg{color:#ff9852;stroke-width:3px}.hero-actions{gap:16px}.ghost-action,.star-action,.quick-button,.room-link,.nav-button,.icon-text-button{color:inherit;cursor:pointer;background:0 0;border:0}.ghost-action,.star-action{color:#8a8d9d;justify-items:center;gap:6px;min-width:58px;display:grid}.star-action svg{color:#fff;fill:#61df62;background:#61df62;border-radius:18px;width:45px;height:45px;padding:10px;transform:rotate(-12deg)}.ghost-action svg{color:#3d8cff}.quick-row{justify-content:space-between;gap:10px;margin:18px 0 26px}.quick-button{color:#232640;align-content:start;justify-items:center;gap:10px;width:25%;min-height:94px;display:grid}.quick-icon{color:#fff;border-radius:22px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 16px 26px #232b441f}.quick-icon:after{content:"";background:#ff2d16;border-radius:50%;width:13px;height:13px;position:absolute;top:-2px;right:-2px}.quick-icon.gold{background:linear-gradient(145deg,#fff172,#f0a62b)}.quick-icon.green{background:linear-gradient(145deg,#cfff69,#10c391)}.quick-icon.pink{background:linear-gradient(145deg,#bd5efb,#ff9ac7)}.quick-icon.dark{background:linear-gradient(145deg,#51576f,#151727)}.quick-button span:last-child{font-size:15px;line-height:1.15}.content-section{animation:.18s ease-out rise}.section-title{justify-content:space-between;margin:6px 0 18px}.section-title h1{color:#232640;margin:0;font-size:38px;line-height:1}.room-link{color:#242743;align-items:center;gap:8px;font-size:20px;display:inline-flex}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.game-card{color:#fff;background:radial-gradient(circle at 88% 18%, #ffffff47, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--cover) 86%, #fff 14%), var(--cover));text-align:left;cursor:pointer;border:0;border-radius:18px;min-height:128px;padding:22px;position:relative;overflow:hidden;box-shadow:0 16px 30px #2b304a1a}.game-card.has-cover{background:linear-gradient(90deg, #0d1326bd, #0d13261f), var(--cover-image) center / cover, var(--cover)}.game-card.has-cover .game-art{display:none}.game-card.wide{grid-column:1/-1;min-height:154px}.game-card strong{z-index:2;max-width:68%;font-size:25px;line-height:1.12;display:block;position:relative}.game-card.wide strong{font-size:26px}.template-chip{background:#ffffff38;border-radius:14px;align-items:center;height:28px;margin-bottom:12px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.game-art{width:132px;height:112px;position:absolute;bottom:8px;right:10px}.game-art span,.game-art i,.game-art b{display:block;position:absolute}.game-art.clicker span{background:linear-gradient(145deg,#fff1a8,#ffd049);border-radius:28px;width:78px;height:78px;bottom:12px;right:12px;transform:rotate(-14deg)}.game-art.clicker i{background:#ffffffb8;border-radius:50%;width:38px;height:38px;top:8px;right:54px}.game-art.clicker b{background:#fff7df;border-radius:18px;width:28px;height:82px;bottom:0;right:18px;transform:rotate(-32deg)}.game-art.runner span{background:linear-gradient(145deg,#f4f8ff,#b6f3d2);border-radius:42px 42px 18px 18px;width:78px;height:92px;bottom:0;right:18px}.game-art.runner i{background:#283057;border-radius:22px;width:50px;height:24px;top:18px;right:32px}.game-art.runner b{background:#ffffff80;border-radius:999px;width:96px;height:12px;bottom:2px;right:4px}.game-art.quiz span{background:#fff1e2;border-radius:50%;width:74px;height:74px;bottom:4px;right:10px}.game-art.quiz i{background:#27304a;border-radius:20px;width:60px;height:48px;bottom:18px;right:58px;transform:rotate(-8deg)}.game-art.quiz b{background:#ffffff8f;border-radius:18px;width:84px;height:32px;top:16px;right:4px}.game-art.arena span{background:radial-gradient(circle at 35% 28%,#fff,#66f0c8 42%,#159b88);border-radius:50%;width:72px;height:72px;bottom:16px;right:28px;box-shadow:0 0 0 10px #ffffff2e}.game-art.arena i{background:#ff5266;border-radius:50%;width:24px;height:24px;top:18px;right:8px;box-shadow:-76px 28px #ffd75f,-42px -2px #8aa4ff}.game-art.arena b{border:2px dashed #ffffff85;border-radius:50%;width:112px;height:112px;bottom:0;right:0}.game-art.custom span{background:radial-gradient(circle at 30% 28%,#fff,#0000 25%),linear-gradient(145deg,#80f7d2,#6c7bff 58%,#ff7eb3);border-radius:28px;width:86px;height:86px;bottom:8px;right:12px;box-shadow:0 16px 40px #4e5cff47}.game-art.custom i{background:#ffe071;border-radius:12px;width:34px;height:34px;top:14px;right:84px;transform:rotate(-13deg)}.game-art.custom b{background:#ffffff75;border-radius:999px;width:92px;height:16px;bottom:2px;right:6px}.detail-view{gap:14px;animation:.18s ease-out rise;display:grid}.icon-text-button{color:#586079;align-items:center;gap:6px;width:fit-content;padding:8px 0;font-weight:800;display:inline-flex}.detail-banner,.draft-card{color:#fff;background:radial-gradient(circle at 82% 20%, #ffffff47, transparent 25%), linear-gradient(135deg, color-mix(in srgb, var(--cover) 86%, #fff 14%), var(--cover))}.detail-banner.has-cover,.draft-card.has-cover{background:linear-gradient(90deg, #0d1326c2, #0d13262e), var(--cover-image) center / cover, var(--cover)}.detail-banner{border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:250px;padding:24px;display:flex;position:relative;overflow:hidden}.detail-banner:after{content:"";background:#ffffff38;border-radius:46px;width:164px;height:164px;position:absolute;top:34px;right:-32px;transform:rotate(18deg)}.detail-banner span,.detail-banner h1,.detail-banner p{z-index:1;max-width:78%;position:relative}.detail-banner span{opacity:.78;font-weight:900}.detail-banner h1{margin:10px 0;font-size:34px;line-height:1.04}.detail-banner p{margin:0;line-height:1.45}.detail-actions{gap:10px}.detail-actions.compact{margin-top:12px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:#0b6c5e;flex:1;box-shadow:0 14px 24px #0b6c5e2e}.secondary-button{color:#222541;background:#f3f5fa;border:1px solid #e3e7f0}.secondary-button.full,.primary-button.full{width:100%}.room-visibility-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0;display:grid}.mini-choice-button{color:#38405b;cursor:pointer;background:#fff;border:1px solid #e3e7f0;border-radius:14px;min-height:44px;font-weight:850}.mini-choice-button:disabled{opacity:.55;cursor:progress}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric{color:#222541;background:linear-gradient(145deg,#fff3b0,#ffb552);border-radius:20px;min-height:116px;padding:18px}.metric.blue{color:#fff;background:linear-gradient(145deg,#84d3ff,#4379ff)}.metric span{opacity:.74;font-weight:800}.metric strong{margin-top:18px;font-size:42px;line-height:1;display:block}.list-panel,.create-panel,.chat-panel{background:#fff;border:1px solid #e7ebf4;border-radius:20px;margin-top:14px;box-shadow:0 12px 28px #2a324e12}.list-panel{padding:14px}.list-panel h2{margin:0 0 12px;font-size:19px}.list-row,.room-row{border-top:1px solid #eef1f6;align-items:center;gap:10px;min-height:58px;display:grid}.list-row{grid-template-columns:32px 1fr auto}.list-row:first-of-type,.room-row:first-of-type{border-top:0}.list-row span{color:#7c8299;background:#f1f4fb;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.list-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-row em{color:#7a8094;font-size:13px;font-style:normal}.projects-layout{gap:12px;display:grid}.create-panel{padding:14px}.create-panel input{margin-bottom:12px}.create-panel label{color:#666d84;margin-bottom:8px;font-weight:900;display:block}textarea,input{color:#232640;background:#fbfcff;border:1px solid #dfe4ee;border-radius:16px;outline:0;width:100%}textarea{resize:vertical;min-height:124px;margin-bottom:12px;padding:14px;line-height:1.35}input{height:48px;padding:0 14px}.project-list{gap:10px;padding-bottom:3px;display:flex;overflow-x:auto}.project-pill{color:#232640;text-align:left;cursor:pointer;background:#f8faff;border:1px solid #e5e9f2;border-radius:18px;flex:0 0 210px;min-height:76px;padding:12px}.project-pill.active{background:#edfdf7;border-color:#44c494}.project-pill strong,.project-pill span{display:block}.project-pill strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-pill span{color:#737a91;margin-top:8px;font-size:12px}.chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat-panel>.chat-head{order:0}.chat-panel>.project-action-strip{order:1}.chat-panel>.game-quiz-panel{order:2}.chat-panel>.generation-studio{order:3}.chat-panel>.reference-panel{order:4}.chat-panel>.messages{order:5}.chat-panel>.chat-input{order:6}.chat-panel>.draft-card{order:7}.chat-panel>.metadata-panel{order:8}.chat-head{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;min-height:68px;padding:14px;display:flex}.chat-head span,.chat-head small{color:#737a91;font-weight:800}.chat-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin-top:3px;display:block;overflow:hidden}.project-action-strip{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;padding:12px 14px 0;display:grid}.project-action-strip .primary-button,.project-action-strip .secondary-button{border-radius:14px;min-height:42px;padding:0 8px;font-size:12px}.game-quiz-panel{background:radial-gradient(circle at 12% 8%,#ffca3a52,#0000 28%),radial-gradient(circle at 92% 0,#5ce6943d,#0000 28%),linear-gradient(#fff,#f7fbff 70%,#f1fff7);border:1px solid #1b28461a;border-radius:22px;margin:12px 14px 0;padding:14px;box-shadow:0 18px 42px #1c2a481a}.quiz-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-hero span,.quiz-question-title span{color:#778096;font-size:12px;font-weight:900}.quiz-hero strong{margin-top:3px;font-size:20px;display:block}.quiz-hero em{color:#0a6d5e;background:#e7fff7;border-radius:999px;place-items:center;min-width:46px;height:34px;font-style:normal;font-weight:950;display:grid}.game-quiz-panel>p{color:#657087;margin:10px 0 12px;font-weight:700;line-height:1.45}.quiz-question-stack{gap:12px;display:grid}.quiz-question{background:#ffffffc7;border:1px solid #e9edf6;border-radius:18px;padding:12px}.quiz-question-title strong{margin-top:2px;font-size:15px;display:block}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.quiz-option{text-align:left;color:#101735;background:#fff;border:1px solid #e1e7f2;border-radius:16px;min-height:74px;padding:10px;box-shadow:0 8px 18px #1926430d}.quiz-option.active{background:linear-gradient(#eafff8,#fff);border-color:#0b7b69;box-shadow:0 12px 24px #0b7b6929}.quiz-option strong{font-size:13px;display:block}.quiz-option small{color:#6f778b;margin-top:5px;font-weight:700;line-height:1.25;display:block}.quiz-freeform{resize:vertical;box-sizing:border-box;width:100%;min-height:74px;font:inherit;color:#151a34;background:#fbfcff;border:1px solid #dfe4f1;border-radius:14px;outline:none;margin-top:10px;padding:12px 14px}.quiz-freeform:focus{border-color:#6c7bff;box-shadow:0 0 0 4px #6c7bff1f}.quiz-actions{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.generation-studio{background:radial-gradient(circle at 14% 10%,#ffda605c,#0000 22%),radial-gradient(circle at 92% 12%,#4de29a3d,#0000 23%),linear-gradient(#fff,#f8fbff 72%,#f3fff9);border:1px solid #465c841f;border-radius:22px;margin:12px 14px 0;padding:14px;position:relative;overflow:hidden;box-shadow:0 18px 44px #2130511a}.generation-studio:before{content:"";pointer-events:none;background-image:linear-gradient(#2f74ff0e 1px,#0000 1px),linear-gradient(90deg,#2f74ff0e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 70%);mask-image:linear-gradient(#0000006b,#0000 70%)}.generation-header,.generation-prompt-card,.studio-stage,.stage-timeline,.live-preview-card,.final-result-card,.generation-blocked-card{z-index:1;position:relative}.generation-header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.generation-orb{color:#10213f;background:linear-gradient(#fff, #fff) padding-box, conic-gradient(from -90deg, #1cc88a var(--progress), #2326401a 0deg) border-box;border:5px solid #0000;border-radius:24px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 28px #263b5e21}.generation-orb svg{color:#2f74ff;stroke-width:2.6px}.generation-orb span{margin-top:-4px;font-size:11px;font-weight:950}.generation-header>div:nth-child(2) span,.generation-prompt-card span,.blueprint-title span,.live-preview-card span,.final-result-card span{color:#7a8095;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:950}.generation-header strong{color:#202642;margin:3px 0;font-size:18px;line-height:1.08;display:block}.generation-header p{color:#596178;margin:0;font-size:13px;line-height:1.3}.studio-log-button{color:#25304c;cursor:pointer;background:#ffffffc2;border:0;border-radius:16px;place-items:center;gap:2px;min-width:52px;min-height:48px;display:grid;box-shadow:inset 0 0 0 1px #242b4414}.studio-log-button span{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:10px;font-weight:900;overflow:hidden}.generation-prompt-card{background:#ffffffb8;border:1px solid #dfe4eeeb;border-radius:18px;margin-top:12px;padding:12px}.generation-prompt-card p{color:#222541;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 0;font-weight:750;line-height:1.34;display:-webkit-box;overflow:hidden}.studio-stage{margin-top:12px}.ai-worker-rail{grid-template-columns:repeat(5,minmax(82px,1fr));gap:8px;padding-bottom:3px;display:grid;overflow-x:auto}.ai-worker{color:#232640;background:#ffffffb8;border:1px solid #e0e5f0f2;border-radius:18px;align-content:start;gap:7px;min-width:82px;min-height:82px;padding:9px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.ai-worker.active{border-color:#2f74ff73;transform:translateY(-2px);box-shadow:0 12px 24px #2f74ff24}.ai-worker.completed{background:#f0fff9db;border-color:#1cc88a6b}.ai-worker.failed{background:#fff6f8e6;border-color:#ff4a5870}.ai-worker-icon{color:#fff;background:linear-gradient(145deg,#2f74ff,#31d19a);border-radius:13px;place-items:center;width:33px;height:33px;display:grid;box-shadow:0 10px 18px #2f74ff29}.ai-worker.active .ai-worker-icon{animation:1.6s ease-in-out infinite studioPulse}.ai-worker.completed .ai-worker-icon{background:linear-gradient(145deg,#4ee08e,#0b9f76)}.ai-worker.failed .ai-worker-icon{background:linear-gradient(145deg,#ff8a5b,#ff4a58)}.ai-worker strong,.ai-worker small{display:block}.ai-worker strong{font-size:12px;line-height:1.12}.ai-worker small{color:#6f768b;margin-top:3px;font-size:10px;line-height:1.15}.blueprint-canvas{background:radial-gradient(circle at 50% 22%,#2f74ff1f,#0000 26%),radial-gradient(circle at 22% 76%,#ffcb4729,#0000 24%),#11162a;border-radius:22px;height:292px;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.blueprint-title{z-index:3;gap:2px;display:grid;position:absolute;top:12px;left:12px}.blueprint-title span{color:#ffffff94}.blueprint-title strong{color:#fff;font-size:13px}.blueprint-lines{z-index:1;width:100%;height:100%;position:absolute;inset:0}.blueprint-lines line{stroke:#70e4c18a;stroke-width:.7px;stroke-linecap:round;stroke-dasharray:9;animation:.9s both lineDraw}.blueprint-node{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:17px;width:118px;min-height:52px;padding:9px 10px;animation:.22s both nodePop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 28px #0000003d}.blueprint-node.active{border-color:#68efbecc;box-shadow:0 0 0 5px #68efbe1f,0 14px 30px #00000047}.blueprint-node.completed{background:#3dc78d3d}.blueprint-node.prompt{background:#2f74ff52;width:138px}.blueprint-node.template{background:#b75dfb47}.blueprint-node.enemy{background:#ff5b6e3d}.blueprint-node.collectible{background:#ffc94742}.blueprint-node.config{background:#42d8ae4d}.blueprint-node span,.blueprint-node strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.blueprint-node span{color:#ffffffa3;text-transform:uppercase;font-size:10px;font-weight:900}.blueprint-node strong{margin-top:4px;font-size:13px;line-height:1.1}.asset-preview-strip{gap:8px;margin-top:10px;padding-bottom:3px;display:flex;overflow-x:auto}.asset-preview{background:#ffffffc7;border:1px solid #e0e5f0f0;border-radius:17px;grid-template-columns:38px 1fr;align-items:center;gap:8px;min-width:152px;min-height:58px;padding:9px;display:grid}.asset-preview>span{color:#fff;background:var(--asset);border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.asset-preview strong,.asset-preview small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-preview strong{color:#202642;font-size:13px}.asset-preview small{color:#777e93;margin-top:3px;font-size:11px}.stage-timeline{gap:8px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.timeline-item{background:#ffffffbd;border:1px solid #e0e5f0f2;border-radius:17px;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-width:136px;min-height:62px;padding:8px;display:grid}.timeline-item>span{color:#8a91a5;background:#f0f3fa;border-radius:13px;place-items:center;width:34px;height:34px;display:grid}.timeline-item.active{border-color:#2f74ff61;box-shadow:0 12px 22px #2f74ff1a}.timeline-item.active>span{color:#fff;background:#2f74ff;animation:1.7s ease-in-out infinite studioPulse}.timeline-item.completed>span{color:#fff;background:#1cc88a}.timeline-item.failed>span{color:#fff;background:#ff4a58}.timeline-item strong,.timeline-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline-item strong{color:#202642;font-size:12px}.timeline-item small{color:#788094;margin-top:3px;font-size:11px}.live-preview-card,.final-result-card,.generation-blocked-card{background:#ffffffd1;border:1px solid #e0e5f0f5;border-radius:20px;margin-top:12px;padding:13px}.live-preview-card{grid-template-columns:92px 1fr auto;align-items:center;gap:12px;display:grid}.live-preview-card strong,.final-result-card strong,.generation-blocked-card strong{color:#202642;margin-top:4px;font-size:17px;line-height:1.12;display:block}.live-preview-card p,.final-result-card p,.generation-blocked-card p{color:#626a81;margin:5px 0 0;font-size:12px;line-height:1.32}.mini-world{background:linear-gradient(160deg,#66d7ff,#6d7cff 62%,#283052);border-radius:18px;width:92px;height:70px;position:relative;overflow:hidden}.mini-world span{display:block;position:absolute}.world-road{background:#ffffff38;height:20px;bottom:0;left:0;right:0}.world-hero{background:#ffd55f;border-radius:10px 10px 8px 8px;width:24px;height:24px;animation:1.8s ease-in-out infinite worldFloat;bottom:16px;left:16px}.world-coin{background:#ffe16b;border-radius:50%;width:13px;height:13px;animation:1.4s ease-in-out infinite coinSpin;box-shadow:inset 0 0 0 3px #ffffff57}.world-coin.one{top:14px;right:34px}.world-coin.two{animation-delay:.18s;top:30px;right:17px}.world-danger{background:#ff4a58;border-radius:50%;width:18px;height:18px;animation:1.2s ease-in-out infinite dangerBeat;bottom:17px;right:39px}.preview-pulse{color:#2f74ff;animation:1.7s ease-in-out infinite worldFloat}.final-result-card{background:radial-gradient(circle at 86% 16%,#ffd55c5c,#0000 24%),linear-gradient(145deg,#ecfff7,#fff);position:relative;overflow:hidden}.final-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.final-actions .primary-button,.final-actions .secondary-button{border-radius:14px;min-height:44px;padding-inline:13px}.confetti-lite{pointer-events:none;position:absolute;inset:0}.confetti-lite i{border-radius:4px;width:8px;height:14px;animation:.9s ease-out both confettiBurst;position:absolute;top:18px}.confetti-lite i:first-child{background:#2f74ff;right:34px}.confetti-lite i:nth-child(2){background:#ffd65e;animation-delay:90ms;right:58px}.confetti-lite i:nth-child(3){background:#1cc88a;animation-delay:.14s;right:82px}.confetti-lite i:nth-child(4){background:#ff5b6e;animation-delay:40ms;right:106px}.generation-blocked-card{background:linear-gradient(145deg,#fff8ef,#fff);border-color:#ff9a4a42;grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.generation-blocked-card>svg{color:#f37b2d}.generation-blocked-card .secondary-button,.generation-blocked-card .primary-button{grid-column:1/-1;min-height:44px}.blocked-actions{grid-column:1/-1;gap:8px;display:grid}.ghost-mini-button{color:#747b90;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:36px;font-weight:800;display:inline-flex}.online-play-button{margin-top:10px}.online-arena-screen{min-height:var(--tg-viewport-height,100dvh);height:var(--tg-viewport-height,100dvh);color:#fff;touch-action:none;background:#09111f;position:relative;overflow:hidden}.online-topbar{z-index:5;top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:12px;right:12px}.online-topbar>*{pointer-events:auto}.online-topbar>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:right;background:#070d19b8;border:1px solid #ffffff1f;border-radius:16px;min-width:0;padding:10px 13px}.online-topbar strong,.online-topbar span{display:block}.online-topbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:15px;overflow:hidden}.online-topbar span{color:#aebdda;margin-top:3px;font-size:12px;font-weight:800}.online-topbar span svg{vertical-align:-2px;margin-right:5px}.icon-text-button.light{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070d19b8;border-color:#ffffff1f}.online-arena-canvas{touch-action:none;width:100%;height:100%;display:block}.online-controls{z-index:6;left:16px;right:16px;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.online-controls>*{pointer-events:auto}.boost-button{color:#0b1324;letter-spacing:0;background:radial-gradient(circle at 30% 25%,#fff,#fd6 48%,#ff944d);border:0;border-radius:999px;width:96px;height:96px;font-weight:950;box-shadow:0 18px 45px #ffa04852}.boost-button:disabled{color:#dbe8ff;box-shadow:none;background:#070d19b8;border:1px solid #ffffff24}.online-controls span{color:#dbe8ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070d19b8;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 13px;font-weight:850;display:inline-flex}.online-invite-button{color:#07111f;background:#58e6bd;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-weight:950;display:inline-flex;box-shadow:0 14px 34px #58e6bd38}.online-reaction-rail{z-index:7;pointer-events:auto;gap:8px;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.online-reaction-rail button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070d19b8;border:1px solid #ffffff1f;border-radius:16px;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:0 12px 28px #0000003d}.online-reaction-burst{z-index:8;pointer-events:none;gap:6px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.online-reaction-burst span{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #fff3;border-radius:20px;place-items:center;width:54px;height:54px;font-size:28px;animation:1.7s forwards reactionFloat;display:grid}.online-reaction-burst span.spectator{background:#58e6bd2e}.online-result-card{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070d19e6;border:1px solid #ffffff29;border-radius:24px;width:min(430px,100% - 34px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #00000061}.online-result-card>span{color:#58e6bd;text-transform:uppercase;font-size:13px;font-weight:950;display:block}.online-result-card>strong{margin-top:7px;font-size:28px;line-height:1.05;display:block}.online-result-summary{color:#bed0ef;margin:10px 0 0;font-weight:750;line-height:1.35}.online-result-list{gap:8px;margin:16px 0;display:grid}.online-result-list div{background:#ffffff14;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:grid}.online-result-list b{color:#58e6bd}.online-result-list span{color:#dbe8ff;font-weight:850}.online-result-list strong{color:#fff}.online-result-actions{grid-template-columns:1fr;gap:8px;display:grid}.build-log-backdrop{z-index:80;background:#0d122047;align-items:end;display:grid;position:fixed;inset:0}.build-log-drawer{width:min(100%,540px);max-height:78vh;padding:16px 16px max(18px, env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 0 0;margin:0 auto;animation:.18s ease-out drawerUp;overflow-y:auto;box-shadow:0 -24px 60px #0e152538}.drawer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-head span{color:#737a91;text-transform:uppercase;font-size:12px;font-weight:900}.drawer-head strong{color:#202642;margin-top:3px;display:block}.drawer-section{gap:8px;margin-top:14px;display:grid}.drawer-section h3{margin:6px 0 2px;font-size:15px}.drawer-event,.drawer-phase{background:#f6f8fd;border-radius:15px;padding:10px}.drawer-event{grid-template-columns:46px 1fr;gap:10px;display:grid}.drawer-event>span{color:#fff;background:#2f74ff;border-radius:12px;place-items:center;width:40px;height:32px;font-size:12px;font-weight:900;display:grid}.drawer-event.completed>span{background:#1cc88a}.drawer-event.failed>span{background:#ff4a58}.drawer-event strong,.drawer-phase strong,.drawer-phase span{color:#202642;font-size:13px}.drawer-event p,.drawer-phase p,.drawer-warning{color:#626a81;margin:4px 0 0;font-size:12px;line-height:1.32}.drawer-phase span{float:right;color:#0b6c5e;font-weight:900}.drawer-warning{color:#8a5a0a;background:#ffb54529;border-radius:14px;padding:10px;font-weight:800}.messages{background:#f7f9fd;max-height:360px;padding:14px;overflow-y:auto}.build-pipeline{background:linear-gradient(135deg,#0b6c5e1f,#2f74ff1f),#f8fbff;border:1px solid #e1ecf5;border-radius:18px;margin:12px 14px 0;padding:14px}.build-pipeline.blocked{background:linear-gradient(135deg,#ff4a581a,#ffb5451f),#fffafb;border-color:#f4ccd1}.build-head,.phase-step{align-items:flex-start;display:flex}.build-head{justify-content:space-between;gap:10px;margin-bottom:12px}.build-head span,.build-head em{color:#737a91;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:900}.build-head strong{color:#222541;margin-top:3px;display:block}.build-head em{color:#fff;background:#0b6c5e;border-radius:999px;align-items:center;height:26px;padding:0 10px;display:inline-flex}.build-pipeline.blocked .build-head em{background:#c43d4c}.progress-rail{background:#2225411a;border-radius:999px;height:9px;margin-bottom:8px;overflow:hidden}.progress-rail span{border-radius:inherit;background:linear-gradient(90deg,#2f74ff,#35d39d);min-width:4px;height:100%;transition:width .22s;display:block}.job-meta{color:#737a91;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:900;display:flex}.phase-track{gap:9px;display:grid}.phase-step{gap:10px}.phase-step>span{color:#fff;background:#2f74ff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid;box-shadow:0 8px 18px #2f74ff38}.phase-step.blocked>span{background:#ff4a58}.phase-step strong,.phase-step p,.phase-step small{display:block}.phase-step strong{color:#222541;font-size:14px}.phase-step p{color:#4f576e;margin:3px 0;font-size:13px;line-height:1.3}.phase-step small{color:#7b8298;line-height:1.25}.warning-box{gap:6px;margin-top:12px;display:grid}.warning-box span{color:#8a5a0a;background:#ffb5452e;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:800}.reference-panel,.metadata-panel,.invite-panel{background:#fff;border:1px solid #e4e9f2;border-radius:18px;margin:12px 14px 0;padding:14px}.metadata-panel label{color:#666d84;margin:12px 0 8px;font-weight:900;display:block}.metadata-panel textarea{min-height:74px;margin-bottom:0}.metadata-panel p,.invite-panel p{color:#737a91;margin:10px 0 0;font-size:13px;line-height:1.35}.metadata-actions{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.metadata-actions input{display:none}.secondary-button.disabled{cursor:not-allowed;opacity:.58}.invite-panel>div:first-child span,.invite-card span{color:#737a91;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.invite-panel>div:first-child strong{color:#222541;margin-top:3px;font-size:22px;display:block}.invite-card{background:linear-gradient(145deg,#f0fff9,#fff);border:1px solid #dcefe8;border-radius:18px;margin-top:12px;padding:12px}.invite-card strong{color:#17203a;overflow-wrap:anywhere;margin-top:6px;font-size:13px;line-height:1.35;display:block}.invite-card small{color:#68728a;margin-top:8px;font-weight:800;display:block}.invite-row{border-top:1px solid #eef1f6;justify-content:space-between;align-items:center;min-height:42px;margin-top:8px;display:flex}.invite-row strong{color:#222541}.invite-row span{color:#737a91;font-weight:900}.reference-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-head span,.reference-head strong{display:block}.reference-head span{color:#737a91;text-transform:uppercase;font-size:12px;font-weight:900}.reference-head strong{color:#222541;margin-top:3px}.upload-button{color:#fff;cursor:pointer;background:#2f74ff;border-radius:14px;align-items:center;min-height:38px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.upload-button.disabled{opacity:.55;cursor:not-allowed}.upload-button input{display:none}.reference-panel p{color:#737a91;margin:10px 0 0;font-size:13px;line-height:1.35}.asset-list{gap:8px;margin-top:12px;display:grid}.asset-pill{background:#f6f8fd;border-radius:14px;align-content:center;min-height:46px;padding:8px 10px;display:grid}.asset-pill strong,.asset-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-pill strong{color:#222541;font-size:13px}.asset-pill span{color:#7a8094;font-size:12px}.job-error{color:#a82f3c;background:#ff4a581a;border-radius:12px;margin:12px 0 0;padding:9px 10px;font-size:12px;font-weight:800}.retry-button{margin-top:12px}.message{background:#fff;border:1px solid #e8edf6;border-radius:16px;width:fit-content;max-width:86%;margin-bottom:10px;padding:10px 12px}.message.owner{color:#fff;background:#0b6c5e;border-color:#0b6c5e;margin-left:auto}.message span{opacity:.7;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.message p{margin:0;line-height:1.35}.draft-card{border-radius:18px;margin:14px;padding:16px}.draft-card strong,.draft-card span{display:block}.draft-card strong{font-size:21px}.draft-card span{opacity:.75;margin-top:6px;font-weight:800}.chat-input{border-top:1px solid #eef1f6;align-items:flex-end;gap:8px;padding:12px}.chat-input button,.round-button{cursor:pointer;border:0;place-items:center;display:grid}.chat-input button{color:#fff;background:#2f74ff;border-radius:16px;flex:0 0 48px;width:48px;height:48px}.chat-input textarea{resize:vertical;flex:1;min-height:52px;max-height:180px;margin-bottom:0}.room-row{grid-template-columns:1fr 42px 42px 42px 42px;padding:10px 0}.room-row strong,.room-row span{display:block}.room-row span{color:#737a91;margin-top:4px;font-size:13px}.round-button{color:#29304b;background:#eef2f8;border-radius:14px;width:42px;height:42px}.round-button.accent{color:#fff;background:#0b6c5e}.bottom-nav{width:min(100%,540px);height:78px;padding:8px 14px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-top:1px solid #edf0f6;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 26px #242c4614}.nav-button{color:#b5bbca;align-content:center;justify-items:center;gap:4px;display:grid}.nav-button.active{color:#16b8e7}.nav-button span{place-items:center;width:38px;height:33px;display:grid;position:relative}.nav-button em{color:#fff;background:#ff4a58;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-9px;right:-8px}.nav-button small{font-size:11px;font-weight:800}.runtime-screen{width:100%;height:var(--tg-viewport-height,100dvh);color:#fff;background:#11162a;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.runtime-topbar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:10px 16px;display:flex}.runtime-topbar .icon-text-button{color:#fff}.runtime-topbar div{justify-items:end;min-width:0;max-width:50%;display:grid}.runtime-topbar strong{font-size:28px;line-height:1}.runtime-topbar span{color:#c6cbda;text-align:right;white-space:nowrap;font-size:13px}.runtime-canvas{min-height:calc(var(--tg-viewport-height,100dvh) - 70px);width:100%;padding:8px 8px max(12px, env(safe-area-inset-bottom));box-sizing:border-box;place-items:start center;display:grid;overflow:hidden}.runtime-canvas canvas{border-radius:24px;max-height:calc(100dvh - 92px);box-shadow:0 22px 60px #00000047;width:min(100%,360px)!important;height:auto!important}.custom-runtime-screen{background:#0d1326;display:block;position:relative}.custom-runtime-exit{top:max(10px, env(safe-area-inset-top));z-index:20;color:#fff;min-height:38px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d1bad;border:1px solid #ffffff24;border-radius:999px;padding:0 14px;font-size:13px;font-weight:800;position:fixed;left:10px;box-shadow:0 12px 30px #00000038}.custom-game-frame{width:100%;height:var(--tg-viewport-height,100dvh);min-height:var(--tg-viewport-height,100dvh);background:#0d1326;border:0;display:block}.error-line,.empty-text{color:#b33444;line-height:1.35}.empty-text{color:#777f96;margin:14px 0 0}.spin{animation:.9s linear infinite spin}button:disabled{cursor:not-allowed;opacity:.58}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes studioPulse{0%,to{box-shadow:0 0 #2f74ff38}50%{box-shadow:0 0 0 8px #2f74ff00}}@keyframes lineDraw{0%{stroke-dashoffset:18px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes nodePop{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes worldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes coinSpin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}@keyframes dangerBeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes confettiBurst{0%{opacity:0;transform:translateY(0)rotate(0)}30%{opacity:1}to{opacity:0;transform:translateY(46px)rotate(160deg)}}@keyframes drawerUp{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes reactionFloat{0%{opacity:0;transform:translateY(18px)scale(.82)}18%{opacity:1}to{opacity:0;transform:translateY(-58px)scale(1.14)}}@media (prefers-reduced-motion:reduce){.ai-worker.active .ai-worker-icon,.timeline-item.active>span,.preview-pulse,.world-hero,.world-coin,.world-danger,.online-reaction-burst span,.confetti-lite i{animation:none}}@media (width>=900px){body{background:radial-gradient(circle at 8% 8%,#ffd55c33,#0000 24%),radial-gradient(circle at 94% 10%,#40d99a2e,#0000 24%),linear-gradient(135deg,#eef2f8,#f8fbff 48%,#edf8f4)}.app-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;width:min(100%,1480px);min-height:100dvh;padding:28px 42px 40px;box-shadow:0 30px 90px #1f2c4b1f}.top-hero{min-height:82px}.avatar{width:72px;height:72px}.avatar span{width:48px;height:48px;font-size:24px}.coins{min-width:142px;height:48px}.quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 36px;display:grid}.quick-button{background:#ffffffc2;border:1px solid #e7ebf4;border-radius:24px;align-content:center;width:100%;min-height:116px;box-shadow:0 18px 38px #2a324e12}.quick-button span:last-child{font-size:16px;font-weight:850}.section-title{margin:10px 0 22px}.section-title h1{font-size:50px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-card{border-radius:22px;min-height:168px;padding:24px}.game-card.wide{grid-column:span 2;min-height:188px}.game-card strong{font-size:27px}.game-card.wide strong{font-size:31px}.game-art{bottom:10px;right:12px;transform:scale(1.08)}.detail-view{max-width:920px;margin:0 auto}.detail-banner{border-radius:28px;min-height:360px}.detail-banner h1{max-width:720px;font-size:50px}.detail-banner p{max-width:620px;font-size:17px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{min-height:138px}.metric strong{font-size:52px}.list-panel{padding:18px}.projects-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px 22px}.projects-layout>.section-title{grid-column:1/-1}.projects-layout>.create-panel{grid-column:1;margin-top:0;position:sticky;top:24px}.projects-layout>.project-list{flex-direction:column;grid-column:1;max-height:calc(100dvh - 430px);padding-right:3px;overflow:hidden auto}.project-pill{flex:initial;width:100%}.projects-layout>.chat-panel{grid-area:2/2/span 3;min-height:calc(100dvh - 158px);margin-top:0}.chat-head{padding:18px 20px}.chat-head strong{max-width:520px;font-size:18px}.project-action-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:14px 18px 0}.generation-studio,.game-quiz-panel,.reference-panel,.metadata-panel,.invite-panel,.draft-card,.build-pipeline{margin-left:18px;margin-right:18px}.generation-studio{padding:18px}.ai-worker-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.blueprint-canvas{height:360px}.stage-timeline{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}.timeline-item{min-width:0}.messages{max-height:520px;padding:18px}.message{max-width:72%}.chat-input{padding:14px 18px 18px}.metadata-actions,.final-actions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.room-row{grid-template-columns:1fr 52px 52px 52px 52px;min-height:72px}.bottom-nav{border:1px solid #e6ebf3;border-radius:28px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;width:min(560px,100vw - 64px);height:72px;padding:8px 14px;top:auto;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 52px #1f2c4b1f}.nav-button{border-radius:22px}.nav-button:hover,.nav-button.active{background:#eefbff}.nav-button span{height:30px}.nav-button small{font-size:12px}.build-log-drawer{border-radius:26px;width:min(860px,100% - 48px);margin-bottom:24px}}@media (width<=420px){.app-shell{padding-inline:14px}.section-title h1{font-size:34px}.room-link{font-size:16px}.game-card{border-radius:16px;padding:18px}.game-card strong{max-width:74%;font-size:22px}.game-art{right:-8px;transform:scale(.9)}.quick-button span:last-child{font-size:13px}.generation-studio{margin-inline:10px;padding:12px}.generation-header{grid-template-columns:auto 1fr}.studio-log-button{grid-column:1/-1;justify-content:center;gap:7px;width:100%;min-height:38px;display:flex}.blueprint-canvas{height:276px}.blueprint-node{width:104px;min-height:48px;padding:8px}.blueprint-node.prompt{width:122px}.blueprint-node strong{font-size:12px}.live-preview-card{grid-template-columns:78px 1fr}.preview-pulse{display:none}.mini-world{width:78px}.online-controls{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:74px 1fr 104px;gap:8px;display:grid}.boost-button{width:74px;height:74px;font-size:12px}.online-controls span,.online-invite-button{min-height:40px;padding-inline:10px;font-size:12px}.online-reaction-rail{top:42%;right:10px}.online-reaction-rail button{border-radius:14px;width:38px;height:38px;font-size:18px}}