:root{--creator-panel:#171523;--creator-panel-2:#211e31;--creator-line:#363148;--creator-text:#f7f5ff;--creator-muted:#aaa4ba;--creator-purple:#8b6cff;--creator-lime:#d9ff43}
body.dark-mode{background:#0d0c16}body.dark-mode .topbar{background:rgba(17,15,28,.94);border-color:var(--creator-line);backdrop-filter:blur(18px)}body.dark-mode #dashboardView .hero{background:radial-gradient(circle at 78% 35%,rgba(139,108,255,.25),transparent 30%),linear-gradient(145deg,#100e1b,#17132a);color:var(--creator-text)}
#dashboardView .hero h1{max-width:760px;font-size:clamp(44px,6vw,84px);line-height:.96}#dashboardView .hero>div:first-child>p{font-size:15px;line-height:1.65}.creator-demo-link{margin-top:20px;color:inherit;font-weight:800;text-underline-offset:5px}.demo-live-pill{position:absolute;z-index:4;right:18px;top:-18px;padding:8px 12px;border:1px solid rgba(217,255,67,.45);border-radius:999px;background:#17152d;color:#d9ff43;font:800 9px 'Arial Black';letter-spacing:1px}.visitor-demo{position:relative}
.creator-control{max-width:1200px;margin:-26px auto 42px;padding:28px;border:1px solid var(--creator-line);border-radius:18px;background:linear-gradient(145deg,#191625,#12101c);color:var(--creator-text);box-shadow:0 25px 70px rgba(10,8,20,.28)}.creator-control header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.creator-control h2,.creator-control p{margin:0}.creator-control h2{font:800 28px 'Arial Black';letter-spacing:-1px}.creator-control p{margin-top:5px;color:var(--creator-muted);font-size:11px}.control-kicker{display:block;margin-bottom:7px;color:var(--creator-lime);font:800 9px 'Arial Black';letter-spacing:1.5px}.creator-status{padding:7px 11px;border:1px solid #4e4960;border-radius:999px;color:#c9c4d4;font-size:9px}
.creator-actions{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px}.creator-action{display:flex;align-items:center;gap:12px;min-width:0;min-height:82px;padding:14px;border:1px solid var(--creator-line);border-radius:12px;background:var(--creator-panel-2);color:var(--creator-text);text-align:left;cursor:pointer;transition:.18s ease}.creator-action:hover:not(:disabled),.creator-action:focus-visible{border-color:var(--creator-purple);transform:translateY(-2px)}.creator-action.primary{background:linear-gradient(135deg,#7654ff,#9d83ff);border-color:#a58fff}.creator-action.danger:not(:disabled){border-color:#693846}.creator-action:disabled{opacity:.42;cursor:not-allowed}.creator-action>.ui-icon{width:22px;height:22px}.creator-action span{display:grid;gap:4px}.creator-action b{font-size:11px}.creator-action small{color:#b8b2c5;font-size:8px;line-height:1.35}
body.dark-mode .dashboard-quick,body.dark-mode #dashboardView .card-tile{background:var(--creator-panel);border-color:var(--creator-line);box-shadow:none}body.dark-mode #dashboardView .quick-card{background:var(--creator-panel-2)}body.dark-mode .visitor-hero{background:radial-gradient(circle at 78% 38%,rgba(139,108,255,.26),transparent 31%),linear-gradient(145deg,#0d0c16,#171329);color:var(--creator-text)}body.dark-mode .visitor-features{background:#12101c;color:var(--creator-text)}body.dark-mode .visitor-features article{background:#1a1727;border-color:#373149}.visitor-features article{border-radius:14px}.visitor-hero .sample-card{filter:drop-shadow(0 32px 35px rgba(0,0,0,.38))}.overlay-mode .creator-control{display:none!important}
@media(max-width:1100px){.creator-actions{grid-template-columns:repeat(2,1fr)}.creator-action.primary{grid-column:1/-1}}@media(max-width:700px){.creator-control{margin:12px 14px 30px;padding:18px}.creator-control h2{font-size:23px}.creator-actions{grid-template-columns:1fr}.creator-action.primary{grid-column:auto}.creator-action{min-height:72px}.creator-status{display:none}#dashboardView .hero h1{font-size:48px}.visitor-hero h1{font-size:clamp(48px,14vw,68px)}}
.visitor-cta,.seo-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#d9ff43,#aefc62)!important;color:#17152d!important;box-shadow:0 10px 35px rgba(217,255,67,.24);transition:transform .2s ease,box-shadow .2s ease}.visitor-cta:hover,.seo-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 45px rgba(217,255,67,.38)}
#creatorStartGame:not(:disabled){background:linear-gradient(135deg,#d9ff43,#aefc62);border-color:#d9ff43;color:#17152d;box-shadow:0 8px 28px rgba(217,255,67,.2)}#creatorNewGame{background:#2a2540;border-color:#4b4465}.editor-motivation{display:flex;align-items:center;gap:10px;padding:12px 4vw;background:#d9ff43;color:#17152d;font-size:11px}.editor-motivation small{margin-left:auto}.overlay-setup{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;padding:28px 4vw;background:#151321;color:#f7f5ff;border-bottom:1px solid #373149}.overlay-setup:not([hidden]){display:grid}.overlay-setup h2{margin:4px 0 12px;font:800 25px 'Arial Black'}.overlay-setup ol{display:flex;gap:25px;margin:0;padding-left:20px;color:#bdb7cc}.overlay-setup label{font:800 9px 'Arial Black';letter-spacing:1px}.overlay-url-row{display:flex;gap:8px;margin-top:7px}.overlay-url-row input{min-width:0;flex:1;padding:12px;border:1px solid #47405d;border-radius:7px;background:#211e31;color:#fff}.overlay-setup small{display:block;margin-top:7px;color:#aaa4ba}.post-save-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.post-save-actions a{color:#d9ff43}.editor-mobile-actions{display:none}.theme-option{transition:transform .18s ease,box-shadow .18s ease}.theme-option:hover{z-index:2;transform:scale(1.08);box-shadow:0 12px 28px rgba(0,0,0,.22)}#saveAndLive{min-height:48px;padding-inline:20px;background:linear-gradient(135deg,#d9ff43,#aefc62);color:#17152d;border-color:#17152d;box-shadow:0 7px 20px rgba(217,255,67,.22)}.marked .mark-symbol{animation:creatorMarkPop .38s cubic-bezier(.2,.9,.3,1.35);filter:drop-shadow(0 0 12px currentColor)}@keyframes creatorMarkPop{0%{transform:scale(.5);opacity:.2}65%{transform:scale(1.16)}100%{transform:scale(1);opacity:1}}
@media(max-width:700px){.editor-motivation{align-items:flex-start;padding:12px 14px}.editor-motivation small{display:none}.overlay-setup{grid-template-columns:1fr;padding:20px 14px}.overlay-setup ol{display:grid;gap:7px}.overlay-url-row{flex-direction:column}.editor-mobile-actions{position:fixed;display:grid;grid-template-columns:1fr 1.2fr 1fr;left:8px;right:8px;bottom:74px;z-index:140;padding:6px;border:1px solid #47405d;border-radius:12px;background:rgba(21,19,33,.96);box-shadow:0 15px 40px rgba(0,0,0,.35)}.editor-mobile-actions button{min-height:48px;border:0;border-radius:8px;background:#29263a;color:#fff;font-weight:800}.editor-mobile-actions button:nth-child(2){background:#d9ff43;color:#17152d}.settings-panel select,.settings-panel input{min-height:48px}.edit-grid textarea{min-height:72px!important}.editor-canvas{padding-bottom:150px}}
@media(prefers-reduced-motion:reduce){.visitor-cta,.seo-button,.theme-option,.marked .mark-symbol{animation:none!important;transition:none!important}}