:root{--brand-navy: #14213d;--brand-navy-2: #1f2d4e;--brand-navy-deep: #0a1228;--brand-orange: #f5a623;--brand-orange-soft: #f7b955;--brand-blue: #3a8dde;--brand-teal: #2dae82;--brand-cream: #fbf7ec;--brand-cream-2: #f4efe2;--rgb-navy: 20, 33, 61;--rgb-orange: 245, 166, 35;--rgb-blue: 58, 141, 222;--rgb-teal: 45, 174, 130;--rgb-cream: 251, 247, 236;--ink: var(--brand-navy);--ink-soft: var(--brand-navy-2);--muted: rgba(var(--rgb-navy), .6);--line: rgba(var(--rgb-navy), .12);--line-strong: rgba(var(--rgb-navy), .22);--paper: rgba(var(--rgb-cream), .9);--paper-solid: var(--brand-cream);--panel-shadow: 0 24px 70px rgba(var(--rgb-navy), .18), 0 2px 8px rgba(var(--rgb-navy), .08);--active: var(--brand-navy);--active-2: var(--brand-navy-2);--accent: var(--brand-orange);--accent-2: var(--brand-blue);--success: var(--brand-teal);--danger: #d95757;color:var(--ink);font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}body{background:radial-gradient(1200px 800px at 15% 0%,rgba(var(--rgb-orange),.16) 0%,transparent 55%),radial-gradient(1000px 700px at 95% 100%,rgba(var(--rgb-blue),.18) 0%,transparent 60%),radial-gradient(900px 700px at 60% 110%,rgba(var(--rgb-teal),.1) 0%,transparent 55%),linear-gradient(180deg,#ffffff 0%,var(--brand-cream) 70%,var(--brand-cream-2) 100%)}button,input{font:inherit}#game{position:relative;z-index:0;display:block;width:100vw;height:100vh;cursor:crosshair}#app:before,#app:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}#app:before{z-index:1;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;mix-blend-mode:soft-light;opacity:.36}#app:after{z-index:1;background:linear-gradient(180deg,rgba(17,42,52,.04),transparent 38%,rgba(16,42,45,.12))}.topbar{position:fixed;top:16px;left:16px;right:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none;z-index:2}.brand,.actions,.panel,.help,.right-rail{pointer-events:auto;background:var(--paper);border:1px solid var(--line);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18)}.brand{display:flex;align-items:center;gap:13px;min-width:252px;padding:12px 14px;border-radius:8px}.brand-wordmark{display:block;width:auto;height:40px;flex:0 0 auto}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-text small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{color:var(--brand-navy);font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.01em}.brand p{margin-top:4px;color:var(--muted);font-size:12px;font-weight:600}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:calc(100vw - 330px);padding:7px;border-radius:8px}.actions button{min-height:34px;padding-inline:10px}button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,#fffffff5,rgba(var(--rgb-cream),.86));color:var(--ink);padding:0 12px;cursor:pointer;font-weight:700;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 8px 18px rgba(var(--rgb-navy),.12)}button:focus-visible{outline:3px solid rgba(var(--rgb-orange),.5);outline-offset:2px}button.active{background:linear-gradient(180deg,var(--active-2),var(--active));border-color:rgba(var(--rgb-navy),.9);color:var(--brand-cream);box-shadow:inset 0 1px #ffffff1f,0 9px 22px rgba(var(--rgb-navy),.22)}.panel{position:fixed;z-index:2;left:16px;bottom:16px;width:min(326px,calc(100vw - 32px));max-height:calc(100vh - 126px);padding:0;overflow:hidden;border-radius:8px;display:flex;flex-direction:column}.panel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid var(--line);background:rgba(var(--rgb-cream),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-tab{min-height:32px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:rgba(var(--rgb-navy),.65);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.panel-tab:hover{background:rgba(var(--rgb-navy),.06);color:var(--brand-navy)}.panel-tab:focus-visible{outline:3px solid rgba(var(--rgb-orange),.5);outline-offset:2px}.panel-tab.active{background:linear-gradient(180deg,var(--active-2),var(--active));border-color:rgba(var(--rgb-navy),.9);color:var(--brand-cream);box-shadow:inset 0 1px #ffffff1f,0 6px 14px rgba(var(--rgb-navy),.22);transform:none}.panel-body{flex:1 1 auto;min-height:0;padding:15px;overflow-y:auto;overscroll-behavior:contain}.panel-body section[hidden]{display:none}.panel-body::-webkit-scrollbar{width:10px}.panel-body::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:rgba(var(--rgb-navy),.24);background-clip:padding-box}.panel-body section:not([hidden])+section:not([hidden]){margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}h2{margin-bottom:9px;color:rgba(var(--rgb-navy),.7);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.asset-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-card{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto auto;align-items:center;min-width:0;min-height:62px;padding:8px;text-align:left}.asset-card span{grid-row:1 / 4;display:grid;width:30px;height:30px;place-items:center;border-radius:7px;background:linear-gradient(180deg,#ffffff38,#fff0),var(--accent);color:var(--brand-navy);font-size:16px;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff80,0 7px 14px rgba(var(--rgb-orange),.28)}.asset-card strong,.asset-card small,.asset-card em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card strong{font-size:12px;font-weight:900}.asset-card small{color:var(--muted);font-size:10px;font-weight:750}.asset-card em{display:flex;gap:3px;margin-top:4px;font-style:normal}.asset-card i{display:block;width:12px;height:5px;border-radius:999px;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.asset-card.active{background:linear-gradient(180deg,var(--active-2),var(--active));color:#fff}.asset-card.active small{color:#ffffffb8}.palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.palette button{display:grid;min-width:0;height:62px;place-items:center;gap:3px;padding:6px 4px;background:#ffffffbd}.palette button.active{background:linear-gradient(180deg,var(--active-2),var(--active));color:#fff}.palette span{width:25px;height:25px;border-radius:7px;background:var(--swatch);border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 1px #ffffff6b,0 6px 12px rgba(var(--rgb-navy),.1)}.palette strong{max-width:100%;overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border:1px solid rgba(31,48,47,.1);border-radius:8px;background:rgba(var(--rgb-navy),.05)}.segmented button{border-color:transparent;background:transparent}.segmented button.active{background:linear-gradient(180deg,var(--active-2),var(--active));color:#fff}.mini-actions,.camera-tools,.terrain-tools,.nudge-grid,.scale-tools,.template-tools,.mood-tools{display:grid;gap:6px}.mini-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.mini-actions button:last-child:nth-child(3){grid-column:1 / -1}.camera-tools{grid-template-columns:repeat(5,minmax(0,1fr))}.terrain-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.scale-tools{grid-template-columns:1fr;margin:8px 0}.scale-tools.compact,.template-tools,.mood-tools{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.mood-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.terrain-tools button.active,.scale-tools button.active,.mood-tools button.active{background:linear-gradient(180deg,var(--active-2),var(--active));color:#fff}.nudge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.save-row{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;color:var(--ink-soft);font-size:13px;font-weight:800}.save-row input,#save-list{width:100%;min-height:34px;border:1px solid var(--line);border-radius:7px;background:#ffffffbd;color:var(--ink);padding:0 9px;font:inherit;font-weight:750}#save-list{margin-top:8px}.slider{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:8px;min-height:36px;color:var(--ink-soft);font-size:13px;font-weight:700}.slider input{width:100%;accent-color:var(--brand-navy)}.toggle{display:flex;align-items:center;gap:9px;min-height:34px;color:var(--ink-soft);font-size:13px;font-weight:700}.toggle input{width:17px;height:17px;accent-color:var(--brand-navy)}.help{position:fixed;z-index:2;right:16px;bottom:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:min(560px,calc(100vw - 360px));padding:7px;border-radius:8px}.help span{border-radius:6px;background:#ffffff9e;color:var(--ink-soft);font-size:12px;font-weight:800;line-height:1;padding:8px 9px}.right-rail{position:fixed;z-index:2;right:16px;top:88px;width:192px;max-height:calc(100vh - 168px);padding:12px;overflow:hidden;border-radius:8px}.right-rail section+section{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}#minimap{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--brand-cream-2)}.history-list{display:grid;gap:6px;max-height:172px;margin:0;padding:0;list-style:none;overflow:auto}.history-list li{border-radius:6px;background:#ffffff94;color:var(--ink-soft);font-size:11px;font-weight:800;line-height:1.2;padding:7px 8px}.stats-list{display:grid;gap:7px;margin:0}.stats-list div{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:28px;border-radius:6px;background:#ffffff94;padding:5px 8px}.stats-list dt,.stats-list dd{margin:0;color:var(--ink-soft);font-size:11px;font-weight:850}.stats-list dd{color:var(--brand-navy)}.polish-mode .topbar,.polish-mode .panel,.polish-mode .right-rail,.polish-mode .help{display:none}@media(max-width:760px){.topbar{align-items:stretch}.brand{min-width:0}.actions{max-width:52vw}.actions button{min-height:31px;padding-inline:8px;font-size:12px}.help,.right-rail{display:none}}@media(max-width:520px){.topbar{flex-direction:column}.actions{max-width:none;justify-content:flex-start}.panel{max-height:44vh}.panel-body{padding:11px}.panel-tabs{padding:6px}.panel-tab{font-size:10px;letter-spacing:.02em}.asset-library{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;place-items:center;min-height:58px;text-align:center}.asset-card span{grid-row:auto;width:26px;height:26px}.asset-card small{display:none}.asset-card em{justify-content:center}.palette{grid-template-columns:repeat(4,minmax(0,1fr))}.palette button{height:50px}}