:root{color-scheme:dark;--bg:#090b10;--panel:#12151d;--line:#262b36;--muted:#919bac;--text:#eef2fa;--accent:#c0ff64;--blue:#51bbff;--red:#ff597c;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:9px;border:1px solid var(--line);background:#202530;color:var(--text);font-weight:650;font-size:14px;min-height:44px}button:hover,a.button:hover{border-color:#8eaa66}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent)!important;color:#15200c!important;border-color:var(--accent)!important}.danger{color:#ff8196}.small{padding:8px 12px;font-size:13px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #343c4d;border-radius:8px;background:#0b0e15;color:var(--text);min-width:0}input[type=checkbox]{display:inline;width:auto}label{display:block;font-size:14px;color:#b6c0d0;margin-bottom:7px}textarea{min-height:200px;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.6;color:var(--muted)}small,.muted{color:var(--muted);font-size:13px}.brand{font-size:19px;font-weight:850;letter-spacing:-.7px;white-space:nowrap}.brand i{color:var(--accent);font-style:normal;font-size:28px;margin-right:9px}.brand span{font-size:10px;color:var(--accent);border:1px solid #527039;padding:3px 5px;border-radius:4px;margin-left:5px;vertical-align:middle}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:28px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#0d1016;z-index:20}.nav-label{color:#626d80;font-size:11px;font-weight:700;letter-spacing:1.5px;margin:35px 12px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px;border-radius:8px;font-size:14px;color:#9ea8b9;display:flex;gap:12px}.sidebar nav a.active{background:#212b1b;color:var(--accent)}.sidebar footer{margin-top:auto;padding-top:24px}.user{display:flex;align-items:center;gap:10px}.avatar{background:#2d3835;color:var(--accent);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800}.workspace{margin-left:224px;min-height:100vh}.topbar{padding:19px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:75px}.topbar small{font-size:14px}.content{padding:28px 32px;max-width:1600px;margin:auto}.title-row,.row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.title-row{margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--accent);margin-bottom:12px}.badge{display:inline-block;padding:6px 10px;border:1px solid #35442e;background:#202c19;color:#c0ff64;font-size:12px;border-radius:6px}.badge.off{border-color:#384052;color:#acb6c8;background:#1d2330}.studio{display:grid;grid-template-columns:minmax(310px,1fr) minmax(310px,390px);gap:24px}.preview-panel{border:1px solid var(--line);border-radius:14px;background:#0e1118;overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h3{margin:0}.stage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#20302155,transparent 70%),#090c12;padding:22px;min-height:500px}.stage canvas{height:min(65vh,650px);aspect-ratio:9/16;max-width:100%;background:#0c1520;border-radius:12px;box-shadow:0 20px 60px #0008;object-fit:contain}.controls{display:flex;justify-content:center;gap:10px;padding:17px;border-top:1px solid var(--line)}.panel{background:var(--panel);border:1px solid var(--line);padding:21px;border-radius:12px;margin-bottom:18px}.panel h2,.panel h3{margin-bottom:18px}.field{margin:14px 0}.connect-row{display:flex;gap:8px}.connect-row input{flex:1}.status{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat b{display:block;font-size:24px;margin:8px 0 0}.event{border-bottom:1px solid var(--line);padding:12px 0;display:flex;align-items:center;gap:10px;font-size:13px}.event:last-child{border:0}.event .symbol{height:30px;width:30px;border-radius:7px;background:#263023;display:grid;place-items:center;color:var(--accent)}.event small{margin-left:auto;font-size:11px}.feed{max-height:290px;overflow:auto}.empty{padding:25px 0;text-align:center;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.game-art{height:220px;background:#0b111b;position:relative;overflow:hidden}.game-art canvas{width:100%;height:100%;object-fit:cover}.game-art .badge{position:absolute;left:15px;top:15px}.game-card .details{padding:22px}.game-card h2{margin-bottom:7px}.game-card p{font-size:14px;min-height:44px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note{font-size:14px;padding:15px;border:1px solid #394632;background:#1b2417;border-radius:9px;color:#bbcca8;line-height:1.6;margin-bottom:20px}.note.warning{border-color:#665335;background:#2b2419;color:#ecd0a2}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button.selected{background:var(--accent);color:#17200c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:600}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 0,#2b3e2555,transparent 60%)}.auth-card{width:min(440px,100%)}.auth-card .brand{margin-bottom:40px}.auth-card .panel{padding:30px}.auth-card button{width:100%}.auth-links{display:flex;justify-content:space-between;font-size:14px;margin-top:22px;color:var(--accent)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing .panel{padding:28px}.price{font-size:44px;font-weight:800;margin:25px 0}.price small{font-size:14px;font-weight:400}.pricing ul{list-style:none;padding:0;color:#bac3d2;line-height:2.4;font-size:14px}.pricing li:before{content:'✓';color:var(--accent);margin-right:10px}.pricing .featured{border-color:#7fa946;background:#182016}.loading{padding:60px;text-align:center;color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#e7efdc;color:#142008;padding:14px 24px;border-radius:10px;z-index:99;box-shadow:0 8px 40px #0006;display:none;line-height:1.4}.overlay-body{overflow:hidden;background:#000}.overlay-body #app{height:100dvh;display:flex;align-items:center;justify-content:center}.overlay-body canvas{width:100vw;height:100dvh;object-fit:contain}.overlay-status{position:fixed;bottom:6px;left:0;right:0;text-align:center;font-size:12px;color:#c7d1df;background:#0008;pointer-events:none}.mobile-brand{display:none}.error-box{border:1px solid #744150;padding:18px;border-radius:9px;color:#ffbdcc;line-height:1.5}.trigger-row{display:grid;grid-template-columns:1fr 1fr 1fr 70px 50px;gap:8px;margin-bottom:10px}.trigger-row input,.trigger-row select{font-size:14px}.trigger-row button{padding:8px}.guides{margin:0;line-height:1.8;padding-left:22px;color:#aeb9c9}.code{overflow-wrap:anywhere;background:#090d14;padding:15px;border-radius:8px;font:13px ui-monospace,monospace}.overlay-tools{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
@media(min-width:1500px){.stage canvas{height:710px}}@media(max-width:1100px){.sidebar{width:190px;padding:24px 12px}.workspace{margin-left:190px}.content{padding:24px 20px}.studio{grid-template-columns:1fr}.studio-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-aside .panel{margin:0}.stage{min-height:0}.stage canvas{height:620px}.pricing{grid-template-columns:1fr}.grid{gap:14px}}@media(max-width:700px){.sidebar{position:sticky;inset:auto;top:0;width:100%;padding:14px 16px 8px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:17px;margin-bottom:12px}.sidebar .brand i{font-size:22px}.sidebar .nav-label,.sidebar footer{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}.sidebar nav a{white-space:nowrap;font-size:13px;padding:9px 11px}.workspace{margin:0}.topbar{padding:13px 16px;min-height:0}.content{padding:20px 14px;padding-bottom:max(24px,env(safe-area-inset-bottom))}h1{font-size:27px}.title-row{gap:10px;margin-bottom:18px}.studio{gap:16px;display:flex;flex-direction:column}.studio-aside{display:block}.studio-aside .panel{margin-bottom:15px}.stage{padding:12px}.stage canvas{height:auto;width:min(100%,360px);aspect-ratio:9/16}.grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.trigger-row{grid-template-columns:1fr 1fr}.trigger-row button{grid-column:2}.panel{padding:17px}.pricing .panel{padding:24px}.connect-row{flex-wrap:wrap}.connect-row input{flex-basis:100%}.topbar small{font-size:12px}.game-art{height:230px}.controls button{padding:11px 16px}.overlay-body .sidebar{display:none}}
.public-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.public-nav nav{display:flex;gap:26px;font-size:14px;color:#adb7c7}.public-main{max-width:1248px;margin:auto;padding:0 24px}.public-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:65px 0}.public-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;line-height:1.02;margin:20px 0}.public-hero p{font-size:18px;max-width:540px}.start{justify-content:flex-start;margin:25px 0}.hero-game{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;background:radial-gradient(ellipse at center,#34452266,transparent 68%);padding:20px}.hero-game canvas{height:570px;max-width:100%;aspect-ratio:9/16;border:1px solid #344454;border-radius:18px;box-shadow:0 30px 90px #0008;object-fit:contain}.public-section{padding:55px 0}.public-section>h2{font-size:34px;margin-bottom:28px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{font-size:32px;color:var(--accent);display:block;margin-bottom:25px}.public-footer{max-width:1200px;margin:45px auto 0;border-top:1px solid var(--line);padding:30px 24px}.public-footer>div{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0;font-size:14px}.public-footer p{font-size:12px}.prose{max-width:800px;margin:auto}.prose h2{margin-top:30px}.prose a{color:var(--accent)}.prose details p{margin:18px 0 0}.prose summary{cursor:pointer;font-weight:650}.setup-list{padding-left:25px}.setup-list>li{padding-left:10px;margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px}.wizard{max-width:760px;margin:auto}.wizard-steps{display:flex;gap:7px;margin:18px 0 30px}.wizard-steps span{height:5px;background:#333c49;flex:1;border-radius:5px}.wizard-steps .done{background:var(--accent)}.wizard-content{min-height:240px}.wizard-content h2{font-size:27px}.trigger-card{border:1px solid var(--line);padding:16px;border-radius:10px;margin-bottom:14px}.trigger-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trigger-fields label{font-size:12px}.topbar>.row{flex-wrap:nowrap}.sidebar nav{scrollbar-width:thin}.prose .panel h2{margin-top:0}
@media(max-width:700px){.public-nav{padding:16px;flex-wrap:wrap;gap:15px}.public-nav nav{order:3;width:100%;gap:24px;overflow:auto;padding:8px 0;font-size:13px}.public-nav .brand{font-size:17px}.public-nav .button{font-size:12px;padding:10px}.public-main{padding:0 18px}.public-hero{grid-template-columns:1fr;gap:12px;padding:38px 0}.public-hero h1{font-size:46px;letter-spacing:-2px}.public-hero p{font-size:16px}.hero-game canvas{height:480px}.public-section{padding:30px 0}.three-grid,.detail-grid{grid-template-columns:1fr}.public-footer{margin-top:20px}.trigger-fields{grid-template-columns:1fr 1fr}.wizard-content{min-height:200px}.topbar>.row{gap:5px}.topbar .badge{font-size:10px}.topbar .button{font-size:12px;padding:10px}.sidebar nav::-webkit-scrollbar{height:3px}.sidebar nav::-webkit-scrollbar-thumb{background:#3a4932}.title-row>div>p{font-size:14px}}

.subtitle{margin-bottom:0}.pricing-spacer{height:35px}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}