:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,rgba(180,125,74,.25),transparent 40%),linear-gradient(180deg,#17110d,#090807);color:#f6ebd0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}button,input,select{font:inherit}button{border:0;border-radius:999px;padding:.85rem 1.3rem;background:linear-gradient(135deg,#d5b06b,#a0652e);color:#140d08;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input,select{width:100%;padding:.85rem 1rem;border-radius:.9rem;border:1px solid rgba(246,235,208,.18);background:#211812d9;color:#f6ebd0}.screen{width:min(1380px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.screen-map-focus{width:100%;min-height:100svh;padding:0;position:relative}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:1rem;align-items:start;margin-bottom:1.5rem}.hero-overlay{position:fixed;top:1rem;left:1rem;right:1rem;z-index:10;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);pointer-events:none}.hero-overlay>*{pointer-events:auto}.screen-map-focus .hero-overlay>:first-child{align-self:start;max-width:20rem}.screen-map-focus .hero-overlay h1,.screen-map-focus .hero-overlay .hero-copy{display:none}.hero h1{margin:.25rem 0 .5rem;font-size:clamp(2rem,4vw,4.2rem)}.hero-copy,.hero-card span,.panel p{color:#f6ebd0d1}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.25em;color:#d5b06b;font-size:.72rem}.hero-card,.panel{padding:1.2rem;border-radius:1.25rem;background:#1a120ed1;border:1px solid rgba(246,235,208,.12);box-shadow:0 18px 70px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card{display:grid;gap:.45rem}.action-row{display:flex;gap:.75rem;flex-wrap:wrap}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.control-grid-hidden{display:none}.stack{display:grid;gap:.9rem}.panel-narrow{max-width:30rem}.field{display:grid;gap:.45rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field-full{grid-column:1 / -1}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row input{width:auto}.tool-row{display:flex;gap:.75rem}.tool-row-wrap{flex-wrap:wrap}.map-list,.sound-list{display:grid;gap:.75rem}.sound-category{padding-top:.25rem;border-top:1px solid rgba(246,235,208,.08)}.sound-category-title{margin:0;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#d5b06b}.map-row{display:flex;gap:.75rem}.map-select-button{flex:1}.ghost-button{background:#f6ebd014;color:#f6ebd0;border:1px solid rgba(246,235,208,.12)}.danger-button{color:#f3b4a5;border-color:#f29d8d42}.selected-button{background:linear-gradient(135deg,#eed89c,#b47631)}.stage-frame{padding:1rem;border-radius:1.5rem;background:#0b0807b8;border:1px solid rgba(246,235,208,.1)}.stage-frame-fill{min-height:100svh;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:#050404;overflow:hidden}.stage{position:relative;width:100%;overflow:hidden;border-radius:1rem;background:linear-gradient(145deg,#61422799,#1a1411eb),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 8px,transparent 8px,transparent 16px)}.stage-fill{border-radius:0}.stage-empty{min-height:50vh;display:grid;place-items:center;text-align:center;color:#f6ebd0cc}.stage-empty-fill{min-height:100svh;border-radius:0}.stage-image,.stage-grid,.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stage-grid{pointer-events:none}.stage-grid-above{z-index:3}.stage-grid-below{z-index:1}.stage-image{object-fit:contain;z-index:0}.stage-canvas{z-index:2}.stage-canvas-editable{cursor:crosshair}.status-error{color:#f29d8d}@media (max-width: 960px){.hero,.control-grid{grid-template-columns:1fr}.screen{width:min(100% - 1rem,1380px);padding-top:1rem}.hero-overlay{grid-template-columns:1fr}.screen-map-focus .hero-overlay>:first-child{display:none}.field-grid{grid-template-columns:1fr}}