/*! Generated from public/drawing/drawing-game.css; source-sha256=5b7ec2b4a267c43579fb2c2d4a9fd4944b944d8215f20efca57ada385f7aa0ba */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;min-height:100vh;background:#faf8f5;background-attachment:fixed;color:#1a202c;display:flex;justify-content:center;padding:20px;overflow-x:hidden}.badge,.btn,.category-pill,.lobby-code-label,.play-btn,.player-tag,.prompt-word,.q-label,.round-pill,.timer-ring,h1,h2,h3{font-family:'Lilita One',Nunito,sans-serif}.screen{display:none;width:100%;max-width:560px;margin:0 auto;animation:popIn .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.screen.active{display:block}@keyframes popIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.container{padding:10px 0}.centered{display:flex;flex-direction:column;align-items:center}.back-link{display:inline-flex;align-items:center;gap:6px;color:#4a5568;text-decoration:none;font-size:.88rem;font-weight:700;margin-bottom:16px;padding:8px 18px;border-radius:50px;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .15s}.back-link:hover{background:#f0f0f0;color:#1a202c;box-shadow:0 2px 6px rgba(0,0,0,.12)}.logo-section{background:linear-gradient(165deg,#fcd34d,#f59e0b,#d97706);border-radius:24px;padding:40px 24px 36px;margin-bottom:20px;text-align:center;position:relative;overflow:hidden}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(255,255,255,.15);color:#fff;font-size:2.8rem;font-family:'Lilita One',sans-serif;border-radius:22px;margin-bottom:14px;border:none;box-shadow:none;text-shadow:0 2px 4px rgba(0,0,0,.15)}@keyframes bounce{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.logo{font-family:'Lilita One',sans-serif;font-size:2.6rem;text-transform:uppercase;letter-spacing:3px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15);line-height:1.1}.logo span{color:rgba(255,255,255,.85)}.home-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:30px 26px;margin-bottom:0;box-shadow:0 4px 20px rgba(0,0,0,.04)}.input-group{margin-bottom:18px}.input-group label{display:block;font-size:.85rem;font-family:'Lilita One',sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,0,0,.45);margin-bottom:8px}input[type=text],textarea{width:100%;padding:15px 18px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;color:#1a202c;font-size:1.05rem;font-family:Nunito,sans-serif;font-weight:700;outline:0;transition:border-color .15s,background .15s,box-shadow .15s}input[type=text]:focus,textarea:focus{border-color:#e8a317;background:#fff;box-shadow:0 0 0 3px rgba(232,163,23,.12)}input[type=text]::placeholder,textarea::placeholder{color:rgba(0,0,0,.35);font-weight:700}textarea{resize:vertical}.full-width{width:100%}.browse-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.button-group{display:flex;flex-direction:column;gap:10px}.local-play-option{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(0,0,0,.09)}.local-play-copy{min-width:0;color:#4a5568;line-height:1.25}.local-play-copy small,.local-play-copy strong{display:block}.local-play-copy strong{color:#1a202c;font-size:.86rem;font-weight:900}.local-play-copy small{margin-top:2px;font-size:.74rem;font-weight:700}.btn-local-mode{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid rgba(74,85,104,.28);border-radius:12px;background:rgba(74,85,104,.06);color:#4a5568;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:900;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}.btn-local-mode:hover{background:rgba(74,85,104,.12);border-color:rgba(74,85,104,.42);color:#1a202c;transform:translateY(-1px)}.btn-local-mode:active{transform:translateY(0)}.btn-local-mode:focus-visible{outline:3px solid rgba(139,110,176,.24);outline-offset:2px}.btn{padding:16px 30px;border:none;border-radius:16px;font-size:1.05rem;font-family:'Lilita One',sans-serif;cursor:pointer;transition:all .12s ease;text-transform:uppercase;letter-spacing:2px;color:#fff;text-align:center;position:relative}.btn-green{background:#22c55e;color:#fff;box-shadow:0 4px 16px rgba(34,197,94,.25);border:1px solid rgba(0,0,0,.08)}.btn-green:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(34,197,94,.35)}.btn-green:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(34,197,94,.2)}.btn-purple{background:#8b6eb0;box-shadow:0 4px 16px rgba(139,110,176,.25);border:1px solid rgba(0,0,0,.08)}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(139,110,176,.35)}.btn-purple:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(139,110,176,.2)}.btn-orange{background:#c98a6b;box-shadow:0 4px 16px rgba(201,138,107,.25);border:1px solid rgba(0,0,0,.08)}.btn-orange:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(201,138,107,.35)}.btn-orange:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(201,138,107,.2)}.btn-gray{background:#888;box-shadow:none;border:1px solid rgba(0,0,0,.08);cursor:not-allowed;opacity:.7}.btn-gray:disabled{opacity:.7;transform:none}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.divider{display:flex;align-items:center;gap:14px;margin:4px 0}.divider::after,.divider::before{content:'';flex:1;height:1px;background:rgba(0,0,0,.12)}.divider span{font-size:.82rem;font-weight:700;color:rgba(0,0,0,.4);text-transform:uppercase}.join-custom-row{display:flex;gap:10px}.join-custom-row input{flex:1;text-transform:uppercase;letter-spacing:3px;text-align:center;font-weight:700;font-size:1.2rem}.join-custom-row .btn{flex-shrink:0;padding:16px 28px}.lobby-browser-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.lobby-browser-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.lobby-browser-info{display:flex;flex-direction:column;gap:4px}.lobby-browser-host{font-family:'Lilita One',sans-serif;font-size:1.05rem;color:#1a202c}.lobby-browser-count{font-size:.85rem;font-weight:700;color:rgba(0,0,0,.45)}.lobby-browser-join{padding:10px 22px!important;font-size:.9rem!important;flex-shrink:0}.lobby-browser-empty{text-align:center;padding:40px 20px;color:rgba(0,0,0,.4)}.lobby-browser-empty p:first-child{font-family:'Lilita One',sans-serif;font-size:1.1rem;color:rgba(0,0,0,.5);margin-bottom:8px}.lobby-browser-hint{font-size:.85rem;font-weight:700}.error-msg{color:#ef4444;text-align:center;margin-top:14px;min-height:20px;font-size:.9rem;font-weight:700}.status-msg{text-align:center;color:rgba(0,0,0,.45);margin-top:14px;font-size:.92rem;font-weight:700}.status-pill{text-align:center;color:rgba(0,0,0,.45);font-size:.9rem;font-family:'Lilita One',sans-serif;letter-spacing:1px;padding:10px 24px;background:#fff;border-radius:50px;border:1px solid rgba(0,0,0,.1);display:block;margin:0 auto 18px;width:fit-content}.how-to-play{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:26px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.how-to-play h3{font-family:'Lilita One',sans-serif;font-size:1.2rem;color:#e8a317;margin-bottom:18px;text-align:center;text-transform:uppercase;letter-spacing:2px}.steps{display:flex;flex-direction:column;gap:14px}.step{display:flex;align-items:center;gap:14px}.step-num{width:40px;height:40px;min-width:40px;background:#e8a317;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Lilita One',sans-serif;font-size:1.1rem;box-shadow:0 2px 10px rgba(232,163,23,.2);text-shadow:0 1px 0 rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.08)}.step p{font-size:.92rem;font-weight:700;color:rgba(0,0,0,.45);line-height:1.4}.step strong{color:#e8a317;font-weight:700}.screen-header{text-align:center;margin-bottom:24px}.screen-header h2{font-family:'Lilita One',sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:2px;color:#1a202c;text-shadow:0 2px 8px rgba(0,0,0,.08)}.screen-sub{color:rgba(0,0,0,.45);font-weight:700;font-size:.95rem;margin-top:6px}.lobby-code-box{background:linear-gradient(165deg,#fcd34d,#f59e0b,#d97706);border:none;border-radius:24px;padding:28px 24px;text-align:center;margin-bottom:0;box-shadow:0 8px 32px rgba(0,0,0,.1)}.lobby-code-label{font-size:.85rem;text-transform:uppercase;color:rgba(255,255,255,.7);letter-spacing:2px}.lobby-code-value{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}#lobby-code{font-family:'Lilita One',sans-serif;letter-spacing:5px;color:#fff;font-size:2.8rem;text-shadow:0 2px 4px rgba(0,0,0,.15)}.btn-copy{padding:10px 20px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.2);color:#fff;font-size:.88rem;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:all .15s}.btn-copy:hover{background:rgba(255,255,255,.3)}.lobby-code-hint{color:rgba(255,255,255,.7);font-size:.82rem;font-weight:700;margin-top:10px}.section-title{font-family:'Lilita One',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;color:#e8a317;margin-bottom:14px;text-align:center;width:100%}.lobby-players{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.lobby-player-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.08);animation:cardSlideIn .4s cubic-bezier(.34,1.56,.64,1) backwards}.lobby-player-card.is-you{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2)}@keyframes cardSlideIn{from{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.player-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04)}.player-avatar span{font-family:'Lilita One',sans-serif;font-size:1.3rem;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.04)}.player-info{flex:1;min-width:0}.player-card-name{font-family:'Lilita One',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;display:block;color:#1a202c}.player-badges{display:flex;flex-wrap:wrap;overflow:hidden;gap:6px;margin-top:4px}.badge-host{font-family:'Lilita One',sans-serif;font-size:.65rem;padding:2px 10px;background:rgba(232,163,23,.15);color:#e8a317;border:1px solid rgba(232,163,23,.25);border-radius:50px;letter-spacing:1px}.badge-dev{font-family:inherit;font-size:.6rem;font-weight:800;padding:2px 8px;background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:50px;letter-spacing:1px}.badge-you{font-family:'Lilita One',sans-serif;font-size:.65rem;padding:2px 10px;background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.2);border-radius:50px;letter-spacing:1px}.badge-winrate{font-family:'Lilita One',sans-serif;font-size:.6rem;padding:2px 8px;background:rgba(59,130,246,.12);color:#3b82f6;border:1px solid rgba(59,130,246,.25);border-radius:50px;letter-spacing:.5px}.badge-completionist{font-family:'Lilita One',sans-serif;font-size:.6rem;padding:2px 8px;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.2));color:#f59e0b;border:1px solid rgba(245,158,11,.3);border-radius:50px;letter-spacing:.5px;text-shadow:0 0 8px rgba(245,158,11,.3)}.badge-top{font-family:'Lilita One',sans-serif;font-size:.6rem;padding:2px 8px;border-radius:50px;letter-spacing:.5px}.badge-top-unstoppable{background:rgba(168,85,247,.12);color:#a855f7;border:1px solid rgba(168,85,247,.25);text-shadow:0 0 6px rgba(168,85,247,.3)}.badge-top-dominator{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(234,179,8,.2));color:#eab308;border:1px solid rgba(234,179,8,.3);text-shadow:0 0 6px rgba(234,179,8,.3)}.badge-top-hotstreak{background:rgba(249,115,22,.12);color:#f97316;border:1px solid rgba(249,115,22,.25)}.badge-top-nolife{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-top-veteran{background:rgba(20,184,166,.12);color:#14b8a6;border:1px solid rgba(20,184,166,.25)}.player-score-display{font-family:'Lilita One',sans-serif;font-size:1rem;color:#e8a317;letter-spacing:1px}.timer-ring{width:84px;height:84px;border-radius:50%;background:rgba(0,0,0,.06);border:4px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#1a202c;margin-bottom:18px;text-shadow:0 3px 0 rgba(0,0,0,.06);box-shadow:0 2px 0 rgba(0,0,0,.12),inset 0 2px 10px rgba(0,0,0,.1)}.timer-ring.timer-small{width:60px;height:60px;font-size:1.6rem;margin-bottom:0}.timer-ring.urgent{color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.15);animation:shake .35s ease infinite;will-change:transform;box-shadow:0 2px 0 rgba(220,38,38,.3)}@keyframes shake{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-4px) rotate(-2deg)}75%{transform:translateX(4px) rotate(2deg)}}.draw-layout{display:flex;gap:20px;width:100%;max-width:1100px;margin:0 auto;align-items:flex-start}.draw-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.draw-right{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.draw-right .chat-box{flex:1;justify-content:space-between}.draw-right .chat-messages{height:auto;min-height:180px;max-height:500px}#screen-drawing{max-width:1100px}.draw-top-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px;width:100%}.round-pill{padding:8px 22px;background:rgba(0,0,0,.06);border:2px solid rgba(0,0,0,.08);border-radius:50px;font-size:1rem;letter-spacing:1px;color:rgba(0,0,0,.6)}.turn-banner{display:flex;align-items:center;gap:10px;padding:8px 20px;background:rgba(0,0,0,.06);border:2px solid rgba(0,0,0,.04);border-radius:50px;transition:all .3s ease;flex:1;min-width:0}.turn-banner.my-turn{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);box-shadow:0 0 25px rgba(34,197,94,.2)}@keyframes pulseGlow{0%,100%{box-shadow:0 0 15px rgba(34,197,94,.15)}50%{box-shadow:0 0 30px rgba(34,197,94,.3)}}.turn-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);box-shadow:0 3px 0 rgba(0,0,0,.12)}.turn-avatar span{font-family:'Lilita One',sans-serif;font-size:1.1rem;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.06)}.turn-text{font-family:'Lilita One',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.1)}.turn-banner.my-turn .turn-text{color:#22c55e}.prompt-display{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 24px;background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 2px 0 rgba(0,0,0,.1);width:100%}.prompt-label{font-size:.85rem;font-weight:700;color:rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:1px}.prompt-word{font-size:1.4rem;color:#e8a317;text-shadow:0 3px 0 rgba(0,0,0,.04);letter-spacing:2px;text-transform:uppercase}.canvas-wrapper{width:100%;max-width:600px;aspect-ratio:1;background:#fff;border-radius:20px;border:4px solid rgba(0,0,0,.12);box-shadow:0 3px 0 rgba(0,0,0,.04),0 12px 30px rgba(0,0,0,.06);overflow:hidden;margin-bottom:14px;touch-action:none;position:relative}.canvas-wrapper canvas{width:100%;height:100%;display:block}.canvas-lock{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;pointer-events:none}.canvas-lock span{background:rgba(0,0,0,.4);color:#fff;padding:6px 18px;border-radius:50px;font-size:.82rem;font-weight:700;backdrop-filter:blur(4px)}.draw-toolbar{width:100%;max-width:600px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.08);border-radius:14px;margin-bottom:10px}.toolbar-colors{display:flex;gap:5px;flex-wrap:wrap}.color-btn{flex:0 0 28px;width:28px;min-width:28px;height:28px;aspect-ratio:1;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;padding:0;outline:0;box-shadow:0 1px 3px rgba(0,0,0,.15)}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:rgba(0,0,0,.6);transform:scale(1.15);box-shadow:0 0 0 2px rgba(255,255,255,.8),0 2px 6px rgba(0,0,0,.25)}.toolbar-divider{width:2px;height:28px;background:rgba(0,0,0,.1);border-radius:1px;flex-shrink:0}.toolbar-widths{display:flex;gap:4px}.width-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;padding:0;outline:0}.width-btn:hover{background:rgba(0,0,0,.06)}.width-btn.active{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.25)}.width-dot{display:block;border-radius:50%;background:#222}.ink-bar-container{width:100%;max-width:600px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.ink-bar-bg{flex:1;height:16px;background:rgba(0,0,0,.08);border-radius:50px;border:2px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.ink-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:50px;transition:width .1s ease;box-shadow:0 0 10px rgba(34,197,94,.3)}.ink-bar-fill.ink-low{background:linear-gradient(90deg,#e8a317,#cc8c0e);box-shadow:0 0 10px rgba(232,163,23,.3)}.ink-bar-fill.ink-empty{background:linear-gradient(90deg,#ef4444,#ef4444);box-shadow:0 0 10px rgba(239,68,68,.3)}.ink-label{font-family:'Lilita One',sans-serif;font-size:.82rem;color:rgba(0,0,0,.5);letter-spacing:1px;min-width:70px;text-align:right}.draw-bottom-section{width:100%}.chat-box{width:100%;background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.08);border-radius:20px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.08)}.chat-messages{height:200px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:3px}.chat-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:78%}.chat-bubble-wrap.chat-you{align-self:flex-end;align-items:flex-end}.chat-author-name{font-family:'Lilita One',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;padding:0 12px}.chat-bubble{background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.08);padding:12px 18px;border-radius:20px 20px 20px 6px;font-size:.92rem;font-weight:700;line-height:1.4;color:#1a202c;box-shadow:0 3px 0 rgba(0,0,0,.06)}.chat-bubble-wrap.chat-you .chat-bubble{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.15);border-radius:20px 20px 6px 20px}.chat-input-row{display:flex;border-top:1px solid rgba(0,0,0,.1)}.chat-input-row input{flex:1;border:none;border-radius:0;background:rgba(0,0,0,.04);padding:14px 18px;font-size:.92rem;color:#1a202c;font-weight:700}.chat-input-row input:focus{border:none;background:rgba(0,0,0,.06);box-shadow:none}.chat-input-row input::placeholder{color:rgba(0,0,0,.35)}.btn-send{padding:14px 24px;background:#22c55e;color:#fff;border:none;font-family:'Lilita One',sans-serif;font-size:.95rem;letter-spacing:1px;cursor:pointer;transition:background .15s;text-transform:uppercase}.btn-send:hover{background:#16a34a}.vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;width:100%}.vote-card{padding:24px 16px;background:#fff;border:2px solid rgba(0,0,0,.04);border-radius:20px;text-align:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 0 rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;gap:10px;animation:voteCardIn .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes voteCardIn{from{opacity:0;transform:scale(.8) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.vote-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 0 rgba(0,0,0,.12);transition:all .15s}.vote-avatar span{font-family:'Lilita One',sans-serif;font-size:1.5rem;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.06)}.vote-card-special{border:2px solid rgba(251,191,36,.3);background:rgba(251,191,36,.08)}.vote-card-special:hover{border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.15)}.vote-card-special.voted{border-color:#fbbf24;background:rgba(251,191,36,.2);box-shadow:0 0 16px rgba(251,191,36,.3)}.vote-avatar-special{background:rgba(251,191,36,.2)!important;border-color:rgba(251,191,36,.45)}.vote-avatar-special span{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:1.4rem;color:#b45309;text-shadow:none}.vote-name{font-family:'Lilita One',sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.1)}.vote-card:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.4);transform:translateY(-5px);box-shadow:0 10px 0 rgba(0,0,0,.06),0 16px 30px rgba(0,0,0,.1)}.vote-card:hover .vote-avatar{transform:scale(1.1);box-shadow:0 3px 0 rgba(0,0,0,.12)}.vote-card:active{transform:translateY(1px);box-shadow:0 2px 0 rgba(0,0,0,.08)}.vote-card.voted{border-color:#ef4444;background:rgba(239,68,68,.15);box-shadow:0 2px 0 rgba(220,38,38,.15)}.vote-card.voted .vote-avatar{box-shadow:0 2px 0 rgba(220,38,38,.2);border-color:#ef4444}.vote-card.voted .vote-name{color:#ef4444}.vote-card.disabled{opacity:.2;cursor:not-allowed;pointer-events:none;transform:scale(.95)}.verdict{text-align:center;margin-bottom:30px;padding:30px 26px;border-radius:24px;width:100%;border:2px solid;box-shadow:0 3px 0 rgba(0,0,0,.1)}.verdict h2{font-family:'Lilita One',sans-serif;font-size:1.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.verdict p{font-weight:700;font-size:1.15rem;color:rgba(0,0,0,.8)}.verdict.caught{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.verdict.caught h2{color:#22c55e;text-shadow:0 4px 0 rgba(0,0,0,.04)}.verdict.escaped{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.verdict.escaped h2{color:#ef4444;text-shadow:0 4px 0 rgba(0,0,0,.04)}.results-section{margin-bottom:26px;width:100%}.results-section h3{font-family:'Lilita One',sans-serif;margin-bottom:14px;color:#e8a317;text-align:center;font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.12)}.question-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q-card{padding:20px;border-radius:18px;background:rgba(0,0,0,.05);border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 0 rgba(0,0,0,.06)}.q-card .q-label{font-size:.88rem;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:10px}.q-normal .q-label{color:#22c55e}.q-imposter .q-label{color:#ef4444}.q-card p{font-size:1.1rem;line-height:1.5;color:rgba(0,0,0,.8);font-weight:700}#vote-results{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.vote-chip{display:inline-flex;align-items:center;border-radius:50px;overflow:hidden;font-size:.8rem;font-weight:700;border:2px solid rgba(0,0,0,.08)}.vote-chip-voter{padding:6px 12px;background:#fff;color:rgba(0,0,0,.5)}.vote-chip-target{padding:6px 12px;background:rgba(201,138,107,.2);color:#c98a6b}#scoreboard{display:flex;flex-direction:column;gap:8px}.score-row{display:flex;justify-content:space-between;padding:16px 20px;background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.08);border-radius:14px;font-weight:700;box-shadow:0 2px 0 rgba(0,0,0,.06);font-size:1.05rem}.score-row .score-points{color:#0ea5e9}.score-row.imposter-row{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.08)}.imposter-badge{font-family:'Lilita One',sans-serif;font-size:.65rem;padding:2px 10px;background:rgba(239,68,68,.25);color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:50px;letter-spacing:1px;vertical-align:middle;margin-left:6px}h2{text-align:center;margin-bottom:0}@media (max-width:800px){.draw-layout{flex-direction:column;align-items:center}.draw-right{width:100%}.draw-right .chat-messages{height:160px}#screen-drawing{max-width:560px}}@media (max-width:480px){.logo{font-family:'Lilita One',sans-serif;font-size:2.6rem;text-transform:uppercase;letter-spacing:3px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15);line-height:1.1}.question-comparison{grid-template-columns:1fr}.vote-grid{grid-template-columns:1fr}.home-card{padding:24px 20px}#lobby-code{font-family:'Lilita One',sans-serif;letter-spacing:5px;color:#fff;font-size:2.8rem;text-shadow:0 2px 4px rgba(0,0,0,.15)}.screen-header h2{font-size:1.5rem}.prompt-word{font-size:1.2rem}.draw-top-bar{flex-wrap:wrap}}#lobby-chat-box{margin-top:18px}#lobby-chat-box .chat-messages{height:200px}#results-chat-box{margin-top:24px}#results-chat-box .chat-messages{height:200px}.discord-lobby-link{display:flex;width:fit-content;align-items:center;gap:8px;margin:20px auto 16px;padding:8px 18px;background:rgba(88,101,242,.15);border:1.5px solid rgba(88,101,242,.3);color:#8b9aff;border-radius:50px;text-decoration:none;font-weight:800;font-size:.78rem;transition:all .2s ease;letter-spacing:.02em}.discord-lobby-link:hover{background:#5865f2;border-color:#5865f2;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(88,101,242,.3)}.lobby-browser-status{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.lobby-browser-status.waiting{background:#e6ffed;color:#22863a}.lobby-browser-status.in-progress{background:#fff3e0;color:#e65100}.lobby-browser-lang{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;background:#e3f2fd;color:#1565c0}.setting-select{padding:8px 12px;border-radius:10px;border:2px solid rgba(0,0,0,.12);background:#fff;font-family:inherit;font-size:.9rem;font-weight:700;color:rgba(0,0,0,.7);cursor:pointer;outline:0;transition:border-color .15s}.setting-select:focus,.setting-select:hover{border-color:rgba(0,0,0,.3)}.lobby-settings{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:18px 24px;margin-bottom:16px}.setting-row{display:flex;align-items:center;justify-content:space-between}.setting-row label{font-family:"Lilita One",sans-serif;font-size:1rem;color:rgba(0,0,0,.6)}.setting-control{display:flex;align-items:center;gap:12px}.btn-setting{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.15);background:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-setting:hover{border-color:rgba(0,0,0,.3);background:#f0f0f0}.btn-no-limit{width:100%;padding:8px 16px;margin-top:8px;border-radius:10px;border:2px solid rgba(139,92,246,.3);background:rgba(139,92,246,.1);color:#a78bfa;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-no-limit:hover{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.5)}.btn-no-limit.active{background:rgba(139,92,246,.25);border-color:#a78bfa;color:#c4b5fd;box-shadow:0 0 12px rgba(139,92,246,.3)}#btn-unlimited-ink{min-height:44px;margin-top:4px;color:#6d28d9}html[data-theme=dark] #btn-unlimited-ink{color:#ddd6fe}.ink-slider:disabled{opacity:.4;cursor:default}#btn-done-turn:focus-visible,#btn-unlimited-ink:focus-visible,.ink-slider:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}#btn-done-turn{flex-shrink:0;width:100%;min-height:44px;padding:10px 16px;font-size:1rem}#btn-done-turn[hidden]{display:none}.setting-row-stack{flex-direction:column;align-items:stretch;gap:8px}.setting-row-header{display:flex;align-items:center;justify-content:space-between}.setting-row-header label{font-family:"Lilita One",sans-serif;font-size:1rem;color:rgba(0,0,0,.6)}.setting-row-header span{font-family:"Lilita One",sans-serif;font-size:1.1rem;color:rgba(0,0,0,.75);min-width:52px;text-align:right}.ink-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:50px;background:rgba(0,0,0,.1);outline:0;cursor:pointer}.ink-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#a78bfa,#8b5cf6);border:2px solid #fff;box-shadow:0 2px 8px rgba(139,92,246,.4);cursor:pointer;transition:transform .15s}.ink-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.ink-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#a78bfa,#8b5cf6);border:2px solid #fff;box-shadow:0 2px 8px rgba(139,92,246,.4);cursor:pointer}.ink-test-box{margin-top:14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.5);border:1px dashed rgba(0,0,0,.15)}.ink-test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ink-test-title{font-family:"Lilita One",sans-serif;font-size:.95rem;color:rgba(0,0,0,.6);letter-spacing:.5px}.btn-ink-test-clear{padding:6px 14px;border-radius:10px;border:2px solid rgba(0,0,0,.15);background:#fff;font-family:inherit;font-size:.8rem;font-weight:700;color:rgba(0,0,0,.6);cursor:pointer;transition:all .15s}.btn-ink-test-clear:hover{border-color:rgba(0,0,0,.3);background:#f0f0f0}.ink-bar-container-test{max-width:none;margin-bottom:10px}.ink-test-canvas-wrap{width:100%;aspect-ratio:1/1;max-width:300px;margin:0 auto;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;touch-action:none}.ink-test-canvas-wrap canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.ink-test-hint{text-align:center;margin-top:8px;font-size:.78rem;color:rgba(0,0,0,.45);font-weight:700}#setting-rounds-value{font-family:"Lilita One",sans-serif;font-size:1.3rem;min-width:30px;text-align:center}.logo-icon-img{width:80px;height:80px;object-fit:contain}.peek-panel-wrap{width:100%}.peek-label{font-family:'Lilita One',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,0,0,.4);margin-bottom:6px;display:block}.player-peek-panel{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:rgba(0,0,0,.04);border:2px solid rgba(0,0,0,.08);border-radius:14px;min-height:44px}.peek-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 4px;border-radius:50px;border:2px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;user-select:none;touch-action:none;transition:border-color .15s,box-shadow .15s,background .15s;font-family:inherit;box-shadow:0 1px 3px rgba(0,0,0,.07)}.peek-chip:hover{border-color:rgba(0,0,0,.22);background:#f8f8f8}.peek-chip.peek-chip-active{border-color:rgba(0,0,0,.6);box-shadow:0 0 0 2px rgba(0,0,0,.12)}.peek-avatar{width:22px;height:22px;min-width:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:'Lilita One',sans-serif;font-size:.7rem;color:#fff}.peek-name{font-family:'Lilita One',sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#1a202c;line-height:1}#btn-theme-toggle{position:fixed;top:14px;right:14px;z-index:9999;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.92);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;backdrop-filter:blur(6px);transition:background .2s;padding:0}#btn-theme-toggle:hover{background:#fff}html[data-theme=dark] #btn-theme-toggle{background:rgba(28,29,40,.92);border-color:rgba(255,255,255,.12)}html[data-theme=dark] .theme-icon-light{display:none}html[data-theme=dark] .theme-icon-dark{display:inline}html:not([data-theme=dark]) .theme-icon-dark{display:none}html:not([data-theme=dark]) .theme-icon-light{display:inline}html[data-theme=dark] body{background:#12131a;color:#e8eaf2}html[data-theme=dark] .back-link{color:rgba(232,234,242,.55)}html[data-theme=dark] .back-link:hover{color:#e8eaf2;background:rgba(255,255,255,.06)}html[data-theme=dark] .screen-sub{color:rgba(232,234,242,.55)}html[data-theme=dark] .input-group label{color:rgba(232,234,242,.45)}html[data-theme=dark] input[type=text],html[data-theme=dark] textarea{background:#252636;color:#e8eaf2;border-color:rgba(255,255,255,.1)}html[data-theme=dark] input[type=text]::placeholder,html[data-theme=dark] textarea::placeholder{color:rgba(232,234,242,.35)}html[data-theme=dark] input[type=text]:focus,html[data-theme=dark] textarea:focus{background:#2a2b3d}html[data-theme=dark] .home-card,html[data-theme=dark] .how-to-play{background:#1c1d28;border-color:rgba(255,255,255,.08)}html[data-theme=dark] .lobby-browser-row{background:#1c1d28;border-color:rgba(255,255,255,.06)}html[data-theme=dark] .lobby-browser-row:hover{background:#252636}html[data-theme=dark] .lobby-browser-host{color:#e8eaf2}html[data-theme=dark] .lobby-browser-count{color:rgba(232,234,242,.5)}html[data-theme=dark] .lobby-browser-empty{color:rgba(232,234,242,.45)}html[data-theme=dark] .lobby-browser-empty p:first-child{color:rgba(232,234,242,.55)}html[data-theme=dark] .lobby-browser-hint{color:rgba(232,234,242,.4)}html[data-theme=dark] .lobby-browser-status.waiting{background:rgba(34,197,94,.15);color:#4ade80}html[data-theme=dark] .lobby-browser-status.in-progress{background:rgba(249,115,22,.15);color:#fb923c}html[data-theme=dark] .lobby-browser-lang{background:rgba(59,130,246,.15);color:#93c5fd}html[data-theme=dark] .lobby-player-card{background:#1c1d28;border-color:rgba(255,255,255,.08)}html[data-theme=dark] .lobby-settings{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .setting-row label{color:rgba(232,234,242,.6)}html[data-theme=dark] .setting-label{color:rgba(232,234,242,.6)}html[data-theme=dark] .setting-divider{background:rgba(255,255,255,.08)}html[data-theme=dark] .btn-setting{background:#252636;border-color:rgba(255,255,255,.15);color:#e8eaf2}html[data-theme=dark] .btn-setting:hover{background:#2a2b3d}html[data-theme=dark] .setting-select{background:#252636;border-color:rgba(255,255,255,.1);color:#e8eaf2}html[data-theme=dark] .cat-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(232,234,242,.55)}html[data-theme=dark] .cat-chip:hover{background:rgba(255,255,255,.1)}html[data-theme=dark] .cat-chip.active{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.12);color:#e8eaf2}html[data-theme=dark] .btn-cat-action{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:rgba(232,234,242,.55)}html[data-theme=dark] .btn-cat-action:hover{background:rgba(255,255,255,.08)}html[data-theme=dark] .pool-counter{color:rgba(232,234,242,.45)}html[data-theme=dark] .timer-ring{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#e8eaf2}html[data-theme=dark] .status-pill{background:rgba(255,255,255,.08);color:rgba(232,234,242,.7)}html[data-theme=dark] .score-row{background:#1c1d28;border-color:rgba(255,255,255,.08)}html[data-theme=dark] .chat-box{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .chat-bubble{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:#e8eaf2}html[data-theme=dark] .chat-bubble-wrap.chat-you .chat-bubble{background:rgba(232,67,122,.2);border-color:rgba(232,67,122,.3)}html[data-theme=dark] .chat-input-row input{background:rgba(255,255,255,.06);color:#e8eaf2}html[data-theme=dark] .chat-input-row input:focus{background:rgba(255,255,255,.08)}html[data-theme=dark] .chat-input-row input::placeholder{color:rgba(232,234,242,.35)}html[data-theme=dark] .chat-author-name{color:rgba(232,234,242,.5)}html[data-theme=dark] .vote-card{background:#1c1d28;border-color:rgba(255,255,255,.08)}html[data-theme=dark] .vote-card:hover{background:#252636;border-color:rgba(255,255,255,.2)}html[data-theme=dark] .verdict p{color:rgba(232,234,242,.65)}html[data-theme=dark] .canvas-wrapper{background:#fff}html[data-theme=dark] .q-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .step p{color:rgba(232,234,242,.5)}html[data-theme=dark] .section-title{color:rgba(232,234,242,.45)}html[data-theme=dark] .divider span{color:rgba(232,234,242,.4)}html[data-theme=dark] .status-msg{color:rgba(232,234,242,.5)}html[data-theme=dark] .lobby-code-hint{color:rgba(232,234,242,.45)}html[data-theme=dark] .player-card-name{color:#e8eaf2}html[data-theme=dark] .local-play-option{border-top-color:rgba(255,255,255,.08)}html[data-theme=dark] .local-play-copy{color:rgba(232,234,242,.5)}html[data-theme=dark] .local-play-copy strong{color:rgba(232,234,242,.82)}html[data-theme=dark] .btn-local-mode{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13);color:rgba(232,234,242,.72)}html[data-theme=dark] .btn-local-mode:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#e8eaf2}html[data-theme=dark] .back-link{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(232,234,242,.7);box-shadow:none}html[data-theme=dark] .back-link:hover{background:rgba(255,255,255,.1);color:#e8eaf2;box-shadow:none}html[data-theme=dark] .screen-header h2{color:#e8eaf2}html[data-theme=dark] .round-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(232,234,242,.7)}html[data-theme=dark] .turn-banner{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .prompt-display{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}html[data-theme=dark] .prompt-label{color:rgba(232,234,242,.5)}html[data-theme=dark] .draw-toolbar{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}html[data-theme=dark] .toolbar-divider{background:rgba(255,255,255,.12)}html[data-theme=dark] .width-btn:hover{background:rgba(255,255,255,.08)}html[data-theme=dark] .width-btn.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}html[data-theme=dark] .width-dot{background:#e8eaf2}html[data-theme=dark] .ink-label{color:rgba(232,234,242,.6)}html[data-theme=dark] .ink-test-box{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}html[data-theme=dark] .ink-test-title{color:rgba(232,234,242,.6)}html[data-theme=dark] .btn-ink-test-clear{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(232,234,242,.6)}html[data-theme=dark] .btn-ink-test-clear:hover{background:rgba(255,255,255,.1)}html[data-theme=dark] .ink-test-hint{color:rgba(232,234,242,.4)}html[data-theme=dark] .ink-test-canvas-wrap{background:#fff;border-color:rgba(255,255,255,.15)}html[data-theme=dark] .ink-slider{background:rgba(255,255,255,.15)}html[data-theme=dark] #setting-ink-value{color:#e8eaf2}html[data-theme=dark] #setting-rounds-value{color:#e8eaf2}html[data-theme=dark] .q-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .q-card p{color:rgba(232,234,242,.8)}html[data-theme=dark] .vote-chip{border-color:rgba(255,255,255,.08)}html[data-theme=dark] .vote-chip-voter{background:#1c1d28;color:rgba(232,234,242,.5)}html[data-theme=dark] .btn-green,html[data-theme=dark] .btn-green:active,html[data-theme=dark] .btn-green:hover{box-shadow:none}html[data-theme=dark] .btn-purple,html[data-theme=dark] .btn-purple:active,html[data-theme=dark] .btn-purple:hover{box-shadow:none}html[data-theme=dark] .btn-orange,html[data-theme=dark] .btn-orange:active,html[data-theme=dark] .btn-orange:hover{box-shadow:none}html[data-theme=dark] .btn-no-limit.active{box-shadow:none}html[data-theme=dark] .badge-top-streak{text-shadow:none}html[data-theme=dark] .badge-top-unstoppable{text-shadow:none}html[data-theme=dark] .badge-top-dominator{text-shadow:none}html[data-theme=dark] .reveal-question-box{box-shadow:none}html[data-theme=dark] input[type=text]:focus,html[data-theme=dark] textarea:focus{box-shadow:none}html[data-theme=dark] .turn-banner.my-turn{box-shadow:none}html[data-theme=dark] .ink-bar-fill{box-shadow:none}html[data-theme=dark] .ink-bar-fill.ink-low{box-shadow:none}html[data-theme=dark] .ink-bar-fill.ink-empty{box-shadow:none}html[data-theme=dark] .results-section h3{color:rgba(232,234,242,.4)}html[data-theme=dark] .peek-label{color:rgba(232,234,242,.35)}html[data-theme=dark] .player-peek-panel{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}html[data-theme=dark] .peek-chip{background:#1c1d28;border-color:rgba(255,255,255,.1);box-shadow:none}html[data-theme=dark] .peek-chip:hover{background:#252636;border-color:rgba(255,255,255,.2)}html[data-theme=dark] .peek-chip.peek-chip-active{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 2px rgba(255,255,255,.08)}html[data-theme=dark] .peek-name{color:#e8eaf2}body:has(#screen-drawing.active){padding:0}#screen-drawing{max-width:100%!important}#screen-drawing.active{display:flex;flex-direction:column;height:100vh;overflow:hidden}#screen-drawing .draw-layout{flex:1;min-height:0;padding:12px 20px;max-width:100%;align-items:stretch}#screen-drawing .draw-left{overflow:hidden}#screen-drawing .canvas-wrapper{flex:1;min-height:0;width:auto;max-width:100%;align-self:center}#screen-drawing .draw-toolbar,#screen-drawing .ink-bar-container{max-width:100%;width:100%}#screen-drawing .draw-right{overflow:hidden}#screen-drawing .draw-right .chat-box{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}#screen-drawing .draw-right .chat-messages{flex:1;height:auto;max-height:none;min-height:0;overflow-y:auto}@media (max-width:800px){#screen-drawing .draw-layout{align-items:center}#screen-drawing .canvas-wrapper{width:100%;flex:unset;align-self:unset}}#draw-toolbar,#ink-container{opacity:0;pointer-events:none;max-height:0;overflow:hidden;margin-bottom:0!important;transition:opacity .25s ease,max-height .25s ease,margin-bottom .25s ease}#draw-toolbar.controls-visible{opacity:1;pointer-events:auto;max-height:80px;margin-bottom:10px!important}#ink-container.controls-visible{opacity:1;pointer-events:auto;max-height:50px;margin-bottom:10px!important}
