:root{--background-color: #2c2c2c;--primary-accent: #FF1D8E;--secondary-accent: #00C5FF;--tertiary-accent: #AFFF00;--vandal-accent: #8B0000;--muralist-accent: #DA70D6;--stencil-accent: #FF0000;--writers-bench-accent: #6A0DAD;--hof-accent: #FFD700;--text-color: #f0f0f0;--ui-bg: rgba(20, 20, 20, .85);--border-color: rgba(255, 255, 255, .2);--font-main: "Bangers", cursive;--font-ui: "Roboto Condensed", sans-serif;--theme-accent: var(--tertiary-accent);--theme-accent-glow: rgba(175, 255, 0, .5);--theme-accent-bg: rgba(175, 255, 0, .15);--theme-title-color: var(--tertiary-accent)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-ui);background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;background-image:url(https://www.transparenttextures.com/patterns/brick-wall.png)}body.dragging-toolbar{cursor:grabbing;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%;overflow:hidden}main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;transition:filter 10s cubic-bezier(.25,1,.5,1)}#graffiti-canvas{background-color:#fff;cursor:crosshair;touch-action:none;width:100%;height:100%}#graffiti-canvas.pannable{cursor:grab}#graffiti-canvas.panning{cursor:grabbing}#graffiti-canvas.mask-editing-active{cursor:move}#graffiti-canvas.area-defining{cursor:crosshair}#cover-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a0a0a;background-image:linear-gradient(#0009,#0009),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-1766231.jpeg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;z-index:3000;opacity:1;visibility:visible;transition:opacity .5s ease-out,visibility .5s ease-out}#app:not(.on-cover-screen) #cover-screen{opacity:0;visibility:hidden;pointer-events:none}.cover-title{font-family:var(--font-main);font-size:clamp(4rem,15vw,12rem);color:var(--primary-accent);text-align:center;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,7px 7px 0 var(--secondary-accent),10px 10px 15px rgba(0,0,0,.7);transform:rotate(-4deg);line-height:1.1}.title-zero{font-size:.7em;vertical-align:middle;letter-spacing:normal}#enter-app-btn{font-size:2rem;padding:1rem 3rem;background-color:var(--primary-accent);border-color:var(--primary-accent);animation:pulse 2s infinite}#enter-app-btn:hover{animation-play-state:paused;transform:scale(1.05);background-color:var(--secondary-accent);border-color:var(--secondary-accent);color:#000;box-shadow:0 0 25px var(--secondary-accent)}#name-registration-modal,#diy-password-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:3001;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.name-modal-content{background-color:#000000b3;padding:2.5rem 3rem;border-radius:12px;border:3px solid var(--primary-accent);box-shadow:0 0 30px #ff1d8e80,0 0 15px #ff1d8e80 inset;width:90%;max-width:500px;text-align:center;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .3s ease-out}.name-modal-content .menu-title{font-size:4rem;margin-bottom:0}.name-modal-content p{font-size:1.2rem;color:var(--text-color);opacity:.8;margin-top:-1rem}#writer-name-input,#diy-password-input{font-family:var(--font-ui);font-size:1.5rem;padding:.75rem 1rem;background-color:#00000080;border:2px solid var(--border-color);color:var(--text-color);border-radius:8px;text-align:center;transition:all .2s ease}#writer-name-input:focus,#diy-password-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 15px var(--primary-accent)}#writer-name-input.invalid,#diy-password-input.invalid{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ff3c3c}#confirm-name-btn{align-self:center;background-color:var(--primary-accent);border-color:var(--primary-accent)}.password-modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}#app.on-cover-screen main,#app.on-cover-screen #hud,#app.on-cover-screen #main-menu,#app.on-cover-screen #freestyle-menu,#app.on-cover-screen #diy-menu,#app.on-cover-screen #crew-menu,#app.on-cover-screen #kit-selection-menu,#app.on-cover-screen #bombing-menu,#app.on-cover-screen #rules-screen{display:none}#app:not(.in-rules-screen) #rules-screen{display:none}#app.in-main-menu main,#app.in-main-menu #hud,#app.in-main-menu #freestyle-menu,#app.in-main-menu #diy-menu,#app.in-main-menu #crew-menu,#app.in-main-menu #kit-selection-menu,#app.in-main-menu #bombing-menu{display:none}#app.in-freestyle-menu main,#app.in-freestyle-menu #hud,#app.in-freestyle-menu #diy-menu,#app.in-freestyle-menu #crew-menu,#app.in-freestyle-menu #main-menu,#app.in-freestyle-menu #kit-selection-menu,#app.in-freestyle-menu #bombing-menu{display:none}#app.in-bombing-menu main,#app.in-bombing-menu #hud,#app.in-bombing-menu #freestyle-menu,#app.in-bombing-menu #diy-menu,#app.in-bombing-menu #crew-menu,#app.in-bombing-menu #main-menu,#app.in-bombing-menu #kit-selection-menu{display:none}#app.in-crew-menu main,#app.in-crew-menu #hud,#app.in-crew-menu #freestyle-menu,#app.in-crew-menu #diy-menu,#app.in-crew-menu #main-menu,#app.in-crew-menu #kit-selection-menu,#app.in-crew-menu #bombing-menu{display:none}#app.in-diy-menu main,#app.in-diy-menu #hud,#app.in-diy-menu #freestyle-menu,#app.in-diy-menu #crew-menu,#app.in-diy-menu #main-menu,#app.in-diy-menu #kit-selection-menu,#app.in-diy-menu #bombing-menu{display:none}#app.in-kit-selection main,#app.in-kit-selection #hud,#app.in-kit-selection #freestyle-menu,#app.in-kit-selection #diy-menu,#app.in-kit-selection #main-menu,#app.in-kit-selection #crew-menu,#app.in-kit-selection #bombing-menu{display:none}#app.in-game #main-menu,#app.in-game #freestyle-menu,#app.in-game #diy-menu,#app.in-game #crew-menu,#app.in-game #kit-selection-menu,#app.in-game #bombing-menu{display:none}#main-menu,#diy-menu,#kit-selection-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;background-image:linear-gradient(#000000b3,#000000b3),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-6390741.jpeg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:3rem;z-index:2000}.menu-title{font-family:var(--font-main);font-size:6rem;color:var(--primary-accent);text-align:center;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,5px 5px 0 var(--secondary-accent),8px 8px 10px rgba(0,0,0,.5);transform:rotate(-3deg)}.demo-subtitle{font-family:var(--font-main);font-size:3rem;color:var(--tertiary-accent);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);transform:rotate(-3deg);margin-top:-2.5rem}.mode-selection{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}#main-menu-gallery-btn{margin-top:1rem;padding:1rem 3rem;font-size:1.5rem;background-color:var(--primary-accent);border-color:var(--primary-accent)}#main-menu-gallery-btn:hover{background-color:#fff;border-color:#fff;box-shadow:0 0 15px var(--primary-accent)}.mode-option{position:relative;width:200px;height:280px;border:3px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;padding:0;color:var(--text-color);background-color:#222}.mode-option:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000e6 20%,#0000001a 60%);transition:background .3s ease}.mode-option:hover:after{background:linear-gradient(to top,rgba(0,0,0,.95) 10%,transparent 70%)}.mode-option[data-theme=crew]{background-image:url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-1137752.jpeg)}.mode-option[data-theme=crew]:hover{transform:scale(1.05);box-shadow:0 0 25px var(--secondary-accent),0 0 15px var(--secondary-accent) inset;border-color:var(--secondary-accent)}.mode-option[data-theme=bombing]{background-image:url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-137077.jpeg)}.mode-option[data-theme=bombing]:hover{transform:scale(1.05);box-shadow:0 0 25px var(--primary-accent),0 0 15px var(--primary-accent) inset;border-color:var(--primary-accent)}.mode-option[data-theme=freestyle]{background-image:url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-camrainey-2635839.jpg)}.mode-option[data-theme=freestyle]:hover{transform:scale(1.05);box-shadow:0 0 25px var(--tertiary-accent),0 0 15px var(--tertiary-accent) inset;border-color:var(--tertiary-accent)}.mode-option[data-theme=diy]{background-image:url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-chizon-28142301.jpg)}.mode-option[data-theme=diy]:hover{transform:scale(1.05);box-shadow:0 0 25px #ccc,0 0 15px #ccc inset;border-color:#ccc}.mode-text{position:absolute;bottom:0;left:0;right:0;padding:1rem;text-align:center;z-index:1}.mode-text h2{font-family:var(--font-main);font-size:2rem;margin-bottom:.5rem;letter-spacing:2px;color:#fff;text-shadow:2px 2px 4px #000}.mode-text p{font-family:var(--font-ui);font-size:.9rem;line-height:1.4;opacity:.8}#crew-menu,#kit-selection-menu{background-image:linear-gradient(#000c,#000c),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-6390741.jpeg)}#crew-menu .menu-title,#crew-menu .missions-header{color:var(--secondary-accent)}#crew-menu .mission-btn:not(.locked):hover{box-shadow:0 0 25px var(--secondary-accent),0 0 12px var(--secondary-accent) inset;border-color:var(--secondary-accent)}#crew-menu .back-btn:hover{background-color:var(--secondary-accent);border-color:var(--secondary-accent)}#bombing-menu{background-image:linear-gradient(#000c,#000c),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-137077.jpeg)}#bombing-menu .menu-title,#bombing-menu .missions-header{color:var(--primary-accent)}#bombing-menu .mission-btn:hover{box-shadow:0 0 25px var(--primary-accent),0 0 12px var(--primary-accent) inset;border-color:var(--primary-accent)}#bombing-menu .back-btn:hover{background-color:var(--primary-accent);border-color:var(--primary-accent)}#kit-selection-menu .menu-title{color:var(--secondary-accent)}#kit-selection-menu .kit-selection-container{border-color:var(--secondary-accent)}#kit-selection-menu .kit-slot-group h3{color:var(--secondary-accent)}#kit-selection-menu .kit-slot:hover{border-color:var(--secondary-accent);background-color:#00c5ff33}#kit-selection-menu #start-mission-btn{background-color:var(--secondary-accent);border-color:var(--secondary-accent)}#freestyle-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;background-image:linear-gradient(#000000b3,#000000b3),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-camrainey-2635839.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4rem 2rem;gap:2rem;z-index:2001;overflow-y:auto}#freestyle-menu .menu-title,#freestyle-menu .missions-header{color:var(--tertiary-accent)}#freestyle-scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;padding:1rem}#freestyle-scenario-grid .mission-btn:hover{transform:scale(1.05);box-shadow:0 0 25px var(--tertiary-accent),0 0 15px var(--tertiary-accent) inset;border-color:var(--tertiary-accent)}#freestyle-menu .back-btn:hover{background-color:var(--tertiary-accent);border-color:var(--tertiary-accent)}#diy-menu{background-image:linear-gradient(#000000b3,#000000b3),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-chizon-28142301.jpg)}#diy-menu .menu-title{color:var(--tertiary-accent)}.diy-container{background-color:#0009;padding:2.5rem 3rem;border-radius:12px;border:3px solid var(--tertiary-accent);box-shadow:0 0 30px #afff0066,0 0 15px #afff0080 inset;width:90%;max-width:700px;text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.diy-instructions{font-family:var(--font-main);font-size:3rem;color:var(--tertiary-accent)}.diy-container p{font-size:1.2rem;max-width:500px;line-height:1.6}#diy-upload-btn{margin-top:1rem;background-color:var(--tertiary-accent);border-color:var(--tertiary-accent);display:flex;gap:.75rem;align-items:center}#diy-menu .back-btn:hover{background-color:var(--tertiary-accent);border-color:var(--tertiary-accent)}.challenge-container{background-color:#0009;padding:2.5rem 3rem;border-radius:12px;border:3px solid;width:90%;max-width:800px;text-align:center;display:flex;flex-direction:column;gap:1.5rem}.challenge-theme-title{font-family:var(--font-ui);font-size:1.5rem;font-weight:700;color:var(--text-color);opacity:.8}.challenge-theme{font-family:var(--font-main);font-size:4.5rem;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1}.challenge-description{font-size:1.2rem;line-height:1.6;max-width:600px;margin:0 auto}.challenge-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem}.challenge-btn{padding:1rem 2.5rem;font-size:1.5rem;font-weight:700;font-family:var(--font-ui);border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#000}.challenge-btn.enter:hover{background-color:#fff;border-color:#fff;box-shadow:0 0 15px #fff}.challenge-btn.view{background-color:transparent}#crew-menu,#bombing-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;gap:2rem;z-index:2001}#crew-menu{overflow-y:auto;justify-content:flex-start}.mission-selection-container{background-color:#00000080;padding:2rem;border-radius:12px;border:2px solid var(--border-color);width:90%;max-width:1200px;text-align:center}.missions-header{font-family:var(--font-main);font-size:3rem;margin-bottom:1.5rem;letter-spacing:2px}.mission-list{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.scenario-navigator{display:flex;align-items:center;gap:1rem;width:100%}#scenario-list-wrapper{flex-grow:1;overflow:hidden}#scenario-list{display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:flex-start;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:.5rem}#scenario-list::-webkit-scrollbar{display:none}.scenario-arrow{flex-shrink:0;width:50px;height:50px;border-radius:50%;background-color:#ffffff1a;border:2px solid var(--border-color);padding:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.scenario-arrow svg{width:32px;height:32px;fill:var(--text-color);transition:fill .2s ease}#bombing-menu .scenario-arrow:hover:not(:disabled){background-color:var(--primary-accent);border-color:var(--primary-accent)}.scenario-arrow:hover:not(:disabled) svg{fill:#000}.scenario-arrow:disabled{opacity:.3;cursor:not-allowed}.mission-btn{position:relative;width:300px;height:200px;border:3px solid var(--border-color);border-radius:12px;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;padding:0;color:var(--text-color);background-color:#222;display:flex;align-items:stretch;justify-content:center;flex-shrink:0}.mission-text{padding:1rem;text-align:center;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 20%,transparent 80%)}.mission-text-zone{font-family:var(--font-main);font-size:2.2rem;margin:0;letter-spacing:1px;color:#fff;text-shadow:2px 2px 4px #000}.mission-text-name{font-family:var(--font-ui);font-size:1.2rem;font-weight:700;opacity:.9;color:#fff;text-shadow:1px 1px 2px #000;margin-bottom:.75rem}.mission-details{display:flex;flex-direction:column;gap:.5rem;background:#00000080;border-radius:8px;padding:.75rem;font-size:.9rem}.mission-detail{display:flex;align-items:center;justify-content:center;gap:.5rem}.mission-detail svg{width:18px;height:18px;flex-shrink:0}.police-level{font-weight:700}.police-level.low{color:var(--tertiary-accent)}.police-level.medium{color:var(--hof-accent)}.police-level.high{color:#ff3c3c}.police-level.very-high{color:var(--vandal-accent);font-weight:700}.mission-btn.locked{filter:grayscale(1) brightness(.6);cursor:not-allowed}.mission-btn.locked .mission-text{opacity:.6}.mission-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;color:#ffffffb3;z-index:2}.back-btn{background-color:transparent;border:2px solid var(--border-color);color:var(--text-color);padding:.75rem 2rem;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:1rem}#exit-game-btn{margin-top:.5rem;padding:.5rem 1.25rem;font-size:1rem;background-color:#8b0000b3;border-color:var(--vandal-accent)}#exit-game-btn:hover{background-color:var(--vandal-accent);border-color:var(--vandal-accent);color:var(--text-color);box-shadow:0 0 10px var(--vandal-accent)}#kit-selection-menu{gap:1.5rem}.kit-selection-container{display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:#0009;padding:2rem;border-radius:12px;border:2px solid;width:90%;max-width:1200px}.kit-slots-container{display:flex;flex-wrap:nowrap;align-items:flex-start;align-content:flex-start;gap:1.5rem;flex-grow:1;justify-content:center}.kit-slot-group{background-color:transparent;padding:0;border-radius:8px}.kit-slot-group h3{font-family:var(--font-ui);font-weight:700;font-size:1rem;margin-bottom:.4rem;text-align:center}.kit-slots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.kit-slot{width:50px;height:50px;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#ffffff0d;display:flex;justify-content:center;align-items:center}.kit-palette-container{flex-basis:auto;width:100%;max-width:900px;background-color:#0006;padding:1rem;border-radius:8px;display:flex;flex-direction:column}.kit-palette-container h3{font-family:var(--font-ui);font-weight:700;font-size:1.2rem;margin-bottom:.75rem;color:var(--text-color);text-align:center}.kit-size-selector{display:flex;gap:1rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.can-size-btn{padding:.75rem 1.5rem;font-size:1.2rem;font-weight:700;font-family:var(--font-ui);min-width:60px}#kit-color-palette{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-height:300px;overflow-y:auto;padding:.5rem}#kit-color-palette .color-swatch{width:32px;height:32px;transition:transform .2s ease,opacity .2s ease}#kit-color-palette .color-swatch.active{opacity:1;transform:scale(1.2);box-shadow:0 0 15px #fff,0 0 8px #fff inset;border-color:#fff}.kit-actions{display:flex;gap:1rem}.kit-slot-label{font-family:var(--font-main);font-size:1.5rem;color:#000;text-shadow:1px 1px 0px rgba(255,255,255,.6);pointer-events:none}#rules-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;background-image:linear-gradient(#000000d9,#000000d9),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-photo-15071423.jpeg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;z-index:2002}.rules-content{background-color:#000000b3;padding:2.5rem 3rem;border-radius:12px;border:3px solid var(--theme-accent);box-shadow:0 0 30px var(--theme-accent-glow),0 0 15px var(--theme-accent-glow) inset;width:90%;max-width:700px;text-align:center;display:flex;flex-direction:column;gap:2rem}.rules-title{font-family:var(--font-main);font-size:4rem;color:var(--theme-accent);letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.rules-list{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:1.5rem;font-size:1.3rem;line-height:1.6}.rules-list li{padding-left:2.5rem;position:relative}.rules-list li:before{content:"▶";position:absolute;left:0;top:0;color:var(--theme-accent);font-size:1.5rem;line-height:1.5}.rules-footer{font-family:var(--font-main);font-size:2rem;color:var(--tertiary-accent);margin-top:1rem}#rules-continue-btn{background-color:var(--theme-accent);color:#000;border-color:var(--theme-accent);align-self:center}#app.theme-freestyle,#app.theme-diy{--theme-accent: var(--tertiary-accent);--theme-accent-glow: rgba(175, 255, 0, .5);--theme-accent-bg: rgba(175, 255, 0, .15);--theme-title-color: var(--tertiary-accent)}#app.theme-bombing{--theme-accent: var(--primary-accent);--theme-accent-glow: rgba(255, 29, 142, .5);--theme-accent-bg: rgba(255, 29, 142, .15);--theme-title-color: var(--primary-accent)}#app.theme-crew{--theme-accent: var(--secondary-accent);--theme-accent-glow: rgba(0, 197, 255, .5);--theme-accent-bg: rgba(0, 197, 255, .15);--theme-title-color: var(--secondary-accent)}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#game-top-center-ui{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:11;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}#game-top-center-ui>*{pointer-events:all}#start-graffiti-btn{font-family:var(--font-main);font-size:2rem;padding:.75rem 2rem;background-color:var(--tertiary-accent);color:#000;border:3px solid #000;border-radius:8px;text-shadow:1px 1px 0px rgba(255,255,255,.4);box-shadow:4px 4px #000;cursor:pointer;pointer-events:all;transition:transform .2s ease,box-shadow .2s ease}#start-graffiti-btn:hover{transform:translateY(-2px);box-shadow:6px 6px #000}#start-graffiti-btn:active{transform:translateY(2px);box-shadow:2px 2px #000}#finish-drawing-btn{font-family:var(--font-main);font-size:1.5rem;padding:.5rem 1.5rem;background-color:var(--theme-accent);color:#000;border:3px solid #000;border-radius:8px;text-shadow:1px 1px 0px rgba(255,255,255,.4);box-shadow:4px 4px #000;cursor:pointer;pointer-events:all;transition:transform .2s ease,box-shadow .2s ease;margin-top:.5rem}#finish-drawing-btn:hover{transform:translateY(-2px);box-shadow:6px 6px #000}#finish-drawing-btn:active{transform:translateY(2px);box-shadow:2px 2px #000}.hud-top-left,.hud-top-right,.hud-bottom-bar{position:absolute;padding:1rem;display:flex;gap:1rem;align-items:center}.hud-top-left{top:0;left:0;flex-direction:column;align-items:flex-start;gap:.25rem}.logo{font-family:var(--font-main);font-size:3rem;color:var(--theme-title-color);text-shadow:2px 2px 0px #000,-2px -2px 0px #000,2px -2px 0px #000,-2px 2px 0px #000,4px 4px 5px rgba(0,0,0,.7);transform:rotate(-2deg);line-height:1;transition:color .4s ease}.writer-name-display{font-family:var(--font-ui);font-size:1rem;font-weight:700;color:var(--text-color);background:var(--ui-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.4rem .8rem;border-radius:6px;border:1px solid var(--primary-accent);color:var(--primary-accent)}.background-name-display{font-family:var(--font-ui);font-size:1rem;font-weight:700;color:var(--text-color);background:var(--ui-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.4rem .8rem;border-radius:6px;border:1px solid var(--border-color)}.hud-top-right{top:7rem;right:0;flex-direction:column;align-items:flex-end}.hud-top-left,.hud-top-right{pointer-events:none}.hud-top-left>*,.hud-top-right>*{pointer-events:all}.hud-bottom-bar{bottom:0;left:50%;transform:translate(calc(-50% + var(--toolbar-offset-x, 0px))) translateY(var(--toolbar-offset-y, 0px));pointer-events:all;background-image:linear-gradient(#141414e6,#141414e6),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-helen-alp-46790226-17762946.jpg);background-size:cover;background-position:center;border-top:2px solid var(--theme-accent);border-left:2px solid var(--theme-accent);border-right:2px solid var(--theme-accent);border-radius:20px 20px 0 0;padding:.25rem 1rem .5rem;flex-direction:column;align-items:center;justify-content:center;gap:0;-webkit-user-select:none;user-select:none;transition:border-color .3s ease,padding .3s ease,transform .4s ease-out,opacity .4s ease-out,width .3s ease;cursor:grab}.hud-bottom-bar:active{cursor:grabbing}.hud-bottom-bar.masking-phase #tool-selector,.hud-bottom-bar.masking-phase #palette-selector{opacity:.5;pointer-events:none;filter:grayscale(80%)}#toolbar-drag-handle{cursor:grab;width:100%;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;position:relative;padding:2px 0 4px}#toolbar-drag-handle:active{cursor:grabbing}.drag-handle-text{color:#f0f0f080;font-family:var(--font-ui);font-weight:700;font-size:.75rem;letter-spacing:1px;transition:color .2s ease;pointer-events:none}#toolbar-drag-handle:hover .drag-handle-text{color:var(--text-color)}#minimize-toolbar-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:transparent;border:none;padding:4px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease}#minimize-toolbar-btn:hover{background-color:#ffffff1a}#minimize-toolbar-btn svg{transition:transform .3s ease;fill:#f0f0f0b3}#minimize-toolbar-btn:hover svg{fill:#fff}#toolbar-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding-top:.25rem;transition:transform .3s ease,opacity .3s ease,visibility .3s,flex-direction .3s ease,max-height .3s ease,padding-top .3s ease;max-height:1000px;overflow:hidden}.hud-bottom-bar.minimized{padding-bottom:0}.hud-bottom-bar.minimized #toolbar-content{opacity:0;visibility:hidden;max-height:0;padding-top:0}.hud-bottom-bar.minimized #minimize-toolbar-btn svg{transform:rotate(180deg)}.hud-bottom-bar.hidden-toolbar,.hud-bottom-bar.loading{transform:translate(calc(-50% + var(--toolbar-offset-x, 0px))) translateY(calc(120% + var(--toolbar-offset-y, 0px)));opacity:0;pointer-events:none}.hud-bottom-bar.palette-bombing{border-color:var(--primary-accent)}.hud-bottom-bar.palette-bombing label{color:var(--primary-accent)}.hud-bottom-bar.palette-bombing .tool-group{background-color:#ff1d8e26}.hud-bottom-bar.palette-crew{border-color:var(--secondary-accent)}.hud-bottom-bar.palette-crew label,.kit-hud-group-label{color:var(--secondary-accent)}.hud-bottom-bar.palette-crew .tool-group{background-color:#00c5ff26}.hud-bottom-bar.palette-diy{border-color:var(--tertiary-accent)}.hud-bottom-bar.palette-diy label{color:var(--tertiary-accent)}.hud-bottom-bar.palette-diy .tool-group{background-color:#afff0026}.hud-bottom-bar.palette-vandal{border-color:var(--vandal-accent)}.hud-bottom-bar.palette-vandal label{color:var(--vandal-accent)}.hud-bottom-bar.palette-vandal .tool-group{background-color:#8b000026}.hud-bottom-bar.palette-muralist{border-color:var(--muralist-accent)}.hud-bottom-bar.palette-muralist label{color:var(--muralist-accent)}.hud-bottom-bar.palette-muralist .tool-group{background-color:#da70d626}.hud-bottom-bar.palette-stencil{border-color:var(--stencil-accent)}.hud-bottom-bar.palette-stencil label{color:var(--stencil-accent)}.hud-bottom-bar.palette-stencil .tool-group{background-color:#ff000026}.hud-bottom-bar.palette-writers-bench{border-color:var(--writers-bench-accent)}.hud-bottom-bar.palette-writers-bench label{color:var(--writers-bench-accent)}.hud-bottom-bar.palette-writers-bench .tool-group{background-color:#6a0dad26}.tool-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;row-gap:.75rem;padding:.5rem;border-radius:12px;background-color:#00000040;transition:background-color .3s ease,flex-direction .3s ease}.hud-top-right .tool-group{flex-direction:column;flex-wrap:nowrap;gap:.75rem}#tool-selector,#palette-selector{padding:.5rem .75rem}.tool-controls-container{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;transition:flex-direction .3s ease}.tool-controls-container.hidden{display:none}label{font-family:var(--font-main);font-size:1.25rem;color:var(--theme-accent);letter-spacing:1px;text-shadow:1px 1px 2px #000;transition:color .3s ease}.palette-buttons-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#color-palette{display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;background:#0000004d;padding:.5rem;border-radius:12px;max-width:520px;justify-content:center}.palette-crew #color-palette{background:transparent;max-width:none;width:auto;padding:.75rem;gap:.5rem;align-items:flex-end}.kit-hud-group{display:flex;flex-direction:column;gap:.5rem;background-color:#0006;padding:.5rem;border-radius:8px}.kit-hud-group-label{font-family:var(--font-ui);font-weight:700;text-align:center;font-size:.9rem}.kit-hud-cans{display:flex;gap:.5rem;align-items:flex-end}.color-swatch{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid var(--border-color);transition:transform .2s,box-shadow .2s,border-color .2s,border-width .2s;position:relative;overflow:hidden}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--text-color);transform:scale(1.25);box-shadow:0 0 10px var(--theme-accent),0 0 5px var(--theme-accent) inset}.color-swatch.crew-can{--paint-level: 100%;width:32px;height:45px;border-radius:8px;border-width:3px;box-shadow:2px 2px 5px #00000080 inset}.color-swatch.crew-can:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(100% - var(--paint-level));background-color:#141414b3;-webkit-backdrop-filter:saturate(0);backdrop-filter:saturate(0);transition:height .1s linear;z-index:1;pointer-events:none}.color-swatch.crew-can .can-size-label{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-family:var(--font-ui);font-weight:700;font-size:10px;color:#000;text-shadow:1px 1px 0 rgba(255,255,255,.7);z-index:2;pointer-events:none}.color-swatch.crew-can.active{border-color:var(--theme-accent);transform:scale(1.1);box-shadow:0 0 12px var(--theme-accent);z-index:2}.color-swatch.crew-can.empty{filter:grayscale(1);cursor:not-allowed}.color-swatch.crew-can.empty:hover{transform:scale(1)}.color-swatch.crew-can.empty.active{border-color:var(--border-color);box-shadow:2px 2px 5px #00000080 inset}input[type=file]{display:none}.custom-file-upload,button{background-color:#333;color:var(--text-color);border:2px solid var(--border-color);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.custom-file-upload:hover,button:hover:not(:disabled){background-color:var(--theme-accent);color:#000;border-color:var(--theme-accent);box-shadow:0 0 10px var(--theme-accent)}button:disabled{opacity:.5;cursor:not-allowed;background-color:#333!important;color:var(--text-color)!important;border-color:var(--border-color)!important;box-shadow:none!important}.hud-bottom-bar button,.hud-bottom-bar .color-swatch{cursor:pointer}.icon-btn{flex-direction:column;gap:2px;padding:4px 6px;min-height:50px;text-align:center;line-height:1.1;width:65px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:normal}.icon-btn svg,.icon-btn img{width:20px;height:20px}.zoom-widget-container{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-shortcut-hint{font-family:var(--font-ui);font-size:10px;font-weight:700;color:var(--text-color);opacity:.6;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none;padding:2px 0;margin-top:4px}.zoom-controls{display:flex;align-items:stretch;background-color:var(--ui-bg);border:2px solid var(--border-color);border-radius:8px;overflow:hidden}.zoom-controls #zoom-indicator{border:none;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;min-width:70px;padding:0 1rem}.zoom-btn{background-color:transparent;color:var(--text-color);border:none;border-left:2px solid var(--border-color);padding:0 1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;border-radius:0}.zoom-btn:hover:not(:disabled){background-color:var(--theme-accent);color:#000;border-color:var(--theme-accent);box-shadow:none}.palette-btn,.density-btn,.roller-density-btn{font-family:var(--font-ui);font-weight:700;font-size:.8rem;padding:.4rem .8rem;min-width:45px}.spray-size-btn,.roller-width-btn{font-family:var(--font-ui);font-weight:700;font-size:.9rem;padding:.3rem .5rem;min-height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;text-align:center}.palette-btn.active,.density-btn.active,.roller-density-btn.active,.tool-btn.active,.spray-size-btn.active,.roller-width-btn.active{background-color:var(--theme-accent);color:#000;border-color:var(--theme-accent);box-shadow:0 0 10px var(--theme-accent);transform:scale(1.05)}#toggle-minimap-btn.active{background-color:var(--theme-accent);color:#000;border-color:var(--theme-accent)}.tool-btn{padding:0;border-radius:8px}.spray-can-icon{width:28px;height:28px;object-fit:contain;border-radius:4px}#edit-mask-btn.active{background-color:var(--secondary-accent);color:#000;border-color:var(--secondary-accent)}#mask-controls-container{background-color:#00c5ff26;flex-direction:column;padding:.75rem;gap:.75rem}body.mask-editing .hud-bottom-bar{transform:translate(calc(-50% + var(--toolbar-offset-x, 0px))) translateY(calc(120% + var(--toolbar-offset-y, 0px)));opacity:0;pointer-events:none}.area-tool-container{display:flex;align-items:center;gap:.5rem}#area-mask-btn.has-mask,#multi-area-mask-btn.has-mask{background-color:var(--tertiary-accent);color:#000;border-color:var(--tertiary-accent);box-shadow:0 0 10px var(--tertiary-accent)}#area-mask-btn.has-mask:hover,#multi-area-mask-btn.has-mask:hover{background-color:#e60026;border-color:#e60026;color:var(--text-color)}#invert-mask-btn.active{background-color:var(--secondary-accent);color:#000;border-color:var(--secondary-accent)}#confirm-mask-btn{background-color:var(--tertiary-accent);color:#000;border-color:var(--tertiary-accent)}#confirm-mask-btn:hover{background-color:#fff;color:#000;box-shadow:0 0 10px var(--tertiary-accent)}#flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;pointer-events:none;z-index:999;transition:opacity .2s ease-out}#flash-overlay.active{opacity:1;transition:opacity .05s ease-in}main.grayscale-effect{filter:grayscale(100%);transition:filter .1s ease-out}#game-timer{font-family:var(--font-main);font-size:3rem;color:#fff;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,3px 3px 4px rgba(0,0,0,.7);padding:0 1rem;line-height:1;transition:color .3s ease-in-out,transform .3s ease-in-out}#game-timer.prep-phase{color:var(--tertiary-accent)}#game-timer.warning{color:var(--hof-accent)}#game-timer.ending{color:orange}#game-timer.critical{color:#ff3c3c;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#busted-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:2500;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}#app.art-reveal #hud{opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}#busted-screen h1{font-family:var(--font-main);font-size:15vw;color:#ff3c3c;text-align:center;text-shadow:5px 5px 0px #000,-5px -5px 0px #000,5px -5px 0px #000,-5px 5px 0px #000,8px 8px 10px rgba(0,0,0,.8);transform:rotate(-5deg)}.busted-buttons{display:flex;gap:1rem}.busted-buttons button{padding:1rem 3rem;font-size:1.5rem;font-weight:700;font-family:var(--font-ui)}#siren-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2400;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;mix-blend-mode:color-dodge}#siren-overlay.active{opacity:.8;visibility:visible}.siren{position:absolute;top:0;width:50%;height:100%}.siren.red{left:0;background:radial-gradient(ellipse at 25% 50%,rgba(255,0,0,.7),transparent 50%);animation-name:flash-red;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.siren.blue{right:0;background:radial-gradient(ellipse at 75% 50%,rgba(0,100,255,.7),transparent 50%);animation-name:flash-blue;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#siren-overlay:not(.active) .siren{animation-name:none}@keyframes flash-red{0%,to{opacity:0}50%{opacity:1}}@keyframes flash-blue{0%,to{opacity:1}50%{opacity:0}}#gallery-modal,#my-photos-modal,#shortcuts-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:2100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:hidden}#gallery-modal.active,#my-photos-modal.active,#shortcuts-modal.active{opacity:1;pointer-events:all;visibility:visible}.gallery-content{position:relative;background-image:linear-gradient(#14141499,#14141499),url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/pexels-helen-alp-46790226-17762946.jpg);background-size:cover;background-position:center;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000080;width:95%;max-width:1600px;max-height:95vh;padding:2rem;display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem}#my-photos-modal .gallery-content{flex-direction:column;align-items:center;gap:1rem;padding:1rem;max-width:1400px}#gallery-categories{display:flex;flex-direction:column;gap:.75rem;padding-right:1.5rem;border-right:1px solid var(--border-color);max-height:85vh;overflow-y:auto;flex-shrink:0}.category-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;text-align:left;width:100%;min-width:200px;font-size:1rem;font-weight:700}.category-btn.active,.category-btn:hover{background-color:var(--secondary-accent);color:#000;border-color:var(--secondary-accent)}.gallery-main{flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:0}.gallery-image-wrapper{position:relative;width:100%;height:70vh;overflow:hidden;border-radius:8px;background-color:#000}.gallery-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-ui);font-size:3.5rem;font-weight:700;color:#fffc;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none}#gallery-image,#my-photos-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}#gallery-close,#my-photos-close,#shortcuts-close{position:absolute;top:-15px;right:-15px;width:36px;height:36px;border-radius:50%;background-color:var(--primary-accent);color:#000;font-size:2rem;font-weight:700;line-height:1;border:2px solid #000;display:flex;justify-content:center;align-items:center;padding:0;z-index:1001}#gallery-close:hover,#my-photos-close:hover,#shortcuts-close:hover{transform:scale(1.1)}#gallery-prev,#gallery-next,#my-photos-prev,#my-photos-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:1px solid var(--border-color);font-size:2.5rem;padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none;z-index:1}#gallery-prev:hover,#gallery-next:hover,#my-photos-prev:hover,#my-photos-next:hover{background-color:var(--secondary-accent);color:#000}#gallery-prev,#my-photos-prev{left:1rem}#gallery-next,#my-photos-next{right:1rem}#my-photos-modal #gallery-prev,#my-photos-modal #my-photos-prev{left:2.5rem}#my-photos-modal #gallery-next,#my-photos-modal #my-photos-next{right:2.5rem}.gallery-info{text-align:center;display:flex;flex-direction:column;gap:.5rem;align-items:center}#gallery-image-name{font-family:var(--font-main);font-size:2rem;color:var(--tertiary-accent);letter-spacing:1px}#gallery-counter{font-size:1rem;color:var(--text-color);background:var(--ui-bg);padding:.25rem .5rem;border-radius:4px}#gallery-select-bg{font-family:var(--font-ui);font-weight:700;background-color:var(--tertiary-accent);color:#000;border:none;padding:.75rem 1.5rem;margin-top:.5rem}#gallery-select-bg:hover{background-color:#fff;color:#000;box-shadow:0 0 10px #fff}#my-photos-viewer{width:100%;position:relative}.my-photos-controls{position:absolute;bottom:-60px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.my-photos-title{font-family:var(--font-main);font-size:2rem;color:var(--tertiary-accent);letter-spacing:1px}.controls-right{display:flex;align-items:center;gap:1rem}#my-photos-counter{font-size:1rem;color:var(--text-color);background:var(--ui-bg);padding:.25rem .5rem;border-radius:4px}#delete-photo{background-color:#555}#delete-photo:hover{background-color:#e60026;border-color:#e60026}#share-photo{background-color:#555}#share-photo:hover{background-color:var(--secondary-accent);border-color:var(--secondary-accent)}#my-photos-empty{text-align:center;padding:4rem;color:#aaa}#my-photos-empty h2{font-family:var(--font-main);font-size:3rem;color:var(--secondary-accent);margin-bottom:1rem}.hidden{display:none!important}@keyframes slideOutToLeft{to{transform:translate(-105%);opacity:0}}@keyframes slideInFromRight{0%{transform:translate(105%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{to{transform:translate(105%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-105%);opacity:0}to{transform:translate(0);opacity:1}}#my-photos-image.anim-slide-out-left,#gallery-image.anim-slide-out-left{animation:slideOutToLeft .3s ease-in forwards}#my-photos-image.anim-slide-in-right,#gallery-image.anim-slide-in-right{animation:slideInFromRight .3s ease-out forwards}#my-photos-image.anim-slide-out-right,#gallery-image.anim-slide-out-right{animation:slideOutToRight .3s ease-in forwards}#my-photos-image.anim-slide-in-left,#gallery-image.anim-slide-in-left{animation:slideInFromLeft .3s ease-out forwards}#minimap-container{position:absolute;bottom:20px;right:20px;width:200px;height:150px;border:2px solid var(--theme-accent);background-color:var(--ui-bg);border-radius:8px;overflow:hidden;z-index:12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:border-color .3s ease;pointer-events:all}#minimap-canvas{width:100%;height:100%;display:block}#toast-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%,150%);background-color:var(--ui-bg);color:var(--text-color);padding:1rem 1.5rem;border-radius:8px;border:2px solid var(--theme-accent);z-index:4000;display:flex;align-items:center;gap:.75rem;font-family:var(--font-ui);font-size:1.2rem;font-weight:700;opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s ease,visibility 0s .4s;box-shadow:0 5px 15px #00000080}#toast-notification.show{transform:translate(-50%);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s ease,visibility 0s 0s}#toast-notification svg{width:24px;height:24px;fill:var(--theme-accent);transition:fill .3s ease}#music-player{position:absolute;top:1rem;right:1rem;background-color:var(--ui-bg);border:2px solid var(--border-color);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:260px;transition:border-color .3s ease,opacity .5s ease,visibility .5s ease;border-color:var(--theme-accent);z-index:2050;pointer-events:all;opacity:0;visibility:hidden}#app:not(.on-cover-screen) #music-player{opacity:1;visibility:visible}#track-name-display{font-family:var(--font-ui);font-size:.9rem;font-weight:700;color:var(--theme-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;padding:0 .25rem;transition:color .3s ease}.player-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.music-controls,.volume-controls{display:flex;align-items:center;gap:.25rem}.player-btn{width:36px;height:36px;padding:0;min-height:0}.player-btn svg{width:20px;height:20px}.volume-controls{flex-grow:1}#volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#00000080;outline:none;border-radius:4px;border:1px solid var(--border-color);transition:border-color .2s ease}#volume-slider:hover{border-color:var(--theme-accent)}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);cursor:pointer;border-radius:50%;border:2px solid #000;transition:background-color .2s ease}#volume-slider::-webkit-slider-thumb:hover{background:var(--theme-accent)}#volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--text-color);cursor:pointer;border-radius:50%;border:2px solid #000;transition:background-color .2s ease}#volume-slider::-moz-range-thumb:hover{background:var(--theme-accent)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flash-green-glow{0%,to{box-shadow:0 0 5px var(--tertiary-accent),0 0 8px var(--tertiary-accent) inset;border-color:var(--tertiary-accent)}50%{box-shadow:0 0 20px var(--tertiary-accent),0 0 12px var(--tertiary-accent) inset,0 0 5px #fff;border-color:#fff}}.flashing-guide{animation:flash-green-glow 1.2s infinite ease-in-out}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.mode-option.disabled-demo{cursor:not-allowed}.mode-option.disabled-demo:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.mode-option.disabled-demo .demo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2;opacity:1}.mode-option.disabled-demo .demo-overlay span{font-family:var(--font-main);font-size:1.8rem;color:var(--stencil-accent);text-align:center;transform:rotate(-10deg);padding:.5rem 1rem;border:2px solid var(--stencil-accent);background-color:#000}.promo-link{position:absolute;bottom:2rem;right:2rem;width:224px;height:126px;background-image:url(https://raw.githubusercontent.com/veilstudio/INK-V-ZERO/main/ChatGPT%20Image%207_10_2025,%2022_36_52.png);background-size:cover;background-position:center;border-radius:12px;border:3px solid var(--border-color);box-shadow:0 8px 20px #0009;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;z-index:2001;text-decoration:none}.promo-link:hover{transform:scale(1.05) rotate(1deg);box-shadow:0 0 30px var(--primary-accent),0 0 15px var(--primary-accent) inset;border-color:var(--primary-accent)}@media(max-width:900px){.promo-link{width:168px;height:95px;bottom:1rem;right:1rem}}@media(max-width:600px){.promo-link{display:none}}