:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050a0d;--panel:#071116e0;--panel-strong:#08161cf0;--line:#00ffcc38;--line-strong:#00ffcca8;--text:#e6ffff;--muted:#93b7bb;--accent:#0fc;--accent-soft:#00ffcc1f;--success:#6f6;--danger:#ff6b6b;--shadow:0 24px 90px #00000073}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#00ffcc14,#0000 34%),radial-gradient(circle at 100% 0,#66ff6614,#0000 28%),linear-gradient(#071015 0%,#04080b 100%);margin:0;font-family:Consolas,Noto Sans TC,monospace}button,input,select,textarea{font:inherit}button,select,input,textarea{border:1px solid var(--line);color:var(--text);background:#060e12eb;border-radius:10px}button{cursor:pointer;transition:border-color .18s,transform .18s,background .18s}button:hover{border-color:var(--line-strong);transform:translateY(-1px)}input,select,textarea{width:100%;padding:10px 12px}textarea{resize:vertical}.app-shell{width:min(1600px,100%);margin:0 auto;padding:24px}.app-topbar,.scene-header,.hero-shell,.game-shell,.editor-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-topbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex}.brand-kicker,.eyebrow,.badge-label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.brand-title{letter-spacing:.16em;margin:8px 0 0;font-size:clamp(32px,4vw,54px)}.topbar-badges{gap:12px;display:flex}.badge{border:1px solid var(--line);background:#0003;border-radius:16px;min-width:180px;padding:14px 16px}.badge strong{margin-top:6px;font-size:15px;display:block}.scene{display:none}.hero-shell,.results-shell,.scene-header,.sidebar-card,.content-card,.editor-panel,.subpanel,.game-sidebar,.editor-sidebar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.hero-shell,.game-shell,.editor-shell{gap:20px;display:grid}.hero-shell{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);padding:28px}.hero-copy h2{letter-spacing:.04em;margin:14px 0 16px;font-size:clamp(34px,5vw,62px);line-height:1.05}.hero-body{max-width:56ch;color:var(--muted);line-height:1.8}.hero-actions,.sidebar-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-btn,.secondary-btn,.ghost-btn,.editor-tool-btn{padding:11px 16px}.primary-btn{background:linear-gradient(135deg,#00ffcc38,#00ffcc0f);border-color:#00ffcc75}.secondary-btn,.editor-tool-btn.is-active,.editor-tab-btn.is-active{background:#66ff6624;border-color:#66ff666b}.ghost-btn{background:#ffffff0a}.panel-title{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:12px}.hero-list{color:var(--muted);margin:0;padding-left:20px;line-height:1.9}.hero-list.compact{font-size:13px}.scene-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 22px;display:flex}.scene-header h2{margin:8px 0 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.content-card,.results-shell,.sidebar-card,.editor-panel,.subpanel{padding:18px}.content-card h3{margin:8px 0 12px}.content-card p{color:var(--muted);line-height:1.7}.game-shell{grid-template-columns:minmax(0,860px) 320px;align-items:start}.game-stage{background:var(--panel-strong);border:1px solid var(--line);width:fit-content;box-shadow:var(--shadow);border-radius:22px;padding:18px}canvas{background:#020607;border-radius:14px;display:block}#hudCanvas{margin-top:8px}.game-sidebar,.editor-sidebar{flex-direction:column;gap:16px;padding:18px;display:flex}.sidebar-heading{margin:0 0 10px;font-size:22px}.sidebar-copy{color:var(--muted);margin:0;line-height:1.7}.results-shell{max-width:760px;margin:48px auto 0}.editor-shell{grid-template-columns:minmax(0,860px) minmax(360px,420px);align-items:start}.editor-main{flex-direction:column;gap:14px;display:flex}.editor-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;gap:12px;padding:16px;display:flex}.tool-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.place-group{min-width:220px}.editor-tabs{flex-wrap:wrap;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label,.textarea-field{flex-direction:column;gap:8px;display:flex}.stack-row{grid-template-columns:minmax(0,1fr) 92px;gap:10px;display:grid}.stack-actions{flex-direction:column;gap:8px;display:flex}.list-box{min-height:128px;padding:10px}.modifier-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.modifier-row{grid-template-columns:1.2fr .7fr .8fr auto;gap:8px;display:grid}.validation-output{white-space:pre-wrap;background:#0000003d;border:1px solid #ffffff0a;border-radius:14px;min-height:140px;margin:0;padding:12px;line-height:1.6;overflow:auto}@media (width<=1280px){.hero-shell,.game-shell,.editor-shell{grid-template-columns:1fr}.game-stage{width:100%;overflow:auto}}@media (width<=760px){.app-shell,.app-topbar,.scene-header,.hero-shell,.game-stage,.game-sidebar,.editor-toolbar,.editor-sidebar{padding:14px}.topbar-badges,.hero-actions,.sidebar-actions{flex-direction:column}.form-grid,.stack-row{grid-template-columns:1fr}}
