*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#05060a;font-family:Rajdhani,ui-sans-serif,system-ui,-apple-system,sans-serif}.menu h1,.menu h2,.psycho-title,.panel h2,.leaderboard h2,.settings-modal h2,.lobby h1,.lobby h2{font-family:Oswald,Rajdhani,system-ui,sans-serif;letter-spacing:2px}canvas{display:block}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#cdd3df;background:radial-gradient(circle at 50% 38%,#12161f,#05060a 70%)}.menu h1{font-size:72px;letter-spacing:14px;font-weight:800;color:#c0392b;text-shadow:0 0 26px rgba(192,57,43,.5)}.menu.landing{background:linear-gradient(180deg,#05060a73,#05060a40,#05060ab3 70%,#05060af5),url(/psycho-hero.jpg) center top / cover no-repeat,#05060a}.menu.landing .subtitle,.menu.landing .size-hint,.menu.landing .hint{text-shadow:0 1px 6px #000,0 0 2px #000}.psycho-title{position:relative;display:inline-block;font-size:76px;letter-spacing:14px;font-weight:800;color:#e0241b;padding-bottom:.12em;text-shadow:0 0 18px rgba(255,40,30,.75),0 0 44px rgba(200,20,10,.6),0 0 72px rgba(150,0,0,.5)}.psycho-title.small{font-size:42px;letter-spacing:8px}.psycho-title .drip{position:absolute;top:.74em;width:7px;border-radius:45% 45% 50% 50%/10% 10% 92% 92%;background:radial-gradient(130% 45% at 30% 14%,#ffc3b9d9,#ff5a4600 55%),linear-gradient(90deg,#460000,#8c0d0d 28%,#ff463a,#9c0f0f 72%,#460000);box-shadow:0 0 9px #ff281ebf,inset 0 0 3px #00000073;filter:drop-shadow(1px 2px 2px rgba(70,0,0,.55));transform-origin:top center;animation:blooddrip 4.6s ease-in infinite}.psycho-title .drip:after{content:"";position:absolute;left:50%;bottom:-4px;width:13px;height:14px;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(42% 34% at 34% 26%,#ffd7cdf2,#ff5a4600 55%),radial-gradient(circle at 50% 62%,#d01616,#7c0404 58%,#380000);box-shadow:0 0 8px #ff281ea6;transform-origin:top center;animation:blooddrop 4.6s ease-in infinite;animation-delay:inherit}@keyframes blooddrip{0%{height:2px;opacity:0}12%{opacity:.97}55%{height:30px;opacity:.97}to{height:52px;opacity:0}}@keyframes blooddrop{0%,35%{transform:translate(-50%) translateY(0) scale(.15);opacity:0}55%{transform:translate(-50%) translateY(0) scale(1);opacity:1}72%{transform:translate(-50%) translateY(4px) scale(.96);opacity:1}to{transform:translate(-50%) translateY(48px) scale(.55);opacity:0}}.psycho-title .d1{left:11%;width:6px;animation-delay:0s}.psycho-title .d2{left:31%;width:8px;animation-delay:1.6s}.psycho-title .d3{left:50%;width:6px;animation-delay:.7s}.psycho-title .d4{left:69%;width:9px;animation-delay:2.4s}.psycho-title .d5{left:88%;width:7px;animation-delay:1.1s}.menu .subtitle{letter-spacing:3px;text-transform:uppercase;font-size:13px;color:#6b7280}.menu input{margin-top:10px;width:260px;padding:12px 16px;font-size:16px;text-align:center;color:#e5e7eb;background:#0e1320;border:1px solid #232a3a;border-radius:8px;outline:none}.menu input:focus{border-color:#c0392b}.menu button{padding:12px 28px;font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;background:#c0392b;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.menu button:hover{background:#e04434}.menu button:disabled{background:#444;cursor:default}.menu .error{max-width:360px;color:#e74c3c;font-size:14px}.menu .hint{margin-top:24px;color:#4b5563;font-size:12px}.menu h1.small,.lobby h1.small{font-size:40px;letter-spacing:8px;font-weight:800;color:#c0392b;text-shadow:0 0 26px rgba(192,57,43,.5)}.size-select{display:flex;align-items:center;gap:8px;margin-top:4px}.size-label{font-size:13px;color:#9aa3b2;letter-spacing:1px}.size-btn{width:42px;padding:6px 0;font-size:15px;font-weight:700;color:#cdd3df;background:#1e243499;border:1px solid #2a3346;border-radius:7px;cursor:pointer;transition:background .12s,border-color .12s}.size-btn:hover{background:#283044cc}.size-btn.active{color:#fff;background:#962828b3;border-color:#c0392b}.size-hint{font-size:11px;color:#6b7280;margin-top:-4px}.menu-buttons{display:flex;gap:12px;margin-top:6px}button.ghost{color:#cdd3df;background:transparent;border:1px solid #2a3142}button.ghost:hover{background:#161c28}button.small{padding:6px 12px;font-size:13px}.dim{color:#6b7280;font-size:13px}.join-code{display:flex;gap:8px;margin-top:6px}.join-code input{margin-top:0;width:220px}.lobby-list{width:330px;margin-top:18px;text-align:left}.lobby-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#6b7280}.lobby-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:6px;font-size:14px;background:#0e1320;border:1px solid #232a3a;border-radius:8px}.lobby-item button{padding:6px 16px;font-size:13px}.lobby-ping{font-size:12px;font-weight:600}.region-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:4px 0 2px}.region-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;color:#cdd3df;background:#0e1320;border:1px solid #232a3a;border-radius:999px;cursor:pointer;transition:border-color .15s,background .15s}.region-chip:hover:not(:disabled){border-color:#3a4560}.region-chip.on{border-color:#6b4bd8;background:#171233;box-shadow:0 0 0 1px #6b4bd8 inset}.region-chip.off{opacity:.5;cursor:not-allowed}.region-ping{font-size:12px;font-weight:700}.region-ping.dim{color:#6a7488;font-weight:500}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#cdd3df;background:radial-gradient(circle at 50% 38%,#12161f,#05060a 70%)}.lobby button{padding:12px 28px;font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;background:#c0392b;border:none;border-radius:8px;cursor:pointer}.lobby button:hover{background:#e04434}.lobby button:disabled{background:#444;cursor:default}.lobby button.ghost{color:#cdd3df;background:transparent;border:1px solid #2a3142}.lobby button.ghost:hover{background:#161c28}.code-row{display:flex;align-items:center;gap:10px}.code-label{font-size:13px;color:#6b7280}.code{padding:6px 14px;font-size:18px;font-weight:700;letter-spacing:2px;color:#ffd24a;background:#0e1320;border:1px solid #232a3a;border-radius:8px}.players{width:300px;text-align:left}.players-head{margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#6b7280}.player-row{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:6px;font-size:15px;background:#0e1320;border:1px solid #232a3a;border-radius:8px}.player-row .dot{display:inline-block;width:14px;height:14px;border-radius:50%}.dot-face{object-fit:cover;border:1.5px solid #fff;box-sizing:border-box;background:#111;flex-shrink:0}.lobby-fields{display:flex;flex-direction:column;gap:8px;width:320px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#9aa3b2}.field input{width:190px;padding:8px 12px;font-size:14px;color:#e5e7eb;background:#0e1320;border:1px solid #232a3a;border-radius:8px;outline:none}.field input:focus{border-color:#c0392b}.leave-game{width:100%;margin-top:14px;padding:10px;font-size:14px;font-weight:600;color:#ff8a8a;background:#78141440;border:1px solid #7a2a2a;border-radius:8px;cursor:pointer}.leave-game:hover{background:#96191966}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#e5e7eb}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:#fff9}.topleft{position:absolute;top:16px;left:18px;font-size:13px;line-height:1.6;color:#9aa3b2;text-shadow:0 1px 2px #000}.meeting-btn{position:absolute;top:110px;left:18px;pointer-events:auto;font-size:13px;font-weight:600;color:#ffd9a0;background:#3c180cd1;border:1px solid #7a3a1c;border-radius:7px;padding:8px 12px;cursor:pointer;text-shadow:0 1px 2px #000;transition:background .15s,transform .1s}.meeting-btn:hover:not(:disabled){background:#5c2612f2;transform:translateY(-1px)}.meeting-btn:disabled{opacity:.55;cursor:default;color:#c8b59a}.objectives{position:absolute;top:156px;left:18px;max-width:248px;font-size:12px;line-height:1.55;color:#c3cad6;background:#0c1018a8;border:1px solid rgba(120,140,170,.22);border-left:3px solid #5b86c4;border-radius:7px;padding:7px 11px;text-shadow:0 1px 2px #000}.objectives.psycho{border-left-color:#c4434a;background:#1a0c0ea8}.obj-title{font-weight:700;letter-spacing:.4px;color:#e6ebf2;margin-bottom:3px}@keyframes carblink{0%,to{opacity:1}50%{opacity:.25}}.car-ready-banner{position:absolute;top:88px;left:50%;transform:translate(-50%);padding:10px 22px;background:#781610e0;border:2px solid #ff5a3c;border-radius:8px;color:#ffe2b0;font-weight:800;font-size:18px;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 3px #000;animation:carblink .9s ease-in-out infinite;z-index:20}.car-ready-banner.safe{background:#145028e0;border-color:#4fd28a;color:#d6ffe2;font-size:15px;font-weight:700;animation:none}.vest-badge{position:absolute;bottom:92px;left:50%;transform:translate(-50%);padding:4px 12px;background:#2f3a25d9;border:1px solid #6f8a4f;border-radius:6px;color:#cdeccf;font-size:13px;font-weight:600;text-shadow:0 1px 2px #000}@keyframes hintpop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.96)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.hint-banner{position:absolute;top:21%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 26px;background:#102016e6;border:2px solid #4fd28a;border-radius:10px;text-align:center;text-shadow:0 1px 3px #000;box-shadow:0 4px 18px #00000080;animation:hintpop .4s ease-out both;z-index:22}.hint-banner.psycho{background:#280c0ce6;border-color:#ff5a3c}.hint-banner .hint-main{font-size:22px;font-weight:800;letter-spacing:.3px;color:#eafff1}.hint-banner.psycho .hint-main{color:#ffe2d6}.hint-banner .hint-sub{font-size:12px;font-weight:600;color:#93a7b5}.inv-slots{position:absolute;bottom:18px;left:18px;display:flex;gap:8px}.inv-slot{position:relative;overflow:hidden;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0a0e0c9e;border:1px solid #2a3142;border-radius:9px;opacity:.5}.inv-cooldown{position:absolute;left:0;bottom:0;width:100%;background:#0000009e;pointer-events:none;transition:height .1s linear}.inv-cd-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.inv-slot.filled{opacity:1;border-color:#6f8a4f;background:#141e12c7}.inv-slot .inv-icon{font-size:26px;line-height:1;filter:drop-shadow(0 1px 2px #000)}.inv-slot:not(.filled) .inv-icon{filter:grayscale(1) brightness(.8)}.inv-slot .inv-label{font-size:9px;font-weight:700;letter-spacing:.2px;color:#c7d0c2;text-shadow:0 1px 2px #000;white-space:nowrap}.setting-check{width:18px;height:18px;accent-color:#4fd28a;cursor:pointer}.victory-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:40;background:radial-gradient(circle at 50% 45%,#0000001a,#0000009e 80%);animation:vicfade .5s ease-out both}@keyframes vicfade{0%{opacity:0}to{opacity:1}}.victory-banner{text-align:center;padding:26px 64px;border-top:2px solid;border-bottom:2px solid;background:linear-gradient(180deg,#0000,#0006);animation:vicbanner .7s cubic-bezier(.2,.9,.3,1) both}@keyframes vicbanner{0%{transform:scaleX(.7) translateY(10px);opacity:0}to{transform:scaleX(1) translateY(0);opacity:1}}.victory-screen.campers .victory-banner{border-color:#4fd28a}.victory-screen.psycho .victory-banner{border-color:#ff4d4d}.victory-sub{font-size:13px;letter-spacing:5px;color:#cdd3df;opacity:.85;margin-bottom:6px}.victory-title{font-family:Oswald,sans-serif;font-size:76px;font-weight:700;letter-spacing:10px;margin:0;text-shadow:0 0 34px currentColor}.victory-screen.campers .victory-title{color:#6ff0aa}.victory-screen.psycho .victory-title{color:#ff6b6b}.victory-reason{margin-top:8px;font-size:14px;color:#d8dde6}.victory-reason b{color:#fff}.victory-faces{display:flex;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap}.victory-face{display:flex;flex-direction:column;align-items:center;gap:4px}.victory-face img,.victory-face .vf-dot{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 12px #0000008c}.victory-face .vf-name{font-size:12px;font-weight:600;color:#e8edf4}.victory-score{margin-top:18px;font-family:Oswald,sans-serif;font-size:26px;font-weight:700;letter-spacing:2px}.victory-score .vs-camp{color:#6ff0aa}.victory-score .vs-psy{color:#ff6b6b}.victory-score .vs-sep{color:#6b7280;margin:0 12px}.victory-next{margin-top:16px;font-size:12px;color:#8b93a3;letter-spacing:2px}.objective .round-score{font-size:12px;color:#b9c0cc;margin-bottom:2px;text-shadow:0 1px 2px #000}.round-score .rs-camp{color:#6ff0aa;font-weight:700}.round-score .rs-psy{color:#ff8a8a;font-weight:700}.match-over .mo-score{font-family:Oswald,sans-serif;font-size:30px;font-weight:700;letter-spacing:2px;margin-bottom:6px;color:#f0e4cf}.panel.match-over{width:540px;max-width:94vw;max-height:90vh;overflow-y:auto}.leaderboard.embedded{position:static;transform:none;width:100%;max-width:none;max-height:none;overflow:visible;background:none;border:none;box-shadow:none;padding:0;margin:12px 0 4px}.leaderboard.embedded h2{font-size:18px}.mvp-podium{display:flex;gap:14px;justify-content:center;margin:8px 0 14px}.mvp-card{flex:1 1 0;max-width:210px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 8px;border-radius:12px;background:#ffffff08;border:1px solid #2a3346}.mvp-card.camper{border-color:#4fd28a;box-shadow:0 0 18px #4fd28a2e}.mvp-card.psycho{border-color:#ff4d4d;box-shadow:0 0 18px #ff4d4d2e}.mvp-label{font-family:Oswald,sans-serif;letter-spacing:2px;font-size:13px}.mvp-card.camper .mvp-label{color:#6ff0aa}.mvp-card.psycho .mvp-label{color:#ff6b6b}.mvp-face{width:70px;height:70px;border-radius:12px;object-fit:cover;border:3px solid #888}.mvp-dot{border-radius:50%}.mvp-name{font-size:16px;font-weight:700;color:#fff}.mvp-none{color:#6a7080;font-size:22px;padding:18px 0}.award-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.award-chip{display:flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;background:#ffffff0a;border:1px solid #2a3346;border-radius:22px}.award-face{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #888}.award-meta{display:flex;flex-direction:column;line-height:1.2}.award-label{font-size:11px;color:#d7dbe2}.award-who{font-size:11px;color:#8a8f99}.end-actions{display:flex;gap:10px;justify-content:center}.panel .end-actions .ghost{color:#cdd3df;background:transparent;border:1px solid #2a3142}.panel .end-actions .ghost:hover{background:#161c28}.minimap{position:absolute;top:54px;right:12px;width:150px;height:150px;border-radius:50%;box-shadow:0 2px 10px #00000080;pointer-events:none;z-index:15}.scores-btn{position:absolute;top:10px;right:58px;width:38px;height:38px;font-size:18px;pointer-events:auto;color:#cdd3df;background:#141822cc;border:1px solid #232a3a;border-radius:8px;cursor:pointer}.scores-btn:hover{background:#283044e6}.fullscreen-btn{position:absolute;top:10px;right:104px;width:38px;height:38px;font-size:18px;pointer-events:auto;color:#cdd3df;background:#141822cc;border:1px solid #232a3a;border-radius:8px;cursor:pointer}.fullscreen-btn:hover{background:#283044e6}.help-btn{position:absolute;top:10px;right:150px;width:38px;height:38px;font-size:18px;pointer-events:auto;color:#cdd3df;background:#141822cc;border:1px solid #232a3a;border-radius:8px;cursor:pointer}.help-btn:hover{background:#283044e6}.help-link{margin-top:14px}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;pointer-events:auto}.help-modal{position:relative;width:min(460px,94vw);background:linear-gradient(180deg,#140d0f,#0a0a0f);border:1px solid #4a2020;border-radius:14px;padding:22px 22px 16px;box-shadow:0 22px 64px #000000a6;color:#e6e3df}.help-close{position:absolute;top:10px;right:12px;width:30px;height:30px;font-size:15px;color:#c9b2b2;background:#ffffff0f;border:1px solid #3a2424;border-radius:7px;cursor:pointer}.help-close:hover{background:#ffffff1f}.help-card{min-height:244px;text-align:center;padding:8px 4px 0}.help-icon{font-size:46px;line-height:1}.help-card h3{margin:10px 0 14px;font-size:20px;letter-spacing:1.5px;color:#ff5a4a;text-shadow:0 0 14px rgba(255,50,35,.5)}.help-card p{margin:7px 0;font-size:14px;line-height:1.6;color:#c7cad2}.help-dots{display:flex;gap:7px;justify-content:center;margin:14px 0 12px}.help-dot{width:7px;height:7px;border-radius:50%;background:#3a2a2a;cursor:pointer;transition:background .15s,transform .15s}.help-dot.active{background:#ff5a4a;transform:scale(1.3)}.help-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-nav button{min-width:96px}.help-count{font-size:12px;color:#8a8f99;letter-spacing:.5px}.leaderboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:92vw;max-height:80vh;overflow-y:auto;background:#080c14ed;border:1px solid #2a3346;border-radius:12px;padding:18px 22px;color:#cdd3df;z-index:40;pointer-events:auto;box-shadow:0 10px 40px #0009}.leaderboard h2{text-align:center;font-size:22px;margin-bottom:12px;color:#ffe2b0}.lb-head,.lb-row{display:grid;grid-template-columns:32px 1fr 40px 52px 48px 56px;align-items:center;gap:6px;padding:6px 8px;font-size:14px}.lb-head{color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #232a3a}.lb-head>span,.lb-row>span{text-align:center}.lb-row{border-bottom:1px solid rgba(255,255,255,.04)}.lb-row.me{background:#5a2d2d66;border-radius:6px}.lb-rank{color:#9aa3b2;font-weight:700}.lb-name{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-align:left!important}.lb-name .dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.lb-who{display:flex;flex-direction:column;min-width:0;line-height:1.2}.lb-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-titles{font-size:10px;color:#ffcf8a;white-space:normal}.lb-pts{font-weight:800;color:#4fd28a}.comms-modes{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}.comms-opt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border:1px solid #232a3a;border-radius:8px;cursor:pointer;background:#14182280}.comms-opt.active{border-color:#c0392b;background:#501e1e66}.comms-opt>span{font-weight:600}.comms-opt small{flex-basis:100%;margin-left:26px;color:#8a93a3;font-size:12px}.face-editor{text-align:center}.face-crop{position:relative;width:220px;height:220px;margin:8px auto 12px}.face-canvas{width:220px;height:220px;border-radius:50%;background:#00000073;cursor:grab;display:block}.face-canvas:active{cursor:grabbing}.face-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 2px #c0392b,0 0 0 7px #00000073;pointer-events:none}.face-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:13px;line-height:1.5;pointer-events:none}.face-file{display:inline-block;margin:6px 0 2px;cursor:pointer}.face-editor input[type=range]{width:220px}.face-btn{display:inline-flex;align-items:center;gap:6px}.face-thumb{width:22px;height:22px;border-radius:50%;object-fit:cover}.face-msg{margin-left:8px;font-size:13px;font-weight:600;color:#4fd28a}.face-msg.err{color:#ff7a7a}.face-msg.up{color:#e2c044}.face-err{margin:8px 0 0;max-width:320px;font-size:12.5px;line-height:1.4;color:#ff9a9a;text-align:center}.objective{position:absolute;top:214px;right:18px;text-align:right;text-shadow:0 1px 3px #000}.objective .clock{font-size:26px;font-weight:700;color:#cfe3ff;letter-spacing:1px}.objective .clock.urgent{color:#ff5b5b;animation:pulse 1s steps(2,start) infinite}@keyframes pulse{50%{opacity:.45}}.objective .parts{margin-top:4px;font-size:13px;color:#9fd3a6}.objective .repairbar{margin-top:6px;margin-left:auto;width:180px;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden}.objective .repairfill{height:100%;background:linear-gradient(90deg,#4fd28a,#9fe0b8);transition:width .1s linear}.role{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:8px 22px;font-size:15px;font-weight:700;letter-spacing:2px;border-radius:6px;text-shadow:0 1px 3px #000}.role.psycho{color:#fff;background:#9614148c;border:1px solid #c0392b}.role.innocent{color:#cfe3ff;background:#143c7873;border:1px solid #3b6fb5}.role.sheriff{color:#ffe8a3;background:#785a0a73;border:1px solid #b5912f}.role.medic{color:#b8f5d4;background:#0f5a3c73;border:1px solid #2f9e6f}.bottombar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;max-width:92vw;text-shadow:0 1px 3px #000}.status-main{padding:7px 16px;background:#0c1016b8;border:1px solid #2a3142;border-radius:20px;font-size:15px;font-weight:600;color:#f0e4cf;white-space:nowrap}.status-keys{font-size:12px;color:#828b9c}.psychoTip{font-size:13px;color:#ff8a8a}.abilityTip{font-size:13px;color:#ffe8a3}.ladder-hint{position:absolute;top:56%;left:50%;transform:translate(-50%);padding:7px 16px;background:#141c28d1;border:1px solid #3b5a7a;border-radius:8px;color:#cfe3ff;font-size:14px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px #000}.pickup-tip{position:absolute;top:31%;left:50%;transform:translate(-50%);max-width:70vw;padding:9px 20px;background:#0e1612e0;border:1px solid #4fd28a;border-radius:9px;color:#eafff1;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000;box-shadow:0 3px 14px #00000073;animation:tipfade .25s ease-out both;z-index:23}@keyframes tipfade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.near-car-hint{position:absolute;top:62%;left:50%;transform:translate(-50%);padding:7px 18px;background:#101e16d9;border:1px solid #4fd28a;border-radius:8px;color:#d6ffe6;font-size:15px;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px #000}.near-car-hint.blocked{background:#280e0cd9;border-color:#ff5a3c;color:#ffd9cf}.heal-hint{position:absolute;top:66%;left:50%;transform:translate(-50%);padding:7px 18px;background:#1e0e1ed9;border:1px solid #ff8fb0;border-radius:8px;color:#ffd9e6;font-size:15px;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px #000}.inv-ammo{font-size:10px;font-weight:800;color:#ffd9a0;letter-spacing:.2px}.inv-ammo.empty,.inv-label.empty-ammo{color:#ff7a7a}.tip-ico{display:inline-flex;vertical-align:middle;margin-right:5px}.tip-ico svg{vertical-align:middle}.bullet-glyph{display:inline-block;width:10px;height:21px;border-radius:2px 2px 3px 3px;background:linear-gradient(90deg,#8a5a22,#e6b24d 45%,#f3d488 55%,#9a6526);position:relative}.bullet-glyph:before{content:"";position:absolute;left:0;right:0;top:-6px;height:8px;border-radius:50% 50% 18% 18%/100% 100% 0 0;background:linear-gradient(90deg,#8f4a26,#d98a4e 50%,#8f4a26)}.bullet-glyph:after{content:"";position:absolute;left:-1px;right:-1px;bottom:1px;height:2px;background:#00000059;border-radius:2px}@keyframes nobulletblink{0%,to{opacity:1}50%{opacity:.15}}.bloodied-warn{position:absolute;bottom:92px;left:50%;transform:translate(-50%);max-width:480px;padding:6px 16px;background:#5a0a0ad9;border:1px solid #b53030;border-radius:7px;color:#ffdada;font-size:13px;font-weight:700;text-align:center;text-shadow:0 1px 2px #000;animation:bloodblink .9s ease-in-out infinite}@keyframes bloodblink{0%,to{opacity:1;box-shadow:0 0 #dc281e00}50%{opacity:.5;box-shadow:0 0 14px #dc281e8c}}.no-bullet{position:absolute;top:43%;left:50%;transform:translate(-50%);padding:8px 20px;background:#781410d9;border:2px solid #ff5a3c;border-radius:8px;color:#ffd9c0;font-size:20px;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 3px #000;animation:nobulletblink .35s ease-in-out infinite;z-index:25}.stamina{width:220px;height:7px;background:#ffffff1f;border-radius:4px;overflow:hidden}.stamina-fill{height:100%;border-radius:4px;transition:width .1s linear,background .2s}.blackout{position:absolute;top:54px;left:50%;transform:translate(-50%);padding:6px 18px;font-size:14px;font-weight:700;letter-spacing:1px;color:#ffd24a;background:#28140099;border:1px solid #7a5a10;border-radius:6px;text-shadow:0 1px 2px #000}.toast{position:absolute;top:26%;left:50%;transform:translate(-50%);padding:10px 22px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#0a0c14db;border:1px solid #3a4458;border-radius:8px;text-shadow:0 1px 2px #000}.gear{position:absolute;top:10px;right:12px;width:38px;height:38px;font-size:20px;line-height:1;color:#cdd3df;background:#0a0c1499;border:1px solid #2a3142;border-radius:8px;cursor:pointer;pointer-events:auto;transition:background .15s,transform .2s}.gear:hover{background:#1e2434e6;transform:rotate(45deg)}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#0009}.settings-modal{width:420px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:22px 24px;color:#cdd3df;background:#0c1018;border:1px solid #232a3a;border-radius:12px;box-shadow:0 18px 60px #000000b3;scrollbar-width:thin;scrollbar-color:#9a3322 rgba(255,255,255,.05)}.settings-modal::-webkit-scrollbar{width:10px}.settings-modal::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px;margin:6px 0}.settings-modal::-webkit-scrollbar-thumb{background:linear-gradient(#b3342a,#7a2418);border:2px solid #0c1018;border-radius:8px}.settings-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d8463a,#93301f)}.settings-modal h2{font-size:22px;letter-spacing:2px;margin-bottom:16px;color:#e5e7eb}.settings-modal h3{margin:18px 0 8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#6b7280}.setting-row{display:grid;grid-template-columns:130px 1fr 46px;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}.setting-row input[type=range]{width:100%;accent-color:#c0392b}.setting-row .val{text-align:right;color:#9aa3b2;font-variant-numeric:tabular-nums}.bindings{display:flex;flex-direction:column;gap:6px}.binding-row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.bindkey{min-width:96px;padding:6px 10px;font-size:13px;font-weight:600;color:#e5e7eb;background:#161c28;border:1px solid #2a3142;border-radius:6px;cursor:pointer}.bindkey:hover{border-color:#c0392b}.bindkey.listening{color:#ffd24a;border-color:#ffd24a}.settings-actions{display:flex;justify-content:space-between;margin-top:20px}.settings-actions button{padding:10px 22px;font-size:15px;font-weight:600;color:#fff;background:#c0392b;border:none;border-radius:8px;cursor:pointer}.settings-actions button:hover{background:#e04434}.settings-actions .ghost{color:#9aa3b2;background:transparent;border:1px solid #2a3142}.settings-actions .ghost:hover{color:#cdd3df;background:#161c28}.settings-hint{margin-top:12px;font-size:12px;text-align:center;color:#5b6270}.dead{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);padding:10px 22px;font-size:18px;color:#ff6b6b;background:#14000080;border-radius:8px}.stunned{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:8px 24px;font-size:22px;font-weight:700;letter-spacing:3px;color:#ffe45e;text-shadow:0 1px 4px #000;animation:pulse .6s steps(2,start) infinite}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;padding:26px 28px;text-align:center;pointer-events:auto;color:#cdd3df;background:#080a10d1;border:1px solid #232a3a;border-radius:12px;box-shadow:0 10px 40px #0009}.panel h2{font-size:26px;letter-spacing:2px;margin-bottom:12px}.panel h2.win{color:#4fd28a}.panel h2.lose{color:#e74c3c}.panel h2.tie{color:#e6c06a}.panel p{font-size:14px;line-height:1.6;color:#9aa3b2;margin-bottom:16px}.panel button{padding:12px 28px;font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;background:#c0392b;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.panel button:hover{background:#e04434}.panel button:disabled{background:#3a3f4a;cursor:default}.panel .dim{margin-top:16px;margin-bottom:0;font-size:12px;color:#5b6270}.injury-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 50%,#0000 38%,#5a00008c 78%,#3c0000d9),radial-gradient(circle at 14% 22%,#78000080 0,#78000000 16%),radial-gradient(circle at 86% 30%,#78000073 0,#78000000 14%),radial-gradient(circle at 76% 80%,#78000080 0,#78000000 18%),radial-gradient(circle at 22% 78%,#78000066 0,#78000000 15%);animation:injuredpulse 1.6s ease-in-out infinite}@keyframes injuredpulse{0%,to{filter:saturate(1.1)}50%{filter:saturate(1.4) brightness(1.05)}}.injured-banner{position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:24;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.injured-text{padding:6px 16px;background:#320808d9;border:1px solid #ff5a3c;border-radius:8px;color:#ffd9cf;font-size:14px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 2px #000;text-transform:uppercase}.bleed-bar{width:240px;height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden;border:1px solid rgba(255,90,60,.5)}.bleed-fill{height:100%;background:linear-gradient(90deg,#7a0c0c,#ff3b30);border-radius:4px;transition:width .25s linear}.heal-ring{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;z-index:24;pointer-events:none}.heal-ring.rinse-ring{left:62%}.heal-ring-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%)}.heal-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;filter:drop-shadow(0 1px 2px #000)}.nvg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;backdrop-filter:brightness(2.4) contrast(1.05) saturate(.35) sepia(1) hue-rotate(55deg) saturate(4.5);-webkit-backdrop-filter:brightness(2.4) contrast(1.05) saturate(.35) sepia(1) hue-rotate(55deg) saturate(4.5);animation:nvgflicker .18s steps(2) infinite}@keyframes nvgflicker{0%{opacity:1}50%{opacity:.94}to{opacity:1}}.nvg-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(circle at 50% 50%,rgba(120,255,160,.05) 30%,transparent 48%,rgba(0,18,6,.78) 82%),repeating-linear-gradient(0deg,rgba(0,40,0,.12) 0px,rgba(0,40,0,.12) 1px,transparent 2px,transparent 4px);box-shadow:inset 0 0 120px 24px #001e08b3}.heal-ring.gen-ring{top:58%}.clock.hunted{color:#ff4d4d;animation:huntedpulse .8s ease-in-out infinite}@keyframes huntedpulse{0%,to{opacity:1}50%{opacity:.4}}.hunter-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:24;padding:8px 20px;background:#1e0000d9;border:1px solid #ff3b30;border-radius:8px;color:#ffd0cc;font-size:15px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 1px 3px #000;animation:huntedpulse 1.1s ease-in-out infinite;pointer-events:none}.hunter-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 45%,#8c000080,#000000d9);animation:hunterflash .7s ease-out forwards}@keyframes hunterflash{0%{opacity:1}to{opacity:0}}.victory-screen.alldead{background:radial-gradient(circle at 50% 40%,#280000eb,#000000f5)}.victory-screen.alldead .victory-title{color:#ff3b30;text-shadow:0 2px 14px rgba(180,0,0,.7)}.version-badge{position:fixed;right:8px;bottom:6px;z-index:40;font-size:11px;font-weight:600;letter-spacing:.3px;color:#96a0b28c;font-family:Rajdhani,system-ui,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000}.version-outdated{position:fixed;right:8px;bottom:26px;z-index:60;padding:8px 14px;background:#280e0cf0;border:1px solid #ff7a3a;border-radius:8px;color:#ffe0cf;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #00000080;animation:tipfade .3s ease-out both}.version-outdated:hover{background:#3c1410f7}.chat{position:absolute;right:14px;bottom:14px;width:300px;max-width:44vw;display:flex;flex-direction:column;align-items:stretch;gap:6px;pointer-events:none;z-index:35}.chat-log{max-height:156px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;font-size:13px;text-shadow:0 1px 2px #000}.chat-msg{align-self:flex-start;max-width:100%;padding:2px 7px;border-radius:6px;background:#080a1080;color:#d6dae2;word-break:break-word}.chat-msg.mine{background:#283c5a8c}.chat-msg.ghost{background:#281a328c;color:#c6b6d6}.chat-msg.ghost .chat-name{color:#cfa9e6}.chat-name{color:#ffd9a0;font-weight:600}.chat-msg.mine .chat-name{color:#9fd0ff}.chat-toggle{align-self:flex-end;pointer-events:auto;font-size:13px;font-weight:600;color:#cdd3df;background:#141822cc;border:1px solid #2a3346;border-radius:8px;padding:6px 12px;cursor:pointer}.chat-toggle:hover{background:#283044e6}.chat-hint{color:#7a8194;font-weight:400}.chat-compose{pointer-events:auto;background:#0a0c14eb;border:1px solid #2a3346;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:7px}.chat-emojis{display:flex;flex-wrap:wrap;gap:4px}.chat-emojis button{pointer-events:auto;font-size:17px;line-height:1;padding:3px 6px;background:#ffffff0d;border:1px solid #2a3346;border-radius:6px;cursor:pointer}.chat-emojis button:hover{background:#ffffff1f}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;min-width:0;font-size:14px;padding:7px 9px;color:#eef1f6;background:#00000073;border:1px solid #3a4456;border-radius:7px;outline:none}.chat-send{pointer-events:auto;font-weight:700;color:#fff;background:#c8281e;border:none;border-radius:7px;padding:0 14px;cursor:pointer}.chat-send:hover{background:#e03126}.hud.touch .chat{right:auto;left:12px;bottom:172px;width:210px;align-items:flex-start}canvas{touch-action:none}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.tc-joy{border-radius:50%;background:#ffffff12;border:2px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}.tc-joy-thumb{border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.45);pointer-events:none}.tc-btn{position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;font-weight:700;letter-spacing:.3px;color:#eef1f6;background:#14182299;border:2px solid rgba(150,165,190,.35);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05}.tc-btn:active{background:#3c4862e6}.tc-attack{color:#ffd7d2;background:#c8281e80;border-color:#ff5a46b3}.tc-sab{color:#ffd24d;border-color:#ffd24d80}.touch-controls.editing{pointer-events:none;z-index:1500}.tc-edit-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#06080e8c;touch-action:none}.tc-edit-item{pointer-events:auto;touch-action:none;z-index:2;opacity:.96}.tc-edit-selected{outline:3px solid #5cc8ff;outline-offset:2px;box-shadow:0 0 16px #5cc8ff99}.tc-edit-hidden{opacity:.32;border-style:dashed!important}.tc-edit-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0a0c14eb;border-bottom:1px solid rgba(120,140,170,.3);pointer-events:auto;z-index:4}.tc-edit-title{flex:1;color:#cdd6e4;font-size:13px;font-weight:600}.tc-edit-reset,.tc-edit-done{pointer-events:auto;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid rgba(150,165,190,.4);background:#1e2432e6;color:#e6ecf4}.tc-edit-done{background:#2f6b3f;border-color:#4fd28a;color:#fff}.tc-edit-panel{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(320px,86vw);padding:12px 14px;background:#0c0e16f2;border:1px solid rgba(120,140,170,.35);border-radius:12px;pointer-events:auto;z-index:4}.tc-edit-panel-name{font-size:14px;font-weight:800;color:#9fe6ff;margin-bottom:8px;text-align:center}.tc-edit-panel-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#d6dce8;font-size:13px}.tc-edit-panel-row input[type=range]{flex:1}.tc-edit-val{min-width:40px;text-align:right;color:#aeb8c8}.tc-edit-hide{width:100%;pointer-events:auto;padding:9px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid rgba(150,165,190,.4);background:#1e2432e6;color:#e6ecf4}.rotate-prompt{display:none}@media (orientation: portrait){.hud.touch .rotate-prompt{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:center;background:#06070bf7;color:#e6e3df;pointer-events:auto}}.rotate-icon{font-size:58px;animation:rotatehint 2.2s ease-in-out infinite}.rotate-prompt h2{font-size:22px;letter-spacing:1px;color:#ff5a4a}.rotate-prompt p{font-size:15px;color:#c7cad2;max-width:320px}@keyframes rotatehint{0%,to{transform:rotate(-12deg)}50%{transform:rotate(78deg)}}.hud.touch .inv-slots{left:50%;transform:translate(-50%);bottom:10px;gap:6px}.hud.touch .inv-slot{width:48px;height:48px}.vote-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#06080e80;z-index:300}.vote-panel{pointer-events:auto;width:min(440px,92vw);background:#100a08f0;border:2px solid #ff6a2c;border-radius:14px;box-shadow:0 0 40px #ff5a1847,inset 0 0 24px #781e0866;padding:16px 18px 14px;color:#ffe2c0;text-shadow:0 1px 2px #000;animation:votepop .22s ease-out}@keyframes votepop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.vote-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.vote-title{font-size:20px;font-weight:900;letter-spacing:.6px;color:#ffb070}.vote-timer{font-size:22px;font-weight:900;color:#ffd24a;min-width:44px;text-align:right}.vote-timer.urgent{color:#ff5236;animation:carblink .6s steps(1) infinite}.vote-sub{font-size:12.5px;line-height:1.45;color:#d8c3ad;margin-bottom:10px}.vote-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;overflow-x:hidden}.vote-candidate{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#28160eb3;border:1px solid #6a3a20;border-radius:9px;color:#ffe2c0;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .12s,border-color .12s,transform .08s}.vote-candidate:hover:not(:disabled){background:#5c2812eb;border-color:#ff7a3c;transform:translate(2px)}.vote-candidate.mine{background:#96280eeb;border-color:#ff5a26;box-shadow:0 0 14px #ff5a1866}.vote-candidate.self{opacity:.55;cursor:default}.vote-candidate:disabled:not(.self){cursor:default;opacity:.7}.vc-face{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center}.vc-face img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #888}.vc-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.vc-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-yours{font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#ffd24a;text-transform:uppercase}.vc-count{font-size:14px;font-weight:800;color:#ffb86a;min-width:36px;text-align:right}.vote-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.vote-skip{pointer-events:auto;font-size:12.5px;font-weight:700;color:#d8c3ad;background:#281e18cc;border:1px solid #6a5240;border-radius:7px;padding:6px 14px;cursor:pointer;transition:background .12s}.vote-skip:hover:not(:disabled){background:#463426f2}.vote-skip:disabled{opacity:.45;cursor:default}.vote-tally{font-size:12px;color:#b9a690}.vote-overlay.burn{align-items:flex-start}.burn-banner{pointer-events:none;margin-top:14vh;padding:12px 26px;background:#781608e6;border:2px solid #ff6a2c;border-radius:10px;color:#ffe2b0;font-weight:900;font-size:20px;letter-spacing:.5px;text-shadow:0 1px 3px #000;box-shadow:0 0 30px #ff5a1873;animation:carblink .7s steps(1) infinite}.burn-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,#ff78148c,#b41e0080 45%,#3c0600d9);mix-blend-mode:screen;animation:burnpulse .5s ease-in-out infinite alternate}@keyframes burnpulse{0%{opacity:.7}to{opacity:1}}.spectate-bar{position:absolute;bottom:70px;left:50%;transform:translate(-50%);pointer-events:none;padding:8px 18px;background:#0a0c14d1;border:1px solid rgba(120,140,170,.35);border-radius:9px;color:#e6ecf4;font-size:14px;font-weight:600;white-space:nowrap;text-shadow:0 1px 2px #000}.spectate-bar b{color:#ffd24a}.spectate-bar .dim{color:#93a0b4;font-weight:500}.customize-link{margin-top:10px;font-size:14px}.studio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse at 50% 0%,#16121a,#07080c 70%);overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.studio-inner{width:min(880px,100%)}.studio-title{text-align:center;font-family:Oswald,sans-serif;letter-spacing:2px;color:#f2e9ea;margin:4px 0 18px}.studio-cols{display:flex;gap:20px;align-items:stretch}.studio-preview{position:relative;flex:0 0 320px;height:400px;border-radius:14px;overflow:hidden;border:1px solid rgba(140,150,180,.25);background:#0c0e14}.studio-preview canvas{display:block;width:100%;height:100%}.studio-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:12px;color:#8a93a6;pointer-events:none}.studio-tools{flex:1 1 auto;min-width:260px;display:flex;flex-direction:column;gap:8px}.studio-section{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#8a93a6;margin-top:6px}.studio-swatches,.studio-brushes{display:flex;flex-wrap:wrap;gap:7px}.sw{width:30px;height:30px;border-radius:7px;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0;position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;color:#cfd6e2}.sw.sw-sm{width:22px;height:22px;border-radius:5px}.sw.on{border-color:#ff5a3c;box-shadow:0 0 0 2px #ff5a3c80}.sw-custom{overflow:hidden;background:#23262e}.sw-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sw-erase{background:#23262e}.studio-pad{width:224px;height:224px;border-radius:10px;border:2px solid rgba(140,150,180,.3);touch-action:none;cursor:crosshair;align-self:flex-start;image-rendering:auto}.studio-row{display:flex;align-items:center;gap:8px;color:#cfd6e2;font-size:13px}.studio-row input[type=range]{flex:1}.studio-val{min-width:24px;text-align:right;color:#9aa3b4}.studio-actions-row{flex-wrap:wrap}.studio-mini{font-size:12px;color:#8a93a6}.studio-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.studio-save{padding:10px 26px;font-weight:700;font-size:15px;border-radius:9px;background:#c0392b;border:1px solid #ff5a3c;color:#fff;cursor:pointer}.studio-save:hover{background:#d84a3a}@media (max-width: 720px){.studio-cols{flex-direction:column}.studio-preview{flex-basis:auto;height:300px}}