:root{--bg: #07080f;--panel: rgba(11, 13, 24, .92);--panel-border: #232842;--text: #e8e6df;--muted: #8b8fa8;--gold: #e6b43c;--blue: #4093e4;--red: #ed4c5c;--radius: 14px;--shadow: 0 10px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.mono{font-family:JetBrains Mono,monospace;font-size:.92em}.map{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c16}.map.placing{cursor:crosshair}.leaflet-container{background:#0a0c16}.leaflet-tile{filter:brightness(.72) saturate(.65) contrast(1.05)}.work-overlay{image-rendering:pixelated;cursor:pointer}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-title{font-weight:800;letter-spacing:.2px;margin-bottom:10px}.topbar{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:900}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;padding:10px 16px}.logo{font-weight:800;letter-spacing:3px}.logo:first-letter{color:var(--gold)}.badge{font-size:11px;font-weight:700;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 8px}.works-count{font-size:12px;color:var(--muted)}.topbar-right{display:flex;gap:10px;align-items:center}.connect-wrap{padding:4px;display:inline-flex}.btn{font:inherit;font-weight:700;color:var(--text);background:transparent;border:1px solid var(--panel-border);border-radius:10px;padding:9px 14px;cursor:pointer;transition:transform .06s ease,background .15s ease}.btn:hover{background:#ffffff0f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--gold);border-color:var(--gold);color:#141003}.btn.primary:hover{background:#f0c258}.btn.primary.active{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:#ffffff0a}.btn.big{padding:11px 20px}.btn.card{box-shadow:var(--shadow)}.btn.wide{display:block;text-align:center;text-decoration:none;margin-top:10px}.pot{color:var(--gold)}.size-picker{position:absolute;top:84px;right:14px;padding:16px;z-index:900}.sizes{display:flex;gap:8px}.tier{min-width:64px}.hintbar{position:absolute;left:50%;transform:translate(-50%);top:84px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:9px 18px;font-size:13px;z-index:900}.editor{position:absolute;left:50%;transform:translate(-50%);bottom:16px;padding:14px;z-index:950;max-width:min(96vw,900px)}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.editor-actions{display:flex;gap:8px}.editor-body{display:flex;gap:14px;align-items:flex-start;margin-top:10px}.editor canvas{border-radius:8px;touch-action:none;cursor:crosshair}.palette{display:grid;grid-template-columns:repeat(6,24px);gap:5px;align-content:start}.swatch{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.swatch.on{border-color:#fff;transform:scale(1.12)}.swatch.eraser{background:#1a1f33;color:var(--muted);font-size:12px}.warn{color:var(--red);font-weight:600;font-size:12px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#04050aa8;display:grid;place-items:center;z-index:1000}.modal{width:min(94vw,460px);padding:20px}.mint-meta{display:grid;gap:6px;margin:10px 0}.mint-meta>div{display:flex;justify-content:space-between;gap:12px}.lab{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.6px}.steps{list-style:none;counter-reset:s;margin:14px 0;padding:0;display:grid;gap:8px}.steps li{counter-increment:s;color:var(--muted);font-size:14px;display:flex;gap:10px;align-items:center}.steps li:before{content:counter(s);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:800;background:#1a1f33;color:var(--muted);flex:none}.steps li.on{color:var(--text)}.steps li.on:before{background:var(--gold);color:#141003}.steps li.done{color:var(--text)}.steps li.done:before{content:"✓";background:#1f7a4d;color:#fff}.error{color:var(--red);font-size:13px;margin:8px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.work-card{position:absolute;right:14px;top:84px;width:300px;padding:16px;z-index:950}.work-preview{width:192px;height:192px;image-rendering:pixelated;border-radius:8px;background:#05060c;display:block;margin:0 auto 10px}.hidden-ph{display:grid;place-items:center;color:var(--muted);font-size:13px}.vote-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.vote-btns{display:flex;gap:6px}.tallies{color:var(--muted);font-size:13px}.crown{color:var(--gold);font-size:12.5px}.close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.board{position:absolute;right:14px;top:84px;width:320px;padding:16px;z-index:950}.board-sub{color:var(--muted);font-size:12.5px;margin-bottom:10px}.board-empty{color:var(--muted);font-size:13.5px;padding:12px 0}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.board-list li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer}.board-list li:hover{background:#ffffff0d}.board-list img{image-rendering:pixelated;border-radius:4px}.rank{color:var(--gold);font-weight:800;width:18px}.score{margin-left:auto;color:var(--gold);font-weight:700}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:11px 20px;font-size:14px;z-index:1100;box-shadow:var(--shadow)}@media(max-width:720px){.brand .works-count{display:none}.editor-body{flex-direction:column}.palette{grid-template-columns:repeat(12,24px)}.work-card,.board{left:14px;right:14px;width:auto}}