:root{--bg:#0d0d0d;--fg:#ccc;--accent:#0f0;--dim:#666;--border:#333;--surface:#111;--frame:#555;--frame-dark:#2a2a2a;--frame-light:#777}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--bg);color:var(--fg);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent);color:#000}.billboard-outer{display:inline-block;position:relative;margin:0 auto;padding-bottom:60px}.billboard-header{position:relative;background:linear-gradient(180deg,#5a5a5a,#3d3d3d 50%,#4a4a4a);border:1px solid #666;border-bottom:none;border-radius:3px 3px 0 0;padding:6px 24px;text-align:center;font-size:15px;font-weight:700;letter-spacing:4px;color:#ff0;text-shadow:0 0 12px rgba(255,255,0,.5),0 0 40px rgba(255,255,0,.15);text-transform:uppercase;background-image:linear-gradient(180deg,#5a5a5a,#3d3d3d 50%,#4a4a4a),repeating-linear-gradient(90deg,transparent,transparent 1px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 2px)}.billboard-frame{position:relative;background:#1a1a1a;border-image:none;border-color:#5a5a5a #3a3a3a #333 #4a4a4a;border-style:solid;border-width:6px 12px 12px;box-shadow:inset 0 0 12px rgba(0,0,0,.9),inset 0 2px 4px rgba(0,0,0,.5),0 8px 30px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5),0 -1px 0 hsla(0,0%,100%,.05)}.billboard-frame:after,.billboard-frame:before{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#777,#3a3a3a 60%,#222);border-radius:50%;border:1px solid #555;z-index:2}.billboard-frame:before{top:4px;left:4px}.billboard-frame:after{top:4px;right:4px}.billboard-bolts-bottom{position:absolute;bottom:4px;left:0;right:0;z-index:2;pointer-events:none}.billboard-bolts-bottom:after,.billboard-bolts-bottom:before{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#777,#3a3a3a 60%,#222);border-radius:50%;border:1px solid #555}.billboard-bolts-bottom:before{left:4px}.billboard-bolts-bottom:after{right:4px}.billboard-frame canvas{display:block}.billboard-grass{position:absolute;bottom:0;left:-20px;right:-20px;height:20px;background:linear-gradient(180deg,#1a3a1a,#143014 40%,#0f250f);border-radius:50% 50% 0 0/30% 30% 0 0;z-index:0;overflow:hidden}.billboard-grass:before{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:repeating-linear-gradient(85deg,transparent,transparent 3px,rgba(30,80,30,.4) 0,rgba(30,80,30,.4) 4px),repeating-linear-gradient(95deg,transparent,transparent 5px,rgba(20,60,20,.3) 0,rgba(20,60,20,.3) 6px),repeating-linear-gradient(88deg,transparent,transparent 7px,rgba(40,100,40,.2) 0,rgba(40,100,40,.2) 8px)}.billboard-grass:after{content:"";position:absolute;bottom:8px;left:0;right:0;height:14px;background:repeating-linear-gradient(82deg,transparent,transparent 11px,rgba(30,90,30,.3) 0,rgba(30,90,30,.3) 12px),repeating-linear-gradient(98deg,transparent,transparent 15px,rgba(25,70,25,.25) 0,rgba(25,70,25,.25) 16px)}.billboard-legs{position:absolute;bottom:0;left:0;right:0;height:60px;z-index:1}.billboard-legs:before{left:22%}.billboard-legs:after,.billboard-legs:before{content:"";position:absolute;top:0;width:10px;height:60px;background:linear-gradient(90deg,#333,#555 20%,#444 50%,#555 80%,#333);border-radius:0 0 1px 1px;box-shadow:-1px 0 0 #222,1px 0 0 #222,2px 4px 8px rgba(0,0,0,.5)}.billboard-legs:after{right:22%}.billboard-spots{position:absolute;top:-18px;left:0;right:0;z-index:3;pointer-events:none}.billboard-spot{position:absolute;top:0;width:20px;height:12px;background:linear-gradient(180deg,#666,#444);border-radius:3px 3px 1px 1px;border:1px solid #555}.billboard-spot:after{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:80px solid rgba(255,255,220,.03);pointer-events:none}.billboard-spot:first-child{left:12%}.billboard-spot:nth-child(2){left:42%}.billboard-spot:nth-child(3){right:12%}.drawing-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:6px}.toolbar-divider{width:1px;height:24px;background:var(--border)}.toolbar-btn{padding:5px 12px;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--dim);font-family:inherit;font-size:12px;cursor:pointer;transition:all .15s}.toolbar-btn:hover{border-color:var(--dim);color:var(--fg)}.toolbar-btn-active{border-color:var(--accent);color:var(--accent);background:rgba(0,255,0,.05)}.toolbar-btn-purchase{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.toolbar-btn-purchase:hover{background:#0d0}.toolbar-btn-purchase:disabled{opacity:.3;cursor:default}.toolbar-btn-purchase:disabled:hover{background:var(--accent)}.pixel-counter{font-size:12px;color:var(--dim);white-space:nowrap}.pixel-counter strong{color:var(--accent)}.image-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000}.image-upload-modal{background:#111;border:1px solid #333;border-radius:6px;padding:24px;max-width:500px;width:90%;font-family:monospace;color:#ccc}.image-upload-modal label{display:block;margin-bottom:12px;font-size:13px;color:#888}.image-upload-modal input[type=number],.image-upload-modal input[type=range]{background:#000;border:1px solid #333;border-radius:3px;color:#0f0;font-family:monospace;padding:4px 8px;width:70px}.image-upload-modal input[type=range]{width:150px;padding:0}@media (max-width:600px){.drawing-toolbar{gap:6px;padding:8px 10px}.toolbar-btn{padding:8px 10px;font-size:11px}.hide-mobile,.toolbar-divider{display:none}.pixel-counter{font-size:11px}.billboard-header{font-size:12px;padding:5px 12px;letter-spacing:2px}.billboard-frame{border-width:4px 8px 8px}.billboard-spots{display:none}.billboard-legs:after,.billboard-legs:before{height:40px;width:8px}.billboard-outer{padding-bottom:45px}.billboard-legs{height:45px}}