.reconnect-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#0a0a1af2;animation:reconnect-fade-in .3s ease-out}@keyframes reconnect-fade-in{0%{opacity:0}to{opacity:1}}.reconnect-overlay.dismissing{animation:reconnect-fade-out .4s ease-in forwards}@keyframes reconnect-fade-out{0%{opacity:1}to{opacity:0}}.reconnect-card{text-align:center;padding:2.5rem 2rem;max-width:380px;width:90%;border-radius:1.25rem;background:linear-gradient(145deg,#1e1e3cf2,#14142df2);border:1px solid rgba(0,217,255,.2);box-shadow:0 0 40px #00d9ff14,0 8px 32px #0006}.reconnect-icon{font-size:3rem;margin-bottom:1rem;animation:reconnect-pulse 2s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reconnect-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;font-family:var(--font-title, "Orbitron", sans-serif)}.reconnect-phase{font-size:.875rem;color:#ffffff80;margin-bottom:1.5rem;text-transform:capitalize}.reconnect-players{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:.75rem;background:#00d9ff14;border:1px solid rgba(0,217,255,.15)}.reconnect-player-dots{display:flex;gap:.35rem}.reconnect-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s ease,box-shadow .3s ease}.reconnect-dot.connected{background:#00d9ff;box-shadow:0 0 6px #00d9ff80}.reconnect-count{font-size:.9rem;color:#ffffffb3;font-variant-numeric:tabular-nums}.reconnect-action{margin-top:.5rem}.reconnect-resume-btn{padding:.75rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#00d9ff,#0084ff);box-shadow:0 0 20px #00d9ff4d;transition:transform .15s ease,box-shadow .15s ease;font-family:var(--font-title, "Orbitron", sans-serif)}.reconnect-resume-btn:hover{transform:translateY(-1px);box-shadow:0 0 30px #00d9ff80}.reconnect-resume-btn:active{transform:translateY(0)}.reconnect-waiting{font-size:.9rem;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:.5rem}.reconnect-waiting-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:reconnect-spin .8s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reconnect-icon,.reconnect-waiting-spinner,.reconnect-overlay,.reconnect-overlay.dismissing{animation:none}}.streamer-broadcast-root{display:flex;height:100vh;width:100vw;overflow:hidden;background:#06080f;color:#e8ecf4;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.streamer-broadcast-root.setup-mode{flex-direction:row}.streamer-broadcast-root.stream-mode{flex-direction:row;position:relative}.streamer-broadcast-preview{flex:1;display:flex;flex-direction:column;position:relative;border:1px solid rgba(0,229,255,.12);margin:6px;border-radius:6px;overflow:hidden;background:#080b14;box-shadow:inset 0 0 40px #00e5ff08,0 0 1px #00e5ff33}.streamer-preview-label{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#00e5ff1a;color:#00e5ff;font-size:9px;font-weight:700;letter-spacing:.15em;padding:2px 12px;border-radius:3px;border:1px solid rgba(0,229,255,.15);z-index:10;pointer-events:none;text-transform:uppercase}.streamer-settings-panel-container{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.streamer-settings-panel{width:100%;flex:1;min-height:0;background:#0a0d16;border-left:1px solid rgba(0,229,255,.08);display:flex;flex-direction:column;padding:14px 12px;gap:16px;overflow-y:auto;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,255,.008) 2px,rgba(0,229,255,.008) 4px)}.streamer-settings-panel::-webkit-scrollbar{width:4px}.streamer-settings-panel::-webkit-scrollbar-track{background:transparent}.streamer-settings-panel::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:2px}.streamer-settings-header{padding-bottom:10px;border-bottom:1px solid rgba(0,229,255,.08)}.streamer-settings-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:#00e5ff;text-transform:uppercase}.streamer-settings-section{display:flex;flex-direction:column;gap:8px}.streamer-settings-section-title{font-size:10px;font-weight:600;letter-spacing:.08em;color:#00e5ff73;text-transform:uppercase}.streamer-layout-cards{display:flex;gap:5px}.streamer-layout-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:5px;cursor:pointer;transition:all .15s ease;color:#e8ecf480}.streamer-layout-card:hover{background:#00e5ff0f;border-color:#00e5ff40;color:#00e5ff}.streamer-layout-card.active{background:#00e5ff1a;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 8px #00e5ff26}.streamer-layout-card-icon{font-size:18px;line-height:1}.streamer-layout-card-label{font-size:10px;font-weight:600;letter-spacing:.04em}.streamer-overlay-toggles{display:flex;flex-direction:column;gap:5px}.streamer-overlay-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0}.streamer-overlay-toggle input[type=checkbox]{display:none}.streamer-toggle-track{width:30px;height:16px;border-radius:8px;background:#ffffff14;flex-shrink:0;position:relative;transition:background .2s;border:1px solid rgba(255,255,255,.06)}.streamer-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:transform .2s ease,background .2s}.streamer-overlay-toggle input:checked+.streamer-toggle-track{background:#00e5ff40;border-color:#00e5ff4d}.streamer-overlay-toggle input:checked+.streamer-toggle-track:after{transform:translate(14px);background:#00e5ff;box-shadow:0 0 6px #00e5ff66}.streamer-overlay-label{font-size:11px;color:#e8ecf4b3}.streamer-settings-controls{margin-top:auto;gap:6px}.streamer-lock-btn{width:100%;padding:8px 12px;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:5px;color:#00e5ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;letter-spacing:.03em}.streamer-lock-btn:hover{background:#00e5ff26;box-shadow:0 0 12px #00e5ff26}.streamer-close-btn{width:100%;padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#e8ecf466;font-size:10px;cursor:pointer;transition:all .15s;text-align:center}.streamer-close-btn:hover{border-color:#ff3c5066;color:#ff3c50}.streamer-settings-hint{font-size:9px;color:#e8ecf433;line-height:1.4;text-align:center}.streamer-broadcast-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.streamer-gear-strip{width:28px;flex-shrink:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;cursor:pointer;position:relative;border-left:1px solid rgba(255,255,255,.04)}.streamer-gear-icon{font-size:14px;color:#fff3;line-height:1;transition:color .15s}.streamer-gear-strip:hover .streamer-gear-icon{color:#00e5ff80}.streamer-gear-menu{position:absolute;right:28px;top:6px;background:#0c0f1a;border:1px solid rgba(0,229,255,.2);border-radius:5px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100;white-space:nowrap;box-shadow:0 4px 20px #0009}.streamer-gear-menu-btn{padding:6px 10px;background:transparent;border:none;color:#e8ecf4b3;font-size:11px;cursor:pointer;border-radius:3px;text-align:left;transition:all .1s}.streamer-gear-menu-btn:hover{background:#00e5ff14;color:#00e5ff}.streamer-broadcast-area{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;background:#080b14}.streamer-layout-grid-mode,.streamer-layout-spotlight-mode,.streamer-layout-stage-mode{flex-direction:column}.streamer-webcam-strip{display:flex;flex-direction:row;height:90px;flex-shrink:0;background:#0006;border-bottom:1px solid rgba(0,229,255,.06);overflow-x:auto;overflow-y:hidden;gap:2px;padding:2px}.sb-strip-tile{flex-shrink:0;height:calc(100% - 4px);position:relative;border-radius:4px;overflow:hidden;background:#0c0f1a;border:1px solid rgba(255,255,255,.04)}.sb-strip-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-strip-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:12px 6px 3px;font-size:10px;color:#e8ecf4d9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8)}.streamer-webcam-grid{display:grid;gap:2px;padding:2px;background:#080b14}.streamer-webcam-grid.strip-mode{height:auto;grid-template-columns:1fr;grid-auto-rows:auto;overflow-y:auto;gap:6px;padding:6px}.streamer-webcam-grid.sb-grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.streamer-webcam-grid.sb-grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.streamer-webcam-grid.sb-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.streamer-webcam-grid.sb-grid-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.streamer-webcam-grid.sb-grid-9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.sb-webcam-tile{position:relative;overflow:hidden;border-radius:4px;background:#0c0f1a;border:1px solid rgba(255,255,255,.04);transition:border-color .3s ease}.sb-webcam-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-webcam-tile video.mirrored{transform:scaleX(-1)}.sb-webcam-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:14px 8px 5px;font-size:11px;font-weight:500;color:#e8ecf4e6;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sb-you-tag{opacity:.5;font-size:9px}.sb-tile-inner{position:relative;width:100%;height:100%}.sb-no-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c0f1a,#101425);pointer-events:none}.sb-no-video-overlay span{font-size:2em;font-weight:700;color:#00e5ff26;text-shadow:0 0 20px rgba(0,229,255,.08)}.streamer-spotlight-layout{display:flex;flex-direction:row;flex:1;overflow:hidden}.streamer-spotlight-main{flex:1;position:relative;overflow:hidden}.streamer-spotlight-sidebar{flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:2px;background:#0000004d;overflow-y:auto}.sb-spotlight-tile{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;background:#0c0f1a;border:1px solid rgba(255,255,255,.04);transition:border-color .2s}.sb-spotlight-tile:hover{border-color:#00e5ff33}.sb-spotlight-tile.large{width:100%;height:100%;border-radius:0;border:none}.sb-spotlight-tile.small{flex-shrink:0}.sb-spotlight-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-spotlight-tile video.mirrored{transform:scaleX(-1)}.sb-spotlight-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#e8ecf433;font-size:14px}.sb-spotlight-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:14px 8px 5px;font-size:11px;color:#e8ecf4e6;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sb-spotlight-tile.recording{border:2px solid #ff3c50;box-shadow:0 0 16px #ff3c504d}.sb-rec-overlay{position:absolute;top:8px;left:8px;background:#ff3c50;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.06em;animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.4}}.sb-inter-tile-handle-v{width:6px;min-width:6px;flex-shrink:0;align-self:stretch;position:relative;cursor:col-resize;z-index:10;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sb-inter-tile-handle-h{height:6px;min-height:6px;flex-shrink:0;position:relative;cursor:row-resize;z-index:10;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sb-inter-tile-handle-v:before,.sb-inter-tile-handle-h:before{content:"";position:absolute;border-radius:1px;background:#ffffff0f;transition:background .15s,box-shadow .15s}.sb-inter-tile-handle-v:before{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.sb-inter-tile-handle-h:before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.sb-inter-tile-handle-v:hover:before,.sb-inter-tile-handle-v.dragging:before,.sb-inter-tile-handle-h:hover:before,.sb-inter-tile-handle-h.dragging:before{background:#00e5ff80;box-shadow:0 0 6px #00e5ff40}.streamer-resize-handle-v,.streamer-resize-handle-h{position:relative;flex-shrink:0;z-index:20;-moz-user-select:none;user-select:none;-webkit-user-select:none}.streamer-resize-handle-v{width:8px;cursor:col-resize}.streamer-resize-handle-h{height:8px;cursor:row-resize}.streamer-resize-handle-v:before,.streamer-resize-handle-h:before{content:"";position:absolute;border-radius:1px;background:#ffffff14;transition:background .15s,box-shadow .15s}.streamer-resize-handle-v:before{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.streamer-resize-handle-h:before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.streamer-resize-handle-v:after,.streamer-resize-handle-h:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px;background:#ffffff1f;transition:background .15s,box-shadow .15s}.streamer-resize-handle-v:after{width:3px;height:18px}.streamer-resize-handle-h:after{width:18px;height:3px}.streamer-resize-handle-v:hover:before,.streamer-resize-handle-h:hover:before{background:#00e5ff66;box-shadow:0 0 6px #00e5ff33}.streamer-resize-handle-v:hover:after,.streamer-resize-handle-h:hover:after{background:#00e5ff99;box-shadow:0 0 8px #00e5ff4d}.streamer-resize-handle-v.dragging:before,.streamer-resize-handle-h.dragging:before{background:#00e5ff;box-shadow:0 0 12px #00e5ff80}.streamer-resize-handle-v.dragging:after,.streamer-resize-handle-h.dragging:after{background:#00e5ff;box-shadow:0 0 10px #00e5ff66}.streamer-game-stage{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#080b14,#0a0e19,#080b14);overflow:hidden;position:relative}.streamer-game-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,229,255,.008) 3px,rgba(0,229,255,.008) 4px);z-index:1}.streamer-stage-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0006;border-bottom:1px solid rgba(0,229,255,.06);flex-shrink:0;position:relative;z-index:2}.streamer-stage-header-left,.streamer-stage-header-right{display:flex;align-items:center;gap:10px}.streamer-game-title{font-size:14px;font-weight:700;color:#00e5ff;letter-spacing:.06em;text-shadow:0 0 12px rgba(0,229,255,.3)}.streamer-room-code{font-size:11px;color:#00e5ff66;font-weight:600;letter-spacing:.05em}.gb-phase-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.gb-phase-badge.phase-WAITING,.gb-phase-badge.phase-lobby{background:#ffffff0f;color:#e8ecf480}.gb-phase-badge.phase-PLAYING,.gb-phase-badge.phase-playing{background:#00e5ff1f;color:#00e5ff}.gb-phase-badge.phase-VOTING,.gb-phase-badge.phase-voting{background:#ff408126;color:#ff4081}.gb-phase-badge.phase-FINALE,.gb-phase-badge.phase-finale{background:#ffd70026;color:gold}.gb-phase-badge.phase-FINISHED,.gb-phase-badge.phase-finished{background:#4cff961f;color:#4cff96}.streamer-stage-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2}.streamer-stage-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.streamer-stage-inner.stage-waiting{opacity:.7}.streamer-stage-title{font-size:24px;font-weight:700;color:#e8ecf4;line-height:1.2}.streamer-stage-subtitle{font-size:14px;color:#e8ecf480}.streamer-broadcast-area.streamer-layout-grid-only{background:#080b14}.streamer-broadcast-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#00000059;border-bottom:1px solid rgba(0,229,255,.06);flex-shrink:0}.streamer-broadcast-header-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streamer-grid-status{font-size:11px;color:#e8ecf4ad;letter-spacing:.04em;text-transform:uppercase}.streamer-grid-stage{flex:1;min-height:0;display:flex;position:relative}.streamer-grid-stage>div{flex:1;min-height:0}.streamer-settings-subcopy{margin:6px 0 0;font-size:11px;line-height:1.5;color:#e8ecf485}.streamer-settings-summary-list{display:flex;flex-direction:column;gap:6px}.streamer-settings-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#e8ecf4a3}.streamer-settings-summary-row strong{color:#e8ecf4e6;font-weight:600}.streamer-overlay-toggles.simplified{gap:8px}.streamer-overlay-toggles.simplified .streamer-overlay-toggle{justify-content:space-between;gap:10px}.streamer-lock-btn,.streamer-close-btn,.streamer-gear-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.streamer-gear-icon,.streamer-gear-menu-btn svg,.streamer-lock-btn svg,.streamer-close-btn svg{flex-shrink:0}.streamer-webcam-grid.responsive-grid{height:100%;min-height:0;gap:8px;padding:8px;overflow:hidden}.streamer-webcam-grid.responsive-grid.sb-grid-1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.streamer-webcam-grid.responsive-grid.sb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.streamer-webcam-grid.responsive-grid.sb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid.sb-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid.sb-grid-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid .sb-webcam-tile{display:flex;flex-direction:column;min-width:0;min-height:0}.streamer-webcam-grid.responsive-grid .sb-webcam-media{position:relative;flex:1;min-height:0;overflow:hidden}.streamer-webcam-grid.responsive-grid .sb-tile-inner{height:100%;display:flex;align-items:center;justify-content:center}.streamer-webcam-grid.responsive-grid .sb-webcam-namebar{padding:8px 10px 9px;border-top:1px solid rgba(255,255,255,.05);background:#080b14f2;flex-shrink:0}.streamer-webcam-grid.responsive-grid .sb-webcam-name{position:static;background:none;padding:0;font-size:11px;font-weight:600;color:#e8ecf4e0;text-align:left;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-webcam-grid.responsive-grid .sb-you-tag{opacity:.55}.streamer-webcam-grid.responsive-grid .sb-inter-tile-handle-v{display:none}.streamer-webcam-grid.responsive-grid .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#0c0f1a}.streamer-broadcast-header.branded{padding:12px 16px}.streamer-lobby-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff9;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.streamer-lobby-status-dot{width:6px;height:6px;border-radius:50%;background:var(--gb-cyan, #00d9ff);animation:lobby-dot-pulse 2s ease-in-out infinite}@keyframes lobby-dot-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.streamer-lobby-status-dot{animation:none;opacity:.8}}.streamer-broadcast-branding{display:flex;align-items:center;gap:12px;min-width:0}.streamer-broadcast-mascot{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.streamer-broadcast-brandcopy{display:flex;flex-direction:column;min-width:0}.streamer-broadcast-title{font-size:18px;font-weight:700;line-height:1.05;color:var(--text-primary, #e8ecf4);letter-spacing:.01em}.streamer-broadcast-title-accent{background:linear-gradient(135deg,var(--gb-pink, #e94560) 0%,var(--gb-cyan, #00d9ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streamer-broadcast-subbrand{display:flex;align-items:baseline;gap:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.streamer-broadcast-subbrand .brand-game{color:var(--gb-pink, #e94560)}.streamer-broadcast-subbrand .brand-buddies{color:var(--gb-cyan, #00d9ff)}.streamer-broadcast-subbrand .brand-io{color:#e8ecf480}.streamer-broadcast-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(180deg,#0a0d16f0,#080b14db);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.streamer-broadcast-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.streamer-hud-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e8ecf4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.streamer-hud-pill.round{background:#ffc22e1f;border-color:#ffc22e47;color:#ffd76c}.streamer-hud-pill.phase.phase-playing{background:#00e5ff1f;border-color:#00e5ff47;color:#7ef6ff}.streamer-hud-pill.phase.phase-voting,.streamer-hud-pill.phase.phase-tie-breaking{background:#ff408124;border-color:#ff40814d;color:#ff8db4}.streamer-hud-pill.phase.phase-finale{background:#ffd15429;border-color:#ffd15452;color:#ffe082}.streamer-hud-pill.phase.phase-finished{background:#39d07a29;border-color:#39d07a47;color:#8bf0b2}.streamer-hud-pill.timer.is-live{background:#2cc57f24;border-color:#2cc57f52;color:#7ff2b2}.streamer-hud-pill.timer.is-warning{background:#ffbc3826;border-color:#ffbc384d;color:#ffd36b}.streamer-hud-pill.timer.is-critical{background:#ff5b5b29;border-color:#ff5b5b57;color:#ff9b9b;box-shadow:0 0 18px #ff5b5b29}.streamer-hud-pill.timer.is-idle{background:#ffffff0d;color:#e8ecf4b8}.streamer-broadcast-status-text{color:#e8ecf4b8;font-size:12px;font-weight:600;letter-spacing:.03em;text-align:right}.streamer-countdown-overlay{position:absolute;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#ffffff14,#06080f0a 40%,#06080f00)}.streamer-countdown-badge{min-width:180px;padding:20px 28px;border-radius:28px;background:#080b14e0;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px #00000061;color:#fff;font-size:76px;font-weight:900;line-height:1;letter-spacing:.04em;text-align:center;text-transform:uppercase;animation:streamer-countdown-pop .85s ease-out}@keyframes streamer-countdown-pop{0%{opacity:0;transform:scale(.78)}35%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(max-width:960px){.streamer-broadcast-hud{align-items:flex-start;flex-direction:column}.streamer-broadcast-status-text{text-align:left}.streamer-countdown-badge{min-width:150px;font-size:58px;padding:18px 24px}}.streamer-webcam-grid.responsive-grid .sb-webcam-tile.no-video{border-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff05}.streamer-webcam-grid.responsive-grid .sb-webcam-media.is-placeholder{background:none}.streamer-webcam-grid.responsive-grid .sb-no-video-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:0}.streamer-webcam-grid.responsive-grid .sb-no-video-overlay{padding:0;position:absolute;inset:0;overflow:hidden}.streamer-webcam-grid.responsive-grid .sb-no-video-overlay .sb-no-video-icon{position:absolute;bottom:8px;left:8px;width:16px;height:16px;color:#d8b4fe80;z-index:1}.streamer-webcam-grid.responsive-grid .sb-no-video-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#c084fc1f;border:1px solid rgba(192,132,252,.25);color:#d8b4fee6;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.streamer-webcam-grid.responsive-grid .sb-no-video-icon{width:14px;height:14px}.streamer-hud-pill.phase.phase-second-vote{background:#885cff2e;border-color:#885cff52;color:#c9b7ff}.streamer-hud-pill.phase.phase-gm{background:#ff8d382e;border-color:#ff8d3857;color:#ffc48a}.streamer-webcam-grid.responsive-grid .sb-webcam-media video,.streamer-webcam-grid.responsive-grid .sb-webcam-tile.local .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#0c0f1a}.streamer-webcam-grid.responsive-grid .sb-webcam-media{aspect-ratio:16 / 9;flex:none}.streamer-webcam-grid.responsive-grid.strip-mode,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-1,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-2,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-4,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-6,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-9{grid-template-columns:1fr;grid-template-rows:none}.streamer-webcam-grid.responsive-grid.strip-mode::-webkit-scrollbar{width:3px}.streamer-webcam-grid.responsive-grid.strip-mode::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:2px}.streamer-stage-inner.stage-drawing{display:flex;flex-direction:column;flex:1;min-height:0}.streamer-live-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;overflow:hidden}.streamer-live-canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:6px;border:1px solid rgba(0,229,255,.12);box-shadow:0 0 20px #00e5ff0d}.streamer-drawing-info{padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);background:#0003}.streamer-prompt-text{font-size:15px;font-weight:600;color:#e8ecf4e6;font-style:italic}.streamer-artist-name{font-size:13px;font-weight:700;color:#00e5ff;letter-spacing:.02em}.streamer-round-info{font-size:12px;font-weight:600;color:#e8ecf480;letter-spacing:.04em;text-transform:uppercase}.streamer-stage-inner.stage-gallery{display:flex;flex-direction:column;flex:1;min-height:0;align-items:stretch;justify-content:stretch;padding:0}.streamer-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-auto-rows:1fr;gap:10px;padding:12px 16px;flex:1;min-height:0;overflow-y:auto;align-content:stretch}.streamer-gallery-item{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0c0f1a;box-shadow:0 2px 12px #0000004d;display:flex;flex-direction:column}.streamer-gallery-item img{width:100%;flex:1;min-height:0;-o-object-fit:contain;object-fit:contain;background:#0f0f1a;display:block}.streamer-gallery-name{position:absolute;bottom:0;left:0;right:0;padding:8px 10px 6px;background:linear-gradient(transparent,#000000d9);font-size:12px;font-weight:600;color:#e8ecf4e6;text-align:center;letter-spacing:.02em}.streamer-gallery-rating-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#0009;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.streamer-gallery-name-inline{font-size:12px;font-weight:600;color:#e8ecf4e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-gallery-stars{font-size:16px;letter-spacing:1px;color:gold;flex-shrink:0;display:flex;align-items:center;gap:4px}.streamer-gallery-stars.unrated{color:#ffffff26}.streamer-gallery-avg{font-size:12px;font-weight:700;color:#e8ecf4cc;margin-left:4px}.streamer-gallery-item.winner{border-color:#facc1566;box-shadow:0 0 16px #facc151f}.streamer-winner-artwork{max-width:280px;margin:0 auto 12px}.streamer-winner-artwork .streamer-live-canvas{width:100%;border-color:#facc1540;box-shadow:0 0 24px #facc1514}.streamer-leaderboard{display:flex;flex-direction:column;gap:4px;width:100%;max-width:360px}.streamer-leaderboard-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:14px}.streamer-leaderboard-row.first{background:#facc1526;border-color:#facc154d}.streamer-leaderboard-name{color:#fff}.streamer-leaderboard-row.first .streamer-leaderboard-name{color:#facc15}.streamer-leaderboard-score{font-weight:700;color:#94a3b8}.streamer-leaderboard-row.first .streamer-leaderboard-score{color:#facc15}.streamer-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:16px 12px 0;flex:1;min-height:0}.streamer-podium-slot{display:flex;flex-direction:column;align-items:center;position:relative;animation:streamer-podium-rise .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes streamer-podium-rise{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.streamer-podium-crown{font-size:1.6rem;animation:streamer-crown-bounce 1s ease-in-out infinite alternate;margin-bottom:-4px}@keyframes streamer-crown-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.streamer-podium-medal{font-size:2rem;margin-bottom:.4rem}.streamer-podium-art{border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.15)}.streamer-podium-slot.gold .streamer-podium-art{width:240px;border-color:gold;box-shadow:0 0 20px #ffd70033}.streamer-podium-slot.silver .streamer-podium-art{width:190px;border-color:silver;box-shadow:0 0 14px #c0c0c026}.streamer-podium-slot.bronze .streamer-podium-art{width:190px;border-color:#cd7f32;box-shadow:0 0 14px #cd7f3226}.streamer-podium-art img{width:100%;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain;background:#0f0f1a;display:block}.streamer-podium-info{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:2px}.streamer-podium-name{font-size:14px;font-weight:700;color:#e8ecf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.streamer-podium-stars{font-size:16px;letter-spacing:1px;color:gold;display:flex;align-items:center;gap:4px}.streamer-podium-avg{font-size:12px;font-weight:700;color:#e8ecf4cc;margin-left:4px}.streamer-podium-block{margin-top:.4rem;padding:.3rem 1rem;border-radius:20px;font-weight:700;font-size:14px}.streamer-podium-slot.gold .streamer-podium-block{background:#ffd70026;color:gold}.streamer-podium-slot.silver .streamer-podium-block{background:#c0c0c01f;color:silver}.streamer-podium-slot.bronze .streamer-podium-block{background:#cd7f321f;color:#cd7f32}.streamer-podium-rest{display:flex;flex-direction:column;gap:4px;padding:8px 16px;max-width:460px;width:100%;margin:0 auto}.streamer-podium-rest-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);animation:streamer-podium-rise .5s cubic-bezier(.34,1.56,.64,1) both}.streamer-podium-rest-rank{font-size:13px;font-weight:700;color:#94a3b8;min-width:28px}.streamer-podium-rest-thumb{width:40px;height:30px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#0f0f1a;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.streamer-podium-rest-name{font-size:13px;font-weight:600;color:#e8ecf4;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-podium-rest-row .streamer-podium-stars{font-size:14px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.streamer-podium-slot,.streamer-podium-rest-row,.streamer-podium-crown{animation:none}}.streamer-timer.prompt-timer{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;color:#e8ecf4e6;letter-spacing:.04em}.streamer-timer.prompt-timer.urgent{color:#ff5b5b;text-shadow:0 0 16px rgba(255,91,91,.4)}.streamer-live-typing{font-size:22px;font-weight:600;color:#e8ecf4d9;font-style:italic;max-width:80%;word-break:break-word;line-height:1.4}.typing-cursor{animation:blink-cursor .8s step-end infinite;font-style:normal;color:#00e5ff}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.streamer-submitted-names{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:80%}.streamer-submitted-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#e8ecf4d9;font-size:12px;font-weight:600;letter-spacing:.02em}.submitted-check{color:#10b981;font-size:11px}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none;opacity:.7}}.streamer-game-over{position:relative;overflow:hidden}.streamer-confetti{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.streamer-confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:streamer-confetti-fall 3s ease-out infinite}.streamer-confetti-piece:nth-child(odd){border-radius:50%}.streamer-confetti-piece:nth-child(2n){transform:rotate(45deg)}@keyframes streamer-confetti-fall{0%{top:-20px;opacity:1;transform:translate(0) rotate(0)}to{top:110%;opacity:0;transform:translate(80px) rotate(720deg)}}.streamer-gameover-mascot{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;animation:streamer-mascot-bounce 1.5s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(0,229,255,.3))}@keyframes streamer-mascot-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.streamer-gameover-title{position:relative;z-index:1;text-shadow:0 0 20px rgba(0,229,255,.4)}.streamer-game-over .streamer-leaderboard{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.streamer-confetti-piece{animation:none;display:none}.streamer-gameover-mascot{animation:none}}body.cc-broadcast-body{font-family:var(--cc-font-handwritten, "Patrick Hand", cursive);background:radial-gradient(circle at 18% 18%,rgba(107,207,255,.14),transparent 26%),radial-gradient(circle at 82% 12%,rgba(255,107,157,.12),transparent 24%),linear-gradient(145deg,#11172b,#0f0f1a 48%,#1a1a2e);color:var(--cc-text-primary, #f0f0e8)}.cc-broadcast{color:var(--cc-text-primary, #f0f0e8);font-family:var(--cc-font-handwritten, "Patrick Hand", cursive)}.cc-broadcast .streamer-broadcast-preview{margin:12px;border:3px solid rgba(240,240,232,.22);border-radius:var(--cc-sketch-radius-card, 26px 12px 28px 12px / 12px 28px 12px 26px);background:var(--cc-paper-texture),linear-gradient(145deg,#16213ef5,#0f0f1afa);box-shadow:var(--cc-scribble-shadow, 0 0 0 1px rgba(255, 255, 255, .05)),0 24px 60px #0000006b}.cc-broadcast .streamer-preview-label{top:14px;padding:5px 16px;border:none;border-radius:var(--cc-sketch-radius-badge, 999px);background:linear-gradient(135deg,var(--cc-neon-pink, #ff6b9d),var(--cc-neon-cyan, #6bcfff));color:#0f0f1a;font-family:var(--cc-font-marker, "Permanent Marker", cursive);font-size:11px;letter-spacing:.16em;box-shadow:0 10px 24px #00000047}.cc-broadcast .streamer-broadcast-area{background:radial-gradient(circle at top,rgba(179,157,219,.08),transparent 24%),linear-gradient(180deg,#0c0f1ad1,#080b14fa)}.cc-broadcast .streamer-settings-panel{background:linear-gradient(180deg,#11172bfa,#0a0a1afa);border-left-color:#6bcfff2e}.cc-broadcast .streamer-settings-header{border-bottom-color:#6bcfff29}.cc-broadcast .streamer-settings-title{color:var(--cc-neon-cyan, #6bcfff);font-family:var(--cc-font-marker, "Permanent Marker", cursive);font-size:14px;letter-spacing:.1em}.cc-broadcast .streamer-settings-section-title{color:#ffe066c7}.cc-broadcast .streamer-settings-summary-list{padding:12px 14px;border:2px solid rgba(240,240,232,.18);border-radius:var(--cc-sketch-radius-sm-1, 18px 8px 16px 8px / 8px 16px 8px 18px);background:#16213e94;box-shadow:inset 0 0 0 1px #ffffff08}.cc-broadcast .streamer-settings-summary-row{color:#f0f0e8b8}.cc-broadcast .streamer-settings-summary-row strong{color:var(--cc-neon-cyan, #6bcfff);font-family:var(--cc-font-sketch, "Short Stack", cursive)}.cc-broadcast .streamer-overlay-label{color:#f0f0e8d1}.cc-broadcast .streamer-overlay-toggle input:checked+.streamer-toggle-track{background:#6bcfff3d;border-color:#6bcfff59}.cc-broadcast .streamer-overlay-toggle input:checked+.streamer-toggle-track:after{background:var(--cc-neon-cyan, #6bcfff);box-shadow:0 0 8px #6bcfff73}.cc-broadcast .streamer-lock-btn{background:linear-gradient(135deg,#6bcfff2e,#7ed56f29);border-color:#6bcfff5c;color:var(--cc-text-primary, #f0f0e8)}.cc-broadcast .streamer-lock-btn:hover{box-shadow:0 0 0 1px #6bcfff2e,0 12px 28px #6bcfff2e}.cc-broadcast .streamer-close-btn{border-color:#ff6b9d3d;color:#ff6b9dd1}.cc-broadcast .streamer-close-btn:hover{background:#ff6b9d1a;border-color:#ff6b9d6b;color:#ffdbe8}.cc-broadcast .streamer-broadcast-header.branded{padding:18px 18px 14px;border-bottom:2px dashed rgba(240,240,232,.18);background:radial-gradient(circle at top right,rgba(255,224,102,.08),transparent 24%),#0f0f1a8c}.cc-broadcast .streamer-broadcast-title{font-family:var(--cc-font-marker, "Permanent Marker", cursive);font-size:24px;color:var(--cc-text-primary, #f0f0e8)}.cc-broadcast .streamer-broadcast-title-accent{background:linear-gradient(135deg,var(--cc-neon-pink, #ff6b9d),var(--cc-neon-cyan, #6bcfff),var(--cc-neon-yellow, #ffe066));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cc-broadcast .streamer-broadcast-subbrand{color:#f0f0e870}.cc-broadcast .streamer-room-code,.cc-broadcast .streamer-lobby-status{background:#16213eb3;border-color:#6bcfff38;color:var(--cc-text-primary, #f0f0e8)}.cc-broadcast .streamer-lobby-status-dot{background:var(--cc-neon-yellow, #ffe066)}.cc-broadcast .streamer-broadcast-hud{padding:14px 18px;border-bottom:1px solid rgba(107,207,255,.12);background:#0c0f1ab8}.cc-broadcast .streamer-hud-pill.round{background:#ffe06624;border-color:#ffe06647;color:var(--cc-neon-yellow, #ffe066)}.cc-broadcast .streamer-hud-pill.phase.phase-mode,.cc-broadcast .streamer-hud-pill.timer.is-live{background:#6bcfff24;border-color:#6bcfff4d;color:var(--cc-neon-cyan, #6bcfff)}.cc-broadcast .streamer-broadcast-status-text{color:#f0f0e8b3}.cc-broadcast .streamer-webcam-grid.responsive-grid{gap:10px;padding:10px}.cc-broadcast .streamer-webcam-grid.responsive-grid .sb-webcam-tile{border:2px solid rgba(240,240,232,.14);border-radius:18px 10px 16px/10px 16px 10px 18px;background:#141423e6;box-shadow:0 10px 24px #0000003d}.cc-broadcast .streamer-webcam-grid.responsive-grid .sb-webcam-media{background:linear-gradient(160deg,rgba(107,207,255,.08),transparent 50%),#0c0f1af5}.cc-broadcast .streamer-webcam-grid.responsive-grid .sb-webcam-namebar{background:#0c0f1ae6}.cc-broadcast .streamer-webcam-grid.responsive-grid.strip-mode .sb-webcam-media{aspect-ratio:4 / 3}.cc-broadcast .streamer-gear-strip{background:#080a12e0;border-left-color:#6bcfff29}.lobby-metadata-panel{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0 1rem}.lobby-tagline-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.875rem;color:var(--text-primary, #fff);width:-moz-max-content;width:max-content;max-width:100%}.lobby-rules-details{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:0}.lobby-rules-details>summary{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;cursor:pointer;font-size:.875rem;color:var(--text-primary, #fff);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lobby-rules-details>summary::-webkit-details-marker{display:none}.lobby-rules-details[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}.lobby-rules-list{margin:0;padding:.75rem 1.5rem .875rem;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .75));line-height:1.5;display:flex;flex-direction:column;gap:.375rem}.lobby-rules-list li::marker{color:var(--accent-color, var(--gb-cyan, #FFB800));font-weight:700}.lobby-rules-why{margin:0;padding:0 .875rem .875rem;font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .65));font-style:italic}.lobby-flavor-rotator{min-height:1.4em;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .65));font-style:italic;padding:0 .25rem}.lobby-flavor-text{display:inline-block;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.lobby-flavor-text.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.lobby-flavor-text{transition:none}}.game-explainer-help-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:var(--gb-cyan, #00d9ff);cursor:pointer;transition:background .15s ease,transform .15s ease;padding:0}.game-explainer-help-button:hover{background:#00d9ff33;transform:scale(1.05)}.game-explainer-help-button:focus-visible{outline:2px solid var(--gb-cyan, #00d9ff);outline-offset:2px}.game-explainer-overlay{position:fixed;inset:0;background:#060812eb;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-explainer, 10000);padding:24px;animation:gex-fade-in .2s ease}@keyframes gex-fade-in{0%{opacity:0}to{opacity:1}}.game-explainer-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:720px;width:100%;max-height:92vh;padding:32px 24px;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border:1px solid #ff6b9d;border-radius:var(--radius-xl, 16px);color:#f0f0e8;box-shadow:0 24px 80px #00000080}.game-explainer-close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:var(--text-secondary, #c5cce0);cursor:pointer;padding:6px;border-radius:6px;transition:color .15s ease,background .15s ease}.game-explainer-close:hover{color:var(--gb-pink, #e94560);background:#ffffff0d}.game-explainer-close:focus-visible,.game-explainer-skip:focus-visible{outline:2px solid var(--gb-cyan, #00d9ff);outline-offset:2px}.game-explainer-stage{width:100%;max-width:640px;position:relative}.game-explainer-stage>svg{width:100%;height:100%;display:block}.game-explainer-caption-strip{min-height:80px;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:0 8px}.game-explainer-caption{margin:0;font-family:var(--font-hand, "Patrick Hand", system-ui),sans-serif;font-size:clamp(20px,3.5vw,28px);font-weight:700;color:var(--text-primary, #fff);line-height:1.3}.game-explainer-captions-list{list-style:disc inside;text-align:left;margin:0;padding:0;font-size:16px;color:var(--text-secondary, #c5cce0)}.game-explainer-captions-list li{margin:4px 0}.game-explainer-skip{position:absolute;bottom:12px;right:16px;background:transparent;border:0;color:var(--text-secondary, #c5cce0);font-size:12px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:4px}.game-explainer-skip:hover{color:var(--gb-cyan, #00d9ff);background:#ffffff0d}@media(max-width:640px){.game-explainer-overlay{padding:12px}.game-explainer-modal{padding:24px 16px;gap:16px}.game-explainer-caption{font-size:clamp(18px,5vw,24px)}}.game-explainer-sidebar{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-lg, 12px);background:#00d9ff0a;border:1px solid rgba(0,217,255,.15);cursor:pointer;transition:background .15s ease,border-color .15s ease}.game-explainer-sidebar:hover{background:#00d9ff14;border-color:#00d9ff52}.game-explainer-sidebar:focus-visible{outline:2px solid var(--gb-cyan, #00d9ff);outline-offset:2px}.game-explainer-sidebar-stage{width:100%;max-width:320px;margin:0 auto;position:relative}.game-explainer-sidebar-stage>svg{width:100%;height:100%;display:block}.game-explainer-sidebar-caption{margin:0;font-family:var(--font-hand, "Patrick Hand", system-ui),sans-serif;font-size:13px;color:var(--text-primary, #fff);text-align:center;line-height:1.4;min-height:32px}@media(prefers-reduced-motion:reduce){.game-explainer-help-button{transition:none}.game-explainer-help-button:hover{transform:none}.game-explainer-sidebar{transition:none}.game-explainer-overlay{animation:none}}.game-explainer-stage{padding-top:4px;padding-right:28px;box-sizing:border-box}.game-explainer-close{z-index:2;background:#0f172a8c;border:1px solid rgba(255,255,255,.08)}.game-explainer-close:hover{background:#0f172ac7}@media(max-width:640px){.game-explainer-stage{padding-right:36px;padding-top:8px}}.cc-zoomable-artwork{position:relative;display:inline-block;max-width:100%;line-height:0}.cc-zoomable-artwork img{display:block;max-width:100%}.cc-zoomable-artwork.cc-zoom-fill{display:block;width:100%;overflow:hidden;border-radius:inherit}.cc-zoomable-artwork.cc-zoom-fill img{width:100%;max-width:100%}.cc-zoom-button{position:absolute;top:8px;left:8px;width:26px;height:26px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#0a101ecc;color:#fff;font-size:16px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease;z-index:11}.cc-zoom-button:hover{background:#1577fff2;transform:scale(1.05)}.cc-zoomable-artwork:hover .cc-zoom-button,.cc-zoomable-artwork:focus-within .cc-zoom-button{opacity:1}.cc-zoom-overlay{position:fixed;inset:0;z-index:22000;display:flex;align-items:center;justify-content:center;padding:clamp(40px,8vh,64px) 18px 18px;background:#050912eb}.cc-zoom-image{max-width:min(96vw,1600px);max-height:calc(100dvh - 100px);max-height:calc(100vh - 100px);-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 18px 40px #0000008c;background:#0c1020}.cc-zoom-close{position:absolute;top:18px;right:18px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#0a101ed9;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:6px 12px;cursor:pointer}.cc-zoom-close:hover{background:#1577fff2;border-color:#ffffffd9}@media(hover:none),(max-width:768px){.cc-zoom-button{opacity:.88}}.mp-rating-header{text-align:center;margin-bottom:1.5rem}.mp-rating-header h2{font-family:var(--cc-font-marker);font-size:2rem;color:var(--cc-neon-yellow);text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:.25rem}.mp-rating-header .rating-prompt{color:var(--cc-text-secondary);font-size:.95rem;margin-bottom:.75rem}.mp-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;max-width:1300px;margin:0 auto 1.5rem;padding:0 1rem}.mp-gallery-card{background:var(--cc-bg-card);border:2px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:all .3s ease}.mp-gallery-card:not(.is-mine):hover{border-color:#ffd70066;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.mp-gallery-card.rated{border-color:#ffd70080;box-shadow:0 0 12px #ffd70026}.mp-gallery-card.is-mine{opacity:.6;border-style:dashed}.mp-gallery-image-wrap{aspect-ratio:4/3;overflow:hidden;background:#0a0a1a99}.mp-gallery-image-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.mp-gallery-footer{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.mp-gallery-name{font-family:var(--cc-font-marker);font-size:1rem;color:var(--cc-text-primary);display:flex;align-items:center;gap:.4rem}.you-tag{font-size:.7rem;color:var(--cc-neon-cyan);font-family:var(--cc-font-body, sans-serif);opacity:.8}.mp-own-label{font-size:.85rem;color:var(--cc-text-secondary);font-style:italic;padding:.5rem 0}.mp-star-row{display:flex;align-items:center;gap:4px;padding:4px 0}.mp-star-row.disabled{pointer-events:none;opacity:.35}.mp-star{background:none;border:none;padding:2px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.mp-star .star-svg{width:32px;height:32px;fill:#ffffff1f;stroke:#fff3;stroke-width:.5;transition:fill .2s ease,filter .2s ease,transform .15s ease}.mp-star:hover:not(:disabled) .star-svg{fill:#ffd70066;stroke:#ffd70099;transform:scale(1.15)}.mp-star.filled .star-svg{fill:gold;stroke:#ffc107;stroke-width:.3;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.mp-star.active .star-svg{transform:scale(1.2)}.mp-star:active:not(:disabled){transform:scale(.9)}.mp-star-count{font-size:.85rem;font-weight:700;color:gold;margin-left:4px;min-width:1rem;text-align:center}.mp-rating-actions{text-align:center;margin-top:1rem;padding-bottom:1rem}.mp-submit-ratings{border-color:gold!important;color:gold!important;background:#ffd70014!important;font-size:1.2rem!important;padding:.9rem 2.5rem!important}.mp-submit-ratings:hover:not(:disabled){box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033!important;background:#ffd70026!important}.mp-submit-ratings:disabled{opacity:.35;cursor:not-allowed}.masterpiece-reveal{padding:1rem;text-align:center}.mp-reveal-title{font-family:var(--cc-font-marker);font-size:2.2rem;color:gold;text-shadow:0 0 30px rgba(255,215,0,.5),0 0 60px rgba(255,215,0,.2);margin-bottom:2rem;animation:mp-title-glow 2s ease-in-out infinite alternate}@keyframes mp-title-glow{0%{text-shadow:0 0 20px rgba(255,215,0,.4),0 0 40px rgba(255,215,0,.15)}to{text-shadow:0 0 30px rgba(255,215,0,.7),0 0 60px rgba(255,215,0,.3)}}.mp-podium{display:flex;align-items:flex-end;justify-content:center;gap:1rem;max-width:900px;margin:0 auto 2rem;padding:0 .5rem}.mp-podium-slot{display:flex;flex-direction:column;align-items:center;position:relative;animation:mp-podium-rise .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes mp-podium-rise{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mp-podium-crown{font-size:1.6rem;animation:mp-crown-bounce 1s ease-in-out infinite alternate;margin-bottom:-4px}@keyframes mp-crown-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.mp-podium-medal{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.mp-podium-art{border-radius:12px;overflow:hidden;border:3px solid transparent;transition:box-shadow .3s}.mp-podium-slot.gold .mp-podium-art{width:220px;border-color:gold;box-shadow:0 0 20px #ffd70066,0 4px 20px #00000080}.mp-podium-slot.silver .mp-podium-art{width:180px;border-color:silver;box-shadow:0 0 12px #c0c0c04d,0 4px 16px #00000080}.mp-podium-slot.bronze .mp-podium-art{width:180px;border-color:#cd7f32;box-shadow:0 0 12px #cd7f324d,0 4px 16px #00000080}.mp-podium-art img{width:100%;aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain;display:block;background:#0a0a1acc}.mp-podium-info{margin-top:.6rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.mp-podium-name{font-family:var(--cc-font-marker);font-size:1.1rem;color:var(--cc-text-primary)}.mp-podium-block{margin-top:.5rem;padding:.4rem 1.2rem;border-radius:8px;font-weight:700;font-size:1rem}.mp-podium-slot.gold .mp-podium-block{background:#ffd70026;color:gold}.mp-podium-slot.silver .mp-podium-block{background:#c0c0c01f;color:silver}.mp-podium-slot.bronze .mp-podium-block{background:#cd7f321f;color:#cd7f32}.mp-podium-points{font-family:var(--cc-font-marker)}.mp-avg-stars{display:flex;align-items:center;gap:2px}.mp-avg-star{display:inline-flex;width:18px;height:18px}.mp-avg-star svg{width:100%;height:100%;fill:#ffffff1a;stroke:#ffffff26;stroke-width:.5}.mp-avg-star.filled svg{fill:gold;stroke:none;filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.mp-avg-star.half svg{fill:#ffd70066;stroke:gold;stroke-width:.5}.mp-avg-number{font-size:.9rem;font-weight:700;color:gold;margin-left:6px}.mp-rest-rankings{max-width:600px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:.6rem}.mp-rest-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--cc-bg-card);border-radius:10px;border:1px solid rgba(255,255,255,.06);animation:mp-podium-rise .5s cubic-bezier(.34,1.56,.64,1) both}.mp-rest-row.is-me{border-color:var(--cc-neon-cyan);box-shadow:0 0 8px #00f5ff26}.mp-rest-rank{font-family:var(--cc-font-marker);font-size:1.1rem;color:var(--cc-text-secondary);min-width:2rem}.mp-rest-thumb{width:48px;height:36px;-o-object-fit:contain;object-fit:contain;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0a0a1a99}.mp-rest-name{flex:1;font-size:.95rem;color:var(--cc-text-primary)}.mp-breakdown{margin-top:2rem;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 1rem}.mp-breakdown-title{font-family:var(--cc-font-marker);font-size:1.3rem;color:var(--cc-text-secondary);margin-bottom:1rem;text-align:center}.mp-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.mp-breakdown-card{background:var(--cc-bg-card);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.mp-breakdown-header{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.mp-breakdown-thumb{width:40px;height:30px;-o-object-fit:contain;object-fit:contain;border-radius:4px;background:#0a0a1a99}.mp-breakdown-artist{font-family:var(--cc-font-marker);font-size:.95rem;color:var(--cc-text-primary)}.mp-breakdown-rows{padding:.5rem .75rem}.mp-breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0}.mp-breakdown-row+.mp-breakdown-row{border-top:1px solid rgba(255,255,255,.04)}.mp-breakdown-rater{font-size:.82rem;color:var(--cc-text-secondary)}.mp-mini-stars{display:inline-flex;gap:1px;font-size:.8rem}.mp-mini-star{color:#ffffff26}.mp-mini-star.filled{color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}@media(max-width:600px){.mp-gallery{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.mp-star{width:44px;height:44px}.mp-star .star-svg{width:36px;height:36px}.mp-podium{gap:.5rem;padding:0}.mp-podium-slot.gold .mp-podium-art{width:140px}.mp-podium-slot.silver .mp-podium-art,.mp-podium-slot.bronze .mp-podium-art{width:110px}.mp-podium-medal{font-size:1.5rem}.mp-podium-name{font-size:.9rem}.mp-breakdown-grid{grid-template-columns:1fr}.mp-reveal-title{font-size:1.6rem}}@media(max-width:400px){.mp-star{width:48px;height:48px}.mp-star .star-svg{width:40px;height:40px}.mp-podium-slot.gold .mp-podium-art{width:120px}.mp-podium-slot.silver .mp-podium-art,.mp-podium-slot.bronze .mp-podium-art{width:95px}}.knockoff-game{width:100%;max-width:1200px;margin:0 auto;padding:1rem;color:var(--cc-text, #f0f0f0)}.knockoff-loading,.knockoff-waiting{text-align:center;padding:2rem;font-size:1.1rem;opacity:.8}.knockoff-header{text-align:center;margin-bottom:1.25rem;position:relative}.knockoff-header h2{font-size:1.6rem;margin:0 0 .5rem;letter-spacing:.04em}.knockoff-subhint{font-size:.95rem;opacity:.75;margin:0}.knockoff-round-badge{position:absolute;top:0;right:0;padding:.25rem .6rem;background:#00d9ff26;border:1px solid rgba(0,217,255,.5);border-radius:999px;font-size:.85rem;letter-spacing:.05em}.knockoff-peek .knockoff-truth-display{width:min(420px,80vw);height:min(420px,80vw);margin:1.5rem auto;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 0 32px #00d9ff40}.knockoff-peek .knockoff-truth-display svg{width:100%;height:100%}.knockoff-draw{display:flex;flex-direction:column;align-items:center}.knockoff-actions{margin-top:1rem;display:flex;justify-content:center}.knockoff-submit-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#ff2bc1,#00d9ff);color:#0d0f1a;font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:1rem;letter-spacing:.05em;transition:transform .12s ease}.knockoff-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.knockoff-submit-btn:disabled{opacity:.5;cursor:not-allowed}.knockoff-reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1.5rem 0}.knockoff-tile{background:#ffffff0d;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(255,255,255,.1);transition:border-color .2s ease}.knockoff-tile-truth{border-color:#00d9ff99;box-shadow:0 0 16px #00d9ff33;background:#00d9ff0f}.knockoff-tile-submission.is-me{border-color:#ff2bc199;box-shadow:0 0 12px #ff2bc12e}.knockoff-tile-label{font-size:.75rem;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.knockoff-tile-image{width:100%;aspect-ratio:1 / 1;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.knockoff-tile-image svg{width:80%;height:80%}.knockoff-tile-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.knockoff-tile-empty{color:#0000004d;font-size:2rem}.knockoff-tile-score{margin-top:.4rem;font-size:.85rem;font-weight:700;color:#00d9ff;letter-spacing:.04em}.knockoff-tile-strokes{font-size:.7rem;opacity:.55;letter-spacing:.04em;margin-top:.1rem}.knockoff-my-result{text-align:center;margin:1rem auto;padding:1rem;background:#ff2bc114;border:1px solid rgba(255,43,193,.3);border-radius:8px;max-width:500px}.knockoff-my-result-reaction{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.knockoff-my-result-score{font-size:.95rem;opacity:.8;margin-bottom:.75rem}.knockoff-breakdown{margin-top:1rem;padding:.75rem 1rem 1rem;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:left}.knockoff-breakdown-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:.6rem}.knockoff-score-bar{margin:.5rem 0}.knockoff-score-bar-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;margin-bottom:.2rem}.knockoff-score-bar-label{font-weight:600;color:#ffffffeb}.knockoff-score-bar-value{font-variant-numeric:tabular-nums;font-size:.8rem;color:#00d9fff2;font-weight:600}.knockoff-score-bar-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.knockoff-score-bar-fill{height:100%;background:linear-gradient(90deg,#ff2bc1,#00d9ff);transition:width .4s ease}.knockoff-score-bar-hint{font-size:.7rem;opacity:.55;margin-top:.2rem;letter-spacing:.02em}.knockoff-breakdown-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:.85rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.1);font-size:1rem;font-weight:700;letter-spacing:.04em}.knockoff-breakdown-total-value{color:#00d9ff;font-variant-numeric:tabular-nums}.knockoff-skip-notice{text-align:center;margin:1rem auto;padding:.75rem;background:#ffc8001a;border:1px solid rgba(255,200,0,.3);border-radius:6px;max-width:600px;color:#ffd966}.knockoff-next-round{text-align:center;margin-top:1rem}.share-overlay-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000d9;animation:shareOverlayFadeIn .25s ease-out}@keyframes shareOverlayFadeIn{0%{opacity:0}to{opacity:1}}.share-overlay-modal{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:#1a1a2e;border-radius:16px;padding:1.5rem;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #e94560,0 0 0 3px #00d9ff,0 0 40px #e9456026,0 0 60px #00d9ff1a,0 20px 60px #00000080;animation:shareModalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes shareModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-overlay-modal::-webkit-scrollbar{width:6px}.share-overlay-modal::-webkit-scrollbar-track{background:transparent}.share-overlay-modal::-webkit-scrollbar-thumb{background:#e945604d;border-radius:3px}.share-overlay-close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.share-overlay-close:hover{background:#e945604d;border-color:#e94560;color:#fff;transform:rotate(90deg)}.share-overlay-preview{width:100%;margin-bottom:1.25rem;border-radius:12px;overflow:hidden;background:#0000004d;min-height:200px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00d9ff14,inset 0 0 20px #0000004d}.share-overlay-image{width:100%;height:auto;display:block;border-radius:12px}.share-overlay-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:#ffffff80;font-size:.875rem}.share-overlay-spinner{width:32px;height:32px;border:3px solid rgba(233,69,96,.2);border-top-color:#e94560;border-radius:50%;animation:shareSpinnerRotate .8s linear infinite}@keyframes shareSpinnerRotate{to{transform:rotate(360deg)}}.share-overlay-buttons{display:flex;justify-content:center;gap:.625rem;margin-bottom:1rem;flex-wrap:wrap}.share-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .875rem;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fffc;cursor:pointer;transition:all .25s ease;min-width:68px}.share-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.share-btn:disabled{opacity:.4;cursor:not-allowed}.share-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0f;transition:all .25s ease}.share-btn-label{font-size:.6875rem;font-weight:600;white-space:nowrap;opacity:.7}.share-btn--native:hover:not(:disabled){border-color:#e94560;background:#e945601f}.share-btn--native:hover:not(:disabled) .share-btn-icon{background:#e9456033;color:#e94560;box-shadow:0 0 16px #e945604d}.share-btn--whatsapp:hover:not(:disabled){border-color:#25d366;background:#25d3661a}.share-btn--whatsapp:hover:not(:disabled) .share-btn-icon{background:#25d36633;color:#25d366;box-shadow:0 0 16px #25d3664d}.share-btn--telegram:hover:not(:disabled){border-color:#08c;background:#0088cc1a}.share-btn--telegram:hover:not(:disabled) .share-btn-icon{background:#08c3;color:#08c;box-shadow:0 0 16px #0088cc4d}.share-btn--discord:hover:not(:disabled){border-color:#5865f2;background:#5865f21a}.share-btn--discord:hover:not(:disabled) .share-btn-icon{background:#5865f233;color:#5865f2;box-shadow:0 0 16px #5865f24d}.share-btn--x:hover:not(:disabled){border-color:#fff6;background:#ffffff14}.share-btn--x:hover:not(:disabled) .share-btn-icon{background:#ffffff1f;box-shadow:0 0 16px #ffffff26}.share-overlay-download{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;color:#fff;background:#ffffff0a;transition:all .25s ease;border:2px solid transparent;background-image:linear-gradient(#1a1a2e,#1a1a2e),linear-gradient(135deg,#e94560,#00d9ff);background-origin:border-box;background-clip:padding-box,border-box}.share-overlay-download:hover:not(:disabled){background-image:linear-gradient(#e945601a,#00d9ff1a),linear-gradient(135deg,#e94560,#00d9ff);box-shadow:0 0 20px #e9456033,0 0 40px #00d9ff1a;transform:translateY(-2px)}.share-overlay-download:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.share-overlay-modal{max-width:100%;padding:1rem;border-radius:12px}.share-overlay-buttons{gap:.5rem}.share-btn{padding:.625rem .5rem;min-width:58px}.share-btn-icon{width:36px;height:36px}.share-btn-label{font-size:.625rem}}@media(max-width:360px){.share-overlay-buttons{flex-wrap:wrap;justify-content:center}.share-btn{flex:0 0 calc(33.333% - .5rem);min-width:unset}}.artwork-gallery{--gallery-bg: #1a1a2e;--gallery-card-bg: #16213e;--gallery-border: #0f3460;--accent-cyan: #4ecdc4;--accent-purple: #a855f7;--accent-gold: #ffd700;--text-primary: #ffffff;--text-secondary: #94a3b8;--museum-gold: #c9a227;--museum-gold-light: #e8d48b;--museum-gold-dark: #8b7314;background:var(--gallery-bg);border-radius:4px;padding:2rem;margin-top:2rem;position:relative;border:3px solid var(--museum-gold);outline:2px solid var(--museum-gold-dark);outline-offset:4px;box-shadow:inset 0 0 30px #c9a2271a,0 0 0 8px #0a0a14cc,0 0 40px #4ecdc426,0 0 80px #a855f71a,0 20px 60px #00000080}.artwork-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at top right,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(201,162,39,.08) 0%,transparent 50%),linear-gradient(135deg,#4ecdc405,#a855f705);pointer-events:none;border-radius:2px}.artwork-gallery:after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:4px;background:linear-gradient(135deg,var(--museum-gold-light) 0%,transparent 15%) top left,linear-gradient(225deg,var(--museum-gold-light) 0%,transparent 15%) top right,linear-gradient(45deg,var(--museum-gold-light) 0%,transparent 15%) bottom left,linear-gradient(315deg,var(--museum-gold-light) 0%,transparent 15%) bottom right;background-size:60px 60px;background-repeat:no-repeat;opacity:.6}.artwork-gallery--empty{min-height:min(200px,30vh);display:flex;align-items:center;justify-content:center}.gallery-empty-state{text-align:center;color:var(--text-secondary)}.gallery-empty-state .empty-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.gallery-empty-state h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.gallery-empty-state p{margin:0;font-size:.875rem}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;position:relative;z-index:1}.gallery-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.title-icon{font-size:1.5rem}.artwork-count{background:var(--accent-purple);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:700}.gallery-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gallery-close-btn{position:absolute;top:-.5rem;right:-.5rem;width:32px;height:32px;border-radius:50%;background:var(--gallery-card-bg);border:1px solid var(--gallery-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gallery-close-btn:hover{background:var(--accent-purple);color:#fff}.gallery-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.gallery-btn--secondary{background:var(--gallery-card-bg);color:var(--text-secondary);border:1px solid var(--gallery-border)}.gallery-btn--secondary:hover{background:var(--accent-cyan);color:var(--gallery-bg);border-color:var(--accent-cyan)}.gallery-btn--premium{background:linear-gradient(135deg,var(--accent-gold) 0%,#ffc107 100%);color:#1a1a2e;box-shadow:0 0 20px #ffd7004d}.gallery-btn--premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ffd70080}.gallery-btn--premium:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(26,26,46,.3);border-top-color:#1a1a2e;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{font-size:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;padding:.5rem;position:relative;z-index:1}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.gallery-header{flex-direction:column;align-items:flex-start}.gallery-controls{width:100%;justify-content:space-between}.gallery-card{--frame-width: 6px;--inner-mat: 3px}}@media(max-width:360px){.gallery-grid{grid-template-columns:1fr;gap:1rem}}.gallery-card{--frame-gold: #d4a84b;--frame-gold-light: #f5d998;--frame-gold-dark: #8b6914;--frame-bronze: #cd7f32;--frame-shadow: rgba(0, 0, 0, .6);--frame-highlight: rgba(255, 235, 180, .4);--frame-width: 8px;--inner-mat: 4px;position:relative;aspect-ratio:4/3;background:var(--gallery-card-bg);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 2px 2px 0 var(--frame-highlight),inset -2px -2px 0 var(--frame-shadow),inset 0 0 0 var(--inner-mat) #1a1a1a,0 0 0 var(--frame-width) var(--frame-gold),calc(var(--frame-width) + 1px) calc(var(--frame-width) + 1px) 0 0 var(--frame-gold-dark),calc(var(--frame-width) * -1 - 1px) calc(var(--frame-width) * -1 - 1px) 0 0 var(--frame-gold-light),0 8px 24px var(--frame-shadow),0 4px 8px #0006;outline:2px solid var(--frame-gold-dark);outline-offset:calc(var(--frame-width) - 2px)}.gallery-card:before{content:"";position:absolute;inset:calc(var(--inner-mat) * -1);border:3px solid transparent;-o-border-image:linear-gradient(135deg,var(--frame-gold-light) 0%,var(--frame-gold) 25%,var(--frame-gold-dark) 50%,var(--frame-gold) 75%,var(--frame-gold-light) 100%) 1;border-image:linear-gradient(135deg,var(--frame-gold-light) 0%,var(--frame-gold) 25%,var(--frame-gold-dark) 50%,var(--frame-gold) 75%,var(--frame-gold-light) 100%) 1;pointer-events:none;z-index:5;opacity:.8}.gallery-card:after{content:"";position:absolute;top:-100%;left:-100%;width:60%;height:200%;background:linear-gradient(115deg,transparent 20%,rgba(255,235,180,.15) 40%,rgba(255,255,255,.25) 50%,rgba(255,235,180,.15) 60%,transparent 80%);transform:rotate(25deg);transition:all .6s ease;pointer-events:none;z-index:6}.gallery-card:hover:after{top:-50%;left:150%}.gallery-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:inset 2px 2px 0 var(--frame-highlight),inset -2px -2px 0 var(--frame-shadow),inset 0 0 0 var(--inner-mat) #1a1a1a,0 0 0 var(--frame-width) var(--frame-gold-light),calc(var(--frame-width) + 1px) calc(var(--frame-width) + 1px) 0 0 var(--frame-gold),calc(var(--frame-width) * -1 - 1px) calc(var(--frame-width) * -1 - 1px) 0 0 var(--frame-gold-light),0 0 30px #d4a84b66,0 0 60px #d4a84b33,0 12px 32px var(--frame-shadow);outline-color:var(--frame-gold-light)}.gallery-card--selected{--frame-gold: #ffd700;--frame-gold-light: #fff4b3;box-shadow:inset 2px 2px 0 var(--frame-highlight),inset -2px -2px 0 var(--frame-shadow),inset 0 0 0 var(--inner-mat) #1a1a1a,0 0 0 var(--frame-width) var(--frame-gold),calc(var(--frame-width) + 2px) calc(var(--frame-width) + 2px) 0 0 var(--frame-gold-dark),calc(var(--frame-width) * -1 - 2px) calc(var(--frame-width) * -1 - 2px) 0 0 var(--frame-gold-light),0 0 20px #ffd70080,0 0 40px #ffd7004d,0 0 60px #ffd70026;animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{outline-color:var(--frame-gold);filter:brightness(1)}50%{outline-color:var(--frame-gold-light);filter:brightness(1.1)}}.gallery-card--selected:after{background:linear-gradient(115deg,transparent 20%,rgba(255,215,0,.2) 40%,rgba(255,255,255,.35) 50%,rgba(255,215,0,.2) 60%,transparent 80%);animation:continuousShimmer 3s ease-in-out infinite}@keyframes continuousShimmer{0%{top:-100%;left:-100%}to{top:-50%;left:150%}}.card-checkbox{position:absolute;top:.5rem;left:.5rem;z-index:10;cursor:pointer}.card-checkbox input{display:none}.checkbox-custom{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#16213ee6;border:2px solid var(--gallery-border);border-radius:6px;transition:all .2s}.card-checkbox input:checked+.checkbox-custom{background:var(--accent-gold);border-color:var(--accent-gold)}.card-checkbox input:checked+.checkbox-custom:after{content:"✓";color:var(--gallery-bg);font-weight:700;font-size:14px}.card-share-btn{position:absolute;top:.5rem;right:.5rem;z-index:10;width:28px;height:28px;border-radius:6px;background:#16213ee6;border:1px solid var(--gallery-border);color:var(--text-secondary);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;padding:0;line-height:1}.gallery-card:hover .card-share-btn{opacity:1}.card-share-btn:hover{background:var(--accent-cyan);color:var(--gallery-bg);border-color:var(--accent-cyan);transform:scale(1.1)}.card-skeleton{position:absolute;inset:0;background:var(--gallery-card-bg);overflow:hidden}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(78,205,196,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s,transform .3s}.gallery-card:hover .card-image{transform:scale(1.05)}.card-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(22,33,62,.95) 0%,rgba(22,33,62,.8) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:space-between}.card-player{color:var(--text-primary);font-weight:600;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.card-meta{display:flex;align-items:center;gap:.5rem}.card-round{background:var(--accent-purple);color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:4px;font-weight:700}.card-mode{font-size:1rem}.card-rating{color:gold;font-size:.7rem;letter-spacing:1px;text-align:center;padding:2px 0;position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(to top,rgba(22,33,62,.9) 0%,transparent 100%)}.card-glow{position:absolute;inset:-12px;background:conic-gradient(from 0deg,var(--accent-cyan),var(--accent-purple),var(--accent-gold),var(--accent-cyan));opacity:0;z-index:-1;border-radius:8px;filter:blur(14px);transition:opacity .4s ease}.gallery-card:hover .card-glow{opacity:.4;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:blur(14px);opacity:.4}50%{filter:blur(18px);opacity:.55}}.gallery-lightbox{--lb-gold: #c9a227;--lb-gold-light: #e8d48b;--lb-gold-dark: #8b7314;--lb-gold-bright: #ffd700;--lb-mat-color: #0a0a14;--lb-mat-inner: #12121f;position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse 50% 60% at 50% 45%,rgba(30,30,50,.85) 0%,transparent 70%),radial-gradient(ellipse at top left,rgba(201,162,39,.06) 0%,transparent 40%),radial-gradient(ellipse at top right,rgba(201,162,39,.06) 0%,transparent 40%),radial-gradient(ellipse at bottom left,rgba(168,85,247,.04) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(78,205,196,.04) 0%,transparent 40%),radial-gradient(ellipse 120% 120% at 50% 50%,#0f0f1a,#050508);animation:lightboxFadeIn .35s ease-out}.gallery-lightbox:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(201,162,39,.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 20%,rgba(78,205,196,.3) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(168,85,247,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 80%,rgba(201,162,39,.3) 0%,transparent 100%);animation:ambientFloat 8s ease-in-out infinite;pointer-events:none;opacity:.6}@keyframes ambientFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;background:var(--lb-mat-color);border-radius:6px;overflow:visible;border:6px solid var(--lb-gold);outline:3px solid var(--lb-gold-dark);outline-offset:4px;box-shadow:inset 3px 3px #e8d48b66,inset -3px -3px #00000080,0 0 0 10px #05050ae6,0 0 60px #c9a2274d,0 0 120px #c9a22726,0 0 80px #4ecdc41a,0 0 100px #a855f714,0 30px 80px #000000b3;animation:lightboxReveal .5s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}.lightbox-content:before{content:"";position:absolute;inset:-10px;pointer-events:none;z-index:20;background:linear-gradient(135deg,var(--lb-gold-light) 0%,var(--lb-gold) 20%,transparent 35%) top left,linear-gradient(225deg,var(--lb-gold-light) 0%,var(--lb-gold) 20%,transparent 35%) top right,linear-gradient(45deg,var(--lb-gold-light) 0%,var(--lb-gold) 20%,transparent 35%) bottom left,linear-gradient(315deg,var(--lb-gold-light) 0%,var(--lb-gold) 20%,transparent 35%) bottom right;background-size:50px 50px;background-repeat:no-repeat;opacity:.9;animation:cornerShimmer 4s ease-in-out infinite}@keyframes cornerShimmer{0%,to{opacity:.8}50%{opacity:1}}.lightbox-content:after{content:"";position:absolute;inset:4px;border:3px solid var(--lb-mat-inner);box-shadow:inset 0 0 20px #000c,inset 0 0 40px #0006;pointer-events:none;z-index:1;border-radius:2px}.lightbox-close{position:absolute;top:-15px;right:-15px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--lb-gold) 0%,var(--lb-gold-dark) 100%);border:3px solid var(--lb-gold-light);color:#1a1a2e;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:30;box-shadow:0 0 20px #c9a22766,0 4px 12px #00000080}.lightbox-close:hover{background:linear-gradient(135deg,var(--lb-gold-bright) 0%,var(--lb-gold) 100%);transform:rotate(90deg) scale(1.1);box-shadow:0 0 30px #ffd70099,0 6px 20px #0006}.lightbox-image-wrapper{position:relative;padding:12px;background:var(--lb-mat-color)}.lightbox-image{max-width:100%;max-height:65vh;display:block;margin:0 auto;border:2px solid var(--lb-mat-inner);box-shadow:0 0 0 4px var(--lb-mat-color),inset 0 0 30px #0000004d}.lightbox-info{padding:1rem 1.5rem;background:linear-gradient(180deg,var(--lb-mat-inner) 0%,var(--lb-mat-color) 100%);display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--lb-gold-dark);position:relative}.lightbox-info:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--lb-gold) 50%,transparent 100%)}.lightbox-player{color:var(--lb-gold-light);font-weight:700;font-size:1.125rem;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.lightbox-meta{color:var(--text-secondary);font-size:.875rem;font-style:italic}.lightbox-actions{padding:0 1.5rem 1.5rem;background:var(--lb-mat-color);display:flex;justify-content:center;gap:.75rem}.lightbox-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none}.lightbox-btn--premium{background:linear-gradient(135deg,var(--lb-gold-bright) 0%,var(--lb-gold) 50%,var(--lb-gold-dark) 100%);background-size:200% 200%;color:#1a1a2e;border:2px solid var(--lb-gold-light);box-shadow:0 0 20px #ffd7004d,inset 0 1px #ffffff4d;animation:goldShift 3s ease-in-out infinite}@keyframes goldShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lightbox-btn--premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 40px #ffd70080,0 8px 24px #0006,inset 0 1px #fff6}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxReveal{0%{opacity:0;transform:scale(.85) rotateX(10deg);filter:blur(10px)}60%{opacity:1;filter:blur(0)}80%{transform:scale(1.02) rotateX(-2deg)}to{opacity:1;transform:scale(1) rotateX(0);filter:blur(0)}}.lightbox-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.5}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@font-face{font-family:Gloria Hallelujah;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/gloria-hallelujah-400.woff2) format("woff2")}@font-face{font-family:Indie Flower;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/indie-flower-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/canvas-chaos/fonts/inter-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/canvas-chaos/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/canvas-chaos/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/canvas-chaos/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/canvas-chaos/fonts/inter-800.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/canvas-chaos/fonts/inter-900.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/patrick-hand-400.woff2) format("woff2")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/permanent-marker-400.woff2) format("woff2")}@font-face{font-family:Short Stack;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/short-stack-400.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/canvas-chaos/fonts/space-grotesk-400.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/canvas-chaos/fonts/space-grotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/canvas-chaos/fonts/space-grotesk-600.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/canvas-chaos/fonts/space-grotesk-700.woff2) format("woff2")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Space Grotesk,Poppins,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{height:100%;background:var(--bg-primary);min-height:var(--viewport-height);min-height:100dvh;font-size:16px}body{font-family:Space Grotesk,Poppins,sans-serif;font-family:var(--font-body);background:var(--bg-primary);min-height:100dvh;overflow-x:hidden;overflow-y:auto;color:var(--text-primary);margin:0;padding:0}body:has(.game-page){height:100dvh;overflow:hidden}#root{min-height:100vh;background:var(--bg-primary)}*{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}p,label{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.btn-icon{padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.\!input,.input{width:100%;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.\!input{font-family:var(--font-hand)!important;background:var(--bg-tertiary)!important;border:2px solid var(--panel-border)!important;border-radius:var(--border-wobbly-sm)!important;color:var(--text-primary)!important}.input{font-family:var(--font-hand);background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);color:var(--text-primary)}.\!input:focus{outline:none!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.\!input::-moz-placeholder{color:var(--text-secondary)!important;font-style:italic!important}.\!input::placeholder{color:var(--text-secondary)!important;font-style:italic!important}.input::-moz-placeholder{color:var(--text-secondary);font-style:italic}.input::placeholder{color:var(--text-secondary);font-style:italic}.card{padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm)}.card:hover{border-color:var(--accent-glow);transform:scale(1.005) rotate(.3deg)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg)}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[action\:rejected\]{action:rejected}:root{--z-background: -2;--z-background-grid: -1;--z-content: 1;--z-webcam: 10;--z-game: 20;--z-filmstrip: 100;--z-theme-toggle: 995;--z-settings-fab: 996;--z-chat-drawer-backdrop: 997;--z-mobile-drawer: 998;--z-mobile-fab-cluster: 999;--z-mobile-nav: 1000;--z-mobile-menu: 9000;--z-mobile-menu-backdrop: 8999;--z-orientation-prompt: 9997;--z-settings-modal-backdrop: 9998;--z-settings-modal: 9999;--z-round-start-overlay: 10000;--z-mobile-toast: 10001;--z-skip-link: 10002;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-fluid-xs: clamp(.125rem, .5vw, .25rem);--spacing-fluid-sm: clamp(.25rem, 1vw, .5rem);--spacing-fluid-md: clamp(.5rem, 2vw, 1rem);--spacing-fluid-lg: clamp(.75rem, 3vw, 1.5rem);--spacing-fluid-xl: clamp(1rem, 4vw, 2rem);--gap-xs: clamp(.25rem, .5vw, .5rem);--gap-sm: clamp(.5rem, 1vw, .75rem);--gap-md: clamp(.75rem, 1.5vw, 1rem);--gap-lg: clamp(1rem, 2vw, 1.5rem);--gap-xl: clamp(1.5rem, 3vw, 2rem);--padding-section: clamp(1rem, 4vw, 2.5rem);--padding-card: clamp(.75rem, 2vw, 1.5rem);--radius-sm: clamp(.25rem, .5vw, .5rem);--radius-md: clamp(.5rem, 1vw, .75rem);--radius-lg: clamp(.75rem, 1.5vw, 1rem);--radius-xl: clamp(1rem, 2vw, 1.5rem);--safe-bottom: max(var(--spacing-md), env(safe-area-inset-bottom));--safe-left: max(var(--spacing-md), env(safe-area-inset-left));--safe-right: max(var(--spacing-md), env(safe-area-inset-right));--safe-top: max(var(--spacing-md), env(safe-area-inset-top));--viewport-height: 100dvh;--viewport-width: 100dvw;--primary: #e94560;--primary-light: #f06292;--primary-dark: #c73e54;--primary-rgb: 233, 69, 96;--secondary: #00d9ff;--secondary-light: #33e0ff;--secondary-glow: rgba(0, 217, 255, .4);--secondary-rgb: 0, 217, 255;--gb-pink: #e94560;--gb-cyan: #00d9ff;--success-400: #4ADE80;--success-500: #22c55e;--success-600: #16a34a;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--warning-400: #FB923C;--warning-500: #f97316;--warning-600: #ea580c;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--bg-dark: #0d0f1a;--bg-darker: #0a0c14;--bg-card: rgba(21, 27, 48, .35);--bg-card-hover: rgba(30, 41, 59, .5);--panel-bg: rgba(13, 15, 26, .45);--panel-bg-hover: rgba(21, 27, 48, .6);--panel-border: rgba(255, 255, 255, .1);--panel-border-strong: rgba(0, 217, 255, .4);--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #1E293B;--bg-quaternary: #0F172A;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-accent: #00d9ff;--border-color: #334155;--card-bg: rgba(30, 41, 59, .8);--accent-color: #00d9ff;--accent-color-rgb: 0, 217, 255;--accent-hover: #00b8d9;--accent-glow: rgba(0, 217, 255, .4);--gradient-start: #e94560;--gradient-end: #00d9ff;--gradient-button: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));--border-wobbly-xs: 240px 12px 220px 12px / 12px 220px 12px 240px;--border-wobbly-sm: 255px 15px 225px 15px / 15px 225px 15px 255px;--border-wobbly-md: 265px 25px 235px 25px / 25px 235px 25px 265px;--border-wobbly-lg: 275px 35px 245px 35px / 35px 245px 35px 275px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-hand: "Patrick Hand", cursive;--font-title: "Gloria Hallelujah", cursive;--font-marker: "Permanent Marker", cursive;--font-heading: var(--font-title);--font-body: var(--font-hand);--header-height: 66px;--header-height-mobile: 48px;--sidebar-width: 320px;--sidebar-width-collapsed: 0px;--filmstrip-height: 120px;--filmstrip-height-collapsed: 40px;--touch-min: 44px;--touch-comfortable: 48px;--m-text-xs: .65rem;--m-text-sm: .75rem;--m-text-base: .875rem;--m-text-lg: 1rem;--m-text-xl: 1.125rem;--m-text-2xl: 1.375rem;--m-text-3xl: 1.75rem;--m-text-hero: 2.5rem;--m-space-1: 4px;--m-space-2: 8px;--m-space-3: 12px;--m-space-4: 16px;--m-space-5: 20px;--m-space-6: 24px;--m-space-8: 32px;--m-header-h: 48px;--m-phase-header-h: 40px;--m-prompt-pill-h: 36px;--m-toolbar-h: 52px;--m-toolbar-h-land: 44px;--m-submit-bar-h: 64px;--m-fab-size: 44px;--m-ease: cubic-bezier(.2, 0, 0, 1);--m-ease-in: cubic-bezier(.4, 0, 1, 1);--m-transition-fast: .15s var(--m-ease);--m-transition: .2s var(--m-ease);--m-transition-slow: .3s var(--m-ease);--m-surface: rgba(20, 20, 40, .95);--m-surface-raised: rgba(30, 30, 55, .98);--m-surface-deep: rgba(10, 12, 24, .98);--m-border: 1px solid rgba(255, 255, 255, .1);--m-border-cyan: 1px solid rgba(0, 217, 255, .3);--m-border-pink: 1px solid rgba(233, 69, 96, .4);--m-shadow: 0 2px 8px rgba(0, 0, 0, .4);--m-shadow-raised: 0 4px 16px rgba(0, 0, 0, .5);--m-shadow-float: 0 8px 24px rgba(0, 0, 0, .6);--m-radius-sm: 8px;--m-radius: 12px;--m-radius-lg: 16px;--m-radius-pill: 999px;--m-safe-bottom: env(safe-area-inset-bottom, 0px);--m-safe-top: env(safe-area-inset-top, 0px);--m-safe-left: env(safe-area-inset-left, 0px);--m-safe-right: env(safe-area-inset-right, 0px)}:root{--zoom-factor: 1;--vh-adjusted: 100vh;--dvh-adjusted: 100dvh}*{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(15,23,42,.6)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a99;border-radius:8px;border:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary) 0%,#c73e9a 50%,var(--secondary) 100%);border-radius:8px;border:2px solid rgba(15,23,42,.8);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 40%,var(--secondary) 100%);box-shadow:0 0 12px #e9456080,0 0 20px #00d9ff4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--primary-dark) 0%,#a83070 50%,var(--accent-hover) 100%)}::-webkit-scrollbar-corner{background:#0f172a99}::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,var(--primary) 0%,#c73e9a 50%,var(--secondary) 100%)}::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 40%,var(--secondary) 100%);box-shadow:0 0 12px #e9456080,0 0 20px #00d9ff4d}.font-hand{font-family:var(--font-hand)}.font-title{font-family:var(--font-title)}.font-marker{font-family:var(--font-marker)}.text-gradient{background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-gb .game{color:#fff;font-weight:700}.brand-gb .buddies{color:var(--gb-pink);font-weight:700}.brand-gb .io{color:var(--gb-cyan);font-weight:700}.app-root{min-height:100dvh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.app-root.in-room{display:flex!important;flex-direction:column!important;height:var(--vh-adjusted, 100vh)!important;height:var(--dvh-adjusted, 100dvh)!important;overflow:auto!important}.app-root.in-lobby{overflow:hidden!important}.app-layout{display:flex;flex-direction:column;width:100%;background:var(--panel-bg)}.app-root:not(.in-room) .app-layout{min-height:100vh;min-height:100dvh}.app-root.in-room .app-layout{display:flex;flex-direction:column;flex:1!important;min-height:0!important;width:100%;overflow:hidden!important}@media(max-width:63.9375rem){html.has-filmstrip .app-layout{padding-bottom:calc(var(--bottom-tab-bar-height, 0px) + env(safe-area-inset-bottom,0px) + var(--filmstrip-safe-space, 0px))}html.has-filmstrip .app-root:not(.filmstrip-resizing) .app-layout{transition:padding-bottom .3s cubic-bezier(.4,0,.2,1)}}.app-content{flex:1;display:flex;overflow:auto;padding-top:var(--header-height)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md)}.sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--panel-bg);border-left:1px solid var(--panel-border);overflow:hidden}.sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-section.chat-section{flex:2;border-top:1px solid var(--panel-border)}.desktop-only{display:none}@media(min-width:1280px){.desktop-only{display:flex}}.mobile-only{display:flex}@media(min-width:1280px){.mobile-only{display:none}}.lobby-page,.game-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@media(max-width:767px){.lobby-page{overflow-y:auto;-webkit-overflow-scrolling:touch}.app-root.in-room .app-layout:has(.lobby-page){overflow-y:auto!important}}.lobby-sidebar-section,.game-sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-sm)}.lobby-sidebar-section.chat-section,.game-sidebar-section.chat-section{flex:2;border-top:1px solid var(--panel-border)}.floating-label-container{width:100%}.floating-label-wrapper{position:relative;width:100%}.floating-label-input{width:100%;padding:1.25rem 1rem .75rem;font-size:1rem;font-family:var(--font-hand);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease}.floating-label-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.floating-label-input::-moz-placeholder{color:var(--text-muted);opacity:0;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.floating-label-input::placeholder{color:var(--text-muted);opacity:0;transition:opacity .2s ease}.floating-label-wrapper.floating .floating-label-input::-moz-placeholder{opacity:1}.floating-label-wrapper.floating .floating-label-input::placeholder{opacity:1}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;font-family:var(--font-hand);color:var(--text-muted);pointer-events:none;transition:all .2s ease;background:transparent}.floating-label.floating{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--accent-color)}.floating-label-wrapper.focused .floating-label{color:var(--accent-color)}.floating-label-wrapper.error .floating-label-input{border-color:var(--danger-500)}.floating-label-wrapper.error .floating-label{color:var(--danger-500)}.floating-label-error{display:block;margin-top:.25rem;font-size:.875rem;color:var(--danger-500)}.required-asterisk{color:var(--danger-500);margin-left:.25rem}.game-header{width:100%;height:var(--header-height);box-sizing:border-box;background:#0d0f1afa;border-bottom:2px solid var(--gb-pink);position:relative;z-index:var(--z-mobile-nav)}.game-header-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem}.game-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.game-header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform .2s ease}.game-header-logo:hover{transform:scale(1.02)}.game-header-logo-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(233,69,96,.3))}.game-header-logo-text-container{display:flex;flex-direction:column;line-height:1.1}.game-header-logo-text{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.game-header-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-header-gb-branding{display:flex;align-items:baseline;gap:.1em;font-family:var(--font-marker);font-size:.65rem;letter-spacing:.02em}.game-header-gb-by{color:var(--text-muted)}.game-header-gb-game{color:var(--gb-pink)}.game-header-gb-buddies{color:var(--gb-cyan)}.game-header-gb-io{color:var(--text-muted)}.game-header-divider{width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--panel-border),transparent)}.game-header-room-info{display:flex;align-items:center;gap:var(--spacing-md)}.game-header-room-code{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#e945601f;border:1.5px solid var(--gb-pink);border-radius:var(--radius-md)}.game-header-room-label{font-family:var(--font-hand);font-size:.85rem;color:var(--text-muted)}.game-header-room-value{font-family:var(--font-marker);font-size:1rem;color:var(--gb-pink);letter-spacing:.15em}.game-header-copy-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.game-header-copy-btn:hover{background:#00d9ff33;color:var(--gb-cyan)}.game-header-copy-link-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff26;border:1.5px solid var(--gb-cyan);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.85rem;color:var(--gb-cyan);cursor:pointer;transition:all var(--transition-fast)}.game-header-copy-link-btn:hover{background:#00d9ff40;transform:translateY(-1px)}.game-header-copy-link-btn:active{transform:scale(.97)}.game-header-streamer-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;border:1.5px solid #8b5cf6;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.85rem;color:#a78bfa}.game-header-phase-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff1f;border:1.5px solid var(--gb-cyan);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.8rem;color:var(--gb-cyan)}.game-header-right{display:flex;align-items:center;gap:.75rem}@media(max-width:767px){.game-header-right{gap:.35rem}}@media(max-width:374px){.game-header-right{gap:.2rem}.game-header-player-info,.game-header-divider{display:none}.game-header-player-count{padding:2px 6px;font-size:.8rem}}.game-header-player-count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-secondary)}.game-header-player-count svg{color:var(--gb-cyan)}.game-header-player-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-primary)}.game-header-player-info.host{background:#facc1526;border:1.5px solid var(--gold-500)}.game-header-player-info.host svg{color:var(--gold-400)}.game-header-settings-btn,.game-header-back-btn,.game-header-leave-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:44px;min-height:44px;padding:var(--spacing-sm);background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:.9rem;cursor:pointer;transition:all .2s ease}.game-header-settings-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.game-header-back-btn:hover{background:#eab30833;border-color:var(--gold-400);color:var(--gold-400)}.game-header-leave-btn:hover{background:#ef444433;border-color:var(--danger);color:var(--danger)}.game-header-copy-btn:active,.game-header-settings-btn:active,.game-header-back-btn:active,.game-header-leave-btn:active{transform:scale(.95)}.game-header-logo:active{transform:scale(.98)}.game-header-copy-btn:focus-visible,.game-header-settings-btn:focus-visible,.game-header-back-btn:focus-visible,.game-header-leave-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.game-header-logo:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:4px;border-radius:var(--radius-sm)}.game-header-copy-btn.copied,.game-header-copy-btn:has(svg.lucide-check){background:#22c55e40;border-color:var(--success);color:var(--success);animation:copyPop .3s ease}@keyframes copyPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@supports (padding-top: env(safe-area-inset-top)){.game-header{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media(max-width:1279px){.game-header{height:var(--header-height-mobile);padding:0 var(--spacing-sm)}.game-header-logo-icon{width:28px;height:28px}.game-header-logo-text{font-size:1rem}.game-header-gb-branding{display:none}.desktop-only{display:none!important}}@media(max-width:926px)and (orientation:landscape){.game-header{height:var(--header-height-mobile)}.game-header-logo-icon{width:24px;height:24px}.game-header-logo-text{font-size:.9rem}}@media(max-height:500px)and (orientation:landscape){.game-header{height:var(--header-height-mobile)}.game-header-logo-icon{width:22px;height:22px}}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title)}.header-room-info{display:flex;align-items:center;gap:var(--spacing-md)}.room-code{padding:.25rem .625rem;background:#e9456026;border:2px solid var(--gb-pink);border-radius:var(--radius-sm)}.player-count{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.header-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.header-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:#fff}.header-btn.active{background:#00d9ff4d;border-color:var(--gb-cyan);color:var(--gb-cyan)}.header-btn.danger:hover{background:#ef444433;border-color:var(--danger-500);color:var(--danger-400)}.video-filmstrip{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#0d0f1af2;border-top:2px solid var(--gb-cyan);z-index:var(--z-filmstrip)}@media(min-width:64rem){.video-filmstrip{position:relative!important;bottom:auto;left:auto;right:auto;width:100%;flex-shrink:0!important;z-index:auto!important}}@media(min-width:64rem){body .video-filmstrip{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important}}.video-filmstrip.collapsed{height:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-filmstrip.expanded{height:var(--filmstrip-height)}.filmstrip-resize-handle{position:absolute;top:0;left:0;right:0;height:8px;cursor:row-resize;z-index:10}.filmstrip-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:4px;background:#00d9ff4d;border-radius:2px;transition:background .2s}.filmstrip-resize-handle:hover:before{background:#00d9ff99}.app-root.filmstrip-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-root.filmstrip-resizing .video-filmstrip,.video-filmstrip.resizing{transition:none!important}.video-filmstrip.resizing *{pointer-events:none}.video-filmstrip.resizing .filmstrip-resize-handle{pointer-events:auto}.video-filmstrip-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn,.filmstrip-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#00d9ff26;border:1px solid var(--gb-cyan);border-radius:var(--radius-full);color:var(--gb-cyan);font-family:var(--font-hand);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.video-filmstrip-expand-btn:hover,.video-filmstrip-collapse-btn:hover,.filmstrip-toggle:hover{background:#00d9ff40;transform:scale(1.02)}.video-filmstrip-feeds,.filmstrip-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-top:12px;height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gb-cyan) transparent}.video-filmstrip-feeds::-webkit-scrollbar{height:4px}.video-filmstrip-feeds::-webkit-scrollbar-track{background:transparent}.video-filmstrip-feeds::-webkit-scrollbar-thumb{background:var(--gb-cyan);border-radius:2px}.video-filmstrip-empty{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-secondary);font-family:var(--font-hand);font-style:italic}.video-filmstrip-expand-btn:focus-visible,.video-filmstrip-collapse-btn:focus-visible,.filmstrip-toggle:focus-visible{outline:2px solid var(--gb-pink);outline-offset:2px}.video-filmstrip-expand-btn:active,.video-filmstrip-collapse-btn:active,.filmstrip-toggle:active{transform:scale(.95);background:#00d9ff59}.video-filmstrip{box-shadow:0 -4px 16px #00d9ff26}.video-filmstrip-feeds{position:relative;mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%)}@keyframes videoFeedEnter{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-filmstrip-feeds>*{animation:videoFeedEnter .3s ease-out backwards}.video-filmstrip-feeds>*:nth-child(1){animation-delay:.05s}.video-filmstrip-feeds>*:nth-child(2){animation-delay:.1s}.video-filmstrip-feeds>*:nth-child(3){animation-delay:.15s}.video-filmstrip-feeds>*:nth-child(4){animation-delay:.2s}.video-filmstrip-feeds>*:nth-child(5){animation-delay:.25s}.video-filmstrip-feeds>*:nth-child(6){animation-delay:.3s}.video-filmstrip-feeds>*:nth-child(7){animation-delay:.35s}.video-filmstrip-feeds>*:nth-child(8){animation-delay:.4s}.video-filmstrip-collapse-btn svg,.video-filmstrip-expand-btn svg{transition:transform .2s ease}.video-filmstrip-collapse-btn:hover svg{transform:translateY(2px)}.video-filmstrip-expand-btn:hover svg{transform:translateY(-2px)}@media(min-width:768px)and (max-width:1279px){.video-filmstrip-header{padding:var(--spacing-xs) var(--spacing-sm)}.video-filmstrip-feeds{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:4px var(--spacing-sm);font-size:.75rem}}@media(max-width:374px){.video-filmstrip-header{padding:4px var(--spacing-xs)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:3px 8px;font-size:.6875rem;gap:4px}.video-filmstrip-expand-btn svg,.video-filmstrip-collapse-btn svg{width:12px;height:12px}.video-filmstrip-feeds{padding:4px var(--spacing-xs);gap:6px}.video-filmstrip.collapsed{height:28px}}@media(min-width:1536px){.video-filmstrip-header{padding:var(--spacing-sm) var(--spacing-lg)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:var(--spacing-xs) var(--spacing-lg);font-size:.9375rem}.video-filmstrip-feeds{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.video-filmstrip.expanded{height:140px}.video-filmstrip.collapsed{height:48px}}.video-control-cluster,.video-controls{display:flex;gap:.25rem;padding:.25rem;background:transparent;border-radius:var(--radius-md);border:none}.video-control-cluster.compact{padding:.125rem;gap:.125rem}.video-control-cluster.compact .video-control-btn{width:36px;height:36px;min-width:36px;min-height:36px}.video-control-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-hand);font-size:.75rem;cursor:pointer;transition:all .2s ease}.video-control-btn:hover{background:#00d9ff33;color:#fff}.video-control-btn.muted,.video-control-btn.off{background:#ef444433;color:var(--danger-400)}.video-control-btn.off:hover{background:#ef44444d}.video-control-btn.leave{background:#ef444433;color:var(--danger-400)}.video-control-btn.leave:hover{background:#ef44444d}.video-join-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#00d9ff33;border:none;border-radius:.5rem;color:#00d9ff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.video-join-btn:hover{background:#00d9ff4d;border-color:#00d9ff99;transform:scale(1.02)}.video-join-btn:active{transform:scale(.98)}.video-join-text{display:none}@media(min-width:768px){.video-join-text{display:inline}}.video-preparing-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fbbf2433;border:none;border-radius:.5rem;color:#fbbf24;font-size:.75rem;font-weight:500;animation:preparingPulse 2s infinite}@keyframes preparingPulse{0%,to{opacity:1}50%{opacity:.7}}.video-control-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff26}.video-control-btn.off:focus-visible{outline-color:var(--danger-400)}.video-control-btn:active{transform:scale(.9)}.video-control-btn:not(.off):not(.muted){color:var(--gb-cyan)}.video-control-btn:not(.off):not(.muted):hover{box-shadow:0 0 8px #00d9ff4d}.video-control-btn.off svg,.video-control-btn.muted svg{filter:drop-shadow(0 0 2px rgba(239,68,68,.5))}@keyframes mutedPulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 6px 2px #ef444400}}.video-control-btn.off,.video-control-btn.muted{animation:mutedPulse 3s ease-in-out infinite}.video-control-btn.off:hover,.video-control-btn.muted:hover{animation:none}.video-control-btn:has(svg.lucide-settings):hover svg{animation:settingsSpin 1s ease-in-out}@keyframes settingsSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@media(min-width:768px)and (max-width:1279px){.video-control-cluster{padding:.125rem;gap:.125rem}.video-control-btn{width:40px;height:40px;min-width:40px;min-height:40px}.video-control-cluster.compact .video-control-btn{width:32px;height:32px;min-width:32px;min-height:32px}}@media(max-width:374px){.video-control-cluster{padding:2px;gap:2px;border-radius:var(--radius-sm)}.video-control-btn{width:36px;height:36px;min-width:36px;min-height:36px}.video-control-btn svg{width:14px;height:14px}.video-control-cluster.compact .video-control-btn{width:28px;height:28px;min-width:28px;min-height:28px}.video-control-cluster.compact .video-control-btn svg{width:12px;height:12px}}@media(min-width:1536px){.video-control-cluster{padding:var(--spacing-xs);gap:var(--spacing-xs)}.video-control-btn{width:52px;height:52px;min-width:52px;min-height:52px}.video-control-btn svg{width:20px;height:20px}.video-control-cluster.compact .video-control-btn{width:44px;height:44px;min-width:44px;min-height:44px}}@media(max-width:926px)and (orientation:landscape){.video-control-cluster{padding:2px;gap:2px}.video-control-btn{width:32px;height:32px;min-width:32px;min-height:32px}.video-control-btn svg{width:14px;height:14px}}.webcam-display,.video-feed{position:relative;flex-shrink:0;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.webcam-display.small,.video-feed{width:120px;height:90px}.webcam-display.medium{width:180px;height:135px}.webcam-display.large{width:240px;height:180px}.webcam-display:hover,.video-feed:hover{border-color:var(--gb-cyan)}.webcam-display.is-turn,.video-feed.current-turn{border-color:var(--gb-pink);box-shadow:0 0 20px #e9456066}.video-feed.self{border-color:var(--gb-cyan);box-shadow:0 0 20px #00d9ff4d}.webcam-display.is-speaking,.sb-webcam-tile.is-speaking{border-color:var(--gb-cyan, #00d9ff);box-shadow:0 0 0 2px var(--gb-cyan, #00d9ff),0 0 18px #00d9ff8c;transition:box-shadow .12s ease-out,border-color .12s ease-out}.webcam-display:not(.is-speaking),.sb-webcam-tile:not(.is-speaking){transition:box-shadow .25s ease-in,border-color .25s ease-in}@media(prefers-reduced-motion:reduce){.webcam-display.is-speaking,.sb-webcam-tile.is-speaking,.webcam-display:not(.is-speaking),.sb-webcam-tile:not(.is-speaking){transition:none}}.webcam-video-container{position:relative;width:100%;height:100%}.webcam-video,.video-feed video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.webcam-display .webcam-video{transform:scaleX(-1)}.webcam-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.webcam-avatar,.video-feed-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);font-weight:700;color:#fff;font-family:var(--font-title);overflow:hidden}.webcam-display.small .webcam-avatar{width:36px;height:36px;font-size:1rem}.webcam-display.large .webcam-avatar{width:64px;height:64px;font-size:1.5rem}.webcam-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.webcam-avatar-initial{font-size:1.25rem}.webcam-local-indicator{position:absolute;top:4px;left:4px;padding:2px 6px;background:var(--gb-cyan);border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;color:var(--bg-primary);text-transform:uppercase}.webcam-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000000d9);display:flex;align-items:center;justify-content:space-between}.webcam-name,.video-feed-name{display:flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;font-family:var(--font-hand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.webcam-host-icon{color:var(--gb-pink);flex-shrink:0}.webcam-you-tag{font-size:.5625rem;color:var(--gb-cyan);opacity:.9}.webcam-muted,.video-feed-status{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444cc;border-radius:var(--radius-sm);color:#fff}.video-feed-status span{font-size:.75rem;background:#000000b3;padding:.125rem .25rem;border-radius:.25rem}.webcam-turn-indicator{position:absolute;top:0;left:0;right:0;padding:4px;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-pink-dark, #c13a52) 100%);text-align:center;font-size:.625rem;font-weight:700;font-family:var(--font-title);color:#fff;text-transform:uppercase;letter-spacing:.05em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes turnGlow{0%,to{box-shadow:0 0 20px #e9456066}50%{box-shadow:0 0 30px #e9456099}}.webcam-display.is-turn,.video-feed.current-turn{animation:turnGlow 1.5s ease-in-out infinite}@keyframes hostCrownGlow{0%,to{filter:drop-shadow(0 0 2px rgba(233,69,96,.5))}50%{filter:drop-shadow(0 0 6px rgba(233,69,96,.9))}}.webcam-host-icon{animation:hostCrownGlow 2s ease-in-out infinite}.webcam-muted{animation:mutedPulse 2s ease-in-out infinite}@keyframes avatarFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.webcam-avatar{animation:avatarFadeIn .3s ease-out}@keyframes videoLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.webcam-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(0,217,255,.05) 50%,transparent 75%);background-size:200% 100%;animation:videoLoading 2s ease-in-out infinite;pointer-events:none}.webcam-local-indicator{box-shadow:0 0 8px #00d9ff80}.webcam-overlay{transition:all .2s ease}.webcam-display:hover .webcam-overlay{background:linear-gradient(transparent 0%,#000000e6);padding-bottom:8px}@media(min-width:768px)and (max-width:1279px){.webcam-display.small,.video-feed{width:100px;height:75px}.webcam-display.medium{width:150px;height:112px}.webcam-avatar,.video-feed-avatar{width:40px;height:40px}.webcam-display.small .webcam-avatar{width:32px;height:32px;font-size:.875rem}.webcam-name,.video-feed-name{font-size:.625rem}.webcam-local-indicator{padding:1px 4px;font-size:.5625rem}.webcam-muted,.video-feed-status{width:16px;height:16px}}@media(max-width:374px){.webcam-display.small,.video-feed{width:80px;height:60px}.webcam-display.medium{width:120px;height:90px}.webcam-avatar,.video-feed-avatar{width:32px;height:32px}.webcam-display.small .webcam-avatar{width:24px;height:24px;font-size:.75rem}.webcam-avatar-initial{font-size:.875rem}.webcam-overlay{padding:2px 4px}.webcam-name,.video-feed-name{font-size:.5625rem;gap:2px}.webcam-host-icon{width:10px;height:10px}.webcam-you-tag{font-size:.5rem}.webcam-local-indicator{padding:1px 3px;font-size:.5rem;top:2px;left:2px}.webcam-muted,.video-feed-status{width:14px;height:14px}.webcam-muted svg{width:10px;height:10px}.webcam-turn-indicator{padding:2px;font-size:.5rem}}@media(min-width:1536px){.webcam-display.small,.video-feed{width:140px;height:105px}.webcam-display.medium{width:220px;height:165px}.webcam-display.large{width:300px;height:225px}.webcam-avatar,.video-feed-avatar{width:56px;height:56px}.webcam-display.small .webcam-avatar{width:44px;height:44px;font-size:1.125rem}.webcam-display.large .webcam-avatar{width:80px;height:80px;font-size:2rem}.webcam-avatar-initial{font-size:1.5rem}.webcam-overlay{padding:6px 8px}.webcam-name,.video-feed-name{font-size:.8125rem;gap:6px}.webcam-host-icon{width:14px;height:14px}.webcam-you-tag{font-size:.6875rem}.webcam-local-indicator{padding:3px 8px;font-size:.6875rem;top:6px;left:6px}.webcam-muted,.video-feed-status{width:24px;height:24px}.webcam-turn-indicator{padding:6px;font-size:.75rem}}@media(max-width:926px)and (orientation:landscape){.webcam-display.small,.video-feed{width:90px;height:68px}.webcam-display.medium{width:120px;height:90px}.webcam-avatar,.video-feed-avatar{width:32px;height:32px}.webcam-overlay{padding:2px 4px}.webcam-name,.video-feed-name{font-size:.5625rem}.webcam-turn-indicator{padding:2px;font-size:.5rem}}.mobile-video-grid{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);height:100%;width:100%}.mobile-video-grid.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.mobile-video-grid.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mobile-video-grid.grid-3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.mobile-video-grid.grid-3 .mobile-video-grid-item:first-child{grid-column:1 / -1}.mobile-video-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mobile-video-grid.grid-5,.mobile-video-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.mobile-video-grid-item{position:relative;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden;min-height:0}.mobile-video-grid-item .webcam-display{width:100%!important;height:100%!important}.mobile-video-grid-item .webcam-video-container{width:100%;height:100%}.mobile-video-grid-item.self,.mobile-video-grid-item.local{border-color:var(--gb-cyan);box-shadow:0 0 10px #00d9ff4d}.mobile-video-grid-item.active-speaker,.mobile-video-grid-item.is-turn{border-color:var(--gb-pink);box-shadow:0 0 15px #e9456066}.mobile-video-grid-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-video-grid-item .video-overlay{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between}.mobile-video-grid-item .video-name{font-size:.75rem;font-family:var(--font-hand);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-video-grid-item .video-status{display:flex;gap:.25rem;font-size:.75rem}.mobile-video-grid-overflow{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px dashed var(--panel-border);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:1rem;color:var(--text-secondary)}.mobile-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#000c);z-index:10}.mobile-video-control-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-video-control-btn:active{transform:scale(.95)}.mobile-video-control-btn.off{background:#ffffff1a;color:var(--text-muted)}.mobile-video-control-btn.leave{background:var(--gb-pink);color:#fff}.mobile-video-control-btn.leave:active{background:#c73b53}@media(orientation:landscape)and (max-width:1279px){.mobile-video-grid.grid-2{grid-template-columns:1fr 1fr}.mobile-video-grid.grid-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.mobile-video-grid.grid-3 .mobile-video-grid-item:first-child{grid-column:auto}.mobile-video-grid.grid-4{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.mobile-video-grid.grid-5,.mobile-video-grid.grid-6{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}}@keyframes gridItemEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-video-grid-item{animation:gridItemEnter .3s ease-out backwards}.mobile-video-grid-item:nth-child(1){animation-delay:.05s}.mobile-video-grid-item:nth-child(2){animation-delay:.1s}.mobile-video-grid-item:nth-child(3){animation-delay:.15s}.mobile-video-grid-item:nth-child(4){animation-delay:.2s}.mobile-video-grid-item:nth-child(5){animation-delay:.25s}.mobile-video-grid-item:nth-child(6){animation-delay:.3s}.mobile-video-grid-item:active{transform:scale(.98);transition:transform .1s ease}.mobile-video-grid-item.local{animation:gridItemEnter .3s ease-out backwards,localGlow 3s ease-in-out .3s infinite}@keyframes localGlow{0%,to{box-shadow:0 0 10px #00d9ff4d}50%{box-shadow:0 0 18px #00d9ff80}}.mobile-video-grid-item.is-turn{animation:gridItemEnter .3s ease-out backwards,turnGlow 1.5s ease-in-out .3s infinite}.mobile-video-grid-overflow{transition:all .2s ease}.mobile-video-grid-overflow:hover{background:var(--bg-secondary);border-style:solid;border-color:var(--gb-cyan);color:var(--gb-cyan)}@keyframes overflowPulse{0%,to{opacity:.8}50%{opacity:1}}.mobile-video-grid-overflow span{animation:overflowPulse 2s ease-in-out infinite}@media(max-width:374px){.mobile-video-grid{gap:4px;padding:var(--spacing-xs)}.mobile-video-grid-item{border-radius:var(--radius-sm);border-width:1.5px}.mobile-video-grid-item .video-overlay{padding:2px 4px}.mobile-video-grid-item .video-name{font-size:.625rem}.mobile-video-grid-item .video-status{font-size:.625rem;gap:2px}.mobile-video-grid-overflow{font-size:.8125rem;border-radius:var(--radius-sm)}}@media(max-height:400px)and (orientation:landscape){.mobile-video-grid{gap:3px;padding:4px}.mobile-video-grid-item{border-radius:var(--radius-sm);border-width:1px}.mobile-video-grid-item .video-overlay{padding:1px 3px}.mobile-video-grid-item .video-name{font-size:.5625rem}.mobile-video-grid-overflow{font-size:.75rem}}.video-enhancements{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.enhancement-section{background:#3341554d;border:1px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden}.enhancement-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;min-height:44px}.enhancement-toggle:hover{background:#00d9ff1a}.enhancement-toggle.active{background:#00d9ff26}.enhancement-toggle svg{flex-shrink:0;color:var(--text-secondary)}.enhancement-toggle.active svg{color:var(--gb-cyan)}.enhancement-toggle span:first-of-type{flex:1}.enhancement-status{font-size:.75rem;font-weight:600;padding:2px 8px;background:#33415580;border-radius:var(--radius-full);color:var(--text-secondary)}.enhancement-toggle.active .enhancement-status{background:#00d9ff33;color:var(--gb-cyan)}.enhancement-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--panel-border);background:#0f172a4d}.background-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-sm)}.background-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:4/3;padding:var(--spacing-xs);background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.625rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.background-option:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.background-option.selected{border-color:var(--gb-pink);background:#e9456026}.background-option.image{padding:0}.background-option.image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.selected-indicator{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gb-pink);border-radius:50%;color:#fff}@media(max-width:767px){.background-options{grid-template-columns:repeat(4,1fr)}}@media(max-width:374px){.background-options{grid-template-columns:repeat(3,1fr)}}.enhancement-toggle:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff26}.background-option:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.enhancement-toggle:active{transform:scale(.98)}.background-option:active{transform:scale(.95)}@keyframes enhancementExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.enhancement-content{animation:enhancementExpand .25s ease-out;overflow:hidden}.enhancement-section{animation:sectionSlideIn .2s ease-out backwards}.enhancement-section:nth-child(1){animation-delay:.05s}.enhancement-section:nth-child(2){animation-delay:.1s}.enhancement-section:nth-child(3){animation-delay:.15s}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes optionSelect{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.background-option.selected{animation:optionSelect .2s ease}@keyframes indicatorPop{0%{transform:scale(0)}to{transform:scale(1)}}.selected-indicator{animation:indicatorPop .2s ease-out}.enhancement-status{transition:all .2s ease}.enhancement-toggle svg:first-of-type{transition:transform .2s ease}.enhancement-toggle:hover svg:first-of-type{transform:scale(1.1)}.enhancement-toggle.active svg:first-of-type{transform:rotate(10deg)}@media(min-width:768px)and (max-width:1279px){.video-enhancements{padding:var(--spacing-sm);gap:var(--spacing-xs)}.enhancement-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;min-height:40px}.enhancement-content{padding:var(--spacing-xs) var(--spacing-sm)}.background-options{grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}}@media(min-width:1536px){.video-enhancements{padding:var(--spacing-lg);gap:var(--spacing-md)}.enhancement-toggle{padding:var(--spacing-md);font-size:1rem;min-height:52px}.enhancement-toggle svg{width:20px;height:20px}.enhancement-status{font-size:.8125rem;padding:3px 10px}.enhancement-content{padding:var(--spacing-md)}.background-options{grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.background-option{font-size:.75rem;border-radius:var(--radius-lg)}.selected-indicator{width:24px;height:24px}}@media(max-width:926px)and (orientation:landscape){.video-enhancements{padding:var(--spacing-xs);gap:var(--spacing-xs)}.enhancement-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:36px}.enhancement-content{padding:var(--spacing-xs)}.background-options{grid-template-columns:repeat(6,1fr);gap:4px}.background-option{font-size:.5rem}}.chat-window{display:flex;flex-direction:column;height:100%;background:var(--panel-bg);border-radius:var(--radius-lg);overflow:hidden}.chat-window.sidebar{border-radius:0;background:transparent}.chat-window.sidebar .chat-input-container{background:transparent}.chat-window.floating{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:320px;max-height:400px;background:var(--bg-secondary);border:2px solid var(--panel-border);box-shadow:0 8px 32px #0006;z-index:var(--z-modal)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d}.chat-title{font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--text-primary);margin:0}.chat-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.chat-close-btn:hover{background:#e9456033;color:var(--gb-pink)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-xs)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.chat-empty p{margin:0;font-family:var(--font-hand)}.chat-empty-hint{font-size:.875rem;opacity:.7;margin-top:var(--spacing-sm)!important}.chat-message{margin-bottom:var(--spacing-xs);max-width:85%}.chat-message.mine{align-self:flex-end}.chat-message.theirs{align-self:flex-start}.chat-message.system{align-self:center;max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff1a;border-left:3px solid var(--gb-cyan);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);text-align:center}.chat-message-sender{display:block;font-size:.75rem;font-weight:600;font-family:var(--font-hand);color:var(--gb-cyan);margin-bottom:.125rem}.chat-message-bubble{padding:var(--spacing-sm) var(--spacing-md);background:#3341554d;border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.chat-message.mine .chat-message-bubble{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-pink-dark, #c13a52) 100%);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.chat-message-text{font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary);word-wrap:break-word;line-height:1.4}.chat-message-time{display:block;font-size:.625rem;color:var(--text-secondary);margin-top:.25rem;opacity:.7}.chat-message.mine .chat-message-time{text-align:right;color:#ffffffb3}.chat-message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.25rem}.chat-message-author{font-weight:600;font-family:var(--font-hand);color:var(--gb-cyan)}.chat-message-content{font-family:var(--font-hand);color:var(--text-primary);word-wrap:break-word}.chat-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--panel-border);background:#0f172a80}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:16px;min-height:44px}.chat-input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.chat-input::placeholder{color:var(--text-secondary);opacity:.7}.chat-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 3px #00d9ff26}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--gb-cyan);border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-close-btn:focus-visible,.chat-send-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.chat-input:focus-visible{outline:none}@keyframes chatMessageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:chatMessageSlideIn .2s ease-out}.chat-message.system{animation:chatMessageSlideIn .3s ease-out}.chat-typing-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--text-secondary);font-style:italic}.chat-typing-dots{display:flex;gap:3px}.chat-typing-dots span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media(max-width:374px){.chat-header{padding:var(--spacing-xs) var(--spacing-sm)}.chat-title{font-size:.95rem}.chat-message-bubble{padding:var(--spacing-xs) var(--spacing-sm)}.chat-message-text{font-size:.875rem}.chat-input-container{padding:var(--spacing-xs);gap:var(--spacing-xs)}.chat-send-btn{width:40px;height:40px;min-width:40px;min-height:40px}}@media(min-width:768px)and (max-width:1279px){.chat-window.sidebar{max-height:300px}.chat-messages{max-height:200px}}@media(min-width:1536px){.chat-header{padding:var(--spacing-md) var(--spacing-lg)}.chat-title{font-size:1.15rem}.chat-messages{padding:var(--spacing-md) var(--spacing-lg)}.chat-message-bubble{padding:var(--spacing-sm) var(--spacing-lg)}.chat-message-text{font-size:1rem}.chat-input-container{padding:var(--spacing-md) var(--spacing-lg)}.chat-input{padding:var(--spacing-md);font-size:1rem}.chat-send-btn{width:48px;height:48px}}.player-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.player-list.compact{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);height:auto;overflow:visible;justify-content:center}.player-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d;flex-shrink:0}.player-list-title{font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--text-primary);margin:0}.player-list-count{font-family:var(--font-hand);font-size:.875rem;color:var(--text-secondary);padding:.125rem .5rem;background:#00d9ff26;border-radius:var(--radius-full)}.player-list-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;list-style:none}.player-list-item,.player-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#3341554d;border-radius:var(--radius-md);border:2px solid transparent;transition:all .2s ease}.player-list-item:hover,.player-item:hover{background:#33415580}.player-list-item.is-me,.player-item.self,.player-item.is-me{border-color:var(--gb-cyan);background:#00d9ff1a}.player-list-item.disconnected,.player-item.disconnected{opacity:.5}.kick-button{background:transparent;border:none;color:var(--color-danger, #ef4444);cursor:pointer;padding:6px;border-radius:var(--radius-sm);opacity:.6;transition:all .2s ease;margin-left:auto;display:flex;align-items:center;justify-content:center}.kick-button:hover{opacity:1;background:#ef444426}.kick-button:active{transform:scale(.95)}.kick-confirm-buttons{display:flex;gap:4px;margin-left:auto}.kick-confirm-btn{border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.kick-confirm-btn.confirm{background:var(--color-danger, #ef4444);color:#fff}.kick-confirm-btn.confirm:hover{background:#dc2626;transform:scale(1.05)}.kick-confirm-btn.cancel{background:#94a3b84d;color:var(--text-secondary);padding:4px 6px}.kick-confirm-btn.cancel:hover{background:#94a3b880}.kick-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #dc262666;z-index:10002;opacity:0;transition:transform .3s ease,opacity .3s ease;max-width:90vw}.kick-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.kick-toast-icon{background:#fff3;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kick-toast-content{display:flex;flex-direction:column;gap:2px}.kick-toast-title{font-weight:600;font-size:14px}.kick-toast-message{font-size:13px;opacity:.9}.kick-toast-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.kick-toast-close:hover{opacity:1}.player-list.compact .player-list-item,.player-list-item.compact{padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;gap:var(--spacing-xs)}.player-avatar-container{position:relative;flex-shrink:0}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-title);font-size:1rem;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar.placeholder{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-secondary)}.player-avatar.compact,.player-list.compact .player-avatar{width:24px;height:24px;font-size:.625rem}.player-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center}.player-status.online{background:var(--success-500);color:#fff}.player-status.offline,.player-status.disconnected{background:var(--danger-500);color:#fff}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.player-name{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-me-tag{font-size:.75rem;font-weight:400;color:var(--gb-cyan);opacity:.8}.player-host-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#e945604d,#e9456026);border:1px solid var(--gb-pink);border-radius:var(--radius-full);font-size:.625rem;font-weight:700;font-family:var(--font-title);color:var(--gb-pink);text-transform:uppercase;letter-spacing:.05em}.host-icon{color:var(--gb-pink);flex-shrink:0}.player-badges{display:flex;gap:.25rem;margin-top:.125rem}.player-badge{padding:.125rem .375rem;background:#e9456033;border:1px solid var(--gb-pink);border-radius:.25rem;font-size:.625rem;font-weight:700;color:var(--gb-pink)}.player-badge.host{background:#e9456033;border-color:var(--gb-pink);color:var(--gb-pink)}.player-badge.you{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}@media(max-width:767px){.chat-window.floating{right:var(--spacing-sm);left:var(--spacing-sm);bottom:var(--spacing-sm);width:auto;max-height:50vh}.chat-input{font-size:16px}.player-avatar{width:36px;height:36px;font-size:.875rem}}@media(max-width:1279px)and (orientation:landscape){.chat-window.floating{max-height:40vh;width:280px}.chat-messages{max-height:30vh}.player-list-items{max-height:25vh}.player-avatar{width:32px;height:32px;font-size:.75rem}.player-list-item,.player-item{padding:var(--spacing-xs) var(--spacing-sm)}}@keyframes playerEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.player-list-item,.player-item{animation:playerEnter .25s ease-out backwards}.player-list-item:nth-child(1){animation-delay:.05s}.player-list-item:nth-child(2){animation-delay:.1s}.player-list-item:nth-child(3){animation-delay:.15s}.player-list-item:nth-child(4){animation-delay:.2s}.player-list-item:nth-child(5){animation-delay:.25s}.player-list-item:nth-child(6){animation-delay:.3s}.player-list-item:nth-child(7){animation-delay:.35s}.player-list-item:nth-child(8){animation-delay:.4s}.player-list-item:focus-visible,.player-item:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff26}.player-list-item:active,.player-item:active{transform:scale(.98);background:#33415599}.player-list-item.is-me,.player-item.is-me{box-shadow:0 0 12px #00d9ff40,inset 0 1px #00d9ff26}.player-list-item.disconnected,.player-item.disconnected{filter:grayscale(.5)}.player-list-item.disconnected .player-avatar,.player-item.disconnected .player-avatar{border-color:#ef44444d}@keyframes statusPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.player-status.online{animation:statusPulse 2s ease-in-out infinite}.player-status.offline{animation:none}@keyframes hostCrownShimmer{0%,to{filter:drop-shadow(0 0 2px rgba(233,69,96,.4))}50%{filter:drop-shadow(0 0 6px rgba(233,69,96,.8))}}.player-host-badge{animation:hostCrownShimmer 2.5s ease-in-out infinite}.player-host-badge svg,.host-icon{animation:hostCrownShimmer 2s ease-in-out infinite}.player-list-item:hover .player-host-badge{background:linear-gradient(135deg,#e9456066,#e9456033);transform:scale(1.05);transition:all .2s ease}.player-premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.player-premium-badge.premium{background:linear-gradient(135deg,#9333ea4d,#a855f726);border:1px solid rgba(168,85,247,.4);color:#c084fc}.player-premium-badge.pro{background:linear-gradient(135deg,#eab3084d,#facc1526);border:1px solid rgba(250,204,21,.4);color:#fde047}.player-premium-badge.compact{padding:.0625rem .375rem;font-size:.5rem}.player-list-item:hover .player-premium-badge.premium{background:linear-gradient(135deg,#9333ea66,#a855f733);transform:scale(1.05);transition:all .2s ease}.player-list-item:hover .player-premium-badge.pro{background:linear-gradient(135deg,#eab30866,#facc1533);transform:scale(1.05);transition:all .2s ease}.player-score{display:inline-flex;align-items:center;margin-left:auto;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;font-family:var(--font-title);background:linear-gradient(135deg,#0ff3,#00c8c81a);border:1px solid rgba(0,255,255,.4);color:var(--primary-color);text-shadow:0 0 8px rgba(0,255,255,.5)}.player-team-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;font-family:var(--font-title);text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);margin-left:.25rem}.player-team-badge.compact{padding:.0625rem .375rem;font-size:.5rem}@media(min-width:768px)and (max-width:1279px){.player-list-header{padding:var(--spacing-sm)}.player-list-title{font-size:.9375rem}.player-list-items{padding:var(--spacing-xs);gap:var(--spacing-xs)}.player-list-item,.player-item{padding:var(--spacing-xs) var(--spacing-sm)}.player-avatar{width:36px;height:36px;font-size:.875rem}.player-name{font-size:.875rem}.player-host-badge{padding:.1rem .375rem;font-size:.5625rem}}@media(max-width:374px){.player-list-header{padding:var(--spacing-xs) var(--spacing-sm)}.player-list-title{font-size:.8125rem}.player-list-count{font-size:.75rem;padding:.1rem .375rem}.player-list-items{padding:var(--spacing-xs);gap:6px}.player-list-item,.player-item{padding:6px 8px;gap:6px}.player-avatar{width:32px;height:32px;font-size:.75rem;border-width:1px}.player-status{width:10px;height:10px;border-width:1.5px}.player-name{font-size:.8125rem}.player-me-tag{font-size:.625rem}.player-host-badge{padding:.1rem .25rem;font-size:.5rem;gap:.125rem}.player-host-badge svg{width:8px;height:8px}.player-list.compact .player-avatar,.player-avatar.compact{width:20px;height:20px;font-size:.5rem}}@media(min-width:1536px){.player-list-header{padding:var(--spacing-md)}.player-list-title{font-size:1.125rem}.player-list-count{font-size:1rem;padding:.25rem .625rem}.player-list-items{padding:var(--spacing-md);gap:var(--spacing-md)}.player-list-item,.player-item{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.player-avatar{width:48px;height:48px;font-size:1.125rem;border-width:3px}.player-status{width:14px;height:14px;border-width:2.5px}.player-status svg{width:8px;height:8px}.player-name{font-size:1.0625rem}.player-me-tag{font-size:.875rem}.player-host-badge{padding:.25rem .625rem;font-size:.6875rem;gap:.375rem}.player-host-badge svg{width:14px;height:14px}}@media(max-width:926px)and (orientation:landscape){.player-list{max-height:100%}.player-list-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.player-list-title{font-size:.8125rem}.player-list-items{padding:var(--spacing-xs);gap:4px}.player-list-item,.player-item{padding:4px 8px;gap:6px}.player-avatar{width:28px;height:28px;font-size:.6875rem}.player-status{width:8px;height:8px;border-width:1px}.player-name{font-size:.75rem}.player-host-badge{padding:.05rem .25rem;font-size:.5rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-drawer .player-list-items{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan)}@media(max-width:1279px){.mobile-menu-btn{display:flex}}.mobile-menu-overlay{position:fixed;inset:0;background:#000000b3;z-index:var(--z-mobile-menu-backdrop);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-secondary);border-left:2px solid var(--gb-pink);z-index:var(--z-mobile-menu);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:1rem;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-menu-item:hover{background:#00d9ff1a}.mobile-menu-item.danger{color:var(--danger-400)}.mobile-menu-item.danger:hover{background:#ef44441a}.mobile-menu-badge{margin-left:auto;padding:.125rem .5rem;background:var(--gb-pink);border-radius:1rem;font-size:.75rem;font-weight:700;color:#fff}.mobile-game-menu-trigger{position:relative;display:flex;align-items:center}.mobile-game-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mobile-game-menu-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan)}.mobile-game-menu-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--gb-pink);border-radius:9px;font-size:.625rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-game-menu-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-mobile-menu-backdrop)}.mobile-game-menu-panel{position:fixed;top:calc(var(--header-height-mobile) + 8px);right:12px;width:min(240px,calc(100vw - 24px));max-height:calc(100dvh - var(--header-height-mobile) - 24px);padding-right:env(safe-area-inset-right,0px);background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-mobile-menu)}.mobile-game-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border)}.mobile-game-menu-title{font-family:var(--font-title);font-weight:600;font-size:.875rem;color:var(--text-primary)}.mobile-game-menu-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-game-menu-close:hover{background:#ef444433;color:var(--danger-400)}.mobile-game-menu-items{flex:1;overflow-y:auto;padding:var(--spacing-xs);-webkit-overflow-scrolling:touch}.mobile-game-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease}.mobile-game-menu-item:hover{background:#00d9ff1a}.mobile-game-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-game-menu-item.danger:hover{background:#ef44441a}.mobile-game-menu-item.highlight{background:#e945601a}.mobile-game-menu-item.highlight:hover{background:#e9456033}.mobile-game-menu-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#33415580;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.mobile-game-menu-item-icon.highlight{background:#e9456033;color:var(--gb-pink)}.mobile-game-menu-item-icon.danger{background:#ef444433;color:var(--danger-400)}.mobile-game-menu-item-content{flex:1;min-width:0}.mobile-game-menu-item-label{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-hand);font-size:.875rem;font-weight:600;color:var(--text-primary)}.mobile-game-menu-item .danger .mobile-game-menu-item-label{color:var(--danger-400)}.mobile-game-menu-item-badge{padding:0 6px;height:16px;background:var(--gb-pink);border-radius:8px;font-size:.625rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-game-menu-item-sublabel{font-family:var(--font-hand);font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(orientation:landscape)and (max-width:1279px){.mobile-game-menu-panel{top:calc(var(--header-height-mobile) + 4px);max-height:calc(100dvh - var(--header-height-mobile) - 16px)}.mobile-game-menu-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:var(--spacing-xs)}.mobile-game-menu-item{padding:var(--spacing-xs);font-size:.75rem}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-sublabel{display:none}}.mobile-game-menu-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-game-menu-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-game-menu-item:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff26}.mobile-game-menu-btn:active{transform:scale(.95);background:#00d9ff4d}.mobile-game-menu-close:active{transform:scale(.9);background:#ef44444d}.mobile-game-menu-item:active:not(:disabled){transform:scale(.98);background:#00d9ff33}.mobile-game-menu-item.danger:active{background:#ef444440}.mobile-game-menu-item.highlight:active{background:#e945604d}@keyframes menuBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #e9456080}50%{transform:scale(1.1);box-shadow:0 0 8px 2px #e9456000}}.mobile-game-menu-badge{animation:menuBadgePulse 2s ease-in-out infinite}.mobile-game-menu-item-badge{animation:menuBadgePulse 2s ease-in-out infinite;animation-delay:.5s}@keyframes menuItemSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mobile-game-menu-item{animation:menuItemSlideIn .2s ease-out backwards}.mobile-game-menu-item:nth-child(1){animation-delay:.02s}.mobile-game-menu-item:nth-child(2){animation-delay:.04s}.mobile-game-menu-item:nth-child(3){animation-delay:.06s}.mobile-game-menu-item:nth-child(4){animation-delay:.08s}.mobile-game-menu-item:nth-child(5){animation-delay:.1s}.mobile-game-menu-item:nth-child(6){animation-delay:.12s}.mobile-game-menu-item:nth-child(7){animation-delay:.14s}.mobile-game-menu-item:nth-child(8){animation-delay:.16s}.mobile-game-menu-item:hover .mobile-game-menu-item-icon{background:#00d9ff40;color:var(--gb-cyan);transition:all .2s ease}.mobile-game-menu-item.danger:hover .mobile-game-menu-item-icon{background:#ef44444d;color:var(--danger-400)}.mobile-game-menu-item.highlight:hover .mobile-game-menu-item-icon{background:#e945604d;color:var(--gb-pink)}@media(max-width:374px){.mobile-game-menu-btn{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-game-menu-badge{min-width:16px;height:16px;font-size:.5625rem;top:-3px;right:-3px}.mobile-game-menu-panel{width:calc(100vw - 16px);right:8px;max-height:calc(100dvh - var(--header-height-mobile) - 16px)}.mobile-game-menu-header{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-game-menu-title{font-size:.75rem}.mobile-game-menu-close{width:28px;height:28px}.mobile-game-menu-items{padding:4px}.mobile-game-menu-item{padding:6px 8px;gap:6px}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-icon svg{width:12px;height:12px}.mobile-game-menu-item-label{font-size:.75rem}.mobile-game-menu-item-badge{height:14px;padding:0 4px;font-size:.5625rem}.mobile-game-menu-item-sublabel{font-size:.625rem}}@supports (padding-right: env(safe-area-inset-right)){.mobile-game-menu-panel{padding-right:max(0px,env(safe-area-inset-right))}.mobile-game-menu-items{padding-bottom:max(var(--spacing-xs),env(safe-area-inset-bottom))}}.mobile-drawer-backdrop,.mobile-drawer-overlay{position:fixed;inset:0;background:#000000b3;z-index:var(--z-chat-drawer-backdrop)}.mobile-drawer-overlay{opacity:0;visibility:hidden;transition:all .3s ease}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);max-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px);background:var(--bg-secondary);border-left:2px solid var(--gb-cyan);box-shadow:-8px 0 32px #0006;z-index:var(--z-mobile-drawer);display:flex;flex-direction:column}.mobile-drawer:not([style*=transform]){transform:translate(100%);transition:transform .3s ease}.mobile-drawer.open:not([style*=transform]){transform:translate(0)}.mobile-drawer-handle{display:flex;justify-content:center;padding:var(--spacing-sm)}.mobile-drawer-handle-bar{width:40px;height:4px;background:var(--text-secondary);border-radius:2px}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d;flex-shrink:0}.mobile-drawer-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title);font-weight:600;font-size:1.125rem;color:var(--text-primary)}.mobile-drawer-title svg{color:var(--gb-cyan)}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-drawer-close:hover{background:#e9456033;color:var(--gb-pink)}.mobile-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-drawer-backdrop{background:#000000bf}.mobile-drawer-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff1a}.mobile-drawer-close:active{transform:scale(.9);background:#e945604d}.mobile-drawer-title svg{filter:drop-shadow(0 0 4px rgba(0,217,255,.4))}.mobile-drawer-handle-bar{transition:all .2s ease}.mobile-drawer:hover .mobile-drawer-handle-bar{background:var(--gb-cyan);width:60px}@keyframes drawerContentFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mobile-drawer-content>*{animation:drawerContentFadeIn .25s ease-out .1s backwards}.mobile-drawer{box-shadow:-8px 0 32px #0006,-2px 0 8px #00d9ff26}@media(max-width:374px){.mobile-drawer{width:100vw;border-left:none;border-radius:0}.mobile-drawer-header{padding:var(--spacing-sm)}.mobile-drawer-title{font-size:1rem;gap:var(--spacing-xs)}.mobile-drawer-title svg{width:18px;height:18px}.mobile-drawer-close{width:40px;height:40px;min-width:40px;min-height:40px}}@media(max-height:500px)and (orientation:landscape){.mobile-drawer{width:min(240px,60vw)}.mobile-drawer-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:40px}.mobile-drawer-title{font-size:.875rem}.mobile-drawer-title svg{width:16px;height:16px}.mobile-drawer-close{width:36px;height:36px;min-width:36px;min-height:36px}}@supports (padding-top: env(safe-area-inset-top)){.mobile-drawer{padding-top:env(safe-area-inset-top)}.mobile-drawer-header{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}}.mobile-overlay-backdrop{position:fixed;inset:0;background:#000000e6;z-index:9997}.mobile-overlay-modal{position:fixed;inset:0;background:var(--bg-primary);z-index:9998;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.mobile-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--panel-border);background:var(--bg-secondary);flex-shrink:0;min-height:56px}.mobile-overlay-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title);font-weight:600;font-size:1.25rem;color:var(--text-primary)}.mobile-overlay-title svg{color:var(--gb-cyan);filter:drop-shadow(0 0 4px rgba(0,217,255,.4))}.mobile-overlay-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:var(--radius-md);color:var(--gb-pink);cursor:pointer;transition:all .2s ease}.mobile-overlay-close:hover{background:#e9456033;border-color:var(--gb-pink)}.mobile-overlay-close:active{transform:scale(.95);background:#e945604d}.mobile-overlay-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-overlay-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mobile-overlay-content>*{flex:1;min-height:0}.mobile-overlay-content .chat-container{height:100%;max-height:none}.mobile-overlay-content .chat-window{width:100%;height:100%;max-height:none}.mobile-overlay-content .chat-messages{max-height:none}.mobile-overlay-content .player-list{padding:var(--spacing-md)}.mobile-overlay-content .player-list-items{gap:var(--spacing-sm)}.mobile-overlay-content .mobile-video-grid{height:100%;padding:var(--spacing-md)}@keyframes overlayContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-overlay-content>*{animation:overlayContentFadeIn .2s ease-out}@media(max-width:374px){.mobile-overlay-header{padding:var(--spacing-sm) var(--spacing-md);min-height:48px}.mobile-overlay-title{font-size:1.125rem;gap:var(--spacing-xs)}.mobile-overlay-title svg{width:18px;height:18px}.mobile-overlay-close{width:44px;height:44px;min-width:44px;min-height:44px}}@media(max-height:500px)and (orientation:landscape){.mobile-overlay-header{padding:var(--spacing-xs) var(--spacing-md);min-height:44px}.mobile-overlay-title{font-size:1rem}.mobile-overlay-close{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-overlay-content .player-list{padding:var(--spacing-sm)}}@media(max-width:767px){:root{--header-height: var(--header-height-mobile)}.main-scroll-area{padding:var(--spacing-sm)}.card{padding:1rem}.video-filmstrip{--filmstrip-height: 100px}.video-feed{width:100px}}@media(min-width:768px)and (max-width:1279px){:root{--sidebar-width: 280px}}@media(min-width:1280px){.mobile-menu-btn{display:none}}@media(min-width:1536px){:root{--sidebar-width: 384px}.video-feed{width:180px}}@media(max-width:1279px)and (orientation:landscape){:root{--filmstrip-height: 60px;--filmstrip-height-collapsed: 32px}.game-header{height:var(--header-height-mobile);padding:0 var(--spacing-sm)}.header-logo{font-size:.875rem}.video-filmstrip.expanded{height:60px}.video-filmstrip.collapsed{height:32px}.video-feed{width:80px}.mobile-drawer{width:min(280px,70vw)}.mobile-drawer-content{max-height:calc(100dvh - 80px)}.mobile-game-menu-panel{max-height:calc(100dvh - 60px);width:min(280px,calc(100vw - 24px))}.mobile-game-menu-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.mobile-game-menu-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-sublabel{display:none}.mobile-menu-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mobile-menu-item{padding:var(--spacing-sm);font-size:.875rem}}@media(max-height:500px)and (orientation:landscape){:root{--filmstrip-height: 50px}.game-header{height:var(--header-height-mobile)}.video-filmstrip.expanded{height:50px}.video-feed{width:70px}.settings-modal{max-height:95vh;max-width:calc(100vw - 2 * var(--spacing-md))}}@media(min-width:768px)and (max-width:1279px)and (orientation:landscape){.mobile-drawer{max-height:60vh}}@media(max-width:374px){:root{--spacing-md: .75rem;--spacing-lg: 1rem}.player-avatar{width:36px;height:36px}.card{min-width:260px;padding:var(--spacing-sm)}.home-card{min-width:260px;padding:var(--spacing-md)}.input,input,select,textarea{font-size:16px}.chat-message{padding:var(--spacing-xs)}.player-name,.header-logo{font-size:.875rem}.video-feed{width:70px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d9ff66}50%{box-shadow:0 0 40px #00d9ffcc}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.home-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#0f172afa;border-bottom:1px solid var(--panel-border);z-index:var(--z-mobile-nav)}.home-header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.home-header-mascot{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(233,69,96,.3))}.home-header-text{display:flex;flex-direction:column;gap:0;line-height:1.1}.home-header-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary)}.home-header-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-header-branding{display:flex;align-items:baseline;gap:.1em;font-family:var(--font-marker);font-size:.7rem;letter-spacing:.02em}.home-header-by{color:var(--text-muted);font-size:.9em}.home-header-game{color:var(--gb-pink)}.home-header-buddies{color:var(--gb-cyan)}.home-header-io{color:var(--text-muted);font-size:.9em}.home-header-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-header-settings-btn:hover{border-color:var(--gb-cyan);color:var(--gb-cyan);background:#00d9ff1a}.home-header-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.home-header-hamburger:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.home-header-menu-backdrop{position:fixed;inset:0;background:#000c;z-index:var(--z-mobile-menu-backdrop)}.home-header-menu{position:fixed;top:var(--spacing-md);right:var(--spacing-md);width:min(280px,calc(100vw - var(--spacing-xl)));background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;z-index:var(--z-mobile-menu);overflow:hidden}.home-header-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border)}.home-header-menu-title{font-family:var(--font-title);font-size:1.1rem;color:var(--text-primary)}.home-header-menu-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-header-menu-close:hover{background:#ffffff26;color:var(--text-primary)}.home-header-menu-items{padding:var(--spacing-sm)}.home-header-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.home-header-menu-item:hover{background:#00d9ff1a}.home-header-menu-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--gb-cyan)}.home-header-menu-content{display:flex;flex-direction:column;gap:2px}.home-header-menu-label{font-family:var(--font-hand);font-size:1rem;color:var(--text-primary)}.home-header-menu-sublabel{font-family:var(--font-hand);font-size:.8rem;color:var(--text-muted)}.home-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--bg-primary);border:2px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.home-checkbox:checked{background:var(--gb-cyan);border-color:var(--gb-cyan)}.home-checkbox:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--bg-primary);font-size:14px;font-weight:700}.home-checkbox:focus{outline:none;box-shadow:0 0 0 3px #00d9ff33}.home-checkbox-text{font-family:var(--font-hand);font-size:.9rem;color:var(--text-secondary)}.home-tip-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:auto;padding:var(--spacing-sm) var(--spacing-lg);background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-full);color:var(--gb-cyan);font-family:var(--font-hand);font-size:.9rem;animation:fadeInUp .6s ease-out .4s backwards}.home-tip-banner svg{flex-shrink:0;opacity:.8}.home-gb-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:calc(var(--header-height) + var(--spacing-md));margin-bottom:calc(-1 * var(--spacing-lg));padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#e9456026,#00d9ff26);border:1px solid rgba(233,69,96,.3);border-radius:var(--radius-full);font-family:var(--font-hand);font-size:.85rem;animation:fadeInUp .4s ease-out}.home-gb-banner svg{flex-shrink:0;color:var(--gb-pink)}.home-gb-banner span{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media(max-width:767px){.home-header{height:var(--header-height-mobile);padding:0 var(--spacing-md)}.home-header-mascot{width:28px;height:28px}.home-header-title{font-size:1rem}.home-header-branding{font-size:.6rem}.home-tip-banner{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.home-gb-banner{margin-top:calc(var(--header-height-mobile) + var(--spacing-sm));font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.home-page{min-height:var(--dvh-adjusted, 100dvh);display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,3dvh,2.5rem);padding-top:calc(var(--header-height) + clamp(.75rem,2dvh,2rem));padding-bottom:max(clamp(1rem,3dvh,2.5rem),env(safe-area-inset-bottom));overflow-x:hidden;background:var(--bg-primary)}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.25rem,1.5dvh,1rem);margin-bottom:clamp(.5rem,2dvh,2rem);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-mascot{width:clamp(60px,min(20vw,14dvh),140px);height:auto;filter:drop-shadow(0 8px 24px rgba(233,69,96,.3));animation:mascotBounce 3s ease-in-out infinite}@keyframes mascotBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.home-title{font-family:var(--font-title);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:var(--text-primary);line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.3)}.home-title-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-tagline{font-family:var(--font-hand);font-size:clamp(1rem,3vw,1.35rem);color:var(--text-secondary);max-width:400px;line-height:1.4}.home-gb-branding{display:flex;align-items:baseline;gap:.15em;font-family:var(--font-marker);font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:.02em}.home-gb-by{color:var(--text-muted);font-size:.85em}.home-gb-game{color:var(--gb-pink)}.home-gb-buddies{color:var(--gb-cyan)}.home-gb-io{color:var(--text-muted);font-size:.85em}.home-mp-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-full);font-family:var(--font-hand);font-size:.9rem;margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out .15s backwards}.home-mp-badge svg{color:var(--accent-color);flex-shrink:0}.home-mp-badge-count{color:var(--accent-color);font-weight:600}.home-mp-badge-sep{color:var(--panel-border)}.home-mp-badge-category{color:var(--text-secondary)}.home-steps{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out .25s backwards}.home-step{display:flex;align-items:center;gap:var(--spacing-xs)}.home-step-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(var(--accent-color-rgb),.15);border-radius:var(--radius-sm);color:var(--accent-color);flex-shrink:0}.home-step-text{font-family:var(--font-hand);font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.home-step-arrow{color:var(--panel-border);font-size:1rem;flex-shrink:0}.home-error{width:100%;max-width:400px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ef444426;border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);text-align:center;font-family:var(--font-hand);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.home-tabs{display:none;width:100%;max-width:400px;margin-bottom:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs)}.home-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:1rem;cursor:pointer;transition:all .2s ease}.home-tab:hover{color:var(--text-primary);background:#ffffff0d}.home-tab.active{background:var(--gb-cyan);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 8px #00d9ff4d}.home-cards-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;position:relative;flex:1}.home-cards-wrapper .tutorial-sidebar{position:fixed;right:2rem;top:var(--tutorial-top, 50%);transform:translateY(-50%);max-height:calc(100vh - 4rem);display:flex;flex-direction:column}@media(max-width:1400px){.home-cards-wrapper .tutorial-sidebar{display:none}}.home-cards{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;max-width:800px;width:100%}.home-card{flex:1;min-width:280px;max-width:360px;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.home-card:nth-child(1){animation-delay:.1s}.home-card:nth-child(2){animation-delay:.2s}.home-card:hover{border-color:var(--gb-cyan);transform:translateY(-4px);box-shadow:0 12px 32px #00d9ff26}.home-card .card-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.home-card .card-header h2{font-family:var(--font-title);font-size:1.5rem;color:var(--text-primary);margin:0}.home-card .card-header svg{color:var(--gb-cyan)}.home-card .card-description{font-family:var(--font-hand);font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.4}.home-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.home-input{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:16px;text-align:center;transition:all .2s ease}.home-input::-moz-placeholder{color:var(--text-muted)}.home-input::placeholder{color:var(--text-muted)}.home-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 3px #00d9ff33}.home-btn{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-marker);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.home-btn.primary{background:linear-gradient(135deg,var(--gb-pink) 0%,#d63d56 100%);color:#fff;box-shadow:0 4px 12px #e945604d}.home-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.home-btn.secondary{background:linear-gradient(135deg,var(--gb-cyan) 0%,#00a8c8 100%);color:var(--bg-primary);box-shadow:0 4px 12px #00d9ff4d}.home-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.home-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.home-how-to-play{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;background:transparent;border:2px solid var(--panel-border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-hand);font-size:1rem;cursor:pointer;transition:all .2s ease}.home-how-to-play:hover{border-color:var(--gb-cyan);color:var(--gb-cyan);background:#00d9ff1a}@media(min-width:1280px){.home-how-to-play{display:none}}.mobile-hidden{display:block}@media(max-width:767px){.home-page{padding:var(--spacing-md);padding-top:calc(var(--header-height-mobile) + var(--spacing-md))}.home-hero{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.home-mascot{width:80px}.home-tabs{display:flex}.home-cards{flex-direction:column;align-items:center}.home-card{max-width:100%;padding:var(--spacing-lg)}.mobile-hidden{display:none!important}.home-steps,.home-tagline,.home-gb-branding{display:none}.home-mascot{width:60px}.home-title{font-size:clamp(1.5rem,6vw,2rem)}.home-mp-badge{padding:4px 12px;font-size:.8rem;margin-bottom:8px}.home-hero{gap:6px;margin-bottom:8px}.home-cards-wrapper{margin-top:0}.home-card{padding:12px 16px}.home-form .form-group{margin-bottom:8px}}@media(max-width:926px)and (orientation:landscape){.home-page{padding:var(--spacing-sm);padding-top:calc(var(--header-height-mobile) + var(--spacing-md));flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--spacing-md)}.home-hero{flex-direction:row;gap:var(--spacing-md);margin-bottom:0;width:100%;justify-content:center}.home-mascot{width:50px}.home-title{font-size:1.5rem}.home-tagline,.home-gb-branding{display:none}.home-tabs{display:flex;max-width:300px}.home-cards{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-md)}.home-card{min-width:240px;max-width:300px;padding:var(--spacing-md)}.home-card .card-description,.home-how-to-play{display:none}}@media(max-width:374px){.home-page{padding:var(--spacing-sm);padding-top:calc(var(--header-height-mobile) + var(--spacing-md))}.home-mascot{width:60px}.home-title{font-size:1.75rem}.home-card{padding:var(--spacing-md)}.home-btn{font-size:1rem}}@media(min-width:768px)and (max-width:1279px){.home-cards{flex-direction:row;max-width:700px}.home-card{min-width:300px;max-width:340px}}@media(min-width:1536px){.home-mascot{animation:mascotFloat 3s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-cards{gap:var(--spacing-xl);max-width:900px}.home-card{min-width:380px}}.home-btn:active:not(:disabled){transform:translateY(1px)}.home-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.home-tab:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px}.home-tab:active{transform:scale(.98)}.home-input:focus-visible{outline:none}.home-how-to-play:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.home-how-to-play:active{transform:scale(.98)}.home-btn.loading{position:relative;color:transparent}.home-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.home-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(233,69,96,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,217,255,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}.lobby-waiting-card{max-width:480px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center}@media(max-width:767px){.lobby-waiting-card{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-lg);max-width:100%;box-sizing:border-box}}.lobby-waiting-header{margin-bottom:var(--spacing-lg)}@media(max-width:767px){.lobby-waiting-header{margin-bottom:var(--spacing-sm)}}.lobby-waiting-header h2{font-family:var(--font-title);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.lobby-player-count{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);font-family:var(--font-hand)}.lobby-room-code-section{margin-bottom:var(--spacing-lg)}.lobby-rounds-selector{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#e9456014;border-radius:var(--radius-md)}.rounds-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.rounds-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.rounds-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gb-pink);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all .15s ease}.rounds-btn:hover:not(:disabled){background:var(--gb-pink-bright);transform:scale(1.05)}.rounds-btn:disabled{opacity:.4;cursor:not-allowed}.rounds-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:2rem;text-align:center}.lobby-room-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.lobby-room-code-box{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#e945601a;border:2px solid var(--gb-pink);border-radius:var(--radius-lg)}.lobby-room-code{font-family:var(--font-marker);font-size:2rem;color:var(--gb-pink);letter-spacing:.25em}.lobby-copy-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.lobby-copy-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-start-section{margin-top:var(--spacing-lg)}$STICKY_CSS @media (max-width: 767px){.lobby-start-section{position:sticky;bottom:0;margin-top:var(--spacing-sm);padding:var(--spacing-sm) 0;background:var(--bg-primary);z-index:10}.lobby-start-btn{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.lobby-start-hint{font-size:.75rem}}.lobby-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-button);border:none;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-marker);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.lobby-start-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px var(--accent-glow)}.lobby-start-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-start-hint{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.lobby-waiting-host{margin-top:var(--spacing-lg);color:var(--text-secondary);font-family:var(--font-hand)}.lobby-players-compact{margin:var(--spacing-lg) 0}.lobby-game-area{margin-top:var(--spacing-sm);flex:0 0 auto;display:flex;flex-direction:column}.lobby-copy-btn:active{transform:scale(.95)}.lobby-start-btn:active:not(:disabled){transform:scale(.98)}.lobby-copy-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.lobby-start-btn:focus-visible{outline:2px solid white;outline-offset:2px}.lobby-copy-btn.copied,.lobby-copy-btn:has(svg.lucide-check){background:#22c55e40;border-color:var(--success);color:var(--success);animation:lobbyPop .3s ease}@keyframes lobbyPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.lobby-start-btn:not(:disabled){animation:startPulse 2s ease-in-out infinite}@keyframes startPulse{0%,to{box-shadow:0 0 #e9456066}50%{box-shadow:0 0 20px 4px #e945604d}}.lobby-start-btn:hover:not(:disabled){animation:none}@media(max-width:767px){.lobby-waiting-card{padding:var(--spacing-lg);margin:0 var(--spacing-sm)}.lobby-room-code{font-size:1.5rem;letter-spacing:.2em}.lobby-start-btn{font-size:1.125rem;padding:var(--spacing-md);min-height:52px}}@media(max-width:374px){.lobby-waiting-card{padding:var(--spacing-md)}.lobby-room-code,.lobby-waiting-header h2{font-size:1.25rem}}@media(max-width:926px)and (orientation:landscape){.lobby-waiting-card{max-width:380px;padding:var(--spacing-md)}.lobby-waiting-header{margin-bottom:var(--spacing-sm)}.lobby-waiting-header h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.lobby-room-code-section{margin-bottom:var(--spacing-sm)}.lobby-room-code-box{padding:var(--spacing-sm)}.lobby-room-code{font-size:1.25rem}.lobby-start-section{margin-top:var(--spacing-sm)}.lobby-start-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;min-height:44px}.lobby-players-compact{display:none}}@media(min-width:768px)and (max-width:1279px){.lobby-waiting-card{max-width:420px}}@media(min-width:1536px){.lobby-waiting-card{max-width:560px}}.game-placeholder{display:flex;align-items:center;justify-content:center;min-height:clamp(250px,50dvh,500px);padding:var(--spacing-xl)}.game-placeholder-card{max-width:480px;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center}.game-placeholder-title{font-family:var(--font-title);font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--gb-cyan)}.game-placeholder-info{margin-bottom:var(--spacing-lg);font-family:var(--font-hand);color:var(--text-secondary)}.game-placeholder-content{margin-bottom:var(--spacing-lg)}.game-placeholder-hint{padding:var(--spacing-md);background:#e945601a;border:1px dashed var(--gb-pink);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic}.game-placeholder-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.game-placeholder-btn{padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;min-width:44px;background:var(--gb-cyan);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:var(--font-hand);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-placeholder-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.game-placeholder-btn:active{transform:scale(.98)}.game-placeholder-btn.danger{background:var(--danger-500);color:#fff}.game-placeholder-btn.danger:hover{background:var(--danger-400)}@media(max-width:767px){.game-placeholder{min-height:clamp(200px,40dvh,300px);padding:var(--spacing-md)}.game-placeholder-card{width:100%;max-width:none;padding:var(--spacing-md)}.game-placeholder-title{font-size:1.25rem}.game-placeholder-actions{flex-direction:column;gap:var(--spacing-sm)}.game-placeholder-btn{width:100%;justify-content:center}}@media(max-width:1279px)and (orientation:landscape){.game-placeholder{min-height:clamp(180px,35dvh,250px);padding:var(--spacing-sm)}.game-placeholder-card{padding:var(--spacing-sm) var(--spacing-md)}.game-placeholder-info{margin-bottom:var(--spacing-sm)}}.game-placeholder-debug{margin-top:var(--spacing-lg);text-align:left}.game-placeholder-debug summary{cursor:pointer;color:var(--text-secondary);font-size:.875rem}.game-placeholder-debug pre{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;overflow-x:auto}@keyframes placeholderCardEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes placeholderHintPulse{0%,to{border-color:var(--gb-pink);background:#e945601a}50%{border-color:#e9456099;background:#e9456026}}@keyframes debugPanelExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.game-placeholder-card{animation:placeholderCardEnter .4s ease-out}.game-placeholder-hint{animation:placeholderHintPulse 3s ease-in-out infinite}.game-placeholder-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.game-placeholder-btn.danger:focus-visible{outline-color:var(--danger-400);box-shadow:0 0 0 4px #ef444433}.game-placeholder-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.game-placeholder-btn:disabled:hover{background:var(--gb-cyan);transform:none!important}.game-placeholder-btn.danger:disabled:hover{background:var(--danger-500)}.game-placeholder-debug summary{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease}.game-placeholder-debug summary:hover{background:#ffffff0d;color:var(--text-primary)}.game-placeholder-debug summary:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.game-placeholder-debug[open] summary{color:var(--gb-cyan);margin-bottom:var(--spacing-sm)}.game-placeholder-debug[open] pre{animation:debugPanelExpand .3s ease-out}.game-placeholder-debug pre::-webkit-scrollbar{height:6px}.game-placeholder-debug pre::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.game-placeholder-debug pre::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.game-placeholder-debug pre::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(min-width:768px)and (max-width:1279px){.game-placeholder{min-height:clamp(220px,45dvh,350px);padding:var(--spacing-lg)}.game-placeholder-card{max-width:420px;padding:var(--spacing-lg)}.game-placeholder-title{font-size:1.375rem}}@media(min-width:1536px){.game-placeholder-card{max-width:560px}}@media(max-width:374px){.game-placeholder{min-height:clamp(180px,35dvh,260px);padding:var(--spacing-sm)}.game-placeholder-card{padding:var(--spacing-sm)}.game-placeholder-title{font-size:1.125rem;margin-bottom:var(--spacing-md)}.game-placeholder-info{font-size:.875rem;margin-bottom:var(--spacing-md)}.game-placeholder-hint{padding:var(--spacing-sm);font-size:.8125rem}.game-placeholder-btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.game-placeholder-debug summary{font-size:.8125rem}.game-placeholder-debug pre{font-size:.6875rem;max-height:150px}}@media(max-height:500px)and (orientation:landscape){.game-placeholder{min-height:200px;padding:var(--spacing-xs)}.game-placeholder-card{padding:var(--spacing-xs) var(--spacing-sm)}.game-placeholder-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.game-placeholder-info,.game-placeholder-content{margin-bottom:var(--spacing-xs)}.game-placeholder-hint{padding:var(--spacing-xs);font-size:.75rem}.game-placeholder-actions{margin-top:var(--spacing-sm);flex-direction:row;flex-wrap:wrap}.game-placeholder-btn{min-height:36px;font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.game-placeholder-debug{margin-top:var(--spacing-sm)}}.settings-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:var(--z-settings-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));padding-left:max(var(--spacing-md),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-md),env(safe-area-inset-right,0px))}.settings-modal{width:100%;max-width:480px;max-height:80vh;background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-xl);z-index:var(--z-settings-modal);display:flex;flex-direction:column;overflow:hidden}.settings-modal-header,.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d}.settings-modal-title,.settings-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary);margin:0}.settings-modal-close,.settings-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.settings-modal-close:hover,.settings-close:hover{background:#e9456033;color:var(--gb-pink)}.settings-modal-tabs,.settings-tabs{display:flex;border-bottom:1px solid var(--panel-border)}.settings-modal-tab,.settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-modal-tab:hover,.settings-tab:hover{color:var(--text-primary);background:#00d9ff0d}.settings-modal-tab.active,.settings-tab.active{color:var(--gb-cyan);border-bottom-color:var(--gb-cyan);background:#00d9ff1a}.settings-modal-content,.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section-title{font-family:var(--font-title);font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.settings-row{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--panel-border)}.settings-row:last-child{border-bottom:none}.settings-row-header{display:flex;align-items:center;justify-content:space-between;width:100%}.settings-row-label,.settings-label{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary)}.settings-row-label svg{color:var(--text-secondary)}.settings-description,.settings-info{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.settings-toggle-btn{padding:var(--spacing-xs) var(--spacing-md);min-height:36px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-toggle-btn:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.settings-language-btns{display:flex;gap:var(--spacing-xs)}.settings-lang-btn{padding:var(--spacing-xs) var(--spacing-md);min-height:36px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-lang-btn:hover{border-color:var(--gb-cyan);color:var(--text-primary)}.settings-lang-btn.active{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.settings-toggle,.toggle-switch{padding:var(--spacing-xs) var(--spacing-sm);min-width:48px;min-height:32px;background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-title);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.settings-toggle.on,.toggle-switch.active{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.settings-toggle.off{background:#ef444433;border-color:var(--danger-500);color:var(--danger-400)}.settings-slider,.range-slider{flex:1;max-width:200px;height:8px;background:var(--bg-tertiary);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb,.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--gb-cyan);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00d9ff66}.settings-slider::-moz-range-thumb,.range-slider::-moz-range-thumb{width:20px;height:20px;background:var(--gb-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00d9ff66}.settings-slider:disabled{opacity:.5;cursor:not-allowed}.settings-volume-value{font-family:var(--font-title);font-size:.875rem;font-weight:600;color:var(--gb-cyan);min-width:40px;text-align:right}@media(max-width:767px){.settings-modal{max-width:100%;max-height:90vh;margin:var(--spacing-sm)}.settings-modal-tabs,.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-modal-tab,.settings-tab{min-width:80px;flex-shrink:0}.settings-language-btns{flex-wrap:wrap}}@media(max-width:1279px)and (orientation:landscape){.settings-modal{max-height:90vh}.settings-modal-content,.settings-content{max-height:50vh}}.settings-modal-close:focus-visible,.settings-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff1a}.settings-modal-tab:focus-visible,.settings-tab:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff1a}.settings-toggle-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.settings-lang-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.settings-toggle:focus-visible,.toggle-switch:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.settings-slider:focus-visible,.range-slider:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:4px}.settings-modal-close:active,.settings-close:active{transform:scale(.95)}.settings-modal-tab:active,.settings-tab:active{background:#00d9ff26}.settings-toggle-btn:active,.settings-lang-btn:active{transform:scale(.98)}.settings-toggle:active,.toggle-switch:active{transform:scale(.95)}.settings-modal-tab.active,.settings-tab.active{position:relative}.settings-modal-tab.active:after,.settings-tab.active:after{content:"";position:absolute;bottom:-2px;left:50%;width:60%;height:2px;background:var(--gb-cyan);transform:translate(-50%);animation:tabIndicatorExpand .25s ease-out}@keyframes tabIndicatorExpand{0%{width:0%;opacity:0}to{width:60%;opacity:1}}.settings-slider:not(:disabled):hover::-webkit-slider-thumb,.range-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 12px #00d9ff99}.settings-slider:not(:disabled):hover::-moz-range-thumb,.range-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 2px 12px #00d9ff99}.settings-slider:disabled::-webkit-slider-thumb,.range-slider:disabled::-webkit-slider-thumb{background:var(--text-secondary);box-shadow:none}.settings-slider:disabled::-moz-range-thumb,.range-slider:disabled::-moz-range-thumb{background:var(--text-secondary);box-shadow:none}.settings-section{animation:settingsSectionFadeIn .3s ease-out}@keyframes settingsSectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-row{transition:background .2s ease;border-radius:var(--radius-sm);margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.settings-row:hover{background:#ffffff05}@media(min-width:768px)and (max-width:1279px){.settings-modal{max-width:420px;max-height:75vh}.settings-modal-tabs,.settings-tabs{overflow-x:visible}.settings-modal-content,.settings-content{padding:var(--spacing-lg)}}@media(min-width:1536px){.settings-modal{max-width:560px;max-height:70vh;border-width:3px}.settings-modal-header,.settings-header{padding:var(--spacing-lg)}.settings-modal-title,.settings-title{font-size:1.5rem}.settings-modal-tab,.settings-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.settings-modal-content,.settings-content{padding:var(--spacing-lg)}.settings-row-label,.settings-label{font-size:1rem}.settings-slider,.range-slider{max-width:250px;height:10px}.settings-slider::-webkit-slider-thumb,.range-slider::-webkit-slider-thumb{width:24px;height:24px}.settings-slider::-moz-range-thumb,.range-slider::-moz-range-thumb{width:24px;height:24px}}@media(max-width:374px){.settings-modal{margin:var(--spacing-xs);max-height:95vh;border-radius:var(--radius-lg)}.settings-modal-header,.settings-header{padding:var(--spacing-sm)}.settings-modal-title,.settings-title{font-size:1rem}.settings-modal-close,.settings-close{width:40px;height:40px;min-width:40px;min-height:40px}.settings-modal-tabs,.settings-tabs{gap:0}.settings-modal-tab,.settings-tab{min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.settings-modal-tab span,.settings-tab span{display:none}.settings-modal-tab svg,.settings-tab svg{width:18px;height:18px}.settings-modal-content,.settings-content{padding:var(--spacing-sm)}.settings-row-label,.settings-label{font-size:.875rem}.settings-toggle-btn,.settings-lang-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:32px}.settings-toggle,.toggle-switch{min-width:40px;min-height:28px;font-size:.625rem}.settings-slider,.range-slider{max-width:140px}.settings-volume-value{font-size:.75rem;min-width:32px}}@media(max-height:500px)and (orientation:landscape){.settings-modal{max-height:95vh;max-width:500px}.settings-modal-header,.settings-header{padding:var(--spacing-xs) var(--spacing-sm)}.settings-modal-title,.settings-title{font-size:1rem}.settings-modal-tabs,.settings-tabs{min-height:0}.settings-modal-tab,.settings-tab{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.settings-modal-content,.settings-content{padding:var(--spacing-sm);max-height:45vh}.settings-row{padding:var(--spacing-xs) var(--spacing-sm)}}.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a0a10 50%,var(--bg-dark) 100%);z-index:var(--z-modal);padding:var(--spacing-md);overflow:auto}.error-boundary:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,217,255,.1) 0%,transparent 50%);pointer-events:none}.error-boundary-content{position:relative;background:var(--bg-card);border:2px solid var(--gb-pink);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:480px;width:100%;text-align:center;box-shadow:0 0 40px #e9456033,0 20px 60px #00000080;animation:errorBounce .5s ease-out,errorPulse 3s ease-in-out .5s infinite}@keyframes errorBounce{0%{opacity:0;transform:scale(.9) translateY(-20px)}50%{transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes errorPulse{0%,to{box-shadow:0 0 40px #e9456033,0 20px 60px #00000080}50%{box-shadow:0 0 60px #e9456059,0 0 100px #e9456026,0 20px 60px #00000080}}@keyframes glitchFlicker{0%,92%,to{opacity:1}93%{opacity:.8;transform:translate(-2px)}94%{opacity:1;transform:translate(2px)}95%{opacity:.9;transform:translate(0)}}.error-boundary-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--gb-pink);margin:0 0 var(--spacing-md);text-shadow:0 0 20px rgba(233,69,96,.4);letter-spacing:-.02em;animation:glitchFlicker 8s ease-in-out infinite}.error-boundary-title:hover{text-shadow:-2px 0 rgba(0,217,255,.6),2px 0 rgba(233,69,96,.6),0 0 20px rgba(233,69,96,.4)}.error-boundary-message{font-family:var(--font-body);font-size:1.125rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.5}.error-boundary-details{background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0 0 var(--spacing-lg);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;color:var(--gb-pink);text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.error-boundary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);min-height:48px;min-width:140px;font-family:var(--font-title);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.error-boundary-btn.primary{background:var(--gb-pink);color:#fff;border-color:var(--gb-pink);box-shadow:0 4px 20px #e9456066}.error-boundary-btn.primary:hover{background:var(--gb-pink-light);border-color:var(--gb-pink-light);transform:translateY(-2px);box-shadow:0 6px 24px #e9456080}.error-boundary-btn.primary:active{transform:translateY(0)}.error-boundary-btn.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.error-boundary-btn.secondary:hover{background:var(--bg-overlay);border-color:var(--gb-cyan);color:var(--gb-cyan)}.error-boundary-btn.secondary:active{transform:scale(.98);background:#00d9ff1a}.error-boundary-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.error-boundary-btn.primary:focus-visible{box-shadow:0 4px 20px #e9456066,0 0 0 4px #e9456033}.error-boundary-btn.secondary:focus-visible{box-shadow:0 0 0 4px #00d9ff33}.error-boundary-details::-webkit-scrollbar{width:6px;height:6px}.error-boundary-details::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.error-boundary-details::-webkit-scrollbar-thumb{background:var(--gb-pink);border-radius:3px;opacity:.6}.error-boundary-details::-webkit-scrollbar-thumb:hover{opacity:1}@media(max-width:767px){.error-boundary{padding:var(--spacing-md);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.error-boundary-content{padding:var(--spacing-lg)}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:1rem}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%;min-height:52px}}@media(max-width:1279px)and (orientation:landscape){.error-boundary-content{max-height:90vh;overflow-y:auto;padding:var(--spacing-md)}.error-boundary-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.error-boundary-message{font-size:.875rem;margin-bottom:var(--spacing-sm)}.error-boundary-details{max-height:80px;margin-bottom:var(--spacing-sm)}.error-boundary-actions{flex-direction:row}.error-boundary-btn{min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}}@media(min-width:768px)and (max-width:1279px){.error-boundary-content{max-width:440px;padding:var(--spacing-lg)}.error-boundary-title{font-size:1.75rem}.error-boundary-message{font-size:1rem}}@media(min-width:1536px){.error-boundary-content{max-width:560px;padding:var(--spacing-2xl);border-width:3px}.error-boundary-title{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.error-boundary-message{font-size:1.25rem;margin-bottom:var(--spacing-xl)}.error-boundary-details{font-size:.9375rem;padding:var(--spacing-lg);max-height:200px;margin-bottom:var(--spacing-xl)}.error-boundary-actions{gap:var(--spacing-lg)}.error-boundary-btn{min-height:56px;min-width:160px;font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl)}}@media(max-width:374px){.error-boundary{padding:var(--spacing-sm)}.error-boundary-content{padding:var(--spacing-md);border-radius:var(--radius-md)}.error-boundary-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.error-boundary-message{font-size:.875rem;margin-bottom:var(--spacing-md)}.error-boundary-details{font-size:.75rem;padding:var(--spacing-sm);max-height:100px;margin-bottom:var(--spacing-md)}.error-boundary-actions{gap:var(--spacing-sm)}.error-boundary-btn{min-height:48px;min-width:0;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}@media(max-height:400px)and (orientation:landscape){.error-boundary-content{max-height:95vh;padding:var(--spacing-sm) var(--spacing-md)}.error-boundary-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.error-boundary-message{font-size:.75rem;margin-bottom:var(--spacing-xs)}.error-boundary-details{max-height:50px;font-size:.6875rem;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.error-boundary-btn{min-height:36px;font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}.gamebuddies-return-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-title);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.gamebuddies-return-btn svg{flex-shrink:0}.gamebuddies-return-btn.inline{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.875rem;color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm)}.gamebuddies-return-btn.inline:hover{color:var(--gb-cyan);background:var(--bg-overlay)}.gamebuddies-return-btn.inline:active{transform:scale(.98)}@keyframes returnBtnPulse{0%,to{box-shadow:0 4px 16px #e9456066,0 2px 4px #0003}50%{box-shadow:0 4px 24px #e9456099,0 0 40px #e9456033,0 2px 4px #0003}}.gamebuddies-return-btn.floating{position:fixed;bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-lg) + env(safe-area-inset-left,0px));z-index:var(--z-floating);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;font-size:.875rem;color:#fff;background:linear-gradient(135deg,var(--gb-pink) 0%,#c93a52 100%);border-radius:var(--radius-full);box-shadow:0 4px 16px #e9456066,0 2px 4px #0003;animation:returnBtnPulse 4s ease-in-out infinite}.gamebuddies-return-btn.floating:hover{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 6px 24px #e9456080,0 4px 8px #0000004d}.gamebuddies-return-btn.floating:active{transform:translateY(0)}@media(max-width:767px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-md) + env(safe-area-inset-left,0px));padding:var(--spacing-sm) var(--spacing-md);min-height:48px;font-size:.8125rem}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating{padding:var(--spacing-sm);width:48px;border-radius:50%}.gamebuddies-return-btn.inline{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:375px)and (max-width:767px){.gamebuddies-return-btn.floating span{display:inline}.gamebuddies-return-btn.floating{width:auto;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:1279px)and (orientation:landscape){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px));min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}}.gb-return-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.gb-return-main{font-size:inherit}.gb-return-sub{font-size:.65rem;opacity:.6}.gamebuddies-return-btn.inline:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:var(--bg-overlay);color:var(--gb-cyan)}.gamebuddies-return-btn.floating:focus-visible{outline:2px solid white;outline-offset:2px;animation-play-state:paused;box-shadow:0 0 0 4px #e945604d,0 6px 24px #e9456080}@keyframes floatingBtnEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.gamebuddies-return-btn.floating{animation:floatingBtnEnter .4s ease-out,returnBtnPulse 4s ease-in-out .4s infinite}.gamebuddies-return-btn.inline svg{transition:transform .3s ease}.gamebuddies-return-btn.inline:hover svg{transform:translate(-2px)}.gamebuddies-return-btn.floating svg{transition:transform .2s ease}.gamebuddies-return-btn.floating:hover svg{transform:translate(-3px)}@media(min-width:768px)and (max-width:1279px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-md) + env(safe-area-inset-left,0px));padding:var(--spacing-sm) var(--spacing-lg)}.gamebuddies-return-btn.inline{padding:var(--spacing-xs) var(--spacing-md)}}@media(min-width:1536px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-xl) + env(safe-area-inset-left,0px));padding:var(--spacing-md) var(--spacing-lg);min-height:52px;font-size:1rem}.gamebuddies-return-btn.floating svg{width:18px;height:18px}.gamebuddies-return-btn.inline{padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;min-height:40px}}@media(max-width:374px){.gamebuddies-return-btn.floating{width:44px;height:44px;padding:0;border-radius:50%;bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px))}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating svg{width:18px;height:18px}.gamebuddies-return-btn.inline{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}@media(max-height:400px)and (orientation:landscape){.gamebuddies-return-btn.floating{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-xs) + env(safe-area-inset-left,0px))}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating svg{width:16px;height:16px}.gamebuddies-return-btn.inline{min-height:32px;font-size:.75rem}}.game-header-mute-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.game-header-mute-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.game-header-mute-btn.muted{color:var(--gb-pink);border-color:#ff00804d}.game-header-mute-btn.muted:hover{background:#ff008033;border-color:var(--gb-pink)}.home-header-mobile-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.home-header-mute{width:32px;height:32px}@media(max-width:767px){.game-header-mute-btn{min-width:44px;min-height:44px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.focus-visible:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes gameMainFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gameSidebarSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarSectionReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-page{position:relative}.game-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,217,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.main-scroll-area{animation:gameMainFadeIn .4s ease-out}.right-sidebar{animation:gameSidebarSlideIn .4s ease-out .15s both;transition:width .3s ease,opacity .3s ease}.game-sidebar-section{animation:sidebarSectionReveal .35s ease-out both}.game-sidebar-section:first-child{animation-delay:.25s}.game-sidebar-section:nth-child(2){animation-delay:.35s}.game-sidebar-section.chat-section{animation-delay:.4s}.game-sidebar-section:focus-within{background:#ffffff05}@media(min-width:1280px){.right-sidebar{transition:box-shadow .3s ease}.right-sidebar:hover{box-shadow:-4px 0 20px #00000026}.game-sidebar-section:focus-within{border-left:2px solid var(--gb-cyan);margin-left:-1px}}@media(min-width:1536px){.right-sidebar{border-left-width:2px}.game-sidebar-section{padding:var(--spacing-md)}.main-scroll-area{padding:var(--spacing-lg)}}@media(min-width:768px)and (max-width:1279px){.main-scroll-area{padding:var(--spacing-md)}}@media(max-width:767px){.game-page:before{background:radial-gradient(ellipse at 50% 20%,rgba(233,69,96,.04) 0%,transparent 60%)}.main-scroll-area{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}}@media(max-width:374px){.main-scroll-area{padding:var(--spacing-xs);padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom))}.game-page:before{opacity:.7}}@media(max-width:1279px)and (orientation:landscape){.game-page:before{background:radial-gradient(ellipse at 10% 50%,rgba(233,69,96,.03) 0%,transparent 40%),radial-gradient(ellipse at 90% 50%,rgba(0,217,255,.03) 0%,transparent 40%)}.main-scroll-area{padding:var(--spacing-xs) var(--spacing-sm)}.game-content-wrapper{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-height:500px)and (orientation:landscape){.main-scroll-area{padding:var(--spacing-xs)}}@media(min-width:768px)and (max-width:1279px)and (orientation:landscape){.main-scroll-area{padding:var(--spacing-sm) var(--spacing-md)}}.invite-modal-backdrop{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#000000d9;z-index:var(--z-settings-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));padding-left:max(var(--spacing-md),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-md),env(safe-area-inset-right,0px))}.invite-modal{position:relative;width:100%;max-width:380px;background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-xl);z-index:var(--z-settings-modal);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.invite-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.invite-modal-close:hover{background:#e9456033;color:var(--gb-pink)}.invite-modal-mascot{width:100px;height:auto;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.invite-modal-title{font-family:var(--font-title);font-size:1.75rem;color:var(--gb-cyan);margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 8px rgba(0,217,255,.3)}.invite-modal-subtitle{font-family:var(--font-hand);font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.invite-modal-error{width:100%;background:#e9456026;border:1px solid var(--gb-pink);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.invite-modal-error p{margin:0;color:var(--gb-pink);font-size:.875rem}.invite-modal-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.invite-modal-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--gb-cyan),var(--gb-pink));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-title);font-size:1.125rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d9ff4d;min-height:48px}.invite-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.invite-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.invite-modal-backdrop{top:var(--header-height-mobile)}.invite-modal{max-width:100%;margin:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}.invite-modal-mascot{width:80px}.invite-modal-title{font-size:1.5rem}}.device-settings-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-settings-modal-backdrop);padding:var(--spacing-md);animation:fadeIn .2s ease-out}.device-settings-modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;z-index:var(--z-settings-modal);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.device-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--panel-border)}.device-settings-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.device-settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.device-settings-close:hover{background:var(--hover-bg);color:var(--text-primary)}.device-settings-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.device-settings-preview{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0a0a12,#1a1a2e);margin:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;border:2px solid rgba(var(--accent-primary-rgb),.3);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.15),inset 0 0 30px #0000004d}.device-settings-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.device-settings-preview video.camera-off{opacity:.3}.camera-off-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);background:#00000080}.camera-off-overlay svg{width:2rem;height:2rem}.camera-off-overlay span{font-size:.875rem}.device-settings-devices{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.device-setting-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.device-setting-row label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.device-setting-row select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#1e293b;border:1px solid #475569;border-radius:var(--radius-md);color:#e2e8f0;font-size:.875rem;cursor:pointer;transition:border-color .15s ease}.device-setting-row select option{background:#1e293b;color:#e2e8f0}.device-setting-row select:hover{border-color:var(--accent-primary)}.device-setting-row select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)}.audio-meter-row{margin-top:var(--spacing-sm)}.audio-meter{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden}.audio-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-success),var(--accent-primary));border-radius:4px;transition:width .05s ease-out}.audio-meter-bars{display:flex;gap:3px;height:24px;align-items:flex-end;padding:var(--spacing-xs) var(--spacing-sm);background:var(--input-bg);border-radius:var(--radius-md)}.audio-bar{flex:1;min-height:4px;background:rgba(var(--accent-primary-rgb),.15);border-radius:2px;transition:all .08s ease-out}.audio-bar.active{min-height:100%}.audio-bar.active.green{background:linear-gradient(to top,#059669,#10b981);box-shadow:0 0 6px #10b98166}.audio-bar.active.yellow{background:linear-gradient(to top,#d97706,#f59e0b);box-shadow:0 0 6px #f59e0b66}.audio-bar.active.red{background:linear-gradient(to top,#dc2626,#ef4444);box-shadow:0 0 6px #ef444480}.device-settings-privacy{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border);margin-top:var(--spacing-md)}.privacy-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.privacy-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:40px;height:22px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:11px;transition:all .2s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.privacy-toggle input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.4)}.privacy-toggle input:checked+.toggle-slider:before{transform:translate(18px);background:#fff;box-shadow:0 2px 4px #0003}.privacy-toggle:hover .toggle-slider{border-color:rgba(var(--accent-primary-rgb),.5)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);transition:color .15s ease}.privacy-toggle input:checked~.toggle-label{color:var(--text-primary)}.privacy-toggle input:checked~.toggle-label svg{color:var(--accent-primary)}.device-settings-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border)}.device-settings-cancel{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.device-settings-cancel:hover{background:var(--hover-bg);border-color:var(--text-muted)}.device-settings-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.device-settings-confirm:hover{background:var(--accent-hover);transform:translateY(-1px)}.device-settings-confirm:active{transform:translateY(0)}@media(max-width:767px){.device-settings-modal-overlay{padding:0}.device-settings-modal{position:fixed;inset:0;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column}.device-settings-preview{flex-shrink:0}.device-settings-devices{flex:1;overflow-y:auto;padding-bottom:var(--spacing-md)}.device-settings-actions{flex-shrink:0;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}}.device-settings-tabs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-md);border-bottom:1px solid var(--panel-border);background:var(--panel-bg)}.device-settings-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.device-settings-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.device-settings-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.device-settings-tab svg{flex-shrink:0}.device-settings-content{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.virtual-bg-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--accent-primary-rgb),.9);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:500}.virtual-bg-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:var(--text-primary);gap:var(--spacing-sm);font-size:.75rem;z-index:5}.vb-loading-spinner{width:24px;height:24px;border:2px solid var(--panel-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feature-toggle{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm)}.background-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.background-option{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .15s ease;background:var(--panel-bg)}.background-option:hover{border-color:var(--text-muted);transform:scale(1.02)}.background-option.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.3),0 0 15px rgba(var(--accent-primary-rgb),.2)}.background-option.active:after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #0000004d;z-index:1}.background-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-option span{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs);background:linear-gradient(transparent,#000c);color:#fff;font-size:.75rem;text-align:center}.blur-option .blur-preview{width:100%;height:100%;background:linear-gradient(135deg,var(--panel-bg) 25%,var(--hover-bg) 25%,var(--hover-bg) 50%,var(--panel-bg) 50%,var(--panel-bg) 75%,var(--hover-bg) 75%);background-size:20px 20px;filter:blur(4px)}.background-info{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:rgba(var(--accent-primary-rgb),.08);border-left:3px solid rgba(var(--accent-primary-rgb),.5)}.background-info p{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin:0}.background-info.info{background:#0ea5e91a;border-left-color:#0ea5e9}.background-info.success{background:#10b9811a;border-left-color:#10b981}.background-info.warning{background:#f59e0b1a;border-left-color:#f59e0b}.background-info.experimental{background:#8b5cf61a;border-left-color:#8b5cf6}.slider-setting{padding:0 var(--spacing-lg);margin-top:var(--spacing-md)}.slider-setting label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.slider-setting .slider-value{font-weight:600;color:var(--accent-primary)}.slider-setting input[type=range]{width:100%;height:8px;background:var(--input-bg);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-setting input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--value, 30%),var(--input-bg) var(--value, 30%),var(--input-bg) 100%)}.slider-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:2px solid white;border-radius:50%;cursor:pointer;margin-top:-6px;-webkit-transition:all .15s ease;transition:all .15s ease;box-shadow:0 2px 6px #0000004d,0 0 10px rgba(var(--accent-primary-rgb),.3)}.slider-setting input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0006,0 0 15px rgba(var(--accent-primary-rgb),.5)}.slider-setting input[type=range]:active::-webkit-slider-thumb{transform:scale(1.05)}.slider-setting input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--input-bg)}.slider-setting input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d,0 0 10px rgba(var(--accent-primary-rgb),.3)}.slider-setting input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.slider-setting .slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--panel-bg);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.avatar-option:hover:not(.disabled){border-color:var(--text-muted);transform:translateY(-2px)}.avatar-option.active{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.avatar-option.disabled{opacity:.5;cursor:not-allowed}.avatar-emoji{font-size:2rem}.avatar-label{font-size:.75rem;color:var(--text-secondary)}.soon-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:2px 6px;background:var(--accent-warning);border-radius:var(--radius-sm);font-size:.6rem;font-weight:600;color:#000;text-transform:uppercase}.device-settings-background,.device-settings-audio,.device-settings-avatar{display:flex;flex-direction:column}.device-settings-background .feature-toggle,.device-settings-audio .feature-toggle,.device-settings-avatar .feature-toggle{padding:var(--spacing-sm) var(--spacing-lg)}@media(max-width:767px){.device-settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.device-settings-tabs::-webkit-scrollbar{display:none}.device-settings-tab{white-space:nowrap;padding:var(--spacing-sm)}.device-settings-tab span{display:none}.background-options,.avatar-options{grid-template-columns:repeat(2,1fr)}}.tutorial-overlay{position:fixed;inset:0;z-index:var(--z-modal, 9999);display:flex;align-items:center;justify-content:center;padding:20px;background:#000c;animation:tutorialFadeIn .2s ease-out}.tutorial-modal{position:relative;width:100%;max-width:420px;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 15px #0009;animation:tutorialScaleIn .25s ease-out;display:flex;flex-direction:column}.tutorial-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.tutorial-close:hover{background:#fff3;color:#fff}.tutorial-content{text-align:center;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorial-icon{font-size:4rem;margin-bottom:1rem;line-height:1;animation:tutorialBounce .4s ease-out}.tutorial-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem}.tutorial-description{font-size:1rem;color:#ffffffbf;line-height:1.6;margin:0;max-width:340px}.tutorial-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tutorial-nav-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-nav-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.tutorial-nav-btn:disabled{opacity:.3;cursor:not-allowed}.tutorial-dots{display:flex;gap:8px}.tutorial-dot{width:8px;height:8px;padding:0;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.tutorial-dot:hover{background:#ffffff80}.tutorial-dot.active{width:12px;height:12px;background:var(--gb-cyan);box-shadow:0 0 8px #00d9ff99}.tutorial-dots .tutorial-dot-wrapper{position:relative;padding:8px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible}.tutorial-dots .tutorial-dot-wrapper:before{display:none}.tutorial-dots .tutorial-dot-wrapper.active .tutorial-dot{width:12px;height:12px;background:var(--gb-cyan);box-shadow:0 0 8px #00d9ff99}.tutorial-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-trigger-btn:hover{background:#ffffff26;color:#fff}.tutorial-sidebar{background:#0c0e1cf2;border:1px solid rgba(0,217,255,.2);border-radius:18px;padding:1.5rem 1.5rem 1.75rem;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;width:280px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tutorial-sidebar-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gb-cyan);margin-bottom:1rem}.tutorial-progress{height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:1.25rem;overflow:hidden}.tutorial-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--gb-pink),var(--gb-cyan));border-radius:2px;transform-origin:left;animation:progressFill linear forwards}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tutorial-sidebar-content{text-align:center;min-height:0;display:flex;flex-direction:column;flex:1;overflow:hidden}.tutorial-sidebar-icon{font-size:3.5rem;line-height:1;margin-bottom:1rem;flex-shrink:0}.tutorial-sidebar-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .5rem;flex-shrink:0}.tutorial-sidebar-description{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.tutorial-sidebar-image{width:100%;max-height:160px;-o-object-fit:contain;object-fit:contain;border-radius:10px;margin-bottom:.75rem;flex-shrink:1}.tutorial-sidebar-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.tutorial-sidebar-dots button.tutorial-dot-wrapper{position:relative;padding:8px;background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible}.tutorial-sidebar-dots button.tutorial-dot-wrapper:before{display:none}.tutorial-sidebar-dots button.tutorial-dot-wrapper .tutorial-dot{width:8px;height:8px;background:#fff3;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tutorial-sidebar-dots button.tutorial-dot-wrapper:hover .tutorial-dot{background:#fff6}.tutorial-sidebar-dots button.tutorial-dot-wrapper.active .tutorial-dot{width:14px;height:14px;background:var(--gb-cyan);animation:dotPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes dotPop{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.tutorial-dot-progress{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%) rotate(-90deg);filter:drop-shadow(0 0 6px rgba(233,69,96,.9))}.tutorial-dot-progress-ring{fill:none;stroke:var(--gb-pink);stroke-width:2;stroke-linecap:round;stroke-dasharray:106.81;stroke-dashoffset:106.81;animation:circularProgress 5s linear forwards}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialScaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tutorialBounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:480px){.tutorial-modal{padding:2rem 1.5rem 1.25rem;margin:10px;max-width:calc(100% - 20px)}.tutorial-icon{font-size:3rem}.tutorial-title{font-size:1.25rem}.tutorial-description{font-size:.9rem}.tutorial-content{min-height:150px}}@media(prefers-reduced-motion:reduce){.tutorial-overlay,.tutorial-modal,.tutorial-icon{animation:none}.tutorial-nav-btn:hover:not(:disabled){transform:none}}:root{--cc-bg-primary: #0f0f1a;--cc-bg-secondary: #1a1a2e;--cc-bg-tertiary: #252540;--cc-bg-card: rgba(30, 30, 50, .9);--cc-bg-glass: rgba(20, 20, 35, .85);--cc-chalk-white: #f0f0e8;--cc-chalk-gray: #a0a0a0;--cc-chalk-faint: #606070;--cc-neon-pink: #ff6b9d;--cc-neon-cyan: #6bcfff;--cc-neon-yellow: #ffe066;--cc-neon-green: #7ed56f;--cc-neon-purple: #b39ddb;--cc-neon-orange: #ffab66;--cc-text-primary: #f0f0e8;--cc-text-secondary: #b8b8c8;--cc-text-muted: #7a7a8a;--cc-glow-pink: 0 0 8px rgba(255, 107, 157, .4);--cc-glow-cyan: 0 0 8px rgba(107, 207, 255, .4);--cc-glow-yellow: 0 0 8px rgba(255, 224, 102, .4);--cc-glow-green: 0 0 8px rgba(126, 213, 111, .4);--cc-glow-purple: 0 0 8px rgba(179, 157, 219, .4);--cc-gradient-primary: linear-gradient(135deg, var(--cc-neon-pink), var(--cc-neon-purple));--cc-gradient-secondary: linear-gradient(135deg, var(--cc-neon-cyan), var(--cc-neon-green));--cc-gradient-bg: radial-gradient(ellipse at center, #1a1a2e 0%, #0f0f1a 100%);--cc-border-chalk: 2px solid var(--cc-chalk-white);--cc-border-sketch: 2px solid var(--cc-chalk-gray);--cc-border-faint: 1px solid var(--cc-chalk-faint);--cc-font-marker: "Permanent Marker", cursive;--cc-font-handwritten: "Patrick Hand", cursive;--cc-font-playful: "Indie Flower", cursive;--cc-font-sketch: "Short Stack", cursive;--cc-transition-fast: .15s ease;--cc-transition-normal: .25s ease-out;--cc-transition-slow: .4s ease-out;--cc-sketch-radius-1: 255px 15px 225px 15px / 15px 225px 15px 255px;--cc-sketch-radius-2: 15px 255px 15px 225px / 225px 15px 255px 15px;--cc-sketch-radius-3: 225px 15px 255px 15px / 15px 255px 15px 225px;--cc-sketch-radius-4: 15px 225px 15px 255px / 255px 15px 225px 15px;--cc-sketch-radius-sm-1: 30px 4px 28px 4px / 4px 28px 4px 30px;--cc-sketch-radius-sm-2: 4px 30px 4px 28px / 28px 4px 30px 4px;--cc-scribble-shadow: 2px 2px 0 rgba(0, 0, 0, .08), -1px -1px 0 rgba(0, 0, 0, .04), 3px -2px 0 rgba(0, 0, 0, .04);--cc-crayon-glow-pink: 0 0 12px rgba(255, 107, 157, .5), 0 0 4px rgba(255, 107, 157, .3);--cc-crayon-glow-cyan: 0 0 12px rgba(107, 207, 255, .5), 0 0 4px rgba(107, 207, 255, .3);--cc-crayon-glow-orange: 0 0 12px rgba(255, 171, 102, .5), 0 0 4px rgba(255, 171, 102, .3);--cc-notebook-lines: repeating-linear-gradient( transparent 0px, transparent 28px, rgba(200, 200, 220, .08) 28px, rgba(200, 200, 220, .08) 29px );--cc-polaroid-shadow: 0 4px 6px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .1);--cc-splash-pink: #ff6b9d;--cc-splash-cyan: #6bcfff;--cc-splash-yellow: #ffe066;--cc-splash-green: #7ed56f;--cc-splash-purple: #b39ddb;--cc-watercolor-bg: rgba(107, 207, 255, .08);--cc-watercolor-accent: rgba(255, 107, 157, .12);--cc-sketch-radius-card: 225px 20px 210px 20px / 20px 210px 20px 225px;--cc-sketch-radius-badge: 180px 8px 160px 8px / 8px 160px 8px 180px;--cc-paper-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.canvas-chaos-game{flex:1;min-height:0;background:var(--cc-gradient-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;contain:layout style}.canvas-chaos-game:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(107,207,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,107,157,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.very-sketchy{filter:url(#very-sketchy)}.sketch-radius{border-radius:15px 12px 18px 10px/10px 15px 12px 18px}@keyframes wobble{0%,to{transform:rotate(-.5deg)}25%{transform:rotate(.3deg)}50%{transform:rotate(.5deg)}75%{transform:rotate(-.3deg)}}@keyframes gentle-wobble{0%,to{transform:rotate(-.3deg) scale(1)}50%{transform:rotate(.3deg) scale(1.01)}}@keyframes scribble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1px) rotate(.5deg)}50%{transform:translate(-1px) rotate(-.5deg)}75%{transform:translate(.5px) rotate(.3deg)}}.hover-wobble:hover{animation:gentle-wobble .6s ease-in-out infinite}@keyframes sketch-morph{0%,to{border-radius:var(--cc-sketch-radius-1)}25%{border-radius:var(--cc-sketch-radius-2)}50%{border-radius:var(--cc-sketch-radius-3)}75%{border-radius:var(--cc-sketch-radius-4)}}@keyframes note-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}60%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(var(--note-rotate, -1deg));opacity:1}}@keyframes scribble-in{0%{clip-path:inset(0 100% 0 0);opacity:.5}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes doodle-press{0%{transform:scale(1) rotate(0)}50%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes sketch-breathe{0%,to{border-radius:var(--cc-sketch-radius-sm-1);transform:rotate(-.3deg)}50%{border-radius:var(--cc-sketch-radius-sm-2);transform:rotate(.3deg)}}@keyframes polaroid-wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.cc-sketch-breathe{animation:sketch-breathe 8s ease-in-out infinite!important}.cc-sketch-breathe-fast{animation:sketch-breathe 4s ease-in-out infinite!important}@keyframes circularProgress{0%{stroke-dashoffset:106.81}to{stroke-dashoffset:0}}.mode-selector{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;position:relative;z-index:1}.mode-selector-title{font-family:var(--cc-font-marker);font-size:2.5rem;font-weight:400;letter-spacing:.05em;color:var(--cc-chalk-white);text-shadow:2px 2px 0 rgba(0,0,0,.3);transform:rotate(-1deg)}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;width:100%}.mode-card{background:var(--cc-bg-card);border:3px solid var(--cc-chalk-gray);border-radius:18px 14px 20px 12px/12px 18px 14px 20px;padding:1.5rem;cursor:pointer;transition:all var(--cc-transition-normal);position:relative;overflow:visible;transform:rotate(-.5deg)}.mode-card:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(2deg);width:60px;height:18px;background:var(--cc-neon-yellow);opacity:.85;border-radius:2px;box-shadow:0 2px 4px #0000004d;transition:all var(--cc-transition-normal)}.mode-card:hover{transform:rotate(.5deg) translateY(-4px);border-color:var(--cc-chalk-white);box-shadow:var(--cc-glow-pink);animation:gentle-wobble .8s ease-in-out infinite}.mode-card:hover:before{transform:translate(-50%) rotate(-1deg);background:var(--cc-neon-pink)}.mode-card.selected{border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan);transform:rotate(0)}.mode-card.selected:before{background:var(--cc-neon-cyan);transform:translate(-50%) rotate(0)}.mode-card-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:gentle-wobble 3s ease-in-out infinite}.mode-card-title{font-family:var(--cc-font-marker);font-size:1.4rem;font-weight:400;color:var(--cc-chalk-white);margin-bottom:.5rem;letter-spacing:.02em;transform:rotate(-.5deg)}.mode-card-description{font-family:var(--cc-font-handwritten);font-size:1rem;color:var(--cc-text-secondary);line-height:1.5}.mode-carousel-container{background:#19192df2;border-style:solid;border-width:8px;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch;padding:1.25rem;transform:rotate(.3deg);flex:1;min-height:0;display:flex;flex-direction:column}.mode-carousel-header{text-align:center;margin-bottom:1rem}.mode-carousel-title{font-family:var(--cc-font-marker);font-size:1.2rem;font-weight:400;color:var(--cc-chalk-white);letter-spacing:.02em;margin:0;transform:rotate(-.5deg)}.mode-carousel-subtitle{font-family:var(--cc-font-handwritten);font-size:.95rem;color:var(--cc-text-muted);margin-top:.25rem}.mode-carousel-title,.mode-carousel-subtitle,.mode-carousel-card-title,.mode-carousel-card-description{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;backface-visibility:hidden}.mode-carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;flex-wrap:nowrap}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel-card{flex:1 0 200px;max-width:320px;scroll-snap-align:center;background:var(--cc-bg-card);border-style:solid;border-width:6px;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch;padding:1rem;cursor:pointer;transition:all var(--cc-transition-normal);position:relative;text-align:left;font-family:inherit;transform:rotate(-.3deg)}.mode-carousel-card:hover:not(.readonly){transform:rotate(.5deg) translateY(-2px);animation:gentle-wobble .6s ease-in-out infinite}.mode-carousel-card.cyan:hover:not(.readonly){border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.mode-carousel-card.pink:hover:not(.readonly){border-color:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink)}.mode-carousel-card.purple:hover:not(.readonly){border-color:var(--cc-neon-purple);box-shadow:var(--cc-glow-purple)}.mode-carousel-card.selected.cyan{border-color:var(--cc-neon-cyan);border-width:3px;box-shadow:var(--cc-glow-cyan),0 0 20px #6bcfff33}.mode-carousel-card.selected.pink{border-color:var(--cc-neon-pink);border-width:3px;box-shadow:var(--cc-glow-pink),0 0 20px #ff6b9d33}.mode-carousel-card.selected.purple{border-color:var(--cc-neon-purple);border-width:3px;box-shadow:var(--cc-glow-purple),0 0 20px #b39ddb33}.mode-carousel-card.readonly{cursor:default;opacity:.9}.mode-carousel-card.locked{cursor:not-allowed;opacity:.45;filter:grayscale(.6)}.mode-carousel-card.locked:hover{transform:rotate(-.3deg);animation:none}.mode-locked-hint{font-family:var(--cc-font-handwritten, var(--font-hand));font-size:.8rem;color:var(--cc-neon-pink, var(--gb-pink));margin-top:.5rem;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);background:#e945601f;text-align:center}.mode-carousel-card .mode-card-icon{font-size:2rem;margin-bottom:.5rem;display:block}.mode-carousel-card .mode-card-title{font-family:var(--cc-font-marker);font-size:1.1rem;font-weight:400;color:var(--cc-chalk-white);margin:0 0 .5rem}.mode-carousel-card .mode-card-description{font-family:var(--cc-font-handwritten);font-size:.9rem;color:var(--cc-text-secondary);line-height:1.4;margin:0}.mode-selected-badge{position:absolute;top:-8px;right:.75rem;background:var(--cc-neon-cyan);color:var(--cc-bg-primary);font-family:var(--cc-font-sketch);font-size:.75rem;font-weight:400;padding:.2rem .5rem;border-radius:4px 6px;display:flex;align-items:center;gap:.25rem;transform:rotate(2deg);box-shadow:0 2px 4px #0000004d}.mode-selected-badge .checkmark{font-size:.8rem}@media(max-width:768px){.mode-carousel-card{flex:0 0 220px}}.evo-lineage-grid{margin-top:2rem;padding:1.5rem 1rem;background:#00000059;border-radius:16px;border:1px solid rgba(0,245,255,.25)}.evo-lineage-title{text-align:center;margin:0 0 1rem;font-family:var(--font-title, var(--font-hand, inherit));color:var(--gb-cyan, #00f5ff);font-size:1.4rem;letter-spacing:.04em}.evo-lineage-row{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,45,149,.5) transparent}.evo-lineage-cell{flex:0 0 180px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#0f0f1acc;border:2px solid rgba(0,245,255,.25);border-radius:12px;min-width:180px}.evo-lineage-stage-num{align-self:flex-start;padding:2px 8px;font-family:var(--font-hand, inherit);font-size:.75rem;font-weight:700;color:#fff;background:var(--gb-pink, #ff2d95);border-radius:999px}.evo-lineage-canvas{width:160px;height:160px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#0f0f1a}.evo-lineage-artist{font-family:var(--font-hand, inherit);font-size:.85rem;font-weight:600;color:#fff}.evo-lineage-prompt{font-family:var(--font-hand, inherit);font-size:.7rem;color:var(--gb-cyan, #00f5ff);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evo-ghost-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:inherit;z-index:10;animation:evoGhostFade .24s ease-out}.evo-ghost-overlay .evo-ghost-canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.evo-ghost-label{position:absolute;top:12px;left:12px;padding:6px 10px;font-family:var(--font-hand, inherit);font-size:14px;font-weight:700;color:#fff;background:var(--gb-cyan, #00f5ff);color:#0f0f1a;border-radius:999px;letter-spacing:.02em;z-index:2}.evo-ghost-skip{position:absolute;bottom:12px;right:12px;padding:6px 12px;font-family:var(--font-hand, inherit);font-size:13px;font-weight:600;color:#fff;background:#ff2d95d9;border:1px solid rgba(255,255,255,.3);border-radius:999px;cursor:pointer;z-index:2;transition:transform var(--transition, .3s)}.evo-ghost-skip:hover{transform:scale(1.05)}@keyframes evoGhostFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.evo-ghost-overlay{animation:none}.evo-ghost-skip{transition:none}.evo-ghost-skip:hover{transform:none}}.card-preview-overlay{position:fixed;inset:0;background:#0f0f1ad9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:cardPreviewFade .18s ease-out}.card-preview-modal{background:var(--bg-secondary, #1a1036);border:2px solid var(--gb-cyan, #00f5ff);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 40px #00f5ff40;width:min(640px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.card-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0006;border-bottom:1px solid rgba(0,245,255,.25)}.card-preview-title{font-family:var(--font-hand, inherit);font-size:1.05rem;font-weight:700;color:#fff}.card-preview-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;transition:background var(--transition, .3s),transform var(--transition, .3s)}.card-preview-close:hover{background:var(--gb-pink, #ff2d95);transform:scale(1.05)}.card-preview-image-wrap{padding:16px;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:auto;flex:1 1 auto;min-height:0}.card-preview-image{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 8px 30px #0009}.card-preview-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:12px 16px;background:#0006;border-top:1px solid rgba(255,255,255,.1)}.card-preview-cancel{padding:8px 16px;font-family:var(--font-hand, inherit);font-size:14px;font-weight:600;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:999px;cursor:pointer;transition:background var(--transition, .3s)}.card-preview-cancel:hover{background:#ffffff1a}.card-preview-download{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-family:var(--font-hand, inherit);font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gb-cyan, #00f5ff),var(--gb-pink, #ff2d95));border:none;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px #ff2d9559;transition:transform var(--transition, .3s),box-shadow var(--transition, .3s)}.card-preview-download:hover{transform:translateY(-1px);box-shadow:0 10px 28px #ff2d9580}@keyframes cardPreviewFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.card-preview-overlay{animation:none}.card-preview-close,.card-preview-download,.card-preview-cancel{transition:none}.card-preview-close:hover,.card-preview-download:hover{transform:none}}.mp-share-actions,.evo-share-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.mp-share-btn,.evo-share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-family:var(--font-hand, inherit);font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--gb-cyan, #00f5ff),var(--gb-pink, #ff2d95));border:none;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px #ff2d9559;transition:transform var(--transition, .3s),box-shadow var(--transition, .3s)}.mp-share-btn:hover,.evo-share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff2d9580}@media(prefers-reduced-motion:reduce){.mp-share-btn,.evo-share-btn{transition:none}.mp-share-btn:hover,.evo-share-btn:hover{transform:none}}.replayable-artwork{position:relative;width:100%;height:100%}.replayable-artwork.replaying{display:flex;align-items:center;justify-content:center;background:#0f0f1a;border-radius:inherit;overflow:hidden}.replayable-artwork.replaying canvas{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.replayable-artwork .replay-btn{position:absolute;bottom:6px;right:6px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--font-hand, inherit);font-size:12px;font-weight:600;color:#fff;background:#000000a6;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer;z-index:2;opacity:0;transition:opacity var(--transition, .3s),transform var(--transition, .3s),background var(--transition, .3s)}.replayable-artwork:hover .replay-btn,.replayable-artwork:focus-within .replay-btn{opacity:1}.replayable-artwork .replay-btn:hover{background:var(--gb-pink, #e94560);transform:scale(1.05)}@media(hover:none){.replayable-artwork .replay-btn{opacity:.9}}@media(prefers-reduced-motion:reduce){.replayable-artwork .replay-btn{transition:none}}.drawing-canvas-container{display:flex;flex-direction:column;gap:1rem;align-items:center;-webkit-overflow-scrolling:touch}.drawing-canvas-container canvas,.canvas-wrapper canvas,.upper-canvas,.lower-canvas{touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important}.canvas-wrapper{position:relative;border-radius:8px 12px 10px 14px/12px 8px 14px 10px;overflow:hidden;border:4px solid var(--cc-chalk-white);box-shadow:var(--cc-glow-pink),0 15px 40px #00000080;background:var(--cc-bg-primary)}.canvas-wrapper canvas{display:block;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-disabled-overlay{position:absolute;inset:0;background:#0f0a1ecc;display:flex;align-items:center;justify-content:center;color:var(--cc-chalk-gray);font-family:var(--cc-font-handwritten);font-size:1.5rem;font-weight:400;letter-spacing:.1em}.drawing-tools{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem;background:#19192df2;border-radius:16px 12px 18px 14px/12px 16px 14px 18px;border:2px solid var(--cc-chalk-faint)}.tool-group{display:flex;gap:.5rem;align-items:center}.tool-group.colors{padding:.25rem;background:#0000004d;border-radius:8px}.color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--cc-transition-fast);box-shadow:0 2px 8px #0000004d}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--cc-text-primary);box-shadow:0 0 15px currentColor;transform:scale(1.15)}.size-btn,.tool-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;min-width:44px;min-height:44px;border:2px solid var(--cc-chalk-gray);border-radius:8px 6px 10px/6px 8px 6px 10px;background:transparent;color:var(--cc-chalk-white);font-family:var(--cc-font-sketch);font-weight:400;cursor:pointer;transition:all var(--cc-transition-fast);font-size:.85rem;letter-spacing:.02em}.size-btn:hover,.tool-btn:hover{background:var(--cc-neon-pink);border-color:var(--cc-neon-pink);color:var(--cc-bg-primary);transform:rotate(1deg)}.size-btn.active,.tool-btn.active{background:var(--cc-neon-cyan);border-color:var(--cc-neon-cyan);color:var(--cc-bg-primary);transform:rotate(-1deg);box-shadow:0 0 8px var(--cc-neon-cyan),0 0 2px var(--cc-neon-cyan)}.tool-btn.danger{border-color:var(--cc-neon-orange)}.tool-btn.danger:hover{background:var(--cc-neon-orange);border-color:var(--cc-neon-orange)}.tool-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.tool-btn.symmetry-btn{gap:4px}.stamp-picker{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.stamp-btn{width:36px;height:36px;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;background:#ffffff0d;cursor:pointer;transition:transform var(--cc-transition-fast, .15s),border-color var(--cc-transition-fast, .15s)}.stamp-btn:hover{transform:scale(1.15);border-color:var(--cc-neon-pink, #ff2d95)}.stamp-btn.active{border-color:var(--cc-neon-cyan, #00f5ff);background:#00f5ff26}.pattern-picker{display:flex;gap:6px;flex-wrap:wrap}.pattern-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:48px;padding:4px 6px;border:2px solid transparent;border-radius:8px;background:#ffffff0d;color:inherit;cursor:pointer;font-family:inherit;transition:border-color var(--cc-transition-fast, .15s),background var(--cc-transition-fast, .15s)}.pattern-btn:hover{border-color:var(--cc-neon-pink, #ff2d95)}.pattern-btn.active{border-color:var(--cc-neon-cyan, #00f5ff);background:#00f5ff1f}.pattern-icon{font-size:16px;line-height:1}.pattern-label{font-size:10px;font-weight:600;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.pattern-btn,.stamp-btn{transition:none}.stamp-btn:hover{transform:none}}.symmetry-count{font-size:.7rem;font-weight:700;letter-spacing:0;padding:1px 4px;border-radius:4px;background:#0000004d}.tool-btn.premium{border-color:var(--cc-neon-yellow);color:var(--cc-neon-yellow);position:relative}.tool-btn.premium:before{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--cc-neon-yellow);border-radius:50%}.tool-btn.premium:hover{background:#ffd70033;box-shadow:0 0 12px #ffd7004d}.tool-btn.premium.active{background:#ffd7004d;border-color:var(--cc-neon-yellow);box-shadow:0 0 15px #ffd70066}.opacity-control{min-width:100px}.opacity-label{display:flex;align-items:center;gap:.4rem;color:var(--cc-text-secondary, rgba(255,255,255,.7));font-size:.75rem;white-space:nowrap}.opacity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:6px;background:#ffffff26;border-radius:3px;outline:none;cursor:pointer;touch-action:none}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--cc-neon-cyan, #00f5ff);border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:grab;box-shadow:0 0 8px #00f5ff66}.opacity-slider::-moz-range-thumb{width:16px;height:16px;background:var(--cc-neon-cyan, #00f5ff);border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:grab;box-shadow:0 0 8px #00f5ff66}.opacity-value{min-width:2.5em;text-align:right}.color-picker-input{width:28px;height:28px;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;padding:0;background:transparent;transition:all .2s ease}.color-picker-input:hover{border-color:var(--cc-neon-cyan);transform:scale(1.1)}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border-radius:50%;border:none}.voting-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;position:relative;z-index:1}.voting-no-options{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;background:#0000004d;border-radius:1rem;text-align:center}.no-options-icon{font-size:3rem}.no-options-text{color:var(--cc-text-secondary);font-size:1.1rem}.voting-title{text-align:center;font-family:var(--cc-font-marker);font-size:1.8rem;font-weight:400;color:var(--cc-chalk-white);letter-spacing:.02em;transform:rotate(-.5deg)}.voting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.voting-card{background:var(--cc-bg-card);border:3px solid var(--cc-chalk-gray);border-radius:14px 10px 16px 12px/10px 14px 12px 16px;padding:1rem;cursor:pointer;transition:all var(--cc-transition-normal);text-align:center;transform:rotate(-.5deg)}.voting-card:hover{border-color:var(--cc-chalk-white);transform:rotate(.5deg) translateY(-4px);animation:gentle-wobble .6s ease-in-out infinite}.voting-card.selected{border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan);transform:rotate(0)}.voting-card.voted{opacity:.6;cursor:not-allowed}.voting-card-image{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:6px 10px 8px 12px/10px 6px 12px 8px;background:var(--cc-bg-primary);margin-bottom:.75rem;border:2px solid var(--cc-chalk-faint)}.voting-card-name{font-family:var(--cc-font-handwritten);font-weight:400;font-size:1.1rem;color:var(--cc-chalk-white)}.voting-card-votes{font-family:var(--cc-font-sketch);font-size:.9rem;color:var(--cc-neon-cyan);margin-top:.25rem}.reveal-slideshow{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;position:relative;z-index:1}.reveal-stage-indicator{font-family:var(--cc-font-sketch);font-size:1rem;color:var(--cc-text-secondary);letter-spacing:.1em}.reveal-artist-name{font-family:var(--cc-font-marker);font-size:1.6rem;font-weight:400;color:var(--cc-neon-cyan);text-shadow:var(--cc-glow-cyan);transform:rotate(-1deg)}.reveal-image-container{position:relative;max-width:800px;width:100%;transform:rotate(-.3deg)}.reveal-image{width:100%;border-radius:10px 14px 12px 16px/14px 10px 16px 12px;border:4px solid var(--cc-chalk-white);box-shadow:var(--cc-glow-pink),0 20px 60px #00000080;animation:revealPop .5s ease-out}@keyframes revealPop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.reveal-progress-dots{display:flex;gap:.5rem}.reveal-dot{width:12px;height:12px;border-radius:50%;background:var(--cc-bg-tertiary);transition:all var(--cc-transition-normal)}.reveal-dot.active{background:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink);transform:scale(1.2)}.reveal-dot.completed{background:var(--cc-neon-cyan)}.game-results{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;position:relative;z-index:1}.results-title{font-family:var(--cc-font-marker);font-size:2.5rem;font-weight:400;color:var(--cc-neon-pink);text-shadow:2px 2px 0 rgba(0,0,0,.3);transform:rotate(-2deg);animation:resultsPulse 1s ease-in-out infinite}@keyframes resultsPulse{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(-2deg) scale(1.05)}}.results-winner{text-align:center;padding:2rem;background:var(--cc-bg-card);border-radius:20px 14px 18px 16px/14px 20px 16px 18px;border:4px solid var(--cc-neon-yellow);box-shadow:var(--cc-glow-yellow);transform:rotate(.5deg)}.winner-crown{font-size:4rem;animation:crownBounce 1s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.winner-name{font-family:var(--cc-font-marker);font-size:2rem;font-weight:400;color:var(--cc-neon-yellow);margin-top:.5rem;transform:rotate(-1deg)}.winner-score{font-family:var(--cc-font-handwritten);font-size:1.3rem;color:var(--cc-text-secondary);margin-top:.25rem}.results-leaderboard{width:100%;max-width:500px}.leaderboard-entry{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--cc-bg-glass);border-radius:10px 6px 12px 8px/6px 10px 8px 12px;border:2px solid var(--cc-chalk-faint);margin-bottom:.5rem}.leaderboard-rank{font-family:var(--cc-font-marker);font-size:1.4rem;font-weight:400;width:2rem;text-align:center}.leaderboard-rank.gold{color:var(--cc-neon-yellow)}.leaderboard-rank.silver{color:silver}.leaderboard-rank.bronze{color:#cd7f32}.leaderboard-name{flex:1;color:var(--cc-chalk-white);font-family:var(--cc-font-handwritten);font-size:1.1rem;font-weight:400}.leaderboard-score{font-family:var(--cc-font-sketch);font-weight:400;font-size:1.1rem;color:var(--cc-neon-cyan)}.game-timer{display:inline-flex;align-items:center;justify-content:center;position:relative;width:72px;height:72px;background:var(--cc-bg-glass);border-radius:50%;border:none;overflow:visible}.timer-icon{font-size:1.25rem}.timer-value{font-family:var(--cc-font-marker);font-size:1.5rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--cc-chalk-white);min-width:3rem;text-align:center}.timer-value.warning{color:var(--cc-neon-orange);animation:timerPulse .5s ease-in-out infinite}.timer-value.danger{color:var(--cc-neon-pink);animation:timerPulse .25s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.cc-button{padding:.875rem 2rem;border:3px solid var(--cc-chalk-white);border-radius:12px 8px 14px 10px/8px 12px 10px 14px;font-family:var(--cc-font-marker);font-weight:400;font-size:1.1rem;letter-spacing:.02em;cursor:pointer;transition:all var(--cc-transition-fast);position:relative;overflow:hidden;transform:rotate(-.5deg)}.cc-button-primary{background:var(--cc-neon-pink);color:var(--cc-bg-primary);border-color:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink)}.cc-button-primary:hover{transform:rotate(1deg) translateY(-2px);box-shadow:var(--cc-glow-pink),0 8px 20px #ff6b9d4d;animation:gentle-wobble .5s ease-in-out infinite}.cc-button-secondary{background:transparent;color:var(--cc-neon-cyan);border:3px solid var(--cc-neon-cyan)}.cc-button-secondary:hover{background:var(--cc-neon-cyan);color:var(--cc-bg-primary);transform:rotate(1deg) translateY(-2px)}.cc-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;animation:none!important}.freeze-frame-game{--mode-accent: var(--cc-neon-cyan)}.freeze-frame-subject{display:flex;flex-direction:column;align-items:center;gap:1rem}.freeze-frame-prompt{font-family:var(--cc-font-handwritten);font-size:1.3rem;color:var(--cc-neon-cyan);text-align:center;padding:1rem 2rem;background:var(--cc-bg-glass);border-radius:20px 16px 22px 18px/16px 20px 18px 22px;border:3px solid var(--cc-neon-cyan);transform:rotate(-1deg)}.frozen-frame-display{position:relative;border-radius:6px 10px 8px 12px/10px 6px 12px 8px;overflow:visible;background:var(--cc-chalk-white);padding:12px 12px 40px;box-shadow:var(--cc-glow-cyan),0 10px 30px #0006;transform:rotate(-2deg)}.frozen-frame-display img{border-radius:4px}.frozen-frame-display:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(3deg);width:50px;height:20px;background:var(--cc-neon-yellow);opacity:.85;border-radius:2px}.frozen-frame-display:after{content:"📸 SNAP!";position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:var(--cc-font-marker);font-size:.9rem;color:var(--cc-bg-primary);letter-spacing:.02em}.freeze-flash{text-align:center}.freeze-text{font-family:var(--cc-font-marker);font-size:3rem;color:var(--cc-neon-cyan);text-shadow:var(--cc-glow-cyan);animation:flashPop .5s ease-out;transform:rotate(-3deg)}@keyframes flashPop{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(-3deg);opacity:1}}.evolution-game{--mode-accent: var(--cc-neon-green)}.evolution-chain-preview{display:flex;gap:.5rem;align-items:center;padding:1rem;background:var(--cc-bg-glass);border-radius:16px 12px 18px 14px/12px 16px 14px 18px;border:2px dashed var(--cc-neon-green);overflow-x:auto}.evolution-stage-thumb{width:60px;height:60px;border-radius:50% 45% 55% 48%/45% 52% 48% 55%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--cc-chalk-faint);opacity:.5;transition:all var(--cc-transition-normal)}.evolution-stage-thumb.completed{border-color:var(--cc-neon-green);opacity:1;box-shadow:var(--cc-glow-green)}.evolution-stage-thumb.current{border-color:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink);opacity:1;transform:scale(1.1) rotate(2deg);animation:wobble 2s ease-in-out infinite}.evolution-arrow{color:var(--cc-neon-green);font-size:2rem;animation:pointRight 1s ease-in-out infinite}@keyframes pointRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.mutation-prompt{text-align:center;padding:1rem 2rem;background:var(--cc-bg-glass);border:3px solid var(--cc-neon-green);border-radius:14px 10px 16px 12px/10px 14px 12px 16px;color:var(--cc-chalk-white);font-family:var(--cc-font-handwritten);font-size:1.2rem;transform:rotate(.5deg);position:relative}.mutation-prompt:before{content:"🧬";position:absolute;top:-15px;left:15px;font-size:1.5rem}.mutation-prompt strong{font-family:var(--cc-font-marker);color:var(--cc-neon-green);display:block;margin-bottom:.25rem}.stage-number{font-family:var(--cc-font-marker);font-size:1.5rem;background:var(--cc-neon-yellow);color:var(--cc-bg-primary);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.artistic-diff-game{--mode-accent: var(--cc-neon-pink)}.dual-canvas-view{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.artist-canvas-container{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.artist-canvas-container:before{content:"🎨";position:absolute;top:-20px;right:10%;font-size:1.5rem;transform:rotate(15deg);opacity:.8}.artist-label{font-family:var(--cc-font-marker);font-size:1.4rem;font-weight:400;color:var(--cc-chalk-white);letter-spacing:.02em;transform:rotate(-1deg)}.modifier-hint{padding:.75rem 1.5rem;background:var(--cc-bg-glass);border:3px dashed var(--cc-neon-pink);border-radius:12px 8px 14px 10px/8px 12px 10px 14px;color:var(--cc-neon-pink);font-family:var(--cc-font-handwritten);font-weight:400;font-size:1.1rem;text-align:center;transform:rotate(1deg);position:relative}.modifier-hint:before{content:"✨";position:absolute;top:-12px;left:-8px;font-size:1.2rem}.modifier-hint.secret{background:var(--cc-bg-glass);border:3px solid var(--cc-neon-yellow);border-style:double;color:var(--cc-neon-yellow);transform:rotate(-1deg)}.modifier-hint.secret:after{content:"🔒";position:absolute;top:-10px;right:-8px;font-size:1rem}.artistic-diff-game .cc-button{border-style:dashed}@media(max-width:768px){.mode-cards{grid-template-columns:1fr;gap:1.25rem}.mode-card,.voting-card,.mode-carousel-card{filter:none}.dual-canvas-view{grid-template-columns:1fr}.drawing-tools{flex-direction:column;gap:.75rem}.voting-grid{grid-template-columns:1fr}.game-timer{animation:none}.mode-selector-title{font-size:2rem}.mode-card-title{font-size:1.2rem}.mode-card-description{font-size:.9rem}.mode-card:before{width:45px;height:14px}.frozen-frame-display:before{width:40px;height:16px}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUpWobble .5s ease-out}@keyframes slideUpWobble{0%{opacity:0;transform:translateY(30px) rotate(-2deg)}60%{transform:translateY(-5px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.pop-in{animation:popInSketch .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popInSketch{0%{opacity:0;transform:scale(.7) rotate(-5deg)}60%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes drawIn{0%{stroke-dashoffset:1000;opacity:0}to{stroke-dashoffset:0;opacity:1}}.game-container{position:relative;z-index:1;flex:1;min-height:0;padding:1rem;overflow:auto;display:flex;flex-direction:column}.floating-scoreboard{position:fixed;top:5rem;right:1rem;z-index:50;background:#19192df2;border:1px solid rgba(255,45,149,.3);border-radius:12px;padding:.75rem;min-width:150px}.scoreboard-header{padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.scoreboard-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cc-text-secondary)}.scoreboard-list{display:flex;flex-direction:column;gap:.25rem}.scoreboard-entry{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:6px;font-size:.85rem}.scoreboard-entry.me{background:#00f5ff26}.entry-rank{font-weight:700;color:var(--cc-neon-pink);width:1rem}.entry-name{flex:1;color:var(--cc-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-score{font-weight:700;color:var(--cc-neon-cyan)}.game-mode-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem}.mode-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px 8px 14px 10px/8px 12px 10px 14px;background:var(--cc-bg-glass);border:3px solid;font-family:var(--cc-font-marker);font-weight:400;letter-spacing:.02em;font-size:.95rem;transform:rotate(-1deg)}.mode-badge .mode-icon{font-size:1.2rem}.mode-badge.freeze-frame{border-color:var(--cc-neon-cyan);color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.mode-badge.artistic-diff{border-color:var(--cc-neon-pink);color:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink)}.mode-badge.evolution{border-color:var(--cc-neon-green);color:var(--cc-neon-green);box-shadow:var(--cc-glow-green)}.round-indicator{font-family:var(--cc-font-handwritten);color:var(--cc-chalk-gray);font-size:1rem;transform:rotate(1deg)}.start-game-section{text-align:center;margin-top:2rem}.start-game-btn,.neon-btn{padding:1rem 3rem;font-family:var(--cc-font-marker);font-size:1.4rem;font-weight:400;letter-spacing:.02em;border:4px solid var(--cc-neon-pink);border-radius:16px 10px 18px 12px/10px 16px 12px 18px;background:var(--cc-neon-pink);color:var(--cc-bg-primary);cursor:pointer;transition:all var(--cc-transition-normal);box-shadow:var(--cc-glow-pink);display:inline-flex;align-items:center;gap:.75rem;transform:rotate(-1deg)}.start-game-btn:hover,.neon-btn:hover{transform:rotate(1deg) translateY(-3px) scale(1.02);box-shadow:var(--cc-glow-pink),0 10px 30px #ff6b9d66;animation:gentle-wobble .5s ease-in-out infinite}.start-game-btn:disabled,.neon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none}.min-players-warning{margin-top:.5rem;font-family:var(--cc-font-handwritten);color:var(--cc-neon-orange);font-size:1rem}.submit-btn{padding:.75rem 2rem;font-family:var(--cc-font-marker);font-size:1.1rem;font-weight:400;letter-spacing:.02em;border:3px solid var(--cc-chalk-white);border-radius:12px 8px 14px 10px/8px 12px 10px 14px;cursor:pointer;transition:all var(--cc-transition-normal);display:inline-flex;align-items:center;gap:.5rem;transform:rotate(-.5deg)}.submit-btn.primary{background:var(--cc-neon-cyan);color:var(--cc-bg-primary);border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.submit-btn.primary:hover{transform:rotate(1deg) translateY(-2px);box-shadow:var(--cc-glow-cyan),0 8px 20px #6bcfff4d;animation:gentle-wobble .5s ease-in-out infinite}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;animation:none}.submitted-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6bcfff26;border:3px solid var(--cc-neon-cyan);border-radius:14px 10px 16px 12px/10px 14px 12px 16px;color:var(--cc-neon-cyan);font-family:var(--cc-font-handwritten);font-weight:400;font-size:1.1rem;transform:rotate(.5deg)}.check-icon{font-size:1.25rem}.game-ended{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));text-align:center}.winner-announcement{text-align:center}.winner-title{font-family:var(--cc-font-marker);font-size:3rem;font-weight:400;color:var(--cc-neon-yellow);text-shadow:3px 3px 0 rgba(0,0,0,.3);margin-bottom:1.5rem;transform:rotate(-2deg);animation:titlePulse 1.5s ease-in-out infinite}.winner-display{padding:2rem 3rem;background:var(--cc-bg-card);border:2px solid var(--cc-neon-yellow);border-radius:16px;box-shadow:var(--cc-glow-yellow)}.winner-crown{font-size:4rem;display:block;animation:crownBounce 1s ease-in-out infinite}.winner-name{font-size:2.5rem;font-weight:800;color:var(--cc-neon-yellow);margin:.5rem 0}.winner-score{font-size:1.25rem;color:var(--cc-text-secondary)}.final-standings{width:100%;max-width:400px}.final-standings h3{font-size:1.25rem;color:var(--cc-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.standings-list{list-style:none;padding:0;margin:0}.standing-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--cc-bg-glass);border-radius:8px;margin-bottom:.5rem;transition:all var(--cc-transition-fast)}.standing-item.first{background:#ffd70026;border:1px solid var(--cc-neon-yellow)}.standing-item.me{background:#00f5ff1a;border:1px solid var(--cc-neon-cyan)}.standing-item .rank{font-weight:700;color:var(--cc-neon-pink);min-width:2.5rem}.standing-item .player-name{flex:1;color:var(--cc-text-primary);font-weight:500}.standing-item .player-score{font-weight:700;color:var(--cc-neon-cyan)}.play-again{margin-top:1rem}.play-again-btn{background:var(--cc-gradient-secondary)!important}.freeze-frame-game .game-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.freeze-frame-waiting{text-align:center;padding:3rem}.waiting-animation{position:relative;display:inline-block;margin-bottom:1.5rem}.camera-icon{font-size:5rem;animation:cameraPulse 2s ease-in-out infinite}@keyframes cameraPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulse-ring{position:absolute;top:50%;left:50%;width:120px;height:120px;border:3px solid var(--cc-neon-cyan);border-radius:50%;transform:translate(-50%,-50%);animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.freeze-frame-waiting h2{font-size:1.75rem;color:var(--cc-text-primary);margin-bottom:.5rem}.freeze-frame-waiting p{color:var(--cc-text-secondary)}.freeze-frame-waiting .hint{margin-top:1rem;color:var(--cc-neon-cyan);font-size:.9rem}.freeze-frame-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;flex:1}.subject-announcement{text-align:center}.announcement-title{font-size:1.5rem;color:var(--cc-text-secondary);margin-bottom:.5rem}.subject-highlight{padding:1rem 2rem;background:var(--cc-bg-glass);border-radius:12px;border:2px solid var(--cc-neon-cyan)}.subject-name{font-size:2.5rem;font-weight:800;color:var(--cc-neon-cyan);text-shadow:var(--cc-glow-cyan)}.countdown-display{text-align:center}.countdown-number{font-size:8rem;font-weight:900;color:var(--cc-neon-pink);text-shadow:var(--cc-glow-pink);line-height:1;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.countdown-hint{margin-top:1rem;font-size:1.1rem;color:var(--cc-text-secondary)}.freeze-flash{display:flex;flex-direction:column;align-items:center;animation:freezeFlash .5s ease-out}@keyframes freezeFlash{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.freeze-icon{font-size:6rem;animation:flashPop .3s ease-out}.freeze-text{font-size:4rem;font-weight:900;color:var(--cc-neon-cyan);text-shadow:var(--cc-glow-cyan);text-transform:uppercase;letter-spacing:.2em}.freeze-frame-subject{text-align:center}.subject-frame{max-width:500px;margin:0 auto 1.5rem}.frozen-image{width:100%;border-radius:12px;box-shadow:0 0 0 3px var(--cc-neon-cyan),var(--cc-glow-cyan)}.subject-info h2{font-size:1.5rem;color:var(--cc-neon-cyan);margin-bottom:.5rem}.subject-info p{color:var(--cc-text-secondary)}.freeze-frame-drawing{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem}.drawing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem}.prompt-text{font-size:1.25rem;font-weight:600;color:var(--cc-neon-yellow)}.drawing-area{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;touch-action:none;margin-bottom:1rem}.drawing-actions{text-align:center}.artistic-diff-game .game-content,.masterpiece-game .game-content,.evolution-game .game-content{padding:1rem}.artistic-diff-announce{text-align:center;padding:2rem}.artists-reveal{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0}.artist-card{padding:1.5rem 2rem;background:var(--cc-bg-card);border-radius:12px;border:2px solid var(--cc-neon-cyan);text-align:center}.artist-avatar{font-size:3rem;margin-bottom:.5rem}.artist-name{font-size:1.25rem;font-weight:700;color:var(--cc-text-primary)}.vs-badge{font-size:2rem;font-weight:900;color:var(--cc-neon-pink);text-shadow:var(--cc-glow-pink)}.announcement-text{font-size:1.25rem;color:var(--cc-text-secondary)}.secret-word{color:var(--cc-neon-pink);font-weight:700;text-transform:uppercase}.artistic-diff-spectate,.artistic-diff-drawing,.masterpiece-drawing,.evolution-drawing{padding:1rem}.prompt-display{text-align:center;margin-bottom:1.5rem}.prompt-label{color:var(--cc-text-secondary);margin-right:.5rem}.prompt-container{display:flex;flex-direction:column;gap:.5rem}.prompt-text.has-modifier{color:var(--cc-neon-pink)}.modifier-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff2d9533;border:1px solid var(--cc-neon-pink);border-radius:999px;color:var(--cc-neon-pink);font-size:.85rem;font-weight:700}.dual-canvas-view .canvas-slot{text-align:center}.slot-label{margin-bottom:.5rem;font-weight:600;color:var(--cc-text-primary)}.canvas-placeholder{height:300px;background:var(--cc-bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--cc-text-muted)}.drawing-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--cc-text-muted)}.pencil-icon{font-size:2rem;animation:drawingPencil .5s ease-in-out infinite alternate}@keyframes drawingPencil{0%{transform:translate(-5px) rotate(-10deg)}to{transform:translate(5px) rotate(10deg)}}.spectator-hint{text-align:center;margin-top:1rem;color:var(--cc-neon-cyan);font-style:italic}.modifier-reminder{color:var(--cc-neon-pink);font-size:.9rem;margin-top:.5rem}.side-by-side-vote,.side-by-side-reveal{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:1.5rem auto}.vote-canvas,.reveal-canvas{background:var(--cc-bg-card);border:3px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all var(--cc-transition-normal);position:relative}.vote-canvas:hover{border-color:var(--cc-neon-pink)}.vote-canvas.selected{border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.canvas-label{font-weight:700;margin-bottom:.75rem;color:var(--cc-text-primary)}.vote-canvas img,.reveal-canvas img{width:100%;border-radius:8px}.selected-indicator{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:var(--cc-neon-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cc-bg-primary);font-weight:700}.modifier-guess{max-width:500px;margin:1.5rem auto;text-align:center}.modifier-guess label{display:block;margin-bottom:.5rem;color:var(--cc-text-secondary)}.modifier-guess input{width:100%;padding:.75rem 1rem;border:2px solid var(--cc-text-muted);border-radius:8px;background:var(--cc-bg-tertiary);color:var(--cc-text-primary);font-size:1rem}.modifier-guess input:focus{outline:none;border-color:var(--cc-neon-cyan)}.reveal-canvas.had-modifier{border-color:var(--cc-neon-yellow);box-shadow:var(--cc-glow-yellow)}.modifier-tag{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:var(--cc-neon-yellow);color:var(--cc-bg-primary);font-size:.7rem;border-radius:4px;font-weight:800;text-transform:uppercase}.modifier-reveal{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--cc-bg-glass);border-radius:12px}.reveal-text{color:var(--cc-text-secondary);font-size:1.1rem}.reveal-text .artist-name{color:var(--cc-neon-cyan);font-weight:700}.modifier-full{font-size:1.5rem;margin-top:.5rem;color:var(--cc-text-primary)}.modifier-highlight{color:var(--cc-neon-pink);font-weight:700}.evolution-progress{text-align:center;padding:2rem}.evolution-chain-preview{justify-content:center;margin:2rem 0;flex-wrap:wrap}.chain-node{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chain-node.completed img,.chain-node img{width:80px;height:80px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid var(--cc-neon-cyan)}.chain-node.current .node-placeholder{width:80px;height:80px;border-radius:8px;border:2px dashed var(--cc-neon-pink);display:flex;align-items:center;justify-content:center;background:var(--cc-bg-tertiary)}.stage-icon{font-size:2rem}.node-artist{font-size:.85rem;color:var(--cc-text-secondary)}.node-status{font-size:.75rem;color:var(--cc-neon-pink);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chain-arrow{font-size:1.5rem;color:var(--cc-neon-cyan)}.waiting-text{color:var(--cc-text-secondary)}.waiting-text strong{color:var(--cc-neon-cyan)}.evolution-spectate{text-align:center;padding:2rem;overflow:visible}.evolution-spectate .game-timer{margin:1.5rem;border:none!important;-o-border-image:none!important;border-image:none!important;box-shadow:none!important}.evolution-preview{display:flex;align-items:center;justify-content:center;gap:2rem;margin:2rem 0}.previous-stage,.next-stage{text-align:center}.stage-label{display:block;margin-bottom:.5rem;color:var(--cc-text-secondary);font-size:.9rem}.previous-stage img{width:clamp(200px,35vw,500px);height:clamp(200px,35vw,500px);-o-object-fit:contain;object-fit:contain;border-radius:12px;border:2px solid var(--cc-neon-cyan)}.next-stage .drawing-placeholder{width:clamp(200px,35vw,500px);height:clamp(200px,35vw,500px);border:2px dashed var(--cc-neon-pink);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--cc-text-muted);background:var(--cc-bg-tertiary)}.mutation-arrow{font-size:2rem;color:var(--cc-neon-pink)}.evolution-naming,.evolution-voting{text-align:center;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto;padding-bottom:1rem}.evolution-naming .final-creature-image,.evolution-voting .final-creature-image{max-width:min(400px,50vw);max-height:min(400px,40vh)}.voting-subtitle{color:var(--cc-text-secondary);margin-bottom:1.5rem}.final-creature-display{margin:1.5rem 0}.final-creature-image{max-width:min(500px,60vw);max-height:min(500px,50vh);border-radius:12px;border:3px solid var(--cc-neon-purple);box-shadow:0 0 30px #bf00ff4d}.name-voting{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.name-option{padding:1rem 1.5rem;background:var(--cc-bg-card);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all var(--cc-transition-normal);text-align:left}.name-option:hover{border-color:var(--cc-neon-pink)}.name-option.selected{border-color:var(--cc-neon-cyan);background:#00f5ff1a}.name-option:disabled{opacity:.5;cursor:not-allowed;border-color:transparent;pointer-events:none}.name-text{font-size:1.25rem;font-weight:700;color:var(--cc-text-primary);display:block}.name-author{font-size:.85rem;color:var(--cc-text-muted)}.name-input{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.name-input input{flex:1;padding:.75rem 1rem;border:2px solid var(--cc-text-muted);border-radius:8px;background:var(--cc-bg-tertiary);color:var(--cc-text-primary);font-size:1rem}.name-input input:focus{outline:none;border-color:var(--cc-neon-cyan)}.evolution-reveal{text-align:center;padding:2rem}.creature-name{font-size:2rem;font-weight:800;color:var(--cc-neon-purple);margin-bottom:2rem}.evolution-results{text-align:center;padding:2rem}.final-display{margin:2rem 0}.comparison{display:flex;align-items:center;justify-content:center;gap:2rem}.comparison .origin,.comparison .final{text-align:center}.comparison .label{display:block;margin-bottom:.5rem;color:var(--cc-text-secondary)}.comparison img{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.comparison .arrow{font-size:2rem;color:var(--cc-neon-pink)}.final-name{margin-top:1.5rem;font-size:1.75rem;font-weight:700;color:var(--cc-neon-purple)}.contributors{margin-top:2rem}.contributors h3{color:var(--cc-text-secondary);margin-bottom:1rem}.contributor-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.contributor{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--cc-bg-glass);border-radius:999px}.contributor .stage{font-size:1.25rem}.contributor .name{color:var(--cc-text-primary);font-weight:500}.game-timer{position:relative;display:inline-flex;overflow:visible}.game-timer.small{width:56px;height:56px}.game-timer.small .timer-value{font-size:1rem}.game-timer.large{width:88px;height:88px}.game-timer.large .timer-value{font-size:2rem}.game-timer.urgent .timer-value{color:var(--cc-neon-orange);animation:timerPulse .5s ease-in-out infinite}.game-timer.critical .timer-value{color:var(--cc-neon-pink);animation:timerPulse .25s ease-in-out infinite}.timer-ring{position:absolute;inset:0;width:100%;height:100%}.timer-ring-bg{stroke:#ffffff1a}.timer-ring-fill{stroke:var(--cc-neon-cyan, #00f5ff);transition:stroke-dasharray 1s linear,stroke .3s ease}.game-timer.urgent .timer-ring-fill{stroke:var(--cc-neon-orange, #ff6b35)}.game-timer.critical .timer-ring-fill{stroke:var(--cc-neon-pink, #ff2d95)}.timer-content{display:flex;flex-direction:column;align-items:center;z-index:1}.timer-label{font-size:.6rem;color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.05em}.voting-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.vote-option{background:var(--cc-bg-card);border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all var(--cc-transition-normal);display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}.vote-option:hover:not(:disabled){border-color:var(--cc-neon-pink);transform:translateY(-2px)}.vote-option.selected{border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.vote-option:disabled{opacity:.6;cursor:not-allowed}.option-image{border-radius:8px;overflow:hidden}.option-image img{width:100%;height:150px;-o-object-fit:contain;object-fit:contain;background:var(--cc-bg-primary)}.option-content{display:flex;flex-direction:column;gap:.25rem}.option-label{font-weight:600;color:var(--cc-text-primary)}.option-player{font-size:.85rem;color:var(--cc-text-muted)}.option-check{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:var(--cc-neon-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cc-bg-primary);font-weight:700;font-size:.9rem}.option-results{position:relative;height:24px;background:var(--cc-bg-tertiary);border-radius:4px;overflow:hidden}.result-bar{position:absolute;top:0;left:0;height:100%;background:var(--cc-gradient-primary);transition:width .5s ease}.result-percentage{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);font-weight:700;font-size:.85rem;color:var(--cc-text-primary);z-index:1}.result-count{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--cc-text-muted);z-index:1}.voting-actions{margin-top:1.5rem;text-align:center}.vote-submit-btn{padding:.875rem 2rem;background:var(--cc-gradient-primary);border:none;border-radius:8px;color:var(--cc-text-primary);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--cc-transition-normal);box-shadow:var(--cc-glow-pink)}.vote-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.vote-submit-btn:disabled{opacity:.5;cursor:not-allowed}.vote-submitted{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#00f5ff1a;border:1px solid var(--cc-neon-cyan);border-radius:8px;color:var(--cc-neon-cyan);font-weight:600}.submitted-icon{font-size:1.25rem}.voting-text-input{display:flex;gap:.75rem;max-width:500px;margin:0 auto}.vote-text-field{flex:1;padding:.875rem 1rem;border:2px solid var(--cc-text-muted);border-radius:8px;background:var(--cc-bg-tertiary);color:var(--cc-text-primary);font-size:1rem}.vote-text-field:focus{outline:none;border-color:var(--cc-neon-cyan)}.voting-timer{position:absolute;top:1rem;right:1rem}.reveal-container{position:relative}.reveal-header{text-align:center;margin-bottom:2rem}.reveal-title{font-size:1.75rem;font-weight:700;color:var(--cc-text-primary);margin-bottom:.5rem}.reveal-subtitle{color:var(--cc-text-secondary)}.slideshow-item{text-align:center;transition:all .3s ease}.slideshow-item.animating{opacity:0;transform:scale(.95)}.item-image-container{position:relative;display:inline-block;margin-bottom:1rem}.item-image{max-width:100%;max-height:400px;border-radius:12px;box-shadow:0 0 0 2px var(--cc-neon-pink),var(--cc-glow-pink)}.winner-badge{position:absolute;top:-1rem;right:-1rem;padding:.5rem 1rem;background:var(--cc-neon-yellow);color:var(--cc-bg-primary);border-radius:8px;font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:.25rem;box-shadow:var(--cc-glow-yellow)}.item-info{text-align:center}.item-player{font-size:1.25rem;font-weight:600;color:var(--cc-neon-cyan);margin:0}.item-title{color:var(--cc-text-secondary);margin-top:.25rem}.item-score{margin-top:.5rem}.score-value{font-size:1.5rem;font-weight:700;color:var(--cc-neon-yellow)}.score-label{margin-left:.25rem;color:var(--cc-text-muted)}.slideshow-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem}.nav-dots{display:flex;gap:.5rem}.nav-dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--cc-bg-tertiary);cursor:pointer;transition:all var(--cc-transition-fast)}.nav-dot:hover{background:var(--cc-text-muted)}.nav-dot.active{background:var(--cc-neon-pink);box-shadow:var(--cc-glow-pink);transform:scale(1.2)}.nav-dot.viewed{background:var(--cc-neon-cyan)}.nav-counter{font-size:.85rem;color:var(--cc-text-muted)}.reveal-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.side-item{text-align:center;padding:1rem;background:var(--cc-bg-card);border-radius:12px;border:2px solid var(--cc-bg-tertiary)}.side-item.winner{border-color:var(--cc-neon-yellow);box-shadow:var(--cc-glow-yellow)}.item-label{font-size:2rem;font-weight:800;color:var(--cc-neon-cyan);margin-bottom:.5rem}.item-subtitle{color:var(--cc-text-muted);font-size:.9rem;margin-top:.25rem}.reveal-evolution{padding:2rem 0}.evolution-chain{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.evolution-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.3;transform:scale(.9);transition:all .5s ease}.evolution-stage.revealed{opacity:1;transform:scale(1)}.evolution-stage.final.revealed{transform:scale(1.1)}.stage-number{font-size:1.5rem;font-weight:700}.stage-image-container{width:100px;height:100px;border-radius:12px;overflow:hidden;border:2px solid var(--cc-bg-tertiary)}.evolution-stage.revealed .stage-image-container{border-color:var(--cc-neon-cyan)}.evolution-stage.final .stage-image-container{border-color:var(--cc-neon-purple);box-shadow:0 0 20px #bf00ff66}.stage-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.stage-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--cc-text-muted);background:var(--cc-bg-tertiary)}.stage-info{display:flex;flex-direction:column;align-items:center}.stage-player{font-size:.85rem;color:var(--cc-text-secondary)}.stage-title{font-size:.75rem;color:var(--cc-text-muted)}.evolution-arrow{font-size:1.5rem;color:var(--cc-text-muted);transition:color .3s ease}.evolution-arrow.active{color:var(--cc-neon-cyan)}.reveal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.gallery-item{background:var(--cc-bg-card);border-radius:12px;padding:1rem;text-align:center;transition:all var(--cc-transition-normal)}.gallery-item.winner{border:2px solid var(--cc-neon-yellow);box-shadow:var(--cc-glow-yellow)}@media(max-width:768px){.reveal-side-by-side,.side-by-side-vote,.side-by-side-reveal{grid-template-columns:1fr}.evolution-chain{flex-direction:column}.evolution-arrow{transform:rotate(90deg)}.floating-scoreboard{display:none}.artists-reveal,.comparison{flex-direction:column}.comparison .arrow{transform:rotate(90deg)}}.everyone-draws-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--cc-bg-glass);border:2px solid var(--cc-neon-cyan);border-radius:16px;margin:1.5rem 0}.everyone-draws-badge .icon{font-size:2.5rem}.everyone-draws-badge .text{font-size:1.25rem;font-weight:700;color:var(--cc-neon-cyan);text-transform:uppercase;letter-spacing:.05em}.suspense-text{color:var(--cc-text-muted);font-size:1.1rem;margin-top:1rem}.drawer-hint{color:var(--cc-text-secondary);font-size:.9rem;margin-top:.5rem}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;max-width:1300px;margin:1.5rem auto;padding:0 1rem}.submissions-grid.readonly{pointer-events:none}.submission-card{background:var(--cc-bg-card);border:3px solid transparent;border-radius:12px;padding:.75rem;cursor:pointer;transition:all var(--cc-transition-normal);position:relative;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.submission-card:hover:not(:disabled){border-color:var(--cc-neon-pink);transform:translateY(-3px)}.submission-card.selected{border-color:var(--cc-neon-cyan);box-shadow:var(--cc-glow-cyan)}.submission-card.is-mine{opacity:.7;cursor:not-allowed}.submission-card:disabled{cursor:not-allowed}.submission-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;min-height:120px;max-height:280px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:var(--cc-bg-primary)}@supports not (aspect-ratio: 4/3){.submission-card img{height:200px}}.submission-label{font-weight:600;color:var(--cc-text-primary);margin-bottom:.5rem;font-size:.9rem}.you-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:var(--cc-neon-cyan);color:var(--cc-bg-primary);font-size:.7rem;border-radius:4px;font-weight:700}.submission-card .selected-indicator{position:absolute;top:.35rem;right:.35rem;padding:.25rem .75rem;background:var(--cc-neon-cyan);color:var(--cc-bg-primary);font-size:.75rem;font-weight:700;border-radius:4px}.prompt-reminder{text-align:center;color:var(--cc-text-secondary);margin-bottom:1rem}.prompt-reminder strong{color:var(--cc-neon-yellow)}.artistic-diff-modifier-wait{text-align:center;padding:2rem}.artistic-diff-modifier-wait h2{color:var(--cc-text-primary);font-size:1.75rem;margin-bottom:1rem}.artistic-diff-modifier-wait .waiting-text{color:var(--cc-text-secondary);font-size:1.1rem;margin-bottom:.5rem}.artistic-diff-modifier-wait .suspense-text{color:var(--cc-neon-pink);font-size:1rem;margin-bottom:2rem}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;max-width:1200px;margin:1.5rem auto;padding:0 1rem}.reveal-card{background:var(--cc-bg-card);border:2px solid var(--cc-bg-tertiary);border-radius:12px;padding:.75rem;text-align:center;transition:all var(--cc-transition-normal);overflow:hidden}.reveal-card.had-modifier{border-color:var(--cc-neon-yellow);box-shadow:var(--cc-glow-yellow)}.reveal-card img{width:100%;height:auto;aspect-ratio:4/3;min-height:100px;max-height:220px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:var(--cc-bg-primary)}.reveal-label{font-weight:600;color:var(--cc-text-primary);margin-bottom:.5rem;font-size:.85rem}.reveal-label .modifier-tag{display:block;margin-top:.25rem}.vote-results{margin-top:2rem;padding:1.5rem;background:var(--cc-bg-glass);border-radius:12px;max-width:500px;margin-left:auto;margin-right:auto}.vote-results h3{color:var(--cc-text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-align:center}.vote-summary{display:flex;flex-direction:column;gap:.5rem}.vote-entry{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--cc-bg-tertiary);border-radius:8px;font-size:.9rem}.vote-entry.correct{background:#39ff141a;border:1px solid var(--cc-neon-green)}.vote-entry.wrong{background:#ff2d951a;border:1px solid var(--cc-neon-pink)}.vote-entry .voter-name{color:var(--cc-text-primary);font-weight:500}.vote-entry .arrow{color:var(--cc-text-muted)}.vote-entry .guessed-name{color:var(--cc-neon-cyan);font-weight:600}.vote-entry .result-icon{margin-left:auto;font-size:1rem}.scoring-rules{list-style:none;padding:0;margin:1rem 0 0;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.scoring-rules li{padding:.5rem 0;color:var(--cc-text-secondary);font-size:.95rem}.artistic-diff-results{text-align:center;padding:2rem}.artistic-diff-results h2{font-size:2rem;color:var(--cc-text-primary);margin-bottom:1rem}.round-summary{background:var(--cc-bg-glass);border-radius:12px;padding:1.5rem;max-width:500px;margin:0 auto}.round-summary p{color:var(--cc-text-secondary);margin-bottom:.5rem}.artistic-diff-voting{text-align:center;padding:1rem}.artistic-diff-voting h2{font-size:1.75rem;color:var(--cc-text-primary);margin-bottom:.5rem}.voting-prompt{font-size:1.1rem;color:var(--cc-text-secondary);margin-bottom:.5rem}.artistic-diff-reveal{padding:1.5rem;text-align:center}.artistic-diff-reveal h2{font-size:2rem;color:var(--cc-text-primary);margin-bottom:1.5rem}@media(max-width:768px){.submissions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.reveal-grid{grid-template-columns:repeat(2,1fr)}.submission-card img,.reveal-card img{height:100px}.everyone-draws-badge{flex-direction:column;text-align:center;padding:1rem}.everyone-draws-badge .text{font-size:1rem}}@media(max-width:480px){.submissions-grid,.reveal-grid{grid-template-columns:1fr 1fr}}.canvas-chaos-game{align-items:center}.canvas-chaos-game>.game-content,.canvas-chaos-game>.mode-selector{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.freeze-frame-game,.artistic-diff-game,.evolution-game,.masterpiece-game{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:0}.freeze-frame-game .game-content,.artistic-diff-game .game-content,.evolution-game .game-content,.masterpiece-game .game-content{width:100%;max-width:1400px;flex:1;min-height:0;display:flex;flex-direction:column}.drawing-area{display:flex;justify-content:center;width:100%}.drawing-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-bottom:1rem;width:100%}.game-mode-header{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.evolution-chain-preview{display:flex;align-items:center}.chain-node.completed img,.chain-node img,.chain-node.current .node-placeholder{width:150px;height:150px}.stage-image-container{width:200px;height:200px}.evolution-stage.final .stage-image-container{width:280px;height:280px}.final-creature-image{max-width:500px;max-height:500px}.evolution-results .comparison{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.evolution-results .origin,.evolution-results .final{text-align:center}.evolution-results .origin img,.evolution-results .final img{width:200px;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:3px solid var(--cc-neon-cyan)}.evolution-results .final img{border-color:var(--cc-neon-purple);box-shadow:0 0 30px #bf00ff66}.evolution-results .arrow{font-size:3rem;color:var(--cc-neon-pink)}.evolution-results .label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--cc-text-secondary);text-transform:uppercase;letter-spacing:.1em}.evolution-results .final-name{font-size:2rem;font-weight:800;color:var(--cc-neon-purple);text-shadow:0 0 20px rgba(191,0,255,.5);margin-top:1.5rem}.evolution-results .contributors{margin-top:2rem;padding:1.5rem;background:var(--cc-bg-glass);border-radius:12px;max-width:500px;margin-left:auto;margin-right:auto}.evolution-results .contributors h3{color:var(--cc-text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-align:center}.evolution-results .contributor-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.evolution-results .contributor{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--cc-bg-tertiary);border-radius:20px}.evolution-results .contributor .stage{font-size:1.25rem}.evolution-results .contributor .name{color:var(--cc-text-primary);font-weight:500}.evolution-chain-display{display:flex;align-items:flex-start;justify-content:center;gap:0;overflow-x:auto;padding:1.5rem .5rem;margin:1.5rem 0;-webkit-overflow-scrolling:touch}.chain-stage{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:140px;max-width:180px}.chain-stage img{width:160px;height:160px;-o-object-fit:contain;object-fit:contain;border-radius:10px;border:2px solid rgba(255,255,255,.15)}.chain-stage-label{font-size:.8rem;font-weight:700;color:var(--cc-neon-cyan)}.chain-stage-artist{font-size:.75rem;color:var(--cc-text-secondary)}.chain-stage-prompt{font-size:.7rem;font-style:italic;color:#ffc87899;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chain-arrow{font-size:1.5rem;color:#ffffff4d;align-self:center;margin-top:3.5rem;padding:0 .25rem}.download-chain-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#00d9ff26;border:1px solid rgba(0,217,255,.4);border-radius:10px;color:var(--cc-neon-cyan);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;margin-top:1rem}.download-chain-btn:hover{background:#00d9ff40;border-color:var(--cc-neon-cyan)}@media(max-width:767px){.chain-stage img{width:110px;height:110px}.chain-stage{min-width:100px;max-width:130px}.chain-arrow{font-size:1.2rem;margin-top:2.5rem}}.voting-panel,.artistic-diff-voting,.freeze-frame-voting,.evolution-naming,.evolution-voting{overflow:visible}.voting-timer{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;background:#0006;border-radius:25px;margin-top:.75rem;white-space:nowrap;overflow:hidden}.game-timer{margin-top:.75rem;overflow:visible}.voting-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow:visible;margin-bottom:1rem}.voting-title{margin:0}.voting-subtitle{margin:0 0 .5rem}.artistic-diff-voting .voting-prompt,.artistic-diff-voting .prompt-reminder{margin-bottom:.75rem}.artistic-diff-voting .modifier-hint{color:var(--cc-neon-pink);font-size:.95rem;margin-bottom:1rem;padding:.5rem 1rem;background:#ff2d951a;border-radius:8px;display:inline-block}.freeze-frame-voting .game-content{overflow:visible}@media(max-width:768px){.voting-timer,.game-timer{font-size:.9rem;padding:.4rem 1rem}.chain-node.completed img,.chain-node img,.chain-node.current .node-placeholder{width:80px;height:80px}.stage-image-container{width:100px;height:100px}.evolution-stage.final .stage-image-container{width:120px;height:120px}.previous-stage img,.next-stage .drawing-placeholder{width:150px;height:150px}.final-creature-image{max-width:280px;max-height:280px}.evolution-results .origin img,.evolution-results .final img{width:140px;height:140px}}.sidebar-tabs{display:flex;border-bottom:2px solid var(--cc-bg-tertiary);background:var(--cc-bg-secondary);flex-shrink:0}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;color:var(--cc-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--cc-transition-fast);position:relative}.sidebar-tab:hover{color:var(--cc-text-secondary);background:#ffffff08}.sidebar-tab.active{color:var(--cc-neon-cyan)}.sidebar-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--cc-neon-cyan)}.sidebar-tab .tab-icon{font-size:1.1rem}.sidebar-tab .tab-label{font-weight:600}.sidebar-tab .tab-count{font-size:.75rem;padding:.125rem .5rem;background:#00f5ff26;color:var(--cc-neon-cyan);border-radius:10px;font-weight:700}.sidebar-tab .tab-badge{position:absolute;top:8px;right:12px;min-width:18px;height:18px;padding:0 5px;background:var(--cc-neon-pink);color:#fff;font-size:.7rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-content .game-sidebar-section{flex:1;min-height:0}.sidebar-content .game-sidebar-section.chat-section{border-top:none}.sidebar-tabs-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-tabs-container .sidebar-tabs{flex-shrink:0}.sidebar-tabs-container .sidebar-content{flex:1;min-height:0;overflow:hidden}.sidebar-content .chat-section{height:100%;display:flex;flex-direction:column}.sidebar-content .chat-section .chat-window{flex:1;display:flex;flex-direction:column;min-height:0}.sidebar-content .chat-window .chat-messages{flex:1;overflow-y:auto;min-height:0}.sidebar-content .chat-window .chat-input-container{flex-shrink:0;position:sticky;bottom:0;background:var(--cc-bg-secondary);padding:.75rem;border-top:2px solid var(--cc-bg-tertiary)}.game-settings{margin-top:1rem;border:2px solid var(--cc-chalk-gray);border-radius:12px 8px 14px 10px/8px 12px 10px 14px;background:var(--cc-bg-card);overflow:hidden}.game-settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;color:var(--cc-chalk-white);cursor:pointer;font-family:var(--cc-font-handwritten);font-size:1rem;transition:background-color var(--cc-transition-fast)}.game-settings-toggle:hover{background:#ffffff0d}.settings-toggle-label{display:flex;align-items:center;gap:.5rem}.game-settings-panel{padding:.75rem 1rem 1rem;border-top:1px solid var(--cc-chalk-faint)}.settings-section{margin-bottom:1rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:var(--cc-font-marker);font-size:.9rem;color:var(--cc-neon-cyan);margin-bottom:.75rem;letter-spacing:.05em}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.setting-label{display:flex;align-items:center;gap:.5rem;color:var(--cc-chalk-white);font-family:var(--cc-font-handwritten);font-size:.95rem}.setting-control{display:flex;align-items:center;gap:.75rem;flex:1;max-width:200px}.setting-slider{flex:1;height:6px;background:var(--cc-bg-tertiary);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--cc-neon-cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 6px #6bcfff80;-webkit-transition:transform .15s ease;transition:transform .15s ease}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-slider::-moz-range-thumb{width:16px;height:16px;background:var(--cc-neon-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 6px #6bcfff80}.setting-value{min-width:40px;text-align:right;font-family:var(--cc-font-sketch);font-size:.9rem;color:var(--cc-neon-yellow)}.setting-select{padding:.4rem .75rem;background:var(--cc-bg-tertiary);border:2px solid var(--cc-chalk-gray);border-radius:8px;color:var(--cc-chalk-white);font-family:var(--cc-font-handwritten);font-size:.9rem;cursor:pointer;outline:none}.setting-select:focus{border-color:var(--cc-neon-cyan)}.toggle-switch{position:relative;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--cc-bg-tertiary);border:2px solid var(--cc-chalk-gray);border-radius:13px;transition:all .25s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background:var(--cc-chalk-white);border-radius:50%;transition:transform .25s ease}.toggle-switch input:checked+.toggle-slider{background:var(--cc-neon-green);border-color:var(--cc-neon-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.setting-row.toggle-row{padding:.65rem 0}.home-page,.lobby-page,.game-page{background:linear-gradient(180deg,#1a1612,#0f0a08)}.home-card,.lobby-waiting-card{background:#2a2420f2;border:3px solid var(--cc-chalk-gray);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 4px 16px #0006}.home-card:hover,.lobby-waiting-card:hover{border-color:var(--cc-chalk-white);animation:gentle-wobble .6s ease-in-out infinite}.right-sidebar{background:linear-gradient(90deg,#1e1a16fa,#1a1612f2);border-left:3px solid var(--cc-chalk-faint)}.right-sidebar:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#ff64644d}.chat-window.sidebar{background:linear-gradient(180deg,#f4f0e808,#f4f0e803)}.chat-messages{background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 28px,rgba(255,255,255,.03) 28px,rgba(255,255,255,.03) 29px)}.player-name{font-family:var(--cc-font-handwritten)}.chat-input-container{background:#1a1612f2!important;border-top:2px dashed var(--cc-chalk-faint)!important}.chat-input{background:#2a2420e6!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:12px 8px 10px 14px/8px 12px 14px 10px!important;font-family:var(--cc-font-handwritten)!important}.chat-send-btn{background:var(--cc-neon-cyan)!important;border-radius:10px 14px 8px 12px/14px 10px 12px 8px!important}:root{--cc-paint-red: #e74c3c;--cc-paint-orange: #e67e22;--cc-paint-yellow: #f1c40f;--cc-paint-green: #2ecc71;--cc-paint-teal: #1abc9c;--cc-paint-blue: #3498db;--cc-paint-purple: #9b59b6;--cc-paint-pink: #e91e63;--cc-canvas-dark: #1a1a2e;--cc-canvas-darker: #0f0f1a;--cc-canvas-panel: #252538;--cc-canvas-panel-rgb: 37, 37, 56;--cc-brush-stroke: #ff6b6b;--cc-splatter: #4ecdc4;--cc-highlight: #ffe66d;--cc-brush-sm: 12px 4px 16px 8px / 8px 12px 4px 16px;--cc-brush-md: 16px 6px 20px 10px / 10px 16px 6px 20px;--cc-brush-lg: 20px 8px 24px 12px / 12px 20px 8px 24px;--cc-rainbow: linear-gradient(90deg, #e74c3c, #e67e22, #f1c40f, #2ecc71, #3498db, #9b59b6, #e91e63);--cc-rainbow-border: linear-gradient(135deg, #e74c3c, #e67e22, #f1c40f, #2ecc71, #3498db)}body .home-page{background:radial-gradient(ellipse at 15% 25%,rgba(231,76,60,.12) 0%,transparent 20%),radial-gradient(circle at 85% 75%,rgba(52,152,219,.12) 0%,transparent 18%),radial-gradient(ellipse at 50% 10%,rgba(241,196,15,.1) 0%,transparent 15%),radial-gradient(circle at 25% 80%,rgba(46,204,113,.08) 0%,transparent 15%),radial-gradient(ellipse at 75% 30%,rgba(155,89,182,.1) 0%,transparent 18%),linear-gradient(180deg,#1a1a2e,#0f0f1a)!important;height:var(--vh-adjusted, 100dvh)!important;max-height:var(--vh-adjusted, 100dvh)!important;overflow:hidden!important;padding-top:calc(var(--header-height) + var(--spacing-md))!important;padding-bottom:var(--spacing-sm)!important}body .home-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 10% 0%,rgba(231,76,60,.15) 0%,transparent 25%),radial-gradient(ellipse at 90% 0%,rgba(52,152,219,.15) 0%,transparent 25%),radial-gradient(ellipse at 50% 100%,rgba(241,196,15,.1) 0%,transparent 30%);pointer-events:none;z-index:0}@keyframes paintDrip{0%{opacity:.8;transform:translateY(0)}to{opacity:1;transform:translateY(10px)}}body .home-card{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border:3px solid transparent!important;-o-border-image:var(--cc-rainbow-border) 1!important;border-image:var(--cc-rainbow-border) 1!important;border-radius:var(--cc-brush-sm)!important;transform:rotate(-.5deg)!important;box-shadow:0 4px 24px #0006,0 0 30px #e74c3c14,0 0 30px #3498db14,inset 0 1px #ffffff0d!important;transition:transform .3s ease,box-shadow .3s ease!important;animation:none!important;position:relative!important;overflow:hidden!important;padding:var(--spacing-lg)!important}body .home-card:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:radial-gradient(circle,rgba(231,76,60,.3) 0%,transparent 70%);pointer-events:none}body .home-card:hover{transform:rotate(-.5deg) scale(1.02) translateY(-4px)!important;box-shadow:0 12px 40px #0000004d,0 0 40px #e74c3c26,0 0 40px #3498db26,inset 0 1px #ffffff14!important;animation:none!important}body .home-hero{text-align:center;padding:.25rem 0!important;position:relative;margin-bottom:var(--spacing-sm)!important;gap:var(--spacing-sm)!important}body .home-title{font-family:Permanent Marker,cursive!important;font-size:clamp(2rem,5vw,2.8rem)!important;font-weight:400!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important;transform:rotate(-2deg);margin-bottom:.5rem!important;letter-spacing:.02em}body .home-tagline{font-family:Patrick Hand,cursive!important;font-size:1rem!important;color:var(--cc-splatter)!important;transform:rotate(.5deg)}body .home-mascot{width:clamp(60px,12vw,100px)!important}body .home-card .card-description{margin-bottom:var(--spacing-md)!important;font-size:.9rem!important}body .home-form{gap:var(--spacing-sm)!important}body .home-mp-badge{margin-bottom:var(--spacing-sm)!important;padding:2px var(--spacing-md)!important;font-size:.8rem!important}body .home-steps{margin-bottom:var(--spacing-md)!important}body .home-btn.primary,body .home-page .btn.primary,body .home-page button.primary{background:linear-gradient(135deg,var(--cc-paint-red),var(--cc-paint-orange))!important;border:none!important;border-radius:var(--cc-brush-sm)!important;color:#fff!important;font-family:Short Stack,cursive!important;font-size:1.1rem!important;padding:.85rem 2rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:3px 3px #0000004d,0 0 20px #e74c3c4d!important;transition:all .25s ease!important}body .home-btn.primary:hover,body .home-page .btn.primary:hover,body .home-page button.primary:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:5px 5px #0000004d,0 0 30px #e74c3c66!important}body .home-btn.secondary,body .home-page .btn.secondary,body .home-page button.secondary{background:transparent!important;border:3px solid var(--cc-splatter)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-splatter)!important;font-family:Short Stack,cursive!important;font-size:1rem!important;padding:.75rem 1.75rem!important;transition:all .25s ease!important}body .home-btn.secondary:hover,body .home-page .btn.secondary:hover,body .home-page button.secondary:hover{background:#4ecdc426!important;border-color:var(--cc-highlight)!important;color:var(--cc-highlight)!important;transform:translateY(-2px)!important}body .home-btn{min-height:40px!important;padding:var(--spacing-sm) var(--spacing-md)!important;font-size:1rem!important}body .home-input,body .home-page input[type=text],body .floating-input input,body .home-page .input-field{background:#252538cc!important;border:2px solid var(--cc-paint-blue)!important;border-radius:var(--cc-brush-sm)!important;color:#f8f8f2!important;font-family:Patrick Hand,cursive!important;font-size:1rem!important;padding:.85rem 1rem!important;transition:all .25s ease!important}body .home-input:focus,body .home-page input[type=text]:focus,body .floating-input input:focus,body .home-page .input-field:focus{border-color:var(--cc-paint-orange)!important;box-shadow:0 0 20px #e67e224d!important;outline:none!important}body .home-input::-moz-placeholder,body .home-page input::-moz-placeholder,body .floating-input input::-moz-placeholder{color:#4ecdc499!important;font-family:Patrick Hand,cursive!important}body .home-input::placeholder,body .home-page input::placeholder,body .floating-input input::placeholder{color:#4ecdc499!important;font-family:Patrick Hand,cursive!important}body .floating-input label,body .home-page .floating-label{color:var(--cc-splatter)!important;font-family:Patrick Hand,cursive!important}body .modal-overlay{background:#0f0f1aeb!important}body .modal-overlay .modal-content,body .modal-content,body .settings-modal,body .tutorial-modal,body .invite-modal,body .home-page .modal{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border:3px solid transparent!important;-o-border-image:var(--cc-rainbow-border) 1!important;border-image:var(--cc-rainbow-border) 1!important;border-radius:var(--cc-brush-md)!important;box-shadow:0 8px 40px #00000080,0 0 40px #e74c3c1a,0 0 40px #3498db1a,inset 0 1px #ffffff0d!important}body .modal-header{border-bottom:2px dashed var(--cc-paint-blue)!important}body .modal-title,body .modal-header h2,body .modal-header h3{font-family:Permanent Marker,cursive!important;color:var(--cc-brush-stroke)!important;font-weight:400!important}body .modal-close,body .close-btn,body .modal-close-btn{color:var(--cc-splatter)!important;background:#4ecdc426!important;border:2px solid var(--cc-splatter)!important;border-radius:50%!important;transition:all .2s ease!important}body .modal-close:hover,body .close-btn:hover,body .modal-close-btn:hover{background:#e74c3c33!important;border-color:var(--cc-brush-stroke)!important;color:var(--cc-brush-stroke)!important}body .home-scale-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}body .home-card:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(2deg);width:80px;height:22px;background:linear-gradient(135deg,#ffe066d9,#ffc107e6);border-radius:2px;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d;pointer-events:none;z-index:10}body .home-card:hover{animation:gentle-wobble .8s ease-in-out infinite!important}body .home-mascot{filter:drop-shadow(0 0 2px white) drop-shadow(0 0 4px white) drop-shadow(0 0 6px rgba(255,255,255,.8)) drop-shadow(0 0 12px rgba(255,107,157,.6)) drop-shadow(0 0 20px rgba(107,207,255,.4))!important;animation:mascot-float 4s ease-in-out infinite!important}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(1deg)}75%{transform:translateY(3px) rotate(-1deg)}}body .game-page{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important}body .lobby-page{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#1a1a2e,#0f0f1a)!important}body .lobby-waiting-card{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;transform:rotate(.3deg)!important;box-shadow:0 4px 24px #0006,0 0 30px #e74c3c14!important;transition:transform .3s ease,box-shadow .3s ease!important}body .lobby-waiting-header h2{font-family:Permanent Marker,cursive!important;color:var(--cc-brush-stroke)!important}body .lobby-room-code-section{background:#3498db1a!important;border:2px dashed var(--cc-paint-blue)!important;border-radius:var(--cc-brush-sm)!important;padding:1rem!important}body .lobby-room-code{font-family:Permanent Marker,cursive!important;font-size:2rem!important;color:var(--cc-highlight)!important;letter-spacing:.15em!important;text-shadow:0 0 15px rgba(255,230,109,.4)!important}body .lobby-room-label{font-family:Patrick Hand,cursive!important;color:var(--cc-splatter)!important}body .lobby-copy-btn{background:#4ecdc433!important;border:2px solid var(--cc-splatter)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-splatter)!important;transition:all .2s ease!important}body .lobby-copy-btn:hover{background:#e74c3c4d!important;border-color:var(--cc-brush-stroke)!important;color:var(--cc-brush-stroke)!important}body .lobby-start-btn{background:linear-gradient(135deg,var(--cc-paint-green) 0%,var(--cc-paint-teal) 50%,var(--cc-paint-blue) 100%)!important;border:none!important;border-radius:var(--cc-brush-sm)!important;font-family:Permanent Marker,cursive!important;font-size:1.2rem!important;padding:1rem 2.5rem!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;box-shadow:0 4px 20px #2ecc7166,inset 0 1px #fff3!important;transition:all .25s ease!important}body .lobby-start-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02) rotate(-.5deg)!important;box-shadow:0 8px 30px #2ecc7180,inset 0 1px #ffffff4d!important}body .lobby-start-btn:disabled{background:#34495e80!important;opacity:.6!important}body .lobby-rounds-selector{background:#9b59b626!important;border:2px dashed var(--cc-paint-purple)!important;border-radius:var(--cc-brush-sm)!important;padding:.75rem 1rem!important}body .rounds-label{font-family:Patrick Hand,cursive!important;color:var(--cc-paint-purple)!important}body .rounds-value{font-family:Permanent Marker,cursive!important;color:var(--cc-paint-yellow)!important;font-size:1.5rem!important;text-shadow:0 0 10px rgba(241,196,15,.4)!important}body .rounds-btn{background:#9b59b64d!important;border:2px solid var(--cc-paint-purple)!important;border-radius:8px!important;color:#fff!important;transition:all .2s ease!important}body .rounds-btn:hover:not(:disabled){background:#e91e6366!important;border-color:var(--cc-paint-pink)!important;transform:scale(1.1)!important}body .right-sidebar{background:rgba(var(--cc-canvas-panel-rgb),.92)!important;border-left:4px solid transparent!important;-o-border-image:linear-gradient(to bottom,var(--cc-paint-red),var(--cc-paint-orange),var(--cc-paint-yellow),var(--cc-paint-green),var(--cc-paint-blue),var(--cc-paint-purple)) 1!important;border-image:linear-gradient(to bottom,var(--cc-paint-red),var(--cc-paint-orange),var(--cc-paint-yellow),var(--cc-paint-green),var(--cc-paint-blue),var(--cc-paint-purple)) 1!important}body .right-sidebar:before{display:none!important}body .sidebar-tabs-container{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border-bottom:2px solid rgba(231,76,60,.3)!important}body .sidebar-tabs{gap:0!important}body .sidebar-tab{font-family:Short Stack,cursive!important;color:#ffffffb3!important;border-bottom:3px solid transparent!important;background:transparent!important;padding:.75rem 1rem!important;transition:all .2s ease!important}body .sidebar-tab:hover{color:var(--cc-paint-orange)!important;background:#e67e221a!important}body .sidebar-tab.active{color:var(--cc-paint-orange)!important;border-bottom-color:var(--cc-paint-orange)!important;background:#e67e2226!important}body .sidebar-tab .tab-badge{background:linear-gradient(135deg,var(--cc-paint-red),var(--cc-paint-orange))!important;color:#fff!important;font-size:.7rem!important;padding:.15rem .4rem!important;border-radius:10px!important}body .host-badge,body .player-badge{background:linear-gradient(135deg,var(--cc-paint-yellow),var(--cc-paint-orange))!important;font-family:Patrick Hand,cursive!important;font-size:.7rem!important;border-radius:8px!important;padding:.2rem .5rem!important;color:#1a1a2e!important;font-weight:600!important}body .chat-window{background:transparent!important}body .chat-messages{background-image:none!important}body .chat-message{background:#3498db1a!important;border-left:3px solid var(--cc-paint-blue)!important;border-radius:0 var(--cc-brush-sm)!important;padding:.5rem .75rem!important;margin-bottom:.5rem!important}body .chat-message .message-author{font-family:Short Stack,cursive!important;color:var(--cc-paint-teal)!important}body .chat-message .message-content{font-family:Patrick Hand,cursive!important;color:#f0f0e8!important}body .chat-input-container{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border-top:2px solid rgba(52,152,219,.3)!important;padding:.75rem!important}body .chat-input{background:#3498db26!important;border:2px solid var(--cc-paint-blue)!important;border-radius:var(--cc-brush-sm)!important;color:#f0f0e8!important;font-family:Patrick Hand,cursive!important;padding:.65rem 1rem!important}body .chat-input:focus{border-color:var(--cc-paint-teal)!important;box-shadow:0 0 15px #1abc9c4d!important}body .chat-send-btn{background:linear-gradient(135deg,var(--cc-paint-teal),var(--cc-paint-blue))!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 10px #1abc9c4d!important;transition:all .2s ease!important}body .chat-send-btn:hover{transform:scale(1.1) rotate(15deg)!important;box-shadow:0 4px 15px #1abc9c80!important}body .home-header{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border-style:solid!important;border-width:0 0 6px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .home-header .header-title{font-family:Permanent Marker,cursive!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body .game-header{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border-bottom:none!important}body .game-header .game-title{font-family:Permanent Marker,cursive!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body .header-btn,body .game-header button{background:#e74c3c26!important;border:2px solid rgba(231,76,60,.35)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-brush-stroke)!important;transition:all .2s ease!important}body .header-btn:hover,body .game-header button:hover{background:#e67e2240!important;border-color:var(--cc-paint-orange)!important;color:var(--cc-paint-orange)!important;transform:scale(1.05) rotate(-1deg)!important}body .mode-carousel,body .game-mode-selector{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .mode-card{background:rgba(var(--cc-canvas-panel-rgb),.85)!important;border:3px solid rgba(155,89,182,.35)!important;border-radius:var(--cc-brush-sm)!important;transition:all .3s ease!important;position:relative;overflow:hidden}body .mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cc-rainbow)!important;opacity:0;transition:opacity .3s ease}body .mode-card:hover{border-color:var(--cc-paint-purple)!important;box-shadow:0 6px 25px #9b59b659!important;transform:translateY(-6px) rotate(-.5deg)!important}body .mode-card:hover:before{opacity:1}body .mode-card.selected{border-color:var(--cc-paint-yellow)!important;background:#f1c40f1a!important;box-shadow:0 0 35px #f1c40f4d!important}body .mode-card.selected:before{opacity:1}body .mode-card .mode-name{font-family:Permanent Marker,cursive!important;color:#f0f0e8!important}body .mode-card .mode-description{font-family:Patrick Hand,cursive!important;color:#ffffffb3!important}body .game-settings{background:#2ecc711a!important;border:2px dashed var(--cc-paint-green)!important;border-radius:var(--cc-brush-sm)!important}body .game-settings-toggle{font-family:Short Stack,cursive!important;color:var(--cc-paint-green)!important}body .game-settings-panel{background:rgba(var(--cc-canvas-panel-rgb),.9)!important;border-top:2px solid rgba(46,204,113,.3)!important}body .settings-section-title{font-family:Permanent Marker,cursive!important;color:var(--cc-paint-orange)!important}body .setting-label{font-family:Patrick Hand,cursive!important;color:#ffffffbf!important}body .setting-value{font-family:Short Stack,cursive!important;color:var(--cc-paint-yellow)!important}body .setting-slider{accent-color:var(--cc-paint-orange)!important}body .setting-select{background:#e67e2233!important;border:2px solid var(--cc-paint-orange)!important;border-radius:var(--cc-brush-sm)!important;color:#f0f0e8!important;font-family:Short Stack,cursive!important}body .game-page{background:linear-gradient(180deg,#1a1a2e,#0f0f1a)!important}body .freeze-frame-game .game-content,body .evolution-game .game-content,body .artistic-diff-game .game-content,body .masterpiece-game .game-content{flex:1!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important}body .drawing-canvas-container{background:rgba(var(--cc-canvas-panel-rgb),.9)!important;border:4px solid transparent!important;-o-border-image:var(--cc-rainbow-border) 1!important;border-image:var(--cc-rainbow-border) 1!important;border-radius:var(--cc-brush-sm)!important;box-shadow:0 4px 24px #0006,0 0 40px #e74c3c1a!important}body .canvas-tools{background:rgba(var(--cc-canvas-panel-rgb),.95)!important;border:2px solid rgba(231,76,60,.3)!important;border-radius:var(--cc-brush-sm)!important}body .tool-btn{background:#e74c3c26!important;border:2px solid transparent!important;border-radius:8px!important;transition:all .2s ease!important}body .tool-btn:hover{background:#e67e2240!important;border-color:#e67e2280!important;transform:scale(1.1)!important}body .tool-btn.active{background:#f1c40f4d!important;border-color:var(--cc-paint-yellow)!important;box-shadow:0 0 10px #f1c40f66!important}body .submit-btn,body .submit-drawing-btn{background:linear-gradient(135deg,var(--cc-paint-green),var(--cc-paint-teal))!important;border:none!important;border-radius:var(--cc-brush-sm)!important;font-family:Permanent Marker,cursive!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;box-shadow:0 4px 15px #2ecc7166!important;transition:all .25s ease!important}body .submit-btn:hover,body .submit-drawing-btn:hover{transform:translateY(-3px) scale(1.03) rotate(-1deg)!important;box-shadow:0 6px 25px #2ecc7180!important}body .vote-btn,body .submission-card{background:rgba(var(--cc-canvas-panel-rgb),.85)!important;border:3px solid rgba(155,89,182,.4)!important;border-radius:var(--cc-brush-sm)!important;transition:all .25s ease!important}body .vote-btn:hover,body .submission-card:hover{border-color:var(--cc-paint-orange)!important;box-shadow:0 6px 25px #e67e2259!important;transform:translateY(-4px) rotate(-.5deg)!important}body .vote-btn.selected,body .submission-card.selected{border-color:var(--cc-paint-green)!important;background:#2ecc7126!important;box-shadow:0 0 30px #2ecc7159!important}body .game-timer{background:rgba(var(--cc-canvas-panel-rgb),.85)!important;border:none!important;border-radius:50%!important}body .game-timer .timer-value{font-family:Permanent Marker,cursive!important;color:var(--cc-chalk-white, #f0f0f0)!important}body .game-mode-header{background:rgba(var(--cc-canvas-panel-rgb),.85)!important;border-bottom:3px solid transparent!important;-o-border-image:var(--cc-rainbow) 1!important;border-image:var(--cc-rainbow) 1!important}body .mode-badge{background:linear-gradient(135deg,#e74c3c40,#e67e2240)!important;border:2px solid var(--cc-paint-orange)!important;border-radius:var(--cc-brush-sm)!important;font-family:Permanent Marker,cursive!important}body .round-indicator{font-family:Short Stack,cursive!important;color:var(--cc-paint-yellow)!important}body .tutorial-carousel,body .tutorial-modal{background:rgba(var(--cc-canvas-panel-rgb),.96)!important;border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 8px 40px #00000080,0 0 60px #e74c3c1a!important}body .tutorial-slide h3{font-family:Permanent Marker,cursive!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body .tutorial-slide p{font-family:Patrick Hand,cursive!important;color:#ffffffd9!important}body .tutorial-dots .dot{background:#e74c3c4d!important;border-radius:50%!important;transition:all .2s ease!important}body .tutorial-dots .dot.active{background:var(--cc-paint-orange)!important;box-shadow:0 0 10px #e67e2280!important}body .tutorial-btn{background:linear-gradient(135deg,var(--cc-paint-red),var(--cc-paint-orange))!important;border:none!important;border-radius:var(--cc-brush-sm)!important;font-family:Permanent Marker,cursive!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;transition:all .2s ease!important}body .tutorial-btn:hover{transform:scale(1.05) rotate(-1deg)!important;box-shadow:0 4px 20px #e74c3c66!important}body .tutorial-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:2px solid rgba(231,76,60,.2)}body .tutorial-tab{padding:.5rem 1rem;font-family:Short Stack,cursive;color:#fff9;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease}body .tutorial-tab:hover{color:var(--cc-paint-orange)}body .tutorial-tab.active{color:var(--cc-paint-orange);border-bottom-color:var(--cc-paint-orange)}body .mobile-drawer{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border-top:4px solid transparent!important;-o-border-image:var(--cc-rainbow) 1!important;border-image:var(--cc-rainbow) 1!important}body .drawer-handle{background:linear-gradient(90deg,var(--cc-paint-red),var(--cc-paint-orange),var(--cc-paint-yellow))!important;border-radius:4px!important}body .drawer-header{border-bottom:2px solid rgba(231,76,60,.25)!important}body .drawer-title{font-family:Permanent Marker,cursive!important;color:var(--cc-paint-orange)!important}body .drawer-close-btn{background:#e74c3c33!important;border:2px solid rgba(231,76,60,.4)!important;border-radius:50%!important;transition:all .2s ease!important}body .drawer-close-btn:hover{background:#e74c3c59!important;border-color:var(--cc-brush-stroke)!important;transform:rotate(90deg)!important}body .tutorial-overlay{background:#0f0f1af2!important}body .tutorial-modal{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;max-width:800px!important;width:95%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 20px 60px #0009,0 0 80px #e74c3c26,0 0 120px #3498db1a!important}body .tutorial-close{position:absolute!important;top:1rem!important;right:1rem!important;background:#e74c3c33!important;border:2px solid rgba(231,76,60,.4)!important;border-radius:50%!important;width:36px!important;height:36px!important;color:var(--cc-brush-stroke)!important;font-size:1.2rem!important;cursor:pointer!important;transition:all .2s ease!important;z-index:10!important}body .tutorial-close:hover{background:#e74c3c66!important;transform:rotate(90deg) scale(1.1)!important}body .tutorial-tabs{display:flex!important;justify-content:center!important;gap:.5rem!important;padding:0 1rem!important;margin-top:.5rem!important;border-bottom:3px solid rgba(231,76,60,.2)!important;overflow-x:visible!important;flex-shrink:0!important}body .tutorial-tab{display:flex!important;align-items:center!important;gap:.4rem!important;padding:.75rem 1rem!important;font-family:Short Stack,cursive!important;font-size:.9rem!important;color:#ffffff8c!important;background:transparent!important;border:none!important;border-bottom:3px solid transparent!important;cursor:pointer!important;transition:all .25s ease!important;white-space:nowrap!important}body .tutorial-tab:nth-child(1){color:#e74c3cb3!important}body .tutorial-tab:nth-child(2){color:#e67e22b3!important}body .tutorial-tab:nth-child(3){color:#9b59b6b3!important}body .tutorial-tab:nth-child(4){color:#2ecc71b3!important}body .tutorial-tab:hover{transform:translateY(-2px)!important}body .tutorial-tab:nth-child(1):hover,body .tutorial-tab:nth-child(1).active{color:var(--cc-paint-red)!important;border-bottom-color:var(--cc-paint-red)!important}body .tutorial-tab:nth-child(2):hover,body .tutorial-tab:nth-child(2).active{color:var(--cc-paint-orange)!important;border-bottom-color:var(--cc-paint-orange)!important}body .tutorial-tab:nth-child(3):hover,body .tutorial-tab:nth-child(3).active{color:var(--cc-paint-purple)!important;border-bottom-color:var(--cc-paint-purple)!important}body .tutorial-tab:nth-child(4):hover,body .tutorial-tab:nth-child(4).active{color:var(--cc-paint-green)!important;border-bottom-color:var(--cc-paint-green)!important}body .tutorial-tab.active{background:#ffffff0d!important}body .tutorial-tab-name{font-weight:500!important}body .tutorial-content{padding:1.5rem!important;text-align:center!important;flex:1!important;min-height:0!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}body .tutorial-image{width:100%!important;max-height:min(280px,35vh)!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:var(--cc-brush-sm)!important;margin-bottom:1.25rem!important;box-shadow:0 4px 20px #0000004d!important;flex-shrink:1!important}body .tutorial-title{font-family:Permanent Marker,cursive!important;font-size:1.5rem!important;margin-bottom:.75rem!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body .tutorial-description{font-family:Patrick Hand,cursive!important;font-size:1.15rem!important;color:#ffffffd9!important;line-height:1.5!important;max-width:500px!important;margin:0 auto!important}body .tutorial-navigation{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1rem 1.5rem!important;border-top:2px solid rgba(231,76,60,.15)!important;background:#0003!important;flex-shrink:0!important}body .tutorial-nav-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:70px!important;padding:.6rem 1rem!important;background:#e74c3c33!important;border:2px solid rgba(231,76,60,.35)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-brush-stroke)!important;font-family:Short Stack,cursive!important;cursor:pointer!important;transition:all .2s ease!important}body .tutorial-nav-btn:hover:not(:disabled){background:#e67e224d!important;border-color:var(--cc-paint-orange)!important;transform:scale(1.05)!important}body .tutorial-nav-btn:disabled{opacity:.3!important;cursor:not-allowed!important}body .tutorial-dots{display:flex!important;gap:.25rem!important;align-items:center!important}body .tutorial-dots .tutorial-dot-wrapper{position:relative!important;padding:8px!important;background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;overflow:visible!important}body .tutorial-dots .tutorial-dot-wrapper:before{display:none!important}body .tutorial-dots .tutorial-dot-wrapper .tutorial-dot{width:10px!important;height:10px!important;background:#ffffff40!important;border-radius:50%!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}body .tutorial-dots .tutorial-dot-wrapper:hover .tutorial-dot{background:#ffffff80!important}body .tutorial-dots .tutorial-dot-wrapper.active .tutorial-dot{width:14px!important;height:14px!important;background:var(--cc-paint-orange)!important;animation:dotPop .4s cubic-bezier(.34,1.56,.64,1)!important}body .tutorial-dot{width:10px!important;height:10px!important;background:#e74c3c4d!important;border:none!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important}body .tutorial-dot:hover{background:#e67e2280!important;transform:scale(1.2)!important}body .tutorial-dot.active{background:var(--cc-paint-orange)!important;box-shadow:0 0 12px #e67e2299!important;transform:scale(1.3)!important}body .tutorial-sidebar{background:rgba(var(--cc-canvas-panel-rgb),.9)!important;border:3px solid transparent!important;-o-border-image:var(--cc-rainbow-border) 1!important;border-image:var(--cc-rainbow-border) 1!important;border-radius:var(--cc-brush-sm)!important}body .tutorial-sidebar-header{font-family:Permanent Marker,cursive!important;font-size:1.25rem!important;padding:1rem!important;text-align:center!important;background:var(--cc-rainbow)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;border-bottom:2px solid rgba(231,76,60,.2)!important}body .tutorial-sidebar-title{font-family:Permanent Marker,cursive!important;color:var(--cc-paint-orange)!important}body .tutorial-sidebar-image{border-radius:var(--cc-brush-sm)!important;box-shadow:0 4px 12px #0000004d!important}body .tutorial-sidebar-description{font-family:Patrick Hand,cursive!important;color:#fffc!important}body .tutorial-progress{height:3px!important;background:#e74c3c33!important}body .tutorial-progress-bar{height:100%!important;background:linear-gradient(90deg,var(--cc-paint-red),var(--cc-paint-orange),var(--cc-paint-yellow))!important}body .tutorial-view-all-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;margin:1rem!important;padding:.75rem 1rem!important;background:linear-gradient(135deg,#e74c3c26,#e67e2226)!important;border:2px solid rgba(230,126,34,.4)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-brush-stroke)!important;font-family:Short Stack,cursive!important;font-size:.85rem!important;cursor:pointer!important;transition:all .2s ease!important}body .tutorial-view-all-btn:hover{background:linear-gradient(135deg,#e67e2240,#f1c40f33)!important;border-color:var(--cc-paint-orange)!important;transform:scale(1.02) rotate(-.5deg)!important;box-shadow:0 4px 12px #e67e224d!important}body .tutorial-view-all-btn svg{color:var(--cc-paint-orange)!important}body .tutorial-dropdown-container{position:relative!important;padding:0 1rem!important;margin-bottom:.5rem!important;flex-shrink:0!important}body .tutorial-dropdown-trigger{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;width:100%!important;padding:.75rem 1rem!important;background:rgba(var(--cc-canvas-panel-rgb),.8)!important;border:2px solid rgba(230,126,34,.4)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-brush-stroke)!important;font-family:Short Stack,cursive!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important}body .tutorial-dropdown-trigger:hover{border-color:var(--cc-paint-orange)!important}body .tutorial-dropdown-emoji{font-size:1.2rem!important}body .tutorial-dropdown-name{flex:1!important;text-align:left!important}body .tutorial-dropdown-arrow{transition:transform .2s ease!important;color:var(--cc-paint-orange)!important}body .tutorial-dropdown-arrow.open{transform:rotate(180deg)!important}body .tutorial-dropdown-menu{position:absolute!important;top:100%!important;left:1rem!important;right:1rem!important;margin-top:.25rem!important;background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border:2px solid rgba(230,126,34,.5)!important;border-radius:var(--cc-brush-sm)!important;overflow:hidden!important;z-index:100!important;box-shadow:0 8px 24px #00000080!important}body .tutorial-dropdown-item{display:flex!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.875rem 1rem!important;background:transparent!important;border:none!important;border-bottom:1px solid rgba(230,126,34,.15)!important;color:#fffc!important;font-family:Short Stack,cursive!important;font-size:.95rem!important;cursor:pointer!important;transition:all .15s ease!important;text-align:left!important}body .tutorial-dropdown-item:last-child{border-bottom:none!important}body .tutorial-dropdown-item:hover{background:#e67e2226!important;color:var(--cc-brush-stroke)!important}body .tutorial-dropdown-item.active{background:#e67e2240!important;color:var(--cc-paint-orange)!important}body .tutorial-dropdown-item .tutorial-dropdown-emoji{font-size:1.25rem!important}body .tutorial-trigger-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.25rem!important;background:#e74c3c26!important;border:2px solid rgba(231,76,60,.35)!important;border-radius:var(--cc-brush-sm)!important;color:var(--cc-brush-stroke)!important;font-family:Short Stack,cursive!important;cursor:pointer!important;transition:all .2s ease!important}body .tutorial-trigger-btn:hover{background:#e67e2240!important;border-color:var(--cc-paint-orange)!important;transform:scale(1.05) rotate(-1deg)!important}body .filmstrip-container{background:linear-gradient(135deg,#1e1e32f2,#141423fa)!important;border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 4px 20px #0006,0 0 15px #b464c833!important;position:relative!important}body .filmstrip-container:before{content:none!important}body .filmstrip-thumbnail{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 4px 12px #0006,0 0 10px #b464c833!important;transition:all .2s ease!important}body .filmstrip-thumbnail:hover{transform:scale(1.05) rotate(-1deg)!important;box-shadow:0 6px 16px #00000080,0 0 20px #b464c866!important;filter:brightness(1.1)!important;z-index:10!important}body .video-filmstrip{background:linear-gradient(135deg,#1e1e32f2,#141423fa)!important;border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 4px 20px #0006,0 0 15px #b464c833!important;transform:rotate(-.3deg)!important}@media(min-width:64rem){body .video-filmstrip{transform:none!important}}body .video-filmstrip:before{content:none!important}body .webcam-display,body .webcam-frame,body .video-feed{border:10px solid!important;border-color:#f5f0e6 #e8e3d9 #ddd8ce #ece7dd!important;background:linear-gradient(to right,#f5f0e6f2,#ece7ddf2),url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='4' height='4' fill='rgba(0,0,0,0.03)'/%3E%3Crect x='4' y='4' width='4' height='4' fill='rgba(0,0,0,0.03)'/%3E%3C/svg%3E")!important;background-size:100% 100%,4px 4px!important;box-shadow:inset 0 0 15px #00000026,inset 0 0 30px #00000014,0 6px 20px #0006,0 0 12px #b464c826!important;transform:rotate(var(--webcam-rotate, -.5deg))!important;transition:transform .3s ease,box-shadow .3s ease!important;overflow:visible!important;position:relative!important;border-radius:2px!important}body .webcam-display:before,body .webcam-frame:before{content:"";position:absolute!important;width:28px!important;height:12px!important;background:linear-gradient(180deg,#ffe066eb,#e6c850e0,#d2b43cd9)!important;border-radius:2px!important;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff80!important;top:-5px!important;left:10px!important;transform:rotate(-12deg)!important;z-index:20!important}body .webcam-display:after,body .webcam-frame:after{content:"";position:absolute!important;width:28px!important;height:12px!important;background:linear-gradient(180deg,#ffe066eb,#e6c850e0,#d2b43cd9)!important;border-radius:2px!important;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff80!important;top:-5px!important;right:10px!important;transform:rotate(12deg)!important;z-index:20!important}body .webcam-video-container{position:relative!important;container-type:inline-size!important;container-name:webcam!important;background:linear-gradient(180deg,#f5f0e608,#f0ebdc0d)!important}body .webcam-video-container:after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='2' height='2' fill='rgba(0,0,0,0.02)'/%3E%3Crect x='2' y='2' width='2' height='2' fill='rgba(0,0,0,0.02)'/%3E%3C/svg%3E")!important;background-size:4px 4px!important;mix-blend-mode:multiply!important;opacity:.5!important}body .webcam-display:nth-child(odd){--webcam-rotate: -1deg}body .webcam-display:nth-child(2n){--webcam-rotate: 1deg}body .webcam-display:nth-child(3n){--webcam-rotate: .5deg}body .webcam-display:hover,body .webcam-frame:hover,body .video-feed:hover{transform:rotate(0) scale(1.02)!important;box-shadow:inset 0 0 20px #0006,0 10px 30px #0009,0 0 25px #b464c866!important;filter:brightness(1.05)!important;z-index:10!important}body .webcam-overlay{display:none!important}body .webcam-local-indicator{position:absolute!important;bottom:8px!important;left:8px!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;background:#0009!important;color:var(--cc-neon-cyan)!important;font-family:var(--cc-font-handwritten)!important;font-size:.65rem!important;font-weight:600!important;padding:6px 4px!important;border-radius:4px!important;box-shadow:0 2px 4px #0000004d!important;z-index:15!important;display:flex!important;align-items:center!important;gap:3px!important}body .webcam-name-indicator{position:absolute!important;bottom:4px!important;left:50%!important;transform:translate(-50%) rotate(1deg)!important;background:#ffe066e6!important;color:#1a1a2e!important;font-family:var(--cc-font-handwritten)!important;font-size:clamp(.55rem,4cqw,1.5rem)!important;font-weight:600!important;padding:clamp(3px,2cqw,8px) clamp(8px,4cqw,16px)!important;border-radius:10px 3px!important;box-shadow:2px 2px 4px #00000040!important;z-index:15!important;display:flex!important;align-items:center!important;white-space:nowrap!important;max-width:90%!important;overflow:hidden!important;text-overflow:ellipsis!important}@supports not (container-type: inline-size){body .webcam-name-indicator{font-size:clamp(.55rem,2vw,1.5rem)!important;padding:clamp(3px,.5vw,8px) clamp(8px,1.2vw,16px)!important}}body .webcam-muted-indicator{position:absolute!important;top:8px!important;right:30px!important;background:#ff6b9d40!important;border:2px dashed var(--cc-neon-pink)!important;border-radius:50%!important;padding:4px!important;box-shadow:0 0 8px #ff6b9d66!important;z-index:15!important}body .webcam-name,body .video-name-badge{background:#ffe066e6!important;color:#1a1a2e!important;font-family:var(--cc-font-handwritten)!important;font-size:.85rem!important;padding:4px 10px!important;border-radius:2px 8px!important;box-shadow:1px 2px 4px #0003!important;transform:rotate(-2deg)!important;border:none!important}body .webcam-host-badge,body .host-badge{background:linear-gradient(135deg,var(--cc-neon-yellow),var(--cc-neon-orange))!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;font-size:.7rem!important;padding:2px 8px!important;border-radius:12px 4px!important;transform:rotate(3deg)!important;box-shadow:0 2px 4px #0000004d!important}body .webcam-muted-indicator,body .muted-indicator{background:#ff6b9d33!important;border:2px dashed var(--cc-neon-pink)!important;border-radius:50%!important;box-shadow:var(--cc-crayon-glow-pink)!important}body .video-control-cluster{background:transparent!important;border:none!important;border-radius:var(--cc-sketch-radius-sm-1)!important;box-shadow:none!important;padding:8px!important}body .video-join-btn{background:linear-gradient(135deg,var(--cc-neon-cyan),var(--cc-neon-green))!important;border:none!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:var(--cc-scribble-shadow),var(--cc-crayon-glow-cyan)!important;transform:rotate(-1deg)!important;transition:all .2s ease!important}body .video-join-btn:hover{transform:rotate(1deg) scale(1.05)!important;box-shadow:var(--cc-scribble-shadow),0 0 20px #6bcfff99!important}body .video-join-btn:active{animation:doodle-press .15s ease-out!important}body .video-toggle-btn,body .video-control-btn{background:#28283ce6!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:var(--cc-sketch-radius-sm-2)!important;color:var(--cc-chalk-white)!important;box-shadow:var(--cc-scribble-shadow)!important;transition:all .2s ease!important}body .video-toggle-btn:hover,body .video-control-btn:hover{border-color:var(--cc-neon-cyan)!important;box-shadow:var(--cc-scribble-shadow),var(--cc-glow-cyan)!important;transform:rotate(-2deg) scale(1.05)!important}body .video-toggle-btn.active,body .video-toggle-btn.muted{background:#ff6b9d33!important;border-color:var(--cc-neon-pink)!important}body .video-enhancements,body .enhancement-section{background:#1e1e32cc!important;border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .background-option{border:3px solid var(--cc-chalk-gray)!important;border-radius:4px 8px!important;box-shadow:2px 2px 4px #0000004d!important;transform:rotate(var(--bg-rotate, 0deg))!important;transition:all .2s ease!important}body .background-option:nth-child(odd){--bg-rotate: -2deg}body .background-option:nth-child(2n){--bg-rotate: 2deg}body .background-option:hover{transform:rotate(0) scale(1.08)!important;border-color:var(--cc-neon-cyan)!important;box-shadow:var(--cc-crayon-glow-cyan)!important}body .background-option.selected{border-color:var(--cc-neon-pink)!important;box-shadow:var(--cc-crayon-glow-pink)!important}body .player-kick-btn,body .kick-btn{background:transparent!important;border:2px dashed var(--cc-neon-pink)!important;border-radius:50%!important;color:var(--cc-neon-pink)!important;font-family:var(--cc-font-marker)!important;transition:all .2s ease!important}body .player-kick-btn:hover,body .kick-btn:hover{background:#ff6b9d33!important;transform:rotate(90deg) scale(1.1)!important;box-shadow:var(--cc-crayon-glow-pink)!important}body .chat-window{background:#141423f2!important;background-image:var(--cc-notebook-lines)!important;border:3px solid var(--cc-chalk-gray)!important;border-radius:var(--cc-sketch-radius-1)!important}body .chat-messages{padding:12px!important}body .chat-message{background:#28283ccc!important;border:2px solid var(--cc-chalk-faint)!important;border-radius:16px 16px 16px 4px!important;padding:10px 14px!important;margin-bottom:8px!important;transform:rotate(-.3deg)!important;box-shadow:var(--cc-scribble-shadow)!important;position:relative!important}body .chat-message:after{content:""!important;position:absolute!important;bottom:-8px!important;left:12px!important;width:0!important;height:0!important;border-left:8px solid transparent!important;border-right:8px solid var(--cc-chalk-faint)!important;border-top:8px solid rgba(40,40,60,.8)!important;border-bottom:8px solid transparent!important;transform:rotate(-10deg)!important}body .chat-message.own{background:#6bcfff26!important;border-color:var(--cc-neon-cyan)!important;border-radius:16px 16px 4px!important;transform:rotate(.3deg)!important;margin-left:auto!important}body .chat-message.own:after{left:auto!important;right:12px!important;border-left:8px solid var(--cc-neon-cyan)!important;border-right:8px solid transparent!important;transform:rotate(10deg)!important}body .chat-message-text{font-family:var(--cc-font-handwritten)!important;font-size:.95rem!important;color:var(--cc-chalk-white)!important;line-height:1.4!important}body .chat-message-sender{font-family:var(--cc-font-sketch)!important;font-size:.75rem!important;color:var(--cc-neon-cyan)!important;margin-bottom:4px!important}body .chat-message-time{font-family:var(--cc-font-sketch)!important;font-size:.65rem!important;color:var(--cc-chalk-faint)!important}body .chat-input-wrapper,body .chat-input-container{background:#1e1e32e6!important;border-top:2px solid var(--cc-chalk-faint)!important;padding:12px!important}body .chat-input{background:#ffffff0d!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-handwritten)!important;padding:10px 14px!important}body .chat-input:focus{border-color:var(--cc-neon-cyan)!important;box-shadow:var(--cc-glow-cyan)!important;outline:none!important}body .chat-send-btn{background:linear-gradient(135deg,var(--cc-neon-cyan),var(--cc-neon-green))!important;border:2px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-2)!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;box-shadow:var(--cc-scribble-shadow)!important;transform:rotate(2deg)!important;transition:all .2s ease!important}body .chat-send-btn:hover{transform:rotate(-2deg) scale(1.05)!important;box-shadow:var(--cc-crayon-glow-cyan)!important}body button,body .btn,body [class*=-btn]{font-family:var(--cc-font-sketch)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;transition:all .2s ease!important}body .home-btn.primary,body .lobby-start-btn,body .btn-primary,body .primary-btn,body .action-btn{background:linear-gradient(135deg,var(--cc-neon-pink),var(--cc-neon-purple))!important;border:3px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-marker)!important;font-size:1.1rem!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:var(--cc-scribble-shadow),var(--cc-crayon-glow-pink)!important;transform:rotate(-.5deg)!important}body .home-btn.primary:hover,body .lobby-start-btn:hover,body .btn-primary:hover,body .primary-btn:hover,body .action-btn:hover{transform:rotate(.5deg) scale(1.03)!important;box-shadow:var(--cc-scribble-shadow),0 0 25px #ff6b9d99!important}body .home-btn.primary:active,body .lobby-start-btn:active{animation:doodle-press .15s ease-out!important}body .home-btn.secondary,body .btn-secondary,body .secondary-btn{background:#28283ce6!important;border:3px solid var(--cc-neon-cyan)!important;border-radius:var(--cc-sketch-radius-sm-2)!important;color:var(--cc-neon-cyan)!important;font-family:var(--cc-font-marker)!important;box-shadow:var(--cc-scribble-shadow)!important;transform:rotate(.5deg)!important}body .home-btn.secondary:hover,body .btn-secondary:hover{background:#6bcfff26!important;transform:rotate(-.5deg) scale(1.03)!important;box-shadow:var(--cc-scribble-shadow),var(--cc-crayon-glow-cyan)!important}body .icon-btn,body .close-btn,body .settings-btn,body [class*=icon-button]{background:#28283ccc!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:50%!important;color:var(--cc-chalk-white)!important;box-shadow:var(--cc-scribble-shadow)!important}body .icon-btn:hover,body .close-btn:hover,body .settings-btn:hover{border-color:var(--cc-neon-cyan)!important;box-shadow:var(--cc-glow-cyan)!important;transform:rotate(-5deg) scale(1.1)!important}body .lobby-copy-btn,body .copy-btn,body [class*=copy-btn]{background:#ffe06633!important;border:2px solid var(--cc-neon-yellow)!important;border-radius:var(--cc-sketch-radius-sm-2)!important;color:var(--cc-neon-yellow)!important}body .lobby-copy-btn:hover,body .copy-btn:hover{background:#ffe0664d!important;transform:rotate(3deg) scale(1.05)!important}body .rounds-btn{background:#28283ce6!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-marker)!important;box-shadow:var(--cc-scribble-shadow)!important}body .rounds-btn:hover:not(:disabled){border-color:var(--cc-neon-cyan)!important;transform:scale(1.1) rotate(-2deg)!important}body .rounds-btn:disabled{opacity:.4!important}body .rounds-value{font-family:var(--cc-font-marker)!important;font-size:1.5rem!important;color:var(--cc-neon-yellow)!important;text-shadow:0 0 10px rgba(255,224,102,.5)!important}body input[type=text],body input[type=email],body input[type=password],body input[type=number],body textarea,body .floating-input-field{background:#ffffff08!important;border:none!important;border-bottom:3px solid var(--cc-chalk-gray)!important;border-radius:0!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-handwritten)!important;font-size:1.1rem!important;padding:12px 8px 8px!important;transition:all .2s ease!important}body input[type=text]:focus,body input[type=email]:focus,body input[type=password]:focus,body textarea:focus,body .floating-input-field:focus{border-bottom-color:var(--cc-neon-cyan)!important;box-shadow:0 3px 0 var(--cc-neon-cyan)!important;outline:none!important}body .floating-label,body .input-label{font-family:var(--cc-font-sketch)!important;color:var(--cc-chalk-gray)!important;transition:all .2s ease!important}body .floating-label.active,body .floating-input-field:focus+.floating-label{color:var(--cc-neon-cyan)!important;font-size:.75rem!important;transform:translateY(-20px) rotate(-1deg)!important}body input[type=checkbox]{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:22px!important;height:22px!important;background:#28283ccc!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:4px!important;cursor:pointer!important;position:relative!important}body input[type=checkbox]:checked{background:#7ed56f4d!important;border-color:var(--cc-neon-green)!important}body input[type=checkbox]:checked:after{content:"✓"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-5deg)!important;color:var(--cc-neon-green)!important;font-family:var(--cc-font-marker)!important;font-size:1.2rem!important}body input[type=range],body .setting-slider{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:var(--cc-chalk-faint)!important;height:6px!important;border-radius:3px!important}body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;background:linear-gradient(135deg,var(--cc-neon-cyan),var(--cc-neon-green))!important;border:3px solid var(--cc-chalk-white)!important;border-radius:50%!important;cursor:pointer!important;box-shadow:var(--cc-scribble-shadow)!important}body select,body .setting-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#28283ce6!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-handwritten)!important;padding:10px 32px 10px 12px!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a0a0a0'%3E%3Cpath d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}body select:focus,body .setting-select:focus{border-color:var(--cc-neon-cyan)!important;outline:none!important}body .toggle-switch{position:relative!important;width:50px!important;height:26px!important}body .toggle-switch input{opacity:0!important;width:0!important;height:0!important}body .toggle-slider{position:absolute!important;cursor:pointer!important;inset:0!important;background:#28283ce6!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:26px!important;transition:all .3s ease!important}body .toggle-slider:before{position:absolute!important;content:""!important;height:18px!important;width:18px!important;left:2px!important;bottom:2px!important;background:var(--cc-chalk-white)!important;border-radius:50%!important;transition:all .3s ease!important;box-shadow:var(--cc-scribble-shadow)!important}body .toggle-switch input:checked+.toggle-slider{background:#7ed56f4d!important;border-color:var(--cc-neon-green)!important}body .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)!important;background:var(--cc-neon-green)!important}body .device-settings-modal .toggle-switch{position:relative!important;width:50px!important;height:26px!important;display:inline-block!important;flex-shrink:0!important}body .device-settings-modal .toggle-slider{position:absolute!important;inset:0!important;width:50px!important;height:26px!important}body .device-settings-modal .privacy-toggles,body .device-settings-modal .privacy-toggle-row{display:flex!important;align-items:center!important;gap:12px!important}body .device-settings-modal .privacy-toggle-row label{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important}body .device-settings-modal .device-settings-privacy{align-items:flex-start!important;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0!important}body .device-settings-modal .privacy-toggle{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important}body .device-settings-modal .privacy-toggle .toggle-slider{position:relative!important;width:40px!important;height:22px!important;flex-shrink:0!important;background:var(--cc-bg-tertiary)!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:11px!important}body .device-settings-modal .privacy-toggle .toggle-slider:before{content:""!important;position:absolute!important;top:2px!important;left:2px!important;width:14px!important;height:14px!important;background:var(--cc-chalk-white)!important;border-radius:50%!important;transition:transform .2s ease!important}body .device-settings-modal .privacy-toggle input:checked+.toggle-slider{background:var(--cc-neon-green)!important;border-color:var(--cc-neon-green)!important}body .device-settings-modal .privacy-toggle input:checked+.toggle-slider:before{transform:translate(18px)!important;background:#fff!important}body .modal,body .settings-modal,body .invite-modal{background:var(--cc-paper-texture),linear-gradient(180deg,#232337fa,#191928fa)!important;background-image:var(--cc-notebook-lines)!important;border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 12px 40px #0009,0 0 20px #b464c84d!important;transform:rotate(-.3deg)!important;position:relative!important;overflow:visible!important}body .modal:before,body .settings-modal:before,body .invite-modal:before{content:""!important;position:absolute!important;top:-10px!important;left:15px!important;width:60px!important;height:24px!important;background:linear-gradient(135deg,#ffe066cc,#ffc107d9)!important;border-radius:2px!important;transform:rotate(-8deg)!important;box-shadow:0 2px 4px #0003,inset 0 1px #fff6!important;z-index:100!important;pointer-events:none!important}body .modal:after,body .settings-modal:after,body .invite-modal:after{content:""!important;position:absolute!important;top:-8px!important;right:20px!important;width:55px!important;height:22px!important;background:linear-gradient(135deg,#ff6b9dbf,#e94560cc)!important;border-radius:2px!important;transform:rotate(6deg)!important;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff4d!important;z-index:100!important;pointer-events:none!important}body .settings-modal-backdrop,body .invite-modal-backdrop,body .device-settings-modal-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0a0a14eb!important;z-index:9998!important}body .device-settings-modal{background:var(--cc-paper-texture),linear-gradient(180deg,#2d2341fa,#1e1932fa)!important;border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 12px 40px #0009,0 0 30px #b464c866,inset 0 0 60px #ff6b9d0d,inset 0 0 100px #6bcfff0d!important;transform:none!important;position:relative!important}body .device-settings-modal .device-settings-title,body .device-settings-modal h2{font-family:var(--cc-font-marker)!important;font-size:1.5rem!important;background:linear-gradient(90deg,var(--cc-neon-pink),var(--cc-neon-cyan),var(--cc-neon-yellow),var(--cc-neon-green))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,107,157,.4))!important}body .device-settings-modal label,body .device-settings-modal .device-select-label,body .device-settings-modal .device-section-title{font-family:var(--cc-font-sketch)!important;color:var(--cc-neon-cyan)!important;text-shadow:0 0 8px rgba(107,207,255,.3)!important;font-weight:600!important}body .device-settings-modal select{background:linear-gradient(135deg,#322846e6,#281e3cf2)!important;border:2px solid var(--cc-neon-purple)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-sketch)!important;border-radius:8px!important;padding:10px 14px!important;transition:all .2s ease!important}body .device-settings-modal select:hover,body .device-settings-modal select:focus{border-color:var(--cc-neon-cyan)!important;box-shadow:0 0 12px #6bcfff66!important}body .device-settings-modal select option{background:#28223c!important;color:#f0f0f0!important}body .device-settings-modal .preview-container,body .device-settings-modal .video-preview{border:3px solid var(--cc-neon-pink)!important;border-radius:12px!important;box-shadow:0 0 15px #ff6b9d4d,inset 0 0 20px #0006!important;overflow:hidden!important}body .device-settings-modal .privacy-section,body .device-settings-modal .privacy-toggles{background:linear-gradient(135deg,#28233c99,#1e1932b3)!important;border:2px dashed var(--cc-neon-yellow)!important;border-radius:10px!important;padding:16px!important;margin-top:12px!important}body .device-settings-modal .privacy-toggle-row span{color:var(--cc-neon-green)!important;font-family:var(--cc-font-sketch)!important}body .device-settings-modal .device-settings-confirm{background:linear-gradient(135deg,var(--cc-neon-cyan),var(--cc-neon-green))!important;border:none!important;border-radius:8px!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;padding:10px 20px!important;box-shadow:0 4px 15px #00d9ff4d!important;transition:all .2s ease!important}body .device-settings-modal .device-settings-confirm:hover{transform:scale(1.02)!important;box-shadow:0 6px 20px #7ed56f66!important}body .device-settings-modal .device-settings-cancel{background:transparent!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:8px!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-marker)!important;padding:10px 20px!important;transition:all .2s ease!important}body .device-settings-modal .device-settings-cancel:hover{border-color:var(--cc-neon-cyan)!important;color:var(--cc-neon-cyan)!important}body .settings-modal:before,body .settings-modal:after,body .invite-modal:before,body .invite-modal:after{content:none!important}body .modal-header,body .settings-modal-header,body [class*=-modal-header]{font-family:var(--cc-font-marker)!important;color:var(--cc-chalk-white)!important;border-bottom:2px dashed var(--cc-chalk-faint)!important;padding-bottom:12px!important;margin-bottom:16px!important}body .modal-close,body .settings-modal-close-btn,body [class*=-close-btn]{background:transparent!important;border:2px solid var(--cc-chalk-gray)!important;border-radius:50%!important;color:var(--cc-chalk-gray)!important;font-family:var(--cc-font-marker)!important;font-size:1.2rem!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}body .modal-close:hover,body .settings-modal-close-btn:hover,body [class*=-close-btn]:hover{border-color:var(--cc-neon-pink)!important;color:var(--cc-neon-pink)!important;transform:rotate(90deg) scale(1.1)!important;box-shadow:var(--cc-crayon-glow-pink)!important}body .modal-overlay,body .modal-backdrop,body [class*=-overlay]{background:#0a0a14e6!important}body .settings-tabs,body .modal-tabs{display:flex!important;gap:8px!important;border-bottom:2px solid var(--cc-chalk-faint)!important;margin-bottom:16px!important}body .settings-tab-btn,body .modal-tab{background:transparent!important;border:none!important;border-bottom:3px solid transparent!important;color:var(--cc-chalk-gray)!important;font-family:var(--cc-font-sketch)!important;padding:8px 16px!important;transition:all .2s ease!important}body .settings-tab-btn:hover,body .modal-tab:hover{color:var(--cc-neon-cyan)!important}body .settings-tab-btn.active,body .modal-tab.active{color:var(--cc-neon-cyan)!important;border-bottom-color:var(--cc-neon-cyan)!important}body .game-header{background:linear-gradient(135deg,#1e1e32f2,#141423fa)!important;border-bottom:none!important;box-shadow:0 4px 12px #0000004d,var(--cc-scribble-shadow)!important}body .room-code-display,body .room-code-box,body .lobby-room-code-box{background:#141423e6!important;border:3px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;box-shadow:inset 0 2px 8px #0000004d,var(--cc-scribble-shadow)!important;transform:rotate(-.5deg)!important}body .room-code,body .lobby-room-code{font-family:var(--cc-font-marker)!important;font-size:1.8rem!important;color:var(--cc-neon-yellow)!important;text-shadow:0 0 12px rgba(255,224,102,.5)!important;letter-spacing:4px!important}body .player-count,body .lobby-player-count{font-family:var(--cc-font-sketch)!important;color:var(--cc-neon-cyan)!important}body .xp-toast{background:linear-gradient(135deg,#ffe066f2,#ffc83cf2)!important;border:3px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;box-shadow:0 6px 20px #0006,var(--cc-scribble-shadow)!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;transform:rotate(2deg)!important;animation:note-pop .4s ease-out!important}body .xp-toast-amount{font-size:1.4rem!important;font-weight:700!important;color:#1a1a2e!important}body .kick-toast{background:linear-gradient(135deg,#ff6b9df2,#ff5082f2)!important;border:3px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-2)!important;box-shadow:0 6px 20px #0006,var(--cc-scribble-shadow)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-marker)!important;transform:rotate(-2deg)!important;animation:note-pop .4s ease-out!important}body .lobby-streamer-badge,body .streamer-badge{background:linear-gradient(135deg,var(--cc-neon-purple),var(--cc-neon-pink))!important;border:2px solid var(--cc-chalk-white)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-chalk-white)!important;font-family:var(--cc-font-marker)!important;font-size:.9rem!important;padding:6px 14px!important;transform:rotate(-1deg)!important;box-shadow:var(--cc-crayon-glow-purple)!important}body .home-tip-banner{background:#6bcfff1a!important;border:2px dashed var(--cc-neon-cyan)!important;border-radius:var(--cc-sketch-radius-sm-1)!important;color:var(--cc-neon-cyan)!important;font-family:var(--cc-font-handwritten)!important;transform:rotate(-.3deg)!important}body .mobile-drawer{background:linear-gradient(180deg,#1e1e32fa,#141423fa)!important;background-image:var(--cc-notebook-lines)!important;border-left:4px solid var(--cc-chalk-white)!important;box-shadow:-8px 0 32px #00000080!important}body .mobile-drawer-header{border-bottom:2px dashed var(--cc-chalk-faint)!important;font-family:var(--cc-font-marker)!important}@media(max-height:900px){body .home-mascot{width:clamp(50px,8vw,80px)!important}body .home-title{font-size:clamp(1.5rem,4vw,2rem)!important}body .home-hero{padding:0!important;margin-bottom:.25rem!important;gap:4px!important}body .home-page{padding-top:calc(var(--header-height) + var(--spacing-sm))!important;padding-bottom:4px!important}body .home-mp-badge{display:none!important}body .home-steps{margin-bottom:.5rem!important}}@media(max-height:750px){body .home-mascot{width:40px!important}body .home-title{font-size:1.25rem!important}body .home-steps{display:none!important}body .home-hero{margin-bottom:0!important}}@media(max-height:800px){.home-cards-wrapper .tutorial-sidebar{max-height:calc(100vh - 2rem)}.tutorial-sidebar-image{max-height:100px}.tutorial-sidebar-description{-webkit-line-clamp:3;font-size:.85rem}}@media(max-width:768px){body .home-title{font-size:2.5rem!important}body .home-card{transform:rotate(0)!important;border-radius:12px 20px!important}body .lobby-waiting-card{transform:rotate(0)!important}body .home-btn.primary,body .lobby-start-btn{width:100%!important;padding:1rem!important}}@media(max-height:800px){body .tutorial-image{max-height:min(200px,30vh)!important;margin-bottom:.75rem!important}body .tutorial-content{padding:1rem!important}}@media(max-height:600px){body .tutorial-modal{max-height:95vh!important}body .tutorial-image{max-height:min(150px,25vh)!important;margin-bottom:.5rem!important}body .tutorial-content{padding:.75rem!important}body .tutorial-title{font-size:1.25rem!important;margin-bottom:.5rem!important}body .tutorial-description{font-size:.9rem!important;line-height:1.4!important}}@media(max-height:400px){body .tutorial-image{max-height:100px!important}body .tutorial-content{padding:.75rem!important}body .tutorial-navigation{padding:.5rem!important}body .tutorial-tabs{gap:.25rem!important}body .tutorial-tab{padding:.4rem .6rem!important}}.cc-paint-splash{position:relative}.cc-paint-splash:before{content:"";position:absolute;width:60px;height:60px;background:repeating-conic-gradient(var(--cc-splash-pink) 0 3%,transparent 0 11%),repeating-conic-gradient(transparent 0 5%,var(--cc-splash-pink) 0 7%) 50% / 60% 60%,radial-gradient(var(--cc-splash-pink) 22%,transparent 0);filter:blur(8px) contrast(20);opacity:.3;pointer-events:none;z-index:-1}.cc-paint-splash.top-right:before{top:-15px;right:-15px}.cc-paint-splash.bottom-left:before{bottom:-15px;left:-15px;--cc-splash-pink: var(--cc-splash-cyan)}body .player-list-fixed,body .player-list{background:var(--cc-paper-texture),linear-gradient(135deg,#1e1e32f2,#141428fa)!important;border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:4px 4px #0003,-2px -2px #ffffff0d,inset 0 0 30px #0000004d,0 0 20px #b464c833!important;position:relative!important;overflow:visible!important}body .player-item,body .player-list-item{background:linear-gradient(145deg,#323246e6,#28283cf2)!important;border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 4px 15px #b464b433!important;padding:10px 14px!important;margin-bottom:10px!important;transform:rotate(var(--player-tilt, 0deg))!important;transition:all .2s ease!important;position:relative!important}body .player-item:nth-child(odd),body .player-list-item:nth-child(odd){--player-tilt: -.8deg}body .player-item:nth-child(2n),body .player-list-item:nth-child(2n){--player-tilt: .6deg}body .player-item:nth-child(3n),body .player-list-item:nth-child(3n){--player-tilt: -.3deg}body .player-item:nth-child(4n),body .player-list-item:nth-child(4n){--player-tilt: .9deg}body .player-item:hover,body .player-list-item:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;box-shadow:0 6px 20px #b464c866!important;transform:rotate(-1deg) scale(1.02)!important;filter:brightness(1.1)!important;z-index:10!important}body .player-item.is-me,body .player-list-item.is-me{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;background:linear-gradient(145deg,#7ed56f26,#28283cf2)!important;box-shadow:0 0 20px #7ed56f4d,0 4px 15px #b464b433!important}@keyframes scribble{0%{transform:rotate(0) scale(1)}25%{transform:rotate(1deg) scale(1.01)}50%{transform:rotate(-1deg) scale(.99)}75%{transform:rotate(.5deg) scale(1.005)}to{transform:rotate(0) scale(1)}}body .player-item:active,body .player-list-item:active{animation:scribble .4s ease-in-out!important}body .host-badge,body .badge-host{background:repeating-conic-gradient(var(--cc-neon-yellow) 0 2%,transparent 0 8%),linear-gradient(135deg,var(--cc-neon-yellow),var(--cc-neon-orange))!important;background-size:20px 20px,100% 100%!important;color:#1a1a2e!important;font-family:var(--cc-font-marker)!important;font-weight:700!important;padding:2px 8px!important;border-radius:var(--cc-sketch-radius-badge)!important;border:2px solid rgba(0,0,0,.3)!important;box-shadow:2px 2px #0003!important;text-transform:uppercase!important;letter-spacing:.5px!important;transform:rotate(-2deg)!important}body .player-name{font-family:var(--cc-font-handwritten)!important;font-size:1.05rem!important;color:var(--cc-chalk-white)!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)!important}body .player-score{font-family:var(--cc-font-marker)!important;font-size:1.1rem!important;color:var(--cc-neon-yellow)!important;text-shadow:0 0 10px rgba(255,224,102,.5),2px 2px 0 rgba(0,0,0,.3)!important;padding:2px 6px!important;background:#ffe0661a!important;border-radius:4px!important}body .player-avatar,body .player-avatar-wrapper{border:3px solid var(--cc-chalk-white)!important;border-radius:50% 45% 52% 48%/48% 52% 45% 50%!important;box-shadow:0 0 0 2px var(--cc-neon-pink),3px 3px #0003!important;transition:all .3s ease!important}body .player-avatar:hover,body .player-avatar-wrapper:hover{transform:rotate(10deg) scale(1.1)!important;box-shadow:0 0 0 3px var(--cc-neon-cyan),0 0 15px #6bcfff66!important}body .player-list-header{border-style:solid!important;border-width:0 0 5px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .home-card{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .home-card:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.15)!important}body .card,body .home-card{position:relative!important}body .card:after,body .home-card:after{content:"";position:absolute;inset:-5px;background:radial-gradient(ellipse at 10% 20%,rgba(255,107,157,.15) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(107,207,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,224,102,.08) 0%,transparent 60%);border-radius:inherit;pointer-events:none;z-index:-1;filter:blur(10px);opacity:.7}@keyframes chalkDust{0%,to{opacity:.03;transform:translateY(0)}50%{opacity:.06;transform:translateY(-2px)}}body .player-list-fixed:after{content:"";position:absolute;inset:0;background:var(--cc-paper-texture);pointer-events:none;opacity:.04;z-index:0;border-radius:inherit}body .home-card{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .settings-modal,body .invite-modal,body .join-from-invite-modal{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .chat-window{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .mode-card,body .mode-carousel-card{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .mode-card:hover,body .mode-carousel-card:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.2)}body .voting-panel{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .submission-card,body .reveal-card,body .vote-option{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .submission-card:hover,body .reveal-card:hover,body .vote-option:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.15)}body .freeze-frame-game,body .evolution-game,body .artistic-diff-game,body .game-mode-container{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}body .voting-panel .voting-options,body .freeze-frame-voting .voting-options,body .voting-options{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:center!important;max-height:100%!important;overflow-y:auto!important;padding:16px!important}body .voting-panel .vote-option,body .freeze-frame-voting .vote-option,body .vote-option{width:100%!important;max-width:400px!important;min-height:200px!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}body .vote-option .option-image{aspect-ratio:4/3;width:100%}body .vote-option img,body .vote-option canvas{width:100%!important;height:100%!important;-o-object-fit:contain!important;object-fit:contain!important}@media(max-width:768px){body .voting-panel .vote-option,body .freeze-frame-voting .vote-option,body .vote-option{max-width:280px!important}}body .drawing-canvas-container{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .floating-label-input input,body .floating-label-input textarea,body .chat-input{border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .floating-label-input input:focus,body .floating-label-input textarea:focus,body .chat-input:focus{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.2)!important;box-shadow:0 0 15px #b464c866!important}body .game-header-room-code,body .game-header-phase-badge,body .game-header-player-count,body .game-header-player-info,body .game-header-round-indicator{border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important}body .game-header-round-indicator{background:#ffe06626!important;color:var(--cc-paint-yellow)!important;font-family:var(--cc-font-handwritten)!important;font-size:.85rem!important;font-weight:600!important;padding:4px 12px!important;border-radius:8px!important;transform:rotate(-1deg)!important;white-space:nowrap!important}body .game-header-mode-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:1rem;font-weight:700;font-size:.75rem;text-transform:uppercase;font-family:var(--cc-font-handwritten)!important;white-space:nowrap}body .game-header-mode-badge.evolution{background:#bf00ff33;color:var(--cc-neon-purple)}body .game-header-mode-badge.freeze-frame{background:#00f5ff33;color:var(--cc-neon-cyan)}body .game-header-mode-badge.artistic-diff{background:#ff008033;color:var(--cc-neon-pink)}@media(min-width:64rem){body .game-mode-header{display:none!important}}body .cc-button-primary,body .home-btn.primary{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .cc-button-primary:hover,body .home-btn.primary:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.15)!important;box-shadow:0 0 20px #b464c880!important}body .cc-button-secondary,body .home-btn.secondary{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .cc-button-secondary:hover,body .home-btn.secondary:hover{-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;filter:brightness(1.15)!important;box-shadow:0 0 20px #b464c880!important}body .tutorial-sidebar,body .tutorial-modal{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .game-header{border-style:solid!important;border-width:0 0 6px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .chat-header{border-style:solid!important;border-width:0 0 5px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .tutorial-sidebar-header{border-style:solid!important;border-width:0 0 5px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .round-timer,body .timer-display{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;background:#1e1e32e6!important;box-shadow:0 0 15px #b464c84d!important}body .prompt-display,body .word-display,body .word-to-draw{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;background:#1e1e32f2!important}body .drawing-tools,body .tool-palette,body .tools-container{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;background:#1e1e32f2!important}body .tool-button,body .color-button,body .brush-size-button{border-style:solid!important;border-width:3px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important}body .tool-button.active,body .tool-button:hover,body .color-button:hover,body .brush-size-button:hover{filter:brightness(1.2)!important;box-shadow:0 0 12px #b464c866!important}body .color-picker,body .color-palette{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .score-panel,body .score-display,body .leaderboard{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .guess-input,body .answer-input{border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .guess-input:focus,body .answer-input:focus{filter:brightness(1.2)!important;box-shadow:0 0 15px #b464c866!important}body .sidebar-section,body .game-sidebar-section{border-style:solid!important;border-width:0 0 5px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .home-section,body .home-content-section{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .round-indicator,body .phase-indicator{border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important}body .player-panel,body .players-grid{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .results-panel,body .game-over-panel,body .round-results{border-style:solid!important;border-width:8px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .toast,body .notification,body .xp-toast{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .dropdown-menu,body .select-dropdown,body .options-menu{border-style:solid!important;border-width:5px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .tooltip,body .hint-tooltip{border-style:solid!important;border-width:4px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 8 8 8 8 stretch stretch!important}body .tab-content,body .tab-panel{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .panel,body .container-box,body .content-panel{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}body .home-header{background:rgba(var(--cc-canvas-panel-rgb),.98)!important;border-style:solid!important;border-width:0 0 6px 0!important;-o-border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important;border-image:url(/canvas-chaos/doodle-borders/line-gradient.svg) 10 stretch!important}body .player-list-container,body .player-list-fixed,body .player-list-wrapper{border-style:solid!important;border-width:6px!important;-o-border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important;border-image:url(/canvas-chaos/doodle-borders/border-gradient.svg) 10 10 10 10 stretch stretch!important}.app-root.in-room .game-content-wrapper{display:flex!important;flex:1!important;min-height:0!important;overflow:auto!important;padding:0!important;margin:0!important;gap:0!important}.app-root.in-room .main-scroll-area{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:visible!important;max-width:100%!important;padding:0!important}.app-root.in-room .game-page .main-scroll-area:has(.game-ended){overflow-y:auto!important;-webkit-overflow-scrolling:touch;margin:0!important}.app-root.in-room .lobby-content-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-height:0;overflow:visible;box-sizing:border-box}@media(max-width:1279px)and (orientation:landscape){.app-root.in-room .lobby-content-wrapper{flex-direction:row;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);max-height:calc(100dvh - 48px);overflow:hidden}.lobby-waiting-card{flex:0 0 155px;max-width:155px;margin:0;padding:var(--spacing-xs);max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:thin}.lobby-waiting-card .solo-invite-hint,.lobby-waiting-card .solo-invite-subtext,.lobby-waiting-card .twitch-connect-panel{display:none}.lobby-game-area{flex:1;margin-top:0;min-width:0;max-height:calc(100dvh - 56px);overflow-y:auto}.lobby-waiting-header{margin-bottom:2px}.lobby-waiting-header h2{font-size:.85rem;margin-bottom:2px}.lobby-player-count{font-size:.7rem}.lobby-invite-actions .action-text{display:none}.lobby-rounds-selector{margin:var(--spacing-xs) 0;padding:4px}.lobby-start-section{margin-top:var(--spacing-xs)}.lobby-start-btn{padding:6px var(--spacing-sm);font-size:.8rem}.lobby-players-compact{display:none}.mode-carousel{flex-wrap:nowrap;overflow-x:auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel-card{flex:0 0 150px;min-height:auto;padding:var(--spacing-xs) var(--spacing-sm);scroll-snap-align:start}.mode-card-icon{font-size:1.5rem}.mode-card-title{font-size:.75rem}.mode-card-description{font-size:.65rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mode-card-players{font-size:.65rem}.mode-carousel-header{margin-bottom:2px}.mode-carousel-title{font-size:.8rem}.game-page .game-header{display:none}.game-content-wrapper,.game-page .main-scroll-area{padding:0;overflow:hidden}.canvas-chaos-game,.game-container,.masterpiece-game,.freeze-frame-game,.artistic-diff-game,.evolution-game,.game-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.canvas-chaos-game{align-items:stretch}.canvas-chaos-game>.game-content,.canvas-chaos-game>.mode-selector{max-width:100%;align-items:stretch}.freeze-frame-game .game-content,.artistic-diff-game .game-content,.evolution-game .game-content,.masterpiece-game .game-content{max-width:100%;align-items:stretch}.game-container{padding:0;overflow:hidden}.masterpiece-drawing,.freeze-frame-drawing,.artistic-diff-drawing,.evolution-drawing{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.drawing-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin:0;padding:2px 8px;flex-shrink:0;height:36px;min-height:36px;background:#0f0f2399;border-bottom:1px solid rgba(255,255,255,.08)}.drawing-header .prompt-container{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.drawing-header .prompt-label{display:none}.drawing-header .prompt-text{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-header .game-timer{width:32px;height:32px;font-size:.7rem;flex-shrink:0}.drawing-header .game-timer .timer-ring{width:32px;height:32px}.drawing-header .game-timer .timer-value{font-size:.65rem}.drawing-area{flex:1;display:flex;margin:0;padding:0 0 44px;min-height:0;width:100%}.drawing-canvas-container{flex-direction:column;align-items:stretch;gap:0;flex:1;width:100%}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.canvas-wrapper canvas,.canvas-wrapper .canvas-container{max-height:calc(100dvh - 80px);max-width:100%}.drawing-tools{position:fixed;bottom:0;left:0;right:0;flex-direction:row;flex-wrap:nowrap;width:auto;min-width:unset;max-width:unset;max-height:44px;min-height:44px;overflow:hidden;gap:6px;padding:4px 8px;padding-left:calc(8px + env(safe-area-inset-left,0px));padding-right:calc(8px + env(safe-area-inset-right,0px));flex-shrink:0;border-left:none;border-top:1px solid rgba(255,255,255,.12);background:#141428fa;z-index:100;align-items:center;justify-content:flex-start;border-radius:0;box-sizing:border-box;transition:max-height .25s ease-out}@media(prefers-reduced-motion:reduce){.drawing-tools{transition:none}}.drawing-tools.tools-expanded{max-height:50dvh;flex-wrap:wrap;overflow-y:auto;padding-top:8px;align-content:flex-start}.drawing-tools.tools-expanded .tool-group--advanced{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding:4px 0;border-top:1px solid rgba(255,255,255,.08)}.drawing-tools .tool-group--advanced{display:none}.tool-group{display:flex;gap:4px;align-items:center;flex-shrink:0}.tool-group.colors{max-width:160px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;gap:3px}.tool-group.colors::-webkit-scrollbar{display:none}.color-btn{width:24px;height:24px;min-width:24px;flex-shrink:0}.size-btn,.tool-btn{padding:4px;font-size:0;min-width:0;width:36px;height:36px}.tool-btn .tool-icon{font-size:.95rem}.color-picker-input{width:24px;height:24px;min-width:24px;flex-shrink:0}.drawing-tools .actions-quick{gap:2px;margin-left:auto}.game-timer{font-size:1rem;padding:var(--spacing-xs)}.phase-title,.round-indicator{font-size:.875rem}.submission-status,.waiting-message{font-size:.75rem;padding:var(--spacing-xs)}.drawing-actions{position:fixed;bottom:50px;right:12px;z-index:101}.submit-btn,.next-round-btn{padding:8px 16px;font-size:.8rem;border-radius:20px;box-shadow:0 4px 12px #0006}.drawer-hint{display:none}.voting-grid,.submissions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm);max-height:calc(100dvh - 100px);overflow-y:auto}.voting-option img,.submission-card img{max-height:calc(50dvh - 40px);-o-object-fit:contain;object-fit:contain}.reveal-slideshow{max-height:calc(100dvh - 80px)}.reveal-artwork{max-height:calc(100dvh - 100px);-o-object-fit:contain;object-fit:contain}.evolution-chain{flex-direction:row;overflow-x:auto;gap:var(--spacing-sm);max-height:calc(100dvh - 100px)}.evolution-step{flex-shrink:0;max-width:200px}.name-submission-form{flex-direction:row;gap:var(--spacing-sm)}.name-input{flex:1}.prompt-display{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.score-breakdown-toast{max-width:250px;font-size:.75rem}}@media(min-width:1280px){.app-root.in-room .lobby-content-wrapper{flex-direction:column;align-items:center;flex:1 1 0;min-height:0;justify-content:flex-start;padding:var(--spacing-xs) var(--spacing-xl);gap:var(--spacing-sm);overflow:auto;scrollbar-width:none}.app-root.in-room .lobby-content-wrapper::-webkit-scrollbar{display:none}.app-root.in-room .lobby-waiting-card{max-width:1100px;width:100%;margin:0;flex-shrink:0}.app-root.in-room .lobby-card-body{display:flex;gap:var(--spacing-xl)}.app-root.in-room .lobby-card-left{flex:1;min-width:0;display:flex;flex-direction:column}.app-root.in-room .lobby-card-right{flex:1;min-width:0}.app-root.in-room .lobby-card-left .solo-invite-panel{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:0;margin-bottom:0}.app-root.in-room .lobby-game-area{flex:0 0 auto;margin-top:0;width:100%;max-width:1100px}.app-root.in-room .mode-carousel{flex-wrap:nowrap!important;overflow-x:visible!important;justify-content:center;gap:1.25rem}.app-root.in-room .mode-carousel-card .mode-card-description{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.95rem;line-height:1.45}}@media(min-width:1536px){.app-root.in-room .lobby-waiting-card,.app-root.in-room .lobby-game-area{max-width:1200px}.app-root.in-room .mode-carousel-card{max-width:360px;flex:1 0 200px}.app-root.in-room .mode-carousel{flex:1;align-items:stretch}}@media(min-width:2400px){.app-root.in-room .lobby-waiting-card,.app-root.in-room .lobby-game-area{max-width:1400px}.app-root.in-room .mode-carousel-card{max-width:380px}}@media(max-height:500px)and (orientation:landscape){.game-header{height:40px}.game-header-logo-icon{width:24px;height:24px}.game-header-logo-text{font-size:.875rem}.lobby-waiting-card{flex:0 0 155px;max-width:155px}.mode-carousel-card{flex:0 0 140px;padding:var(--spacing-xs)}.mode-card-title{font-size:.8rem}.mode-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.6rem}.mode-card-icon{font-size:1.25rem}.drawing-tools{max-height:40px;min-height:40px;min-width:unset;max-width:unset;padding:3px 6px;gap:4px}.color-btn{width:20px;height:20px;min-width:20px}.size-btn,.tool-btn{width:32px;height:32px;padding:3px;font-size:0}.canvas-wrapper canvas,.canvas-wrapper .canvas-container{max-height:calc(100dvh - 76px);max-width:100%}.game-timer{font-size:.875rem;padding:4px}.phase-title,.round-indicator{font-size:.75rem}.submit-btn,.next-round-btn{padding:4px 12px;font-size:.75rem}.drawing-actions{bottom:46px}.drawing-area{padding-bottom:40px}.prompt-display{font-size:.75rem;padding:4px 8px}.voting-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px}.voting-option img{max-height:calc(100dvh - 150px)}.evolution-step{max-width:150px}.evolution-chain{max-height:calc(100dvh - 100px)}}@media(max-width:767px)and (orientation:portrait){.active-tool-indicator{display:flex;align-items:center;gap:4px;flex-shrink:0}.active-tool-icon{font-size:1.1rem;line-height:1}.active-tool-color{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.drawing-tools .toolbar-toggle{display:flex;align-items:center;gap:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;color:#fff;font-size:.7rem;cursor:pointer;flex-shrink:0;min-height:36px}.drawing-tools{position:fixed;bottom:0;left:0;right:0;max-height:52px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px)) 8px;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;justify-content:flex-start;border-radius:0;border:none;border-top:1px solid rgba(255,255,255,.12);background:#141428fa;z-index:100;overflow:hidden;box-sizing:border-box}.drawing-tools .tool-group--advanced{display:none}.drawing-tools .tool-group--primary{display:flex;gap:4px;align-items:center;flex-shrink:0}.drawing-tools .tool-group.colors{max-width:140px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;gap:3px}.drawing-tools .tool-group.colors::-webkit-scrollbar{display:none}.drawing-tools .color-btn,.drawing-tools .color-picker-input{width:24px;height:24px;min-width:24px;flex-shrink:0}.drawing-tools .tool-group.sizes{gap:2px}.drawing-tools .size-btn{min-width:36px;padding:4px;font-size:0}.drawing-tools .actions-quick{gap:2px;margin-left:auto}.drawing-tools .actions-quick .tool-btn{min-width:36px;padding:4px 6px;font-size:0}.drawing-tools .actions-quick .tool-btn:before{font-size:1rem}.drawing-tools .actions-quick .tool-btn:first-child:before{content:"↶"}.drawing-tools .actions-quick .tool-btn:last-child:before{content:"↷"}.drawing-tools.tools-expanded{max-height:50dvh;flex-wrap:wrap;overflow-y:auto;padding-top:8px;align-content:flex-start}.drawing-tools.tools-expanded .tool-group--advanced{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding:4px 0;border-top:1px solid rgba(255,255,255,.08)}.drawing-tools{transition:max-height .25s ease-out}@media(prefers-reduced-motion:reduce){.drawing-tools{transition:none}}.drawing-area{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));margin-bottom:0}.canvas-wrapper{max-height:calc(100dvh - 148px - env(safe-area-inset-bottom,0px))}.canvas-wrapper canvas,.canvas-wrapper .canvas-container{max-width:100%;max-height:calc(100dvh - 148px - env(safe-area-inset-bottom,0px))}.drawing-actions{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));right:12px;left:auto;z-index:101;text-align:right}.drawing-actions .submit-btn{border-radius:24px;padding:10px 20px;font-size:.85rem;box-shadow:0 4px 16px #0006}.drawing-actions .drawer-hint,.drawing-actions .modifier-reminder{display:none}.masterpiece-drawing>.submitted-message,.artistic-diff-drawing>.submitted-message,.evolution-drawing>.submitted-message,.freeze-frame-drawing>.submitted-message{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));right:12px;z-index:101;background:#141428f2;padding:8px 16px;border-radius:20px;font-size:.8rem;border:1px solid rgba(255,255,255,.15)}.drawing-header{display:flex;align-items:center;justify-content:space-between;height:36px;min-height:36px;max-height:36px;padding:2px 8px;gap:8px;background:#0f0f2399;border-bottom:1px solid rgba(255,255,255,.08)}.drawing-header .prompt-container{flex:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-xs)}.drawing-header .prompt-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;font-size:.85rem}.drawing-header .prompt-label{display:none}.drawing-header .game-timer{width:32px;height:32px;font-size:.7rem;flex-shrink:0}}@media(max-width:767px)and (orientation:portrait){.lobby-waiting-card{padding:var(--spacing-sm) var(--spacing-sm);max-height:calc(100dvh - 220px);overflow-y:auto;scrollbar-width:thin}.lobby-waiting-header{margin-bottom:var(--spacing-xs)}.lobby-waiting-header h2{font-size:1.2rem;margin-bottom:2px}.lobby-rounds-selector{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.lobby-waiting-card .twitch-connect-panel{display:none}.mode-carousel{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel-card{flex:0 0 200px;scroll-snap-align:center}.lobby-game-area{margin-top:var(--spacing-xs)}.mode-carousel-header{margin-bottom:var(--spacing-xs)}}@media(max-width:767px)and (orientation:portrait){.artistic-diff-voting,.artistic-diff-reveal,.freeze-frame-voting,.freeze-frame-reveal,.evolution-naming,.evolution-voting,.evolution-reveal,.evolution-results{padding:8px}.artistic-diff-voting h2,.artistic-diff-reveal h2,.evolution-naming h2,.evolution-voting h2,.evolution-reveal h2{font-size:1.3rem;margin-bottom:.5rem}.voting-prompt,.prompt-reminder,.voting-subtitle{font-size:.85rem;margin-bottom:.75rem}.evolution-naming .final-creature-display,.evolution-voting .final-creature-display{margin:.75rem 0}.name-input input{font-size:16px}.submission-card,.voting-option{min-height:44px}.vote-btn,.rating-star{min-width:44px;min-height:44px}}@media(max-width:400px)and (orientation:portrait){.submissions-grid,.reveal-grid{grid-template-columns:1fr;gap:.75rem}.submission-card img,.reveal-card img{max-height:160px}}@media(min-width:768px){.active-tool-indicator,.toolbar-toggle{display:none}}@media(orientation:landscape){.active-tool-indicator{display:flex;align-items:center;gap:4px;flex-shrink:0}.active-tool-color{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);flex-shrink:0}}@media(max-height:320px)and (orientation:landscape),(max-width:600px)and (max-height:400px)and (orientation:landscape){.game-page .main-scroll-area,.game-content-wrapper,.canvas-chaos-game,.game-container{padding:0!important;margin:0!important;overflow:hidden!important}.game-mode-header{display:none!important}.drawing-header{height:30px;min-height:30px;max-height:30px;padding:0 8px;background:#0f0f23f2}.drawing-header .game-timer{width:26px;height:26px;min-width:26px;order:1}.drawing-header .game-timer .timer-progress-ring{display:none}.drawing-header .game-timer .timer-content{font-size:.75rem}.drawing-header .prompt-container{justify-content:center;order:2}.drawing-header .prompt-text{font-size:.7rem;max-width:250px}.drawing-header .modifier-badge{display:none}.canvas-wrapper{border-radius:0!important;border:none!important;padding:2px!important;box-shadow:none!important}.canvas-wrapper canvas,.canvas-wrapper .canvas-container{max-height:calc(100dvh - 68px)}.drawing-tools{max-height:38px;min-height:38px;padding:3px 6px;gap:4px}.drawing-tools .color-btn{width:18px;height:18px;min-width:18px}.drawing-tools .size-btn{width:28px;height:28px;padding:2px;font-size:.55rem}.drawing-tools .tool-btn{width:28px;height:28px;padding:3px}.drawing-tools .color-picker-input{width:18px;height:18px;min-width:18px}.drawing-tools .tool-group.colors{max-width:110px;gap:2px}.drawing-area{padding-bottom:38px}.drawing-actions{bottom:42px}.drawing-actions .submit-btn{padding:4px 10px;font-size:.7rem}.submitted-message{font-size:.7rem;padding:4px 8px}.submissions-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px}.submission-card img{max-height:80px}.submission-label{font-size:.6rem;padding:2px 4px}.reveal-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px}.evolution-chain{max-height:calc(100dvh - 100px)}.evolution-step{max-width:120px;min-width:100px}.evolution-step img{max-height:80px}}@media(min-width:64rem){html.has-filmstrip .app-root.in-room{--zoom-threshold: 200px;--zoom-divisor: 1000px;--zoom-min: .7;--zoom-excess: max(0px, calc(var(--filmstrip-safe-space, 0px) - var(--zoom-threshold)))}html.has-filmstrip .app-root.in-room .lobby-content-wrapper,html.has-filmstrip .app-root.in-room .game-page .main-scroll-area{zoom:clamp(var(--zoom-min),calc(1 - var(--zoom-excess) / var(--zoom-divisor)),1);transition:zoom .15s ease-out}}.app-root.in-room .mode-carousel{overflow-x:auto!important;overflow-y:hidden!important}body .app-root.in-room .sidebar-tabs-container,body .app-root.in-room .sidebar-tabs{border-bottom:none!important}body .app-root.in-room .right-sidebar .game-sidebar-section,body .app-root.in-room .right-sidebar .sidebar-section,body .app-root.in-room .right-sidebar .sidebar-content{border:none!important;-o-border-image:none!important;border-image:none!important}body .app-root.in-room .right-sidebar{width:var(--sidebar-width)!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;background:var(--panel-bg)!important;overflow:visible!important;margin-left:auto!important;border:none!important;position:relative!important}@media(max-width:1279px){body .app-root.in-room .right-sidebar.desktop-only{display:none!important}}body .app-root.in-room .right-sidebar>*{overflow:hidden}body .app-root.in-room .right-sidebar:before{content:""!important;display:block!important;position:absolute!important;top:0!important;left:-10px!important;bottom:0!important;width:20px!important;height:auto!important;background:url(/canvas-chaos/doodle-borders/line-vertical-gradient-thick.svg) repeat-y center!important;background-size:20px 200px!important;z-index:10!important;pointer-events:none!important}body .app-root.in-room .right-sidebar:after{content:""!important;display:block!important;position:absolute!important;bottom:-10px!important;left:0!important;right:0!important;height:20px!important;background:url(/canvas-chaos/doodle-borders/line-gradient-thick.svg) repeat-x center!important;background-size:200px 20px!important;z-index:10!important;pointer-events:none!important}html.has-filmstrip .app-root.in-room .game-container{overflow:visible!important}.next-round-overlay{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;justify-content:center;align-items:center;animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.next-round-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.25rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,var(--cc-neon-cyan),var(--cc-neon-pink));color:var(--cc-bg-primary);box-shadow:0 4px 20px #00ffff4d,0 0 40px #ff2d9533;transition:all .3s ease}.next-round-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #0ff6,0 0 60px #ff2d954d}.next-round-btn:active{transform:scale(.98)}.next-round-btn .btn-text{white-space:nowrap}.next-round-btn .btn-arrow{font-size:1.5rem;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.waiting-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#000c;border:2px solid var(--cc-border-color);border-radius:12px;color:var(--cc-text-secondary);font-size:1rem}.waiting-message .waiting-icon{font-size:1.25rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skip-reason-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffc10726;border:1px solid rgba(255,193,7,.4);border-radius:8px;color:#ffc107;font-size:1rem;margin-bottom:1rem}.skip-reason-banner .skip-icon{font-size:1.25rem}@media(max-width:768px){.next-round-overlay{bottom:1.5rem;width:90%}.next-round-btn{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:1.1rem}.waiting-message{width:100%;justify-content:center;font-size:.9rem}}@media(min-width:64rem){body .video-filmstrip,html body .video-filmstrip{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;flex-shrink:0!important;width:100%!important}}@media(min-width:64rem){html.has-filmstrip .app-root.in-room .app-layout{max-height:calc(var(--vh-adjusted, 100vh) - var(--filmstrip-safe-space, 0px))!important;max-height:calc(var(--dvh-adjusted, 100dvh) - var(--filmstrip-safe-space, 0px))!important}html.has-filmstrip .app-root:not(.filmstrip-resizing) .app-layout{transition:max-height .3s cubic-bezier(.4,0,.2,1)}}.artwork-export-btn,.reveal-export-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#000000b3;border:1.5px solid var(--cc-neon-yellow, #ffd93d);color:var(--cc-neon-yellow, #ffd93d);font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease,background .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.artwork-export-btn:hover,.reveal-export-btn:hover{background:var(--cc-neon-yellow, #ffd93d);color:#000;transform:scale(1.1)}.vote-option:hover .artwork-export-btn,.option-image:hover .artwork-export-btn,.item-image-container:hover .reveal-export-btn,.stage-image-container:hover .reveal-export-btn,.gallery-item:hover .reveal-export-btn,.reveal-card:hover .reveal-export-btn,.reveal-image-container:hover .reveal-export-btn{opacity:1}.reveal-export-btn.evolution-export{top:4px;right:4px;width:24px;height:24px;font-size:11px}.reveal-image-container{position:relative;width:100%}.reveal-image-container img{width:100%;height:auto;border-radius:8px}.tool-btn.fill-tool{background:transparent;border:1.5px solid rgba(0,245,255,.5);color:var(--cc-neon-cyan, #00f5ff)}.tool-btn.fill-tool.active{background:#00f5ff4d;border-color:var(--cc-neon-cyan, #00f5ff);box-shadow:0 0 10px #00f5ff66}.tool-btn.fill-tool:hover:not(.active){background:#00f5ff26;border-color:var(--cc-neon-cyan, #00f5ff)}@media(hover:none),(max-width:768px){.artwork-export-btn,.reveal-export-btn{opacity:.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.webcam-tile,.webcam-overlay,.settings-modal,.modal-content,.mobile-drawer,.lobby-sidebar,.video-settings-panel,.device-settings-panel,.game-settings-panel,.chat-window,.player-list,.voting-panel,[class*=backdrop],[class*=overlay]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#1a1a2ef2!important}.host-crown,.host-badge,.webcam-crown,.player-badge,.home-mascot,.game-header-logo-icon,[class*=crown],[class*=glow]{filter:none!important}.host-crown,.host-badge,.webcam-preparing,.webcam-muted-overlay,.turn-indicator,.status-indicator,.menu-badge,.webcam-placeholder:before,.home-mascot,.cc-sketch-breathe,.orb,[class*=pulse],[class*=float],[class*=shimmer],[class*=breathe]{animation:none!important}.host-crown,.turn-indicator,.status-badge,.menu-badge,.webcam-muted-overlay{box-shadow:none!important}.host-crown{color:gold}.turn-indicator.active{border-color:var(--cc-neon-cyan, #00f5ff);border-width:2px}.home-mascot{filter:none!important;transform:none!important}.webcam-placeholder:before{background:#ffffff1a!important}}.performance-mode *,.performance-mode *:before,.performance-mode *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.performance-mode *{transition-duration:.05s!important}.performance-mode .home-mascot,.performance-mode .host-crown,.performance-mode .webcam-crown,.performance-mode .player-badge,.performance-mode .game-header-logo-icon,.performance-mode .video-control-btn svg,.performance-mode .turn-indicator,.performance-mode .host-badge,.performance-mode .connection-status-light,.performance-mode .mobile-drawer-title svg,.performance-mode [class*=crown],.performance-mode [class*=glow]{filter:none!important}.performance-mode .host-crown,.performance-mode .turn-indicator,.performance-mode .status-badge,.performance-mode .menu-badge,.performance-mode .webcam-muted-overlay{box-shadow:none!important}.performance-mode .host-crown{color:gold!important}.performance-mode .turn-indicator.active{border-color:var(--cc-neon-cyan, #00f5ff)!important;border-width:2px!important}.performance-mode .orb,.performance-mode .canvas-background-orbs{display:none!important}.performance-mode .cc-paint-splash,.performance-mode .cc-paint-splash:before,.performance-mode .cc-paint-splash:after{display:none!important}.performance-mode .player-list-fixed:before,.performance-mode .player-list-fixed:after{display:none!important}.performance-mode .settings-modal:before,.performance-mode .settings-modal:after{display:none!important}.prompt-submission-phase{display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:600px;margin:0 auto}.submission-header{text-align:center;margin-bottom:2rem}.submission-title{font-size:2rem;font-weight:700;color:var(--cc-text-primary, #fff);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.submission-subtitle{font-size:1.1rem;color:var(--cc-text-secondary, #b0b0b0);margin-bottom:1rem}.submission-form{width:100%;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.input-label{font-size:.9rem;font-weight:600;color:var(--cc-neon-cyan, #00f5ff);text-transform:uppercase;letter-spacing:1px}.prompt-input{width:100%;padding:1rem 1.25rem;font-size:1.1rem;border:2px solid var(--cc-border, #333);border-radius:12px;background:#0006;color:var(--cc-text-primary, #fff);transition:all .2s ease}.prompt-input:focus{outline:none;border-color:var(--cc-neon-cyan, #00f5ff);box-shadow:0 0 20px #00f5ff33}.prompt-input::-moz-placeholder{color:var(--cc-text-muted, #666)}.prompt-input::placeholder{color:var(--cc-text-muted, #666)}.modifier-input{border-color:var(--cc-neon-pink, #ff00ff)}.modifier-input:focus{border-color:var(--cc-neon-pink, #ff00ff);box-shadow:0 0 20px #f0f3}.modifier-group .input-label{color:var(--cc-neon-pink, #ff00ff)}.char-count{position:absolute;right:12px;bottom:-20px;font-size:.75rem;color:var(--cc-text-muted, #666)}.submission-hint{text-align:center;font-size:.9rem;color:var(--cc-text-secondary, #b0b0b0);margin-top:.5rem}.submitted-confirmation{text-align:center;padding:3rem;background:#00ff641a;border-radius:16px;border:2px solid rgba(0,255,100,.3)}.confirmation-icon{font-size:4rem;color:#00ff64;margin-bottom:1rem}.confirmation-text{font-size:1.5rem;font-weight:700;color:#00ff64;margin-bottom:.5rem}.waiting-text{font-size:1rem;color:var(--cc-text-secondary, #b0b0b0)}.submission-progress{width:100%;margin-top:2rem;padding:1.5rem;background:#0000004d;border-radius:12px}.progress-title{font-size:.9rem;font-weight:600;color:var(--cc-text-secondary, #b0b0b0);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cc-neon-cyan, #00f5ff),var(--cc-neon-pink, #ff00ff));border-radius:4px;transition:width .3s ease}.progress-count{font-size:.85rem;color:var(--cc-text-muted, #666);display:block;text-align:right}.submitted-players{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.submitted-player{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#00ff6426;border-radius:20px;font-size:.85rem}.submitted-player .check-icon{color:#00ff64;font-size:.9rem}.submitted-player .player-name{color:var(--cc-text-primary, #fff)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:confetti-fall 3s ease-out infinite}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){transform:rotate(45deg)}@keyframes confetti-fall{0%{top:-20px;opacity:1;transform:translate(0) rotate(0)}to{top:100%;opacity:0;transform:translate(100px) rotate(720deg)}}.winner-announcement{position:relative;overflow:hidden}.empty-canvas-warning{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:8px 16px;border-radius:8px;margin-bottom:8px;font-weight:600;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.score-breakdown-toast{position:fixed;top:80px;right:20px;background:#000000e6;border:2px solid #4ecdc4;border-radius:12px;padding:16px;min-width:250px;max-width:350px;z-index:1000;animation:slideIn .3s ease-out}.score-breakdown-toast h4{color:#4ecdc4;margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.score-event{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff0d;border-radius:6px;margin-bottom:6px}.score-event.mine{background:#4ecdc433;border:1px solid #4ecdc4}.score-event .player-name{color:#fff;font-weight:600;flex:1}.score-event .points{color:#ffe66d;font-weight:700;font-size:16px}.score-event .reason{color:#888;font-size:12px}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.download-all-artwork{margin-top:1.5rem;margin-bottom:.5rem}.download-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,gold,#ffb347,gold);border:2px solid #ffd700;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ffd7004d}.download-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ffd70080}.download-all-btn:disabled{opacity:.7;cursor:wait}.download-all-btn .download-icon{font-size:1.2rem}.download-all-btn .spinner{width:16px;height:16px;border:2px solid #1a1a2e;border-top-color:transparent;border-radius:50%;animation:downloadSpin .8s linear infinite}@keyframes downloadSpin{to{transform:rotate(360deg)}}.language-selector{position:relative;z-index:var(--z-round-start-overlay, 1000)}.language-selector-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;pointer-events:auto;position:relative}.language-selector-button:hover{background:#00d9ff33;border-color:#00d9ff80}.language-selector-button .language-flag{width:26px;height:18px;display:block;border-radius:2px;box-shadow:0 0 0 1px #0003}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#1a1a2efa;border:1px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 15px #00d9ff33;z-index:var(--z-mobile-toast, 9999);overflow:visible;animation:languageDropdownFadeIn .2s ease;pointer-events:auto}@keyframes languageDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown-header{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#00d9ff;border-bottom:1px solid rgba(255,255,255,.1);background:#00d9ff0d}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;pointer-events:auto}.language-option:hover{background:#00d9ff1a}.language-option.active{background:#00d9ff26;color:#00d9ff}.language-option .language-flag{width:24px;height:16px;display:block;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #0003}.language-option .language-label{flex:1}.language-option .language-check{color:#00d9ff;font-weight:700}@media(max-width:479px){.language-dropdown{right:0;max-width:250px}}.home-header-controls{display:flex;align-items:center;gap:.5rem}.home-header-menu-language{display:flex;align-items:center;justify-content:space-between}.home-header-menu-language .language-selector{margin-left:auto}.home-header-menu-language .language-selector-button{width:36px;height:36px}.twitch-connect-panel{margin-top:12px;padding:12px;background:#9146ff14;border:1px solid rgba(145,70,255,.2);border-radius:8px}.twitch-connect-status-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;color:#9146ff}.twitch-connect-dot{width:8px;height:8px;border-radius:50%;margin-left:auto}.twitch-connect-dot.connected{background:#00ff87;box-shadow:0 0 6px #00ff87}.twitch-connect-dot.disconnected{background:#666}.twitch-connect-input-group{display:flex;gap:6px}.twitch-connect-input{flex:1;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#fff;font-size:.85rem;outline:none}.twitch-connect-input:focus{border-color:#9146ff}.twitch-connect-input:disabled{opacity:.6}.twitch-connect-submit-btn,.twitch-connect-disconnect-btn{padding:6px 12px;border-radius:6px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.twitch-connect-submit-btn{background:#9146ff;color:#fff}.twitch-connect-submit-btn:hover:not(:disabled){background:#7b2eff}.twitch-connect-submit-btn:disabled{opacity:.5;cursor:not-allowed}.twitch-connect-disconnect-btn{background:#ffffff1a;color:#fffc}.twitch-connect-disconnect-btn:hover{background:#fff3}.twitch-connect-hint{margin-top:6px;font-size:.72rem;color:#fff6;line-height:1.3}.twitch-vote-graph{background:#9146ff14;border:1px solid rgba(145,70,255,.2);border-radius:8px;padding:12px;margin-top:12px}.twitch-vote-graph.compact{padding:8px;margin-top:8px}.twitch-vote-graph-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#9146ff}.twitch-vote-graph-title{font-size:.8rem;font-weight:600}.twitch-vote-graph-count{margin-left:auto;font-size:.75rem;opacity:.7}.twitch-vote-graph-bars{display:flex;flex-direction:column;gap:4px}.twitch-vote-bar-row{display:flex;align-items:center;gap:8px}.twitch-vote-bar-label{font-size:.75rem;color:#fffc;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twitch-vote-bar-track{flex:1;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden}.twitch-vote-bar-fill{height:100%;background:linear-gradient(90deg,#9146ff,#b380ff);border-radius:6px;transition:width .3s ease;min-width:2px}.twitch-vote-bar-count{font-size:.75rem;color:#fff9;min-width:20px;text-align:right}.solo-invite-panel{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,#e9456014,rgba(var(--accent-color-rgb),.08));border:2px solid rgba(var(--accent-color-rgb),.25);border-radius:var(--radius-xl);text-align:center;animation:fadeInUp .4s ease-out}.solo-invite-title{font-family:var(--font-title);font-size:1.1rem;color:var(--accent-color);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.solo-invite-code-tiles{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.solo-invite-tile{display:flex;align-items:center;justify-content:center;width:44px;height:52px;background:#e9456026;border:2px solid var(--gb-pink);border-radius:var(--radius-md);font-family:"Orbitron",var(--font-marker),monospace;font-size:1.5rem;font-weight:700;color:var(--gb-pink)}.solo-invite-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.solo-invite-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.95rem;cursor:pointer;transition:all .2s ease}.solo-invite-btn-copy{background:rgba(var(--accent-color-rgb),.15);border:2px solid rgba(var(--accent-color-rgb),.3);color:var(--accent-color);width:100%}.solo-invite-btn-copy:hover{background:rgba(var(--accent-color-rgb),.25);border-color:var(--accent-color)}.solo-invite-btn-share{background:rgba(var(--accent-color-rgb),.1);border:2px solid rgba(var(--accent-color-rgb),.2);color:var(--accent-color);width:100%}.solo-invite-btn-share:hover{background:rgba(var(--accent-color-rgb),.2);border-color:var(--accent-color)}.solo-invite-hint{font-family:var(--font-hand);font-size:.9rem;color:var(--accent-color);margin-bottom:var(--spacing-xs)}.solo-invite-subtext{font-family:var(--font-hand);font-size:.8rem;color:var(--text-muted)}@media(max-width:767px){.solo-invite-panel{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}.solo-invite-title{font-size:.9rem;margin-bottom:var(--spacing-xs)}.solo-invite-code-tiles{gap:3px;margin-bottom:var(--spacing-sm)}.solo-invite-tile{width:32px;height:38px;font-size:1.1rem}.solo-invite-actions{flex-direction:row;margin-bottom:var(--spacing-xs)}.solo-invite-btn{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.85rem;flex:1;min-width:0;width:auto;overflow:hidden;white-space:nowrap}.solo-invite-hint{font-size:.8rem;margin-bottom:2px}.solo-invite-subtext{font-size:.75rem}}@media(max-width:374px){.solo-invite-tile{width:28px;height:34px;font-size:1rem}.solo-invite-btn span{display:none}.solo-invite-btn{min-height:32px;padding:var(--spacing-xs)}}@media(prefers-reduced-motion:reduce){.solo-invite-panel{animation:none}}@media(max-width:767px)and (orientation:portrait){.game-page .game-header{display:flex}.masterpiece-drawing,.artistic-diff-drawing,.freeze-frame-drawing,.evolution-drawing{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;margin:0}.masterpiece-drawing .drawing-header,.artistic-diff-drawing .drawing-header,.freeze-frame-drawing .drawing-header,.evolution-drawing .drawing-header{display:flex;flex-direction:row;align-items:center;gap:var(--m-space-2);height:var(--m-prompt-pill-h);min-height:var(--m-prompt-pill-h);max-height:var(--m-prompt-pill-h);margin:var(--m-space-2) var(--m-space-2) 0 var(--m-space-2);padding:0 var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-pill);box-shadow:var(--m-shadow)}.drawing-header .prompt-container{flex:1;min-width:0;display:flex;align-items:center;gap:var(--m-space-1)}.drawing-header .prompt-label{display:none}.drawing-header .prompt-text{font-size:var(--m-text-base);font-family:var(--font-hand);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.drawing-header .game-timer{flex-shrink:0;width:28px;height:28px;font-size:var(--m-text-sm);background:transparent;border:none;padding:0}.drawing-header .game-timer .timer-content{font-size:var(--m-text-sm);font-weight:700;color:var(--gb-cyan)}.masterpiece-drawing .drawing-area,.artistic-diff-drawing .drawing-area,.freeze-frame-drawing .drawing-area,.evolution-drawing .drawing-area{flex:1;display:flex;padding:var(--m-space-2);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-toolbar-h) + var(--m-safe-bottom) + 8px);margin:0;min-height:0;overflow:hidden}.masterpiece-drawing .drawing-canvas-container,.artistic-diff-drawing .drawing-canvas-container,.freeze-frame-drawing .drawing-canvas-container,.evolution-drawing .drawing-canvas-container{flex-direction:column;align-items:center;justify-content:center;gap:0;flex:1;width:100%;padding:0}.masterpiece-drawing .canvas-wrapper,.artistic-diff-drawing .canvas-wrapper,.freeze-frame-drawing .canvas-wrapper,.evolution-drawing .canvas-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center;border:var(--m-border-cyan);border-radius:var(--m-radius);background:#0f0f2399;box-shadow:var(--m-shadow);padding:2px;overflow:hidden;filter:none;transform:none}.masterpiece-drawing .canvas-wrapper canvas,.artistic-diff-drawing .canvas-wrapper canvas,.freeze-frame-drawing .canvas-wrapper canvas,.evolution-drawing .canvas-wrapper canvas,.masterpiece-drawing .canvas-wrapper .canvas-container,.artistic-diff-drawing .canvas-wrapper .canvas-container,.freeze-frame-drawing .canvas-wrapper .canvas-container,.evolution-drawing .canvas-wrapper .canvas-container{max-width:100%;max-height:calc(100dvh - var(--m-header-h) - var(--m-prompt-pill-h) - var(--m-submit-bar-h) - var(--m-toolbar-h) - var(--m-safe-bottom) - 24px);border-radius:calc(var(--m-radius) - 2px)}.masterpiece-drawing .drawing-actions,.artistic-diff-drawing .drawing-actions,.freeze-frame-drawing .drawing-actions,.evolution-drawing .drawing-actions{position:fixed;bottom:calc(var(--m-toolbar-h) + var(--m-safe-bottom));left:0;right:0;height:var(--m-submit-bar-h);display:flex;align-items:center;justify-content:center;padding:var(--m-space-2) var(--m-space-4);background:var(--m-surface-raised);border-top:var(--m-border);z-index:99;margin:0}.drawing-actions .submit-btn,.drawing-actions .next-round-btn{flex:1;max-width:400px;height:48px;padding:0 var(--m-space-4);font-size:var(--m-text-lg);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--m-space-2);position:static}.drawing-actions .submit-btn:disabled{opacity:.5;background:#64647866;box-shadow:none}.drawing-actions .drawer-hint,.drawing-actions .modifier-reminder{display:none}.masterpiece-drawing>.submitted-message,.artistic-diff-drawing>.submitted-message,.freeze-frame-drawing>.submitted-message,.evolution-drawing>.submitted-message{position:fixed;bottom:calc(var(--m-toolbar-h) + var(--m-safe-bottom) + var(--m-space-2));left:var(--m-space-4);right:var(--m-space-4);height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:var(--success-400);font-weight:700;border-radius:var(--m-radius);z-index:99;font-size:var(--m-text-base)}.masterpiece-drawing .drawing-tools,.artistic-diff-drawing .drawing-tools,.freeze-frame-drawing .drawing-tools,.evolution-drawing .drawing-tools{position:fixed;bottom:0;left:0;right:0;height:var(--m-toolbar-h);min-height:var(--m-toolbar-h);max-height:var(--m-toolbar-h);flex-direction:row;flex-wrap:nowrap;gap:var(--m-space-2);padding:var(--m-space-1) var(--m-space-3);padding-bottom:calc(var(--m-space-1) + var(--m-safe-bottom));align-items:center;justify-content:flex-start;background:var(--m-surface-deep);border-top:var(--m-border);box-shadow:var(--m-shadow-raised);z-index:100;overflow:hidden;width:auto;min-width:unset;max-width:unset;border-left:none;border-radius:0;box-sizing:border-box;filter:none;transition:max-height var(--m-transition)}.drawing-tools.tools-expanded{max-height:50dvh;flex-wrap:wrap;overflow-y:auto;padding-top:var(--m-space-2);align-content:flex-start}.drawing-tools.tools-expanded .tool-group--advanced{display:flex;flex-wrap:wrap;gap:var(--m-space-2);width:100%;padding:var(--m-space-1) 0;border-top:var(--m-border)}.drawing-tools .tool-group--advanced{display:none}.drawing-tools .tool-group,.drawing-tools .tool-group--primary{display:flex;gap:var(--m-space-1);align-items:center;flex-shrink:0}.drawing-tools .tool-group.colors{max-width:160px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:2px}.drawing-tools .tool-group.colors::-webkit-scrollbar{display:none}.drawing-tools .color-btn{width:26px;height:26px;min-width:26px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer}.drawing-tools .color-picker-input{width:26px;height:26px;min-width:26px}.drawing-tools .size-btn,.drawing-tools .tool-btn{width:36px;height:36px;min-width:36px;padding:4px;font-size:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:var(--m-border);border-radius:var(--m-radius-sm);color:#fff;cursor:pointer}.drawing-tools .tool-btn .tool-icon,.drawing-tools .tool-btn:before{font-size:var(--m-text-lg)}.drawing-tools .size-btn{font-size:var(--m-text-sm)}.drawing-tools .actions-quick{display:flex;gap:var(--m-space-1);margin-left:auto;flex-shrink:0}.drawing-tools .toolbar-toggle{display:flex;align-items:center;gap:var(--m-space-1);background:#ffffff1f;border:var(--m-border);border-radius:var(--m-radius-sm);padding:6px 10px;color:#fff;font-size:var(--m-text-xs);cursor:pointer;flex-shrink:0;min-height:36px}.active-tool-indicator{display:flex;align-items:center;gap:4px;flex-shrink:0}.active-tool-icon{font-size:1.1rem;line-height:1}.active-tool-color{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}@media(prefers-reduced-motion:reduce){.drawing-tools{transition:none}}}@media(max-width:1279px)and (orientation:landscape){.game-page .game-header{display:none}.game-content-wrapper,.game-page .main-scroll-area{padding:0;overflow:hidden}.masterpiece-drawing,.artistic-diff-drawing,.freeze-frame-drawing,.evolution-drawing{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;margin:0}.masterpiece-drawing .drawing-header,.artistic-diff-drawing .drawing-header,.freeze-frame-drawing .drawing-header,.evolution-drawing .drawing-header{display:flex;flex-direction:row;align-items:center;gap:var(--m-space-2);height:var(--m-prompt-pill-h);min-height:var(--m-prompt-pill-h);max-height:var(--m-prompt-pill-h);padding:0 var(--m-space-3);padding-left:calc(var(--m-space-3) + var(--m-safe-left));padding-right:calc(var(--m-space-3) + var(--m-safe-right));margin:0;background:var(--m-surface-deep);border:none;border-bottom:var(--m-border);border-radius:0;box-shadow:none;flex-shrink:0}.drawing-header .prompt-label{display:none}.drawing-header .prompt-text{font-size:var(--m-text-base);font-family:var(--font-hand);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.drawing-header .game-timer{flex-shrink:0;width:28px;height:28px;font-size:var(--m-text-sm);background:transparent;border:none;padding:0}.drawing-header .game-timer .timer-content{font-size:var(--m-text-sm);font-weight:700;color:var(--gb-cyan)}.masterpiece-drawing .drawing-area,.artistic-diff-drawing .drawing-area,.freeze-frame-drawing .drawing-area,.evolution-drawing .drawing-area{flex:1;display:flex;padding:var(--m-space-1);padding-bottom:calc(var(--m-toolbar-h-land) + var(--m-safe-bottom));margin:0;min-height:0;width:100%}.masterpiece-drawing .drawing-canvas-container,.artistic-diff-drawing .drawing-canvas-container,.freeze-frame-drawing .drawing-canvas-container,.evolution-drawing .drawing-canvas-container{flex-direction:column;align-items:stretch;gap:0;flex:1;width:100%;padding:0}.masterpiece-drawing .canvas-wrapper,.artistic-diff-drawing .canvas-wrapper,.freeze-frame-drawing .canvas-wrapper,.evolution-drawing .canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;border:var(--m-border-cyan);border-radius:var(--m-radius-sm);background:#0f0f2399;box-shadow:none;padding:0;overflow:hidden;filter:none;transform:none}.masterpiece-drawing .canvas-wrapper canvas,.artistic-diff-drawing .canvas-wrapper canvas,.freeze-frame-drawing .canvas-wrapper canvas,.evolution-drawing .canvas-wrapper canvas,.masterpiece-drawing .canvas-wrapper .canvas-container,.artistic-diff-drawing .canvas-wrapper .canvas-container,.freeze-frame-drawing .canvas-wrapper .canvas-container,.evolution-drawing .canvas-wrapper .canvas-container{max-width:100%;max-height:calc(100dvh - var(--m-prompt-pill-h) - var(--m-toolbar-h-land) - var(--m-safe-bottom) - 8px)}.masterpiece-drawing .drawing-tools,.artistic-diff-drawing .drawing-tools,.freeze-frame-drawing .drawing-tools,.evolution-drawing .drawing-tools{position:fixed;bottom:0;left:0;right:0;height:var(--m-toolbar-h-land);min-height:var(--m-toolbar-h-land);max-height:var(--m-toolbar-h-land);flex-direction:row;flex-wrap:nowrap;gap:var(--m-space-2);padding:4px var(--m-space-3);padding-left:calc(var(--m-space-3) + var(--m-safe-left));padding-right:calc(60px + var(--m-safe-right));padding-bottom:calc(4px + var(--m-safe-bottom));align-items:center;justify-content:flex-start;background:var(--m-surface-deep);border:none;border-top:var(--m-border);box-shadow:var(--m-shadow-raised);z-index:100;overflow:hidden;width:auto;min-width:unset;max-width:unset;border-radius:0;filter:none;box-sizing:border-box}.drawing-tools .tool-group{display:flex;gap:var(--m-space-1);align-items:center;flex-shrink:0}.drawing-tools .tool-group.colors{max-width:140px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px}.drawing-tools .tool-group.colors::-webkit-scrollbar{display:none}.drawing-tools .color-btn{width:22px;height:22px;min-width:22px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.drawing-tools .size-btn,.drawing-tools .tool-btn{width:32px;height:32px;min-width:32px;padding:2px;font-size:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:var(--m-border);border-radius:var(--m-radius-sm);color:#fff}.drawing-tools .tool-btn .tool-icon{font-size:.9rem}.drawing-tools .actions-quick{display:flex;gap:var(--m-space-1);margin-left:auto;flex-shrink:0}.masterpiece-drawing .drawing-actions,.artistic-diff-drawing .drawing-actions,.freeze-frame-drawing .drawing-actions,.evolution-drawing .drawing-actions{position:fixed;bottom:0;right:calc(var(--m-space-2) + var(--m-safe-right));left:auto;width:auto;height:var(--m-toolbar-h-land);display:flex;align-items:center;padding:0;margin:0;background:transparent;border:none;box-shadow:none;z-index:101}.drawing-actions .submit-btn,.drawing-actions .next-round-btn{height:34px;padding:0 var(--m-space-3);font-size:var(--m-text-sm);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius-pill);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised);display:flex;align-items:center;justify-content:center;gap:4px}.drawing-actions .submit-btn:disabled{opacity:.5;background:#64647866;box-shadow:none}.drawing-actions .drawer-hint,.drawing-actions .modifier-reminder{display:none}.masterpiece-drawing>.submitted-message,.artistic-diff-drawing>.submitted-message,.freeze-frame-drawing>.submitted-message,.evolution-drawing>.submitted-message{position:fixed;bottom:5px;right:calc(var(--m-space-2) + var(--m-safe-right));height:34px;padding:0 var(--m-space-3);background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:var(--success-400);font-weight:700;font-size:var(--m-text-sm);border-radius:var(--m-radius-pill);display:flex;align-items:center;z-index:101}.landscape-menu-fab{position:fixed;top:calc(var(--m-space-1) + var(--m-safe-top));right:calc(var(--m-space-2) + var(--m-safe-right));width:32px;height:32px;border-radius:50%;background:var(--m-surface-deep);border:var(--m-border);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:102;box-shadow:var(--m-shadow-raised);font-size:var(--m-text-lg)}}@media(max-height:400px)and (orientation:landscape){.masterpiece-drawing .drawing-header,.artistic-diff-drawing .drawing-header,.freeze-frame-drawing .drawing-header,.evolution-drawing .drawing-header{height:30px;min-height:30px;max-height:30px;padding:0 var(--m-space-2)}.drawing-header .prompt-text{font-size:var(--m-text-sm)}.drawing-header .game-timer{width:24px;height:24px}.drawing-header .game-timer .timer-content{font-size:var(--m-text-xs)}.masterpiece-drawing .drawing-tools,.artistic-diff-drawing .drawing-tools,.freeze-frame-drawing .drawing-tools,.evolution-drawing .drawing-tools{height:38px;min-height:38px;max-height:38px}.drawing-tools .color-btn{width:20px;height:20px;min-width:20px}.drawing-tools .size-btn,.drawing-tools .tool-btn{width:28px;height:28px;min-width:28px}.masterpiece-drawing .canvas-wrapper canvas,.artistic-diff-drawing .canvas-wrapper canvas,.freeze-frame-drawing .canvas-wrapper canvas,.evolution-drawing .canvas-wrapper canvas{max-height:calc(100dvh - 30px - 38px - var(--m-safe-bottom) - 4px)}}@media(max-width:767px)and (orientation:portrait){.artistic-diff-voting,.freeze-frame-voting,.evolution-voting,.evolution-naming,.masterpiece-rating,.artistic-diff-reveal,.freeze-frame-reveal,.evolution-reveal{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2));overflow-y:auto;-webkit-overflow-scrolling:touch}.artistic-diff-voting h2,.freeze-frame-voting h2,.evolution-voting h2,.evolution-naming h2,.masterpiece-rating h2,.artistic-diff-reveal h2,.freeze-frame-reveal h2,.evolution-reveal h2{font-size:var(--m-text-xl);font-family:var(--font-title);margin:0 0 var(--m-space-2) 0;text-align:center;color:var(--gb-cyan)}.voting-prompt,.prompt-reminder,.voting-subtitle,.rating-prompt{font-size:var(--m-text-sm);color:var(--text-secondary);text-align:center;margin:0 0 var(--m-space-3) 0}.submissions-grid,.voting-grid,.reveal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--m-space-2);padding:0;margin:0}.submission-card,.voting-option,.reveal-card{display:flex;flex-direction:column;background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);padding:0;margin:0;overflow:hidden;cursor:pointer;transition:border-color var(--m-transition),transform var(--m-transition);min-height:44px;box-shadow:var(--m-shadow)}.submission-card.selected,.voting-option.selected{border:2px solid var(--gb-cyan);box-shadow:0 0 0 3px #00d9ff33,var(--m-shadow);transform:scale(1.02)}.submission-card img,.voting-option img,.reveal-card img{width:100%;height:auto;max-height:30dvh;-o-object-fit:contain;object-fit:contain;background:#0000004d;display:block}.submission-label,.reveal-label{display:flex;align-items:center;justify-content:center;padding:var(--m-space-1) var(--m-space-2);background:#0f0f23cc;color:var(--text-primary);font-size:var(--m-text-sm);font-family:var(--font-hand);gap:var(--m-space-1);border-top:var(--m-border)}@media(prefers-reduced-motion:reduce){.submission-card,.voting-option{transition:none}.submission-card.selected,.voting-option.selected{transform:none}}.artistic-diff-voting .voting-actions,.freeze-frame-voting .voting-actions,.evolution-voting .voting-actions,.evolution-naming .naming-actions,.evolution-naming .name-submission-form,.masterpiece-rating .mp-rating-actions{position:fixed;bottom:0;left:0;right:0;height:var(--m-submit-bar-h);display:flex;align-items:center;justify-content:center;padding:var(--m-space-2) var(--m-space-4);padding-bottom:calc(var(--m-space-2) + var(--m-safe-bottom));background:var(--m-surface-raised);border-top:var(--m-border);z-index:99;margin:0;gap:var(--m-space-2)}.voting-actions button,.mp-rating-actions button,.naming-actions button{flex:1;max-width:400px;height:48px;font-size:var(--m-text-base);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised);display:flex;align-items:center;justify-content:center;gap:var(--m-space-2)}.voting-actions button:disabled,.mp-rating-actions button:disabled{opacity:.5;background:#64647866;box-shadow:none}.masterpiece-rating .mp-rating-header{flex-shrink:0;text-align:center;margin-bottom:var(--m-space-2)}.masterpiece-rating .mp-rating-grid,.masterpiece-rating .rating-cards,.masterpiece-rating .drawings-to-rate{display:flex;flex-direction:column;gap:var(--m-space-3);padding:0}.masterpiece-rating .rating-card{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);padding:var(--m-space-3);display:flex;flex-direction:column;gap:var(--m-space-2);box-shadow:var(--m-shadow)}.masterpiece-rating .rating-card img{width:100%;max-height:40dvh;-o-object-fit:contain;object-fit:contain;border-radius:var(--m-radius-sm);background:#0000004d}.masterpiece-rating .rating-stars{display:flex;justify-content:center;gap:var(--m-space-2)}.masterpiece-rating .rating-star,.masterpiece-rating button[class*=star]{min-width:44px;min-height:44px;font-size:1.75rem;background:none;border:none;cursor:pointer;padding:0}.evolution-naming .final-creature-display,.evolution-voting .final-creature-display{display:flex;flex-direction:column;align-items:center;gap:var(--m-space-2);margin:0 0 var(--m-space-3) 0}.evolution-naming .final-creature-image,.evolution-voting .final-creature-image{max-width:100%;max-height:40dvh;-o-object-fit:contain;object-fit:contain;border:var(--m-border-cyan);border-radius:var(--m-radius);background:#0f0f2399}.evolution-naming .name-input input,.evolution-naming input[type=text]{width:100%;height:48px;padding:0 var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);color:var(--text-primary);font-size:var(--m-text-lg);font-family:var(--font-hand)}.evolution-naming .name-input input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 2px #00d9ff33}.mode-selector{padding:var(--m-space-3)}.mode-selector h2,.mode-carousel-title{font-size:var(--m-text-xl);text-align:center;margin:0 0 var(--m-space-3) 0}}@media(max-width:1279px)and (orientation:landscape){.artistic-diff-voting,.freeze-frame-voting,.evolution-voting,.evolution-naming,.masterpiece-rating,.artistic-diff-reveal,.freeze-frame-reveal,.evolution-reveal{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--m-space-2);padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));overflow-y:auto}.artistic-diff-voting h2,.freeze-frame-voting h2,.evolution-voting h2,.evolution-naming h2,.masterpiece-rating h2{font-size:var(--m-text-base);margin:0 0 var(--m-space-2) 0;text-align:center}.voting-prompt,.prompt-reminder,.voting-subtitle,.rating-prompt{font-size:var(--m-text-xs);margin:0 0 var(--m-space-2) 0}.submissions-grid,.voting-grid,.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--m-space-2);padding:0}.submission-card,.voting-option,.reveal-card{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-sm);overflow:hidden;padding:0;min-height:44px;box-shadow:var(--m-shadow)}.submission-card.selected,.voting-option.selected{border:2px solid var(--gb-cyan);box-shadow:0 0 0 2px #00d9ff33}.submission-card img,.voting-option img,.reveal-card img{width:100%;max-height:55dvh;-o-object-fit:contain;object-fit:contain;background:#0000004d}.submission-label,.reveal-label{padding:2px var(--m-space-2);font-size:var(--m-text-xs);background:#0f0f23cc}.artistic-diff-voting .voting-actions,.freeze-frame-voting .voting-actions,.evolution-voting .voting-actions,.evolution-naming .naming-actions,.evolution-naming .name-submission-form,.masterpiece-rating .mp-rating-actions{position:fixed;bottom:0;left:0;right:0;height:var(--m-phase-header-h);display:flex;align-items:center;justify-content:center;padding:0 var(--m-space-3);padding-bottom:calc(4px + var(--m-safe-bottom));padding-left:calc(var(--m-space-3) + var(--m-safe-left));padding-right:calc(var(--m-space-3) + var(--m-safe-right));background:var(--m-surface-deep);border-top:var(--m-border);z-index:99;gap:var(--m-space-2)}.voting-actions button,.mp-rating-actions button,.naming-actions button{height:34px;padding:0 var(--m-space-3);font-size:var(--m-text-sm);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius-pill);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow)}.evolution-naming .final-creature-display,.evolution-voting .final-creature-display{flex-direction:row;align-items:center;gap:var(--m-space-3);margin-bottom:var(--m-space-2)}.evolution-naming .final-creature-image,.evolution-voting .final-creature-image{max-width:45vw;max-height:calc(100dvh - 100px);-o-object-fit:contain;object-fit:contain;border:var(--m-border-cyan);border-radius:var(--m-radius-sm)}.evolution-naming .name-input{flex:1}.evolution-naming .name-input input{width:100%;height:40px;padding:0 var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-sm);color:var(--text-primary);font-size:var(--m-text-lg)}.masterpiece-rating .mp-rating-header{margin-bottom:var(--m-space-2)}.masterpiece-rating .rating-card{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-sm);padding:var(--m-space-2);display:flex;flex-direction:column;gap:var(--m-space-2)}.masterpiece-rating .rating-card img{max-height:45dvh;-o-object-fit:contain;object-fit:contain}.masterpiece-rating .rating-star{min-width:36px;min-height:36px;font-size:1.25rem}}@media(max-width:767px)and (orientation:portrait){.masterpiece-reveal{padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2))}.masterpiece-reveal .mp-reveal-title{font-size:var(--m-text-2xl);font-family:var(--font-title);text-align:center;color:var(--gb-cyan);margin:0 0 var(--m-space-4) 0}.masterpiece-reveal .mp-podium{display:flex;flex-direction:column;align-items:center;gap:var(--m-space-4);margin-bottom:var(--m-space-4)}.masterpiece-reveal .mp-podium-slot{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;padding:var(--m-space-3);background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow-raised);position:relative;animation:m-slide-up .4s var(--m-ease)}.masterpiece-reveal .mp-podium-slot.gold{border:2px solid #fbbf24;box-shadow:0 0 24px #fbbf244d,var(--m-shadow-raised);order:1}.masterpiece-reveal .mp-podium-slot.silver{border:2px solid #cbd5e1;order:2;max-width:280px}.masterpiece-reveal .mp-podium-slot.bronze{border:2px solid #cd7f32;order:3;max-width:260px}.masterpiece-reveal .mp-podium-crown{font-size:2.5rem;margin-bottom:var(--m-space-1)}.masterpiece-reveal .mp-podium-medal{font-size:2rem;margin-bottom:var(--m-space-1)}.masterpiece-reveal .mp-podium-art{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--m-radius-sm);background:#0000004d;margin-bottom:var(--m-space-2)}.masterpiece-reveal .mp-podium-art img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.masterpiece-reveal .mp-podium-info{display:flex;flex-direction:column;align-items:center;gap:4px}.masterpiece-reveal .mp-podium-name{font-size:var(--m-text-lg);font-family:var(--font-hand);color:var(--text-primary);font-weight:700}.masterpiece-reveal .mp-podium-block{background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));padding:4px var(--m-space-3);border-radius:var(--m-radius-pill);margin-top:var(--m-space-1)}.masterpiece-reveal .mp-podium-points{font-size:var(--m-text-base);font-weight:700;color:#fff}.masterpiece-reveal .mp-rankings-list{display:flex;flex-direction:column;gap:var(--m-space-1);margin-top:var(--m-space-3)}.masterpiece-reveal .mp-ranking-row{display:flex;align-items:center;gap:var(--m-space-2);padding:var(--m-space-2);background:var(--m-surface);border-radius:var(--m-radius-sm);border:var(--m-border)}.artistic-diff-reveal{padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2))}.artistic-diff-reveal .reveal-text{font-size:var(--m-text-lg);font-family:var(--font-hand);text-align:center;margin:0 0 var(--m-space-3) 0;color:var(--gb-cyan)}.artistic-diff-reveal .reveal-grid{grid-template-columns:1fr;gap:var(--m-space-3)}.artistic-diff-reveal .reveal-card{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);overflow:hidden;box-shadow:var(--m-shadow)}.artistic-diff-reveal .reveal-card.is-modifier{border:2px solid var(--gb-pink);box-shadow:0 0 16px #e945604d,var(--m-shadow)}.artistic-diff-reveal .reveal-card img{width:100%;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain;background:#0000004d}.freeze-frame-reveal{padding:var(--m-space-2);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2))}.freeze-frame-reveal .reveal-slideshow{max-width:100%;width:100%}.freeze-frame-reveal .reveal-artwork,.freeze-frame-reveal .reveal-image{width:100%;max-height:calc(100dvh - 220px);-o-object-fit:contain;object-fit:contain;border-radius:var(--m-radius);border:var(--m-border-cyan)}.evolution-reveal,.evolution-results{padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2))}.evolution-chain-display,.evolution-chain-preview{display:flex;flex-direction:column;gap:var(--m-space-3)}.evolution-chain-display .evolution-layer,.evolution-chain-preview .evolution-step{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);padding:var(--m-space-2);display:flex;flex-direction:column;align-items:center;gap:var(--m-space-2)}.evolution-chain-display img,.evolution-chain-preview img{max-width:100%;max-height:35dvh;-o-object-fit:contain;object-fit:contain;border-radius:var(--m-radius-sm)}.game-ended{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2));overflow-y:auto;text-align:center}.game-ended h1,.game-ended .game-ended-title{font-size:var(--m-text-hero);font-family:var(--font-title);color:var(--gb-cyan);margin:var(--m-space-4) 0 var(--m-space-2) 0}.game-ended .winner-crown{font-size:4rem}.game-ended .winner-name{font-size:var(--m-text-2xl);font-family:var(--font-hand);color:var(--gb-pink);margin:var(--m-space-2) 0}.final-standings{width:100%;max-width:420px;margin:var(--m-space-4) auto}.final-standings h2{font-size:var(--m-text-xl);margin-bottom:var(--m-space-2)}.standings-list{display:flex;flex-direction:column;gap:var(--m-space-1);padding:0;list-style:none}.standings-list li{display:flex;align-items:center;gap:var(--m-space-2);padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-sm);font-size:var(--m-text-base)}.next-round-overlay,.game-ended .game-ended-actions{position:fixed;bottom:0;left:0;right:0;height:var(--m-submit-bar-h);display:flex;align-items:center;justify-content:center;padding:var(--m-space-2) var(--m-space-4);padding-bottom:calc(var(--m-space-2) + var(--m-safe-bottom));background:var(--m-surface-raised);border-top:var(--m-border);z-index:99;gap:var(--m-space-2)}.next-round-overlay button,.game-ended-actions button{flex:1;max-width:400px;height:48px;font-size:var(--m-text-lg);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised)}@keyframes m-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.masterpiece-reveal .mp-podium-slot{animation:none}}}@media(max-width:1279px)and (orientation:landscape){.masterpiece-reveal{padding:var(--m-space-2);padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom) + var(--m-space-2));padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));overflow-y:auto}.masterpiece-reveal .mp-reveal-title{font-size:var(--m-text-xl);margin:0 0 var(--m-space-2) 0;text-align:center}.masterpiece-reveal .mp-podium{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:var(--m-space-2)}.masterpiece-reveal .mp-podium-slot{flex:0 1 200px;padding:var(--m-space-2);background:var(--m-surface);border-radius:var(--m-radius)}.masterpiece-reveal .mp-podium-slot.gold{border:2px solid #fbbf24}.masterpiece-reveal .mp-podium-slot.silver{border:2px solid #cbd5e1}.masterpiece-reveal .mp-podium-slot.bronze{border:2px solid #cd7f32}.masterpiece-reveal .mp-podium-art img{max-height:35dvh;-o-object-fit:contain;object-fit:contain}.artistic-diff-reveal{padding:var(--m-space-2);padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));overflow-y:auto}.artistic-diff-reveal .reveal-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--m-space-2)}.artistic-diff-reveal .reveal-card img{max-height:45dvh}.freeze-frame-reveal{padding:0;padding-bottom:var(--m-phase-header-h)}.freeze-frame-reveal .reveal-artwork,.freeze-frame-reveal .reveal-image{max-height:calc(100dvh - var(--m-phase-header-h) - 20px);-o-object-fit:contain;object-fit:contain}.evolution-reveal,.evolution-results{padding:var(--m-space-2);padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));overflow-y:auto}.evolution-chain-display,.evolution-chain-preview{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:var(--m-space-2);padding-bottom:var(--m-space-2);scrollbar-width:thin}.evolution-chain-display .evolution-layer,.evolution-chain-preview .evolution-step{flex:0 0 180px}.evolution-chain-display img,.evolution-chain-preview img{max-height:calc(100dvh - 140px)}.game-ended{display:flex;flex-direction:row;padding:var(--m-space-2);padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));gap:var(--m-space-3);overflow-y:auto}.game-ended>*:first-child{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-ended h1{font-size:var(--m-text-3xl);margin:0}.final-standings{flex:1;max-width:360px;margin:0}.standings-list li{padding:var(--m-space-1) var(--m-space-2);font-size:var(--m-text-sm)}.next-round-overlay,.game-ended .game-ended-actions{position:fixed;bottom:0;left:0;right:0;height:var(--m-phase-header-h);display:flex;align-items:center;justify-content:center;padding:0 var(--m-space-3);padding-bottom:calc(4px + var(--m-safe-bottom));background:var(--m-surface-deep);border-top:var(--m-border);z-index:99}.next-round-overlay button,.game-ended-actions button{height:32px;padding:0 var(--m-space-3);font-size:var(--m-text-sm);border-radius:var(--m-radius-pill);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none}}@media(max-width:767px)and (orientation:portrait){.prompt-submission-phase{display:flex;flex-direction:column;flex:1;padding:var(--m-space-4);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + var(--m-space-2));gap:var(--m-space-3);overflow-y:auto}.prompt-submission-phase h2{font-size:var(--m-text-2xl);font-family:var(--font-title);color:var(--gb-cyan);text-align:center;margin:0}.prompt-submission-phase .prompt-input,.prompt-submission-phase input[type=text],.prompt-submission-phase textarea{width:100%;min-height:56px;padding:var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);color:var(--text-primary);font-size:var(--m-text-lg);font-family:var(--font-hand);resize:none}.prompt-submission-phase textarea{min-height:120px}.prompt-submission-phase input:focus,.prompt-submission-phase textarea:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 2px #00d9ff33}.prompt-submission-phase .char-count{text-align:right;font-size:var(--m-text-xs);color:var(--text-secondary)}.prompt-submission-phase .submitted-players{display:flex;flex-direction:column;gap:4px;padding:var(--m-space-2);background:var(--m-surface);border-radius:var(--m-radius-sm);border:var(--m-border)}.prompt-submission-phase .submitted-player{display:flex;align-items:center;gap:var(--m-space-2);font-size:var(--m-text-sm);padding:4px 0}.prompt-submission-phase .submit-button,.prompt-submission-phase button[type=submit]{position:fixed;bottom:0;left:0;right:0;height:var(--m-submit-bar-h);margin:0;padding:var(--m-space-2) var(--m-space-4);padding-bottom:calc(var(--m-space-2) + var(--m-safe-bottom));background:var(--m-surface-raised);border:none;border-top:var(--m-border);z-index:99}.prompt-submission-phase .submit-button button{width:100%;max-width:400px;height:48px;margin:0 auto;display:block}}@media(max-width:1279px)and (orientation:landscape){.prompt-submission-phase{display:flex;flex-direction:row;flex:1;padding:var(--m-space-3);padding-left:calc(var(--m-space-3) + var(--m-safe-left));padding-right:calc(var(--m-space-3) + var(--m-safe-right));padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));gap:var(--m-space-3);align-items:center}.prompt-submission-phase>.prompt-left{flex:1;display:flex;flex-direction:column;gap:var(--m-space-2)}.prompt-submission-phase>.prompt-right{flex:0 0 180px}.prompt-submission-phase h2{font-size:var(--m-text-xl);margin:0}.prompt-submission-phase input[type=text],.prompt-submission-phase textarea{font-size:var(--m-text-lg);min-height:44px;padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-sm);color:var(--text-primary)}}@media(max-width:1279px){.masterpiece-playing,.masterpiece-announcement,.artistic-diff-playing,.artistic-diff-announcement,.freeze-frame-playing,.freeze-frame-countdown,.evolution-playing,.evolution-announcement{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;padding:var(--m-space-4);text-align:center;gap:var(--m-space-3);min-height:0}.masterpiece-playing h1,.masterpiece-announcement h1,.artistic-diff-playing h1,.artistic-diff-announcement h1,.freeze-frame-playing h1,.evolution-playing h1,.evolution-announcement h1{font-size:var(--m-text-3xl);font-family:var(--font-title);color:var(--gb-cyan);margin:0}.masterpiece-playing .mode-icon,.masterpiece-announcement .mode-icon,.artistic-diff-playing .mode-icon,.artistic-diff-announcement .mode-icon,.freeze-frame-playing .mode-icon,.evolution-playing .mode-icon,.evolution-announcement .mode-icon{font-size:4rem}.masterpiece-playing .announcement-text,.artistic-diff-playing .announcement-text,.freeze-frame-playing .announcement-text,.evolution-playing .announcement-text{font-size:var(--m-text-lg);font-family:var(--font-hand);color:var(--text-primary);max-width:90%;line-height:1.4}.freeze-frame-playing .countdown-number{font-size:6rem;font-family:var(--font-title);font-weight:900;color:var(--gb-pink);line-height:1;animation:m-countdown-pulse 1s var(--m-ease) infinite}.freeze-frame-playing .freeze-flash{font-size:4rem;font-family:var(--font-marker);color:var(--gb-cyan);text-shadow:0 0 24px rgba(0,217,255,.6);animation:m-freeze-flash .4s ease-out}.evolution-drawing .spectator-view{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center;padding:var(--m-space-3);gap:var(--m-space-2);text-align:center}.evolution-drawing .spectator-view img{max-width:90%;max-height:60dvh;-o-object-fit:contain;object-fit:contain;opacity:.7;border-radius:var(--m-radius)}.evolution-drawing .spectator-text{font-size:var(--m-text-lg);color:var(--text-primary);font-family:var(--font-hand)}@keyframes m-countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes m-freeze-flash{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.freeze-frame-playing .countdown-number,.freeze-frame-playing .freeze-flash{animation:none}}}@media(max-width:767px)and (orientation:portrait){.artwork-gallery{padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom))}.artwork-gallery .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--m-space-2)}.artwork-gallery .gallery-card{background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);overflow:hidden;box-shadow:var(--m-shadow)}.artwork-gallery .gallery-card img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.artwork-gallery .gallery-card-meta{padding:var(--m-space-2);font-size:var(--m-text-xs);display:flex;align-items:center;gap:var(--m-space-1)}}@media(max-width:1279px)and (orientation:landscape){.artwork-gallery{padding:var(--m-space-2);padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom))}.artwork-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--m-space-2)}}@media(max-width:1279px){.reconnect-overlay,.settings-modal,.share-overlay,.device-settings-modal-overlay{position:fixed;inset:0;background:var(--m-surface-deep);display:flex;align-items:stretch;justify-content:stretch;z-index:10000;padding:0;overflow-y:auto}.settings-modal .settings-content,.share-overlay .share-content,.device-settings-modal{width:100%;max-width:none;max-height:100dvh;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;padding:0;margin:0}.settings-modal .settings-header,.share-overlay .share-header,.device-settings-modal .modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--m-space-3) var(--m-space-4);padding-top:calc(var(--m-space-3) + var(--m-safe-top));background:var(--m-surface-deep);border-bottom:var(--m-border);z-index:10}.settings-modal .settings-header h2,.share-overlay .share-header h2{font-size:var(--m-text-xl);margin:0;font-family:var(--font-title)}.settings-modal .settings-close,.share-overlay .share-close,.device-settings-modal .modal-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:var(--m-border);border-radius:50%;color:#fff;font-size:var(--m-text-xl);cursor:pointer}.settings-modal .settings-body,.share-overlay .share-body,.device-settings-modal .modal-body{flex:1;overflow-y:auto;padding:var(--m-space-4);padding-left:calc(var(--m-space-4) + var(--m-safe-left));padding-right:calc(var(--m-space-4) + var(--m-safe-right));-webkit-overflow-scrolling:touch}.reconnect-overlay .reconnect-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--m-space-5);gap:var(--m-space-3);text-align:center}.reconnect-overlay .reconnect-icon{font-size:4rem;animation:m-spin 2s linear infinite}.reconnect-overlay h2{font-size:var(--m-text-2xl);font-family:var(--font-title);color:var(--gb-cyan)}.reconnect-overlay p{font-size:var(--m-text-base);color:var(--text-primary)}@keyframes m-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reconnect-overlay .reconnect-icon{animation:none}}.share-overlay .share-image-preview{width:100%;max-height:40dvh;-o-object-fit:contain;object-fit:contain;border-radius:var(--m-radius);border:var(--m-border);margin-bottom:var(--m-space-3)}.share-overlay .share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--m-space-2)}.share-overlay .share-button{min-height:var(--touch-comfortable);display:flex;align-items:center;justify-content:center;gap:var(--m-space-2);padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius);color:var(--text-primary);font-size:var(--m-text-sm);cursor:pointer}.zoom-overlay{padding:var(--m-safe-top) 0 var(--m-safe-bottom) 0}.zoom-close{top:calc(var(--m-space-2) + var(--m-safe-top));right:calc(var(--m-space-2) + var(--m-safe-right));width:44px;height:44px}}@media(max-width:767px)and (orientation:portrait){.xp-toast-container,.kick-toast,.site-notification-toast{position:fixed;top:calc(var(--m-safe-top) + var(--m-space-3));left:50%;transform:translate(-50%);width:calc(100vw - var(--m-space-4) * 2);max-width:420px;z-index:10001;animation:m-toast-in .25s var(--m-ease)}.xp-toast,.kick-toast-inner,.site-notification-toast{background:var(--m-surface-raised);border:var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow-float);padding:var(--m-space-3);display:flex;align-items:center;gap:var(--m-space-3)}.kick-toast-inner{border-left:4px solid var(--danger-500)}.xp-toast-header{display:flex;align-items:center;gap:var(--m-space-2);font-size:var(--m-text-base);font-weight:700}.xp-toast-amount{font-size:var(--m-text-2xl);font-family:var(--font-title);color:var(--gb-cyan)}.xp-toast-close,.kick-toast-close{width:32px;height:32px;background:transparent;border:none;color:#fff;font-size:var(--m-text-xl);cursor:pointer;flex-shrink:0;margin-left:auto}.score-breakdown-toast{position:fixed;bottom:calc(var(--m-submit-bar-h) + var(--m-toolbar-h) + var(--m-safe-bottom) + var(--m-space-2));left:var(--m-space-3);right:var(--m-space-3);max-width:420px;margin:0 auto;padding:var(--m-space-3);background:var(--m-surface-raised);border:var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow-float);z-index:101;font-size:var(--m-text-sm);animation:m-toast-in .25s var(--m-ease)}@keyframes m-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.xp-toast-container,.kick-toast,.site-notification-toast,.score-breakdown-toast{animation:none}}}@media(max-width:1279px)and (orientation:landscape){.xp-toast-container,.kick-toast,.site-notification-toast{position:fixed;bottom:calc(var(--m-toolbar-h-land) + var(--m-safe-bottom) + var(--m-space-2));right:calc(var(--m-space-3) + var(--m-safe-right));width:auto;max-width:320px;z-index:10001;left:auto;top:auto;transform:none}.score-breakdown-toast{position:fixed;bottom:calc(var(--m-toolbar-h-land) + var(--m-safe-bottom) + var(--m-space-2));left:calc(var(--m-space-3) + var(--m-safe-left));right:auto;max-width:320px;padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface-raised);border:var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow-float);z-index:101;font-size:var(--m-text-xs)}}@media(max-width:767px)and (orientation:portrait){.lobby-content-wrapper{display:flex;flex-direction:column;gap:var(--m-space-3);padding:var(--m-space-3);padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom));overflow-y:auto}.lobby-waiting-card{background:var(--m-surface);border:var(--m-border);-o-border-image:none;border-image:none;border-radius:var(--m-radius);box-shadow:var(--m-shadow);padding:var(--m-space-3);margin:0;max-width:none;flex:0 0 auto;max-height:calc(100dvh - var(--m-header-h) - 360px);overflow-y:auto}.lobby-waiting-header{margin-bottom:var(--m-space-2);text-align:center}.lobby-waiting-header h2{font-size:var(--m-text-xl);margin:0 0 var(--m-space-1) 0}.lobby-player-count{font-size:var(--m-text-sm)}.lobby-rounds-selector{margin:var(--m-space-2) 0;padding:var(--m-space-1) var(--m-space-3);background:#e9456014;border-radius:var(--m-radius-sm)}.lobby-waiting-card .twitch-connect-panel,.lobby-card-right .game-settings-panel{display:none}.solo-invite-panel{margin:var(--m-space-2) 0}.lobby-game-area{margin-top:0;flex:0 0 auto}.mode-carousel-header h3,.mode-carousel-title{font-size:var(--m-text-lg);text-align:center;margin-bottom:var(--m-space-2)}.mode-carousel{display:flex;flex-direction:row;gap:var(--m-space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--m-space-1) 0;scrollbar-width:none;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel-card{flex:0 0 220px;scroll-snap-align:center;background:var(--m-surface);border:var(--m-border);-o-border-image:none;border-image:none;border-radius:var(--m-radius);padding:var(--m-space-3);box-shadow:var(--m-shadow);min-height:auto}.mode-card-icon{font-size:2rem}.mode-card-title{font-size:var(--m-text-base);margin:var(--m-space-2) 0 var(--m-space-1) 0}.mode-card-description{font-size:var(--m-text-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mode-card-players{font-size:var(--m-text-xs)}.lobby-start-section{position:fixed;bottom:0;left:0;right:0;height:var(--m-submit-bar-h);display:flex;align-items:center;justify-content:center;padding:var(--m-space-2) var(--m-space-4);padding-bottom:calc(var(--m-space-2) + var(--m-safe-bottom));background:var(--m-surface-raised);border-top:var(--m-border);z-index:99;margin:0}.lobby-start-btn{flex:1;max-width:400px;height:48px;font-size:var(--m-text-lg);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised)}.lobby-start-btn:disabled{opacity:.5;background:#64647866}}@media(max-width:1279px)and (orientation:landscape){.lobby-content-wrapper{display:flex;flex-direction:row;gap:var(--m-space-2);padding:var(--m-space-2);padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));padding-bottom:calc(var(--m-phase-header-h) + var(--m-safe-bottom));max-height:100dvh;overflow:hidden}.lobby-waiting-card{flex:0 0 160px;max-width:160px;background:var(--m-surface);border:var(--m-border);-o-border-image:none;border-image:none;border-radius:var(--m-radius-sm);padding:var(--m-space-2);margin:0;max-height:100dvh;overflow-y:auto;scrollbar-width:thin}.lobby-waiting-card .twitch-connect-panel,.lobby-card-right .game-settings-panel,.lobby-waiting-card .solo-invite-hint,.lobby-waiting-card .solo-invite-subtext{display:none}.lobby-waiting-header h2{font-size:var(--m-text-base);margin:0 0 4px}.lobby-player-count{font-size:var(--m-text-xs)}.lobby-rounds-selector{padding:4px var(--m-space-2);margin:var(--m-space-1) 0}.lobby-game-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mode-carousel-header h3,.mode-carousel-title{font-size:var(--m-text-sm);margin:0 0 var(--m-space-1) 0;text-align:center}.mode-carousel{display:flex;flex-direction:row;gap:var(--m-space-2);overflow-x:auto;scroll-snap-type:x mandatory;flex:1;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:var(--m-space-1)}.mode-carousel::-webkit-scrollbar{display:none}.mode-carousel-card{flex:0 0 150px;scroll-snap-align:start;background:var(--m-surface);border:var(--m-border);-o-border-image:none;border-image:none;border-radius:var(--m-radius-sm);padding:var(--m-space-2);box-shadow:var(--m-shadow);min-height:auto;display:flex;flex-direction:column}.mode-card-icon{font-size:1.5rem}.mode-card-title{font-size:var(--m-text-sm);margin:4px 0 2px}.mode-card-description{font-size:var(--m-text-xs);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mode-card-players{font-size:var(--m-text-xs)}.lobby-start-section{position:fixed;bottom:0;left:0;right:0;height:var(--m-phase-header-h);display:flex;align-items:center;justify-content:center;padding:0 var(--m-space-3);padding-bottom:calc(4px + var(--m-safe-bottom));padding-left:calc(var(--m-space-3) + var(--m-safe-left));padding-right:calc(var(--m-space-3) + var(--m-safe-right));background:var(--m-surface-deep);border-top:var(--m-border);z-index:99}.lobby-start-btn{height:32px;padding:0 var(--m-space-3);font-size:var(--m-text-sm);border-radius:var(--m-radius-pill);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none}@media(max-height:400px){.lobby-waiting-card{flex:0 0 140px;max-width:140px;padding:4px var(--m-space-2)}.mode-carousel-card{flex:0 0 130px;padding:var(--m-space-1) var(--m-space-2)}.mode-card-icon{font-size:1.25rem}}}@media(max-width:767px)and (orientation:portrait){.home-page{padding:0;display:flex;flex-direction:column;gap:var(--m-space-3);min-height:calc(100dvh - var(--m-header-h))}.home-page .home-hero,.home-page .hero-section{text-align:center;padding:var(--m-space-3) var(--m-space-4) var(--m-space-2) var(--m-space-4)}.home-page .home-hero-mascot,.home-page .hero-mascot{width:96px;height:auto}.home-page h1{font-size:var(--m-text-3xl);font-family:var(--font-title);margin:var(--m-space-2) 0}.home-cards-wrapper{padding:0 var(--m-space-3);width:100%;max-width:none;box-sizing:border-box}.home-cards{display:flex;flex-direction:column;gap:var(--m-space-3);width:100%}body .home-page .card.home-card,body .home-cards .card.home-card{background:var(--m-surface);border:1px solid rgba(255,255,255,.1)!important;-o-border-image:none!important;border-image:none!important;border-radius:var(--m-radius)!important;padding:var(--m-space-4);box-shadow:var(--m-shadow);max-width:none;width:100%;box-sizing:border-box}body .home-page .card.home-card:hover,body .home-cards .card.home-card:hover{-o-border-image:none!important;border-image:none!important}.home-page .card.home-card .card-header{margin-bottom:var(--m-space-3)}.home-page .card.home-card .card-header h2{font-size:var(--m-text-xl);font-family:var(--font-title);margin:0 0 var(--m-space-1) 0}.home-page .card.home-card .card-description{font-size:var(--m-text-sm);color:var(--text-secondary);margin:0 0 var(--m-space-3) 0}.home-page .floating-label-input,.home-page input[type=text]{width:100%;min-height:52px;padding:var(--m-space-3);background:var(--m-surface-deep);border:var(--m-border);border-radius:var(--m-radius-sm);color:var(--text-primary);font-size:var(--m-text-lg);font-family:var(--font-hand);box-sizing:border-box}.home-page .floating-label-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 2px #00d9ff33}.home-page .home-btn,.home-page .home-btn.primary{width:100%;min-height:52px;margin-top:var(--m-space-3);padding:0 var(--m-space-4);font-size:var(--m-text-lg);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow-raised);cursor:pointer}.home-page .home-btn:disabled,.home-page .home-btn.primary:disabled{opacity:.6;background:linear-gradient(135deg,#7a5461,#4a2a34);box-shadow:none}.home-page .home-checkbox-row,.home-page .home-card label{display:flex;align-items:center;gap:var(--m-space-2);font-size:var(--m-text-sm);margin:var(--m-space-2) 0;cursor:pointer}.home-page .home-checkbox{width:20px;height:20px;flex-shrink:0}.home-page .home-tutorial-carousel,.home-page .tutorial-carousel,.home-page .home-tutorial-sidebar{display:none}.home-page .home-how-to-play.mobile-only{display:flex;align-items:center;justify-content:center;gap:var(--m-space-2);margin:var(--m-space-3) var(--m-space-3) var(--m-space-2) var(--m-space-3);min-height:var(--touch-comfortable);padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface);border:var(--m-border);border-radius:var(--m-radius-pill);color:var(--text-primary);font-size:var(--m-text-base);font-family:var(--font-hand);cursor:pointer}.home-page .home-tip,.home-page .tip-banner{margin:var(--m-space-2) var(--m-space-3) var(--m-space-4) var(--m-space-3);padding:var(--m-space-2) var(--m-space-3);background:#00d9ff14;border:1px dashed rgba(0,217,255,.4);border-radius:var(--m-radius-sm);font-size:var(--m-text-xs);text-align:center}}@media(max-width:1279px)and (orientation:landscape){.home-page{padding:var(--m-space-2);padding-left:calc(var(--m-space-2) + var(--m-safe-left));padding-right:calc(var(--m-space-2) + var(--m-safe-right));display:flex;flex-direction:row;gap:var(--m-space-3);align-items:center;min-height:calc(100dvh - var(--m-header-h))}.home-page .home-hero,.home-page .hero-section{flex:0 0 180px;text-align:center;padding:var(--m-space-2)}.home-page .home-hero-mascot,.home-page .hero-mascot{width:72px;height:auto}.home-page h1{font-size:var(--m-text-xl);margin:var(--m-space-1) 0}.home-cards-wrapper{flex:1;max-width:500px;padding:0}.home-cards{display:flex;flex-direction:column;gap:var(--m-space-2)}body .home-page .card.home-card,body .home-cards .card.home-card{background:var(--m-surface);border:1px solid rgba(255,255,255,.1)!important;-o-border-image:none!important;border-image:none!important;border-radius:var(--m-radius-sm)!important;padding:var(--m-space-3);box-shadow:var(--m-shadow);max-width:none;width:100%;box-sizing:border-box}body .home-page .card.home-card:hover,body .home-cards .card.home-card:hover{-o-border-image:none!important;border-image:none!important}.home-page .card.home-card .card-header{margin-bottom:var(--m-space-2)}.home-page .card.home-card .card-header h2{font-size:var(--m-text-base);margin:0}.home-page .card.home-card .card-description{display:none}.home-page .floating-label-input,.home-page input[type=text]{width:100%;min-height:40px;padding:var(--m-space-2) var(--m-space-3);background:var(--m-surface-deep);border:var(--m-border);border-radius:var(--m-radius-sm);color:var(--text-primary);font-size:var(--m-text-lg);box-sizing:border-box}.home-page .home-btn,.home-page .home-btn.primary{width:100%;min-height:40px;margin-top:var(--m-space-2);padding:0 var(--m-space-3);font-size:var(--m-text-base);font-family:var(--font-title);font-weight:700;border-radius:var(--m-radius-sm);background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark));color:#fff;border:none;box-shadow:var(--m-shadow)}.home-page .home-btn:disabled{opacity:.6;background:linear-gradient(135deg,#7a5461,#4a2a34);box-shadow:none}.home-page .home-checkbox-row{font-size:var(--m-text-xs);margin:var(--m-space-1) 0}.home-page .home-tutorial-carousel,.home-page .tutorial-carousel,.home-page .home-tutorial-sidebar,.home-page .home-how-to-play.mobile-only,.home-page .home-tip,.home-page .tip-banner{display:none}}@media(max-width:1279px){body .card,body .home-card,body .lobby-waiting-card,body .mode-carousel,body .mode-carousel-card,body .canvas-wrapper,body .drawing-canvas-container,body .drawing-area,body .submission-card,body .voting-option,body .reveal-card,body .rating-card,body .mp-podium-slot,body .drawing-tools,body .game-placeholder-card,body .prompt-submission-phase .prompt-card,body .evolution-step,body .evolution-layer,body .evolution-chain-preview,body .evolution-chain-display,body .final-creature-display,body .submissions-grid,body .reveal-grid,body .voting-grid,body .game-ended,body .final-standings,body .freeze-frame-drawing,body .artistic-diff-drawing,body .masterpiece-drawing,body .evolution-drawing,body .freeze-frame-voting,body .artistic-diff-voting,body .masterpiece-rating,body .evolution-voting,body .evolution-naming,body .freeze-frame-reveal,body .artistic-diff-reveal,body .masterpiece-reveal,body .evolution-reveal,body .freeze-frame-results,body .artistic-diff-results,body .masterpiece-results,body .evolution-results,body .masterpiece-playing,body .artistic-diff-playing,body .freeze-frame-playing,body .evolution-playing{-o-border-image:none!important;border-image:none!important;border-width:1px!important;border-style:solid!important;border-color:#ffffff1a!important}body .mode-carousel,body .submissions-grid,body .reveal-grid,body .voting-grid,body .evolution-chain-preview,body .evolution-chain-display,body .drawing-canvas-container,body .drawing-area,body .game-ended,body .final-standings,body .freeze-frame-drawing,body .artistic-diff-drawing,body .masterpiece-drawing,body .evolution-drawing,body .freeze-frame-voting,body .artistic-diff-voting,body .masterpiece-rating,body .evolution-voting,body .evolution-naming,body .freeze-frame-reveal,body .artistic-diff-reveal,body .masterpiece-reveal,body .evolution-reveal,body .freeze-frame-results,body .artistic-diff-results,body .masterpiece-results,body .evolution-results,body .masterpiece-playing,body .artistic-diff-playing,body .freeze-frame-playing,body .evolution-playing{border-color:transparent!important;border-width:0!important}body .submission-card.selected,body .voting-option.selected,body .mp-podium-slot.gold{border-color:var(--gb-cyan)!important}body .mp-podium-slot.gold{border-color:#fbbf24!important}body .mp-podium-slot.silver{border-color:#cbd5e1!important}body .mp-podium-slot.bronze{border-color:#cd7f32!important}body .card:before,body .card:after,body .home-card:before,body .home-card:after,body .lobby-waiting-card:before,body .lobby-waiting-card:after,body .mode-carousel-card:before,body .mode-carousel-card:after,body .canvas-wrapper:before,body .canvas-wrapper:after,body .submission-card:before,body .submission-card:after,body .voting-option:before,body .voting-option:after,body .reveal-card:before,body .reveal-card:after,body .mp-podium-slot:before,body .mp-podium-slot:after,body .mode-carousel:before,body .mode-carousel:after,body .lobby-game-area:before,body .lobby-game-area:after,body .submissions-grid:before,body .submissions-grid:after,body .reveal-grid:before,body .reveal-grid:after,body .voting-grid:before,body .voting-grid:after,body .evolution-chain-preview:before,body .evolution-chain-preview:after,body .evolution-chain-display:before,body .evolution-chain-display:after{display:none!important;background:none!important;border:none!important}body .card,body .home-card,body .lobby-waiting-card,body .mode-carousel-card,body .canvas-wrapper,body .submission-card,body .voting-option,body .reveal-card,body .rating-card,body .mp-podium-slot,body .drawing-tools,body .game-placeholder-card{box-shadow:var(--m-shadow)!important;filter:none!important;transform:none!important}}@media(max-width:1279px){.desktop-only{display:none!important}}@media(min-width:1280px){.mobile-only{display:none!important}}@media(max-width:1279px){input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],textarea,select{font-size:max(16px,var(--m-text-lg))}}@media(max-width:1279px){body .game-page .game-content-wrapper,body .game-page .main-scroll-area,body .game-page .canvas-chaos-game,body .game-page .game-container,body .game-page .masterpiece-game,body .game-page .freeze-frame-game,body .game-page .artistic-diff-game,body .game-page .evolution-game,body .game-page .game-content{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;min-width:0!important;align-items:stretch!important;justify-content:flex-start!important;overflow:visible!important}}@media(max-width:1279px){body .masterpiece-drawing .drawing-area,body .artistic-diff-drawing .drawing-area,body .freeze-frame-drawing .drawing-area,body .evolution-drawing .drawing-area{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;min-height:0!important;overflow:hidden!important}body .masterpiece-drawing .drawing-canvas-container,body .artistic-diff-drawing .drawing-canvas-container,body .freeze-frame-drawing .drawing-canvas-container,body .evolution-drawing .drawing-canvas-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;max-height:100%!important;padding:0!important;margin:0!important;gap:0!important}body .masterpiece-drawing .canvas-wrapper,body .artistic-diff-drawing .canvas-wrapper,body .freeze-frame-drawing .canvas-wrapper,body .evolution-drawing .canvas-wrapper{flex:0 0 auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:2px solid rgba(0,217,255,.6)!important;border-radius:4px!important;background:#0f0f2399!important;box-shadow:0 0 24px #00d9ff26,var(--m-shadow)!important;overflow:hidden!important;position:relative!important}body .masterpiece-drawing .canvas-wrapper canvas,body .artistic-diff-drawing .canvas-wrapper canvas,body .freeze-frame-drawing .canvas-wrapper canvas,body .evolution-drawing .canvas-wrapper canvas,body .masterpiece-drawing .canvas-wrapper .canvas-container,body .artistic-diff-drawing .canvas-wrapper .canvas-container,body .freeze-frame-drawing .canvas-wrapper .canvas-container,body .evolution-drawing .canvas-wrapper .canvas-container{display:block!important;max-width:100%!important;max-height:100%!important;margin:0!important}}@media(max-width:767px)and (orientation:portrait){body .masterpiece-drawing,body .artistic-diff-drawing,body .freeze-frame-drawing,body .evolution-drawing{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}body .masterpiece-drawing .drawing-header,body .artistic-diff-drawing .drawing-header,body .freeze-frame-drawing .drawing-header,body .evolution-drawing .drawing-header{margin:6px 8px 0!important;flex-shrink:0!important}body .masterpiece-drawing .drawing-area,body .artistic-diff-drawing .drawing-area,body .freeze-frame-drawing .drawing-area,body .evolution-drawing .drawing-area{flex:1 1 auto!important;width:100%!important;padding:6px!important;padding-bottom:calc(var(--m-submit-bar-h) + var(--m-toolbar-h) + var(--m-safe-bottom) + 12px)!important}body .masterpiece-drawing .canvas-wrapper,body .artistic-diff-drawing .canvas-wrapper,body .freeze-frame-drawing .canvas-wrapper,body .evolution-drawing .canvas-wrapper{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - var(--m-header-h) - var(--m-prompt-pill-h) - var(--m-submit-bar-h) - var(--m-toolbar-h) - var(--m-safe-bottom) - 24px)!important}body .masterpiece-drawing .drawing-tools,body .artistic-diff-drawing .drawing-tools,body .freeze-frame-drawing .drawing-tools,body .evolution-drawing .drawing-tools{padding:6px 10px!important;padding-bottom:calc(6px + var(--m-safe-bottom))!important;gap:8px!important}body .drawing-tools:not(.tools-expanded) .tool-group.sizes,body .drawing-tools:not(.tools-expanded) .actions-quick{display:none!important}body .drawing-tools .tool-group--primary .tool-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:4px!important}body .drawing-tools .tool-group.colors{max-width:130px!important;gap:3px!important}body .drawing-tools .color-btn{width:22px!important;height:22px!important;min-width:22px!important}body .drawing-tools .toolbar-toggle{margin-left:auto!important;min-width:40px!important;min-height:32px!important;padding:4px 8px!important;font-size:.7rem!important;flex-shrink:0!important}body .drawing-tools.tools-expanded{max-height:50dvh!important;flex-wrap:wrap!important;overflow-y:auto!important;padding-top:10px!important}body .drawing-tools.tools-expanded .tool-group.sizes,body .drawing-tools.tools-expanded .actions-quick{display:flex!important}body .drawing-tools.tools-expanded .tool-btn,body .drawing-tools.tools-expanded .size-btn{width:42px!important;height:42px!important}body .drawing-tools.tools-expanded .color-btn{width:32px!important;height:32px!important}}@media(max-width:1279px)and (orientation:landscape){body .masterpiece-drawing,body .artistic-diff-drawing,body .freeze-frame-drawing,body .evolution-drawing{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}body .masterpiece-drawing .drawing-area,body .artistic-diff-drawing .drawing-area,body .freeze-frame-drawing .drawing-area,body .evolution-drawing .drawing-area{flex:1 1 auto!important;width:100%!important;padding:4px!important;padding-left:calc(4px + var(--m-safe-left))!important;padding-right:calc(4px + var(--m-safe-right))!important;padding-bottom:calc(var(--m-toolbar-h-land) + var(--m-safe-bottom) + 4px)!important}body .masterpiece-drawing .canvas-wrapper,body .artistic-diff-drawing .canvas-wrapper,body .freeze-frame-drawing .canvas-wrapper,body .evolution-drawing .canvas-wrapper{max-width:calc(100vw - var(--m-safe-left) - var(--m-safe-right) - 8px)!important;max-height:calc(100dvh - var(--m-prompt-pill-h) - var(--m-toolbar-h-land) - var(--m-safe-bottom) - 16px)!important}body .masterpiece-drawing .drawing-actions,body .artistic-diff-drawing .drawing-actions,body .freeze-frame-drawing .drawing-actions,body .evolution-drawing .drawing-actions{position:fixed!important;top:calc(var(--m-space-1) + var(--m-safe-top))!important;right:calc(var(--m-space-2) + var(--m-safe-right))!important;bottom:auto!important;left:auto!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important;z-index:102!important}body .drawing-actions .submit-btn,body .drawing-actions .next-round-btn{height:30px!important;padding:0 12px!important;font-size:var(--m-text-xs)!important;font-weight:700!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gb-pink),var(--primary-dark))!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 2px 8px #00000080,0 0 12px #e945604d!important}body .drawing-actions .submit-btn:disabled{opacity:.6!important;background:#64647880!important;box-shadow:none!important}body .masterpiece-drawing>.submitted-message,body .artistic-diff-drawing>.submitted-message,body .freeze-frame-drawing>.submitted-message,body .evolution-drawing>.submitted-message{position:fixed!important;top:calc(var(--m-space-1) + var(--m-safe-top))!important;right:calc(var(--m-space-2) + var(--m-safe-right))!important;bottom:auto!important;left:auto!important;height:30px!important;padding:0 12px!important;font-size:var(--m-text-xs)!important;border-radius:999px!important;background:#22c55e33!important;border:1px solid rgba(34,197,94,.5)!important;color:#4ade80!important;display:flex!important;align-items:center!important;z-index:102!important}body .masterpiece-drawing .drawing-tools,body .artistic-diff-drawing .drawing-tools,body .freeze-frame-drawing .drawing-tools,body .evolution-drawing .drawing-tools{padding:4px 8px!important;padding-left:calc(8px + var(--m-safe-left))!important;padding-right:calc(8px + var(--m-safe-right))!important;padding-bottom:calc(4px + var(--m-safe-bottom))!important;gap:6px!important}body .drawing-tools:not(.tools-expanded) .tool-group.sizes,body .drawing-tools:not(.tools-expanded) .actions-quick{display:none!important}body .drawing-tools .tool-group--primary .tool-btn{width:30px!important;height:30px!important;min-width:30px!important;padding:3px!important}body .drawing-tools .tool-group.colors{max-width:140px!important;gap:3px!important}body .drawing-tools .color-btn{width:22px!important;height:22px!important;min-width:22px!important}body .drawing-tools .toolbar-toggle{margin-left:auto!important;min-width:36px!important;min-height:30px!important;padding:2px 8px!important;font-size:.7rem!important;flex-shrink:0!important}body .drawing-tools.tools-expanded{max-height:70dvh!important;flex-wrap:wrap!important;overflow-y:auto!important}body .drawing-tools.tools-expanded .tool-group.sizes,body .drawing-tools.tools-expanded .actions-quick{display:flex!important}}@media(max-height:400px)and (orientation:landscape){body .masterpiece-drawing .drawing-header,body .artistic-diff-drawing .drawing-header,body .freeze-frame-drawing .drawing-header,body .evolution-drawing .drawing-header{margin:0!important;border-radius:0!important;border-left:none!important;border-right:none!important}body .drawing-actions .submit-btn,body .drawing-actions .next-round-btn{height:26px!important;padding:0 10px!important;font-size:.65rem!important}}:root{--mode-freeze: #06b6d4;--mode-artistic: #ec4899;--mode-evolution: #84cc16;--mode-masterpiece: #f59e0b}@media(max-width:767px)and (orientation:portrait){body .lobby-content-wrapper{display:block!important;padding:0!important;padding-bottom:calc(var(--m-submit-bar-h) + var(--m-safe-bottom) + 12px)!important;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(233,69,96,.18),transparent 60%),radial-gradient(ellipse 60% 30% at 50% 100%,rgba(0,217,255,.12),transparent 60%),var(--bg-primary)!important}body .lobby-waiting-card{position:relative!important;max-width:none!important;margin:16px!important;padding:20px 18px!important;background:linear-gradient(135deg,#19142df2,#0f0f23f2)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 20px 40px -20px #e9456059,0 0 0 1px #00d9ff26,inset 0 1px #ffffff14!important;max-height:none!important;overflow:visible!important}body .lobby-waiting-card:before{display:block!important;content:""!important;position:absolute!important;top:0!important;left:24px!important;right:24px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--gb-pink) 30%,var(--gb-cyan) 70%,transparent)!important;border:none!important;border-radius:0!important}body .lobby-waiting-header{text-align:center!important;margin-bottom:12px!important}body .lobby-waiting-header h2{font-size:.75rem!important;font-family:var(--font-hand)!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:2.5px!important;margin:0 0 4px!important;font-weight:400!important}body .lobby-player-count{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:2px 10px!important;background:#00d9ff14!important;border:1px solid rgba(0,217,255,.3)!important;border-radius:999px!important;font-size:.7rem!important;font-family:var(--font-hand)!important;color:var(--gb-cyan)!important;margin:0!important}body .lobby-waiting-card .solo-invite-panel{background:none!important;border:none!important;padding:0!important}body .lobby-waiting-card .solo-invite-panel>h3,body .lobby-waiting-card .solo-invite-hint{display:none!important}body .lobby-waiting-card .solo-invite-tiles,body .lobby-waiting-card [class*=invite-tiles],body .lobby-waiting-card .solo-invite-panel>div:first-child{display:flex!important;gap:6px!important;justify-content:center!important;margin:4px 0 16px!important}body .solo-invite-tile,body .lobby-waiting-card .solo-invite-tile{width:40px!important;height:52px!important;border-radius:6px!important;background:linear-gradient(180deg,#e94560,#c73e54)!important;box-shadow:0 4px 12px #e9456059,inset 0 1px #ffffff40,inset 0 -2px 4px #0000004d!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:Permanent Marker,cursive!important;font-size:1.6rem!important;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;transform:rotate(-2deg)!important}body .solo-invite-tile:nth-child(2n),body .lobby-waiting-card .solo-invite-tile:nth-child(2n){transform:rotate(1.5deg)!important}body .solo-invite-tile:nth-child(3n),body .lobby-waiting-card .solo-invite-tile:nth-child(3n){transform:rotate(-1deg) translateY(-2px)!important}body .lobby-waiting-card .solo-invite-panel .solo-invite-btn-row,body .lobby-waiting-card .solo-invite-panel>div:nth-child(2),body .lobby-waiting-card .solo-invite-actions{display:flex!important;gap:10px!important;margin-top:14px!important}body .lobby-waiting-card .solo-invite-btn{flex:1!important;min-height:44px!important;padding:0 14px!important;background:#00d9ff14!important;border:1.5px solid rgba(0,217,255,.35)!important;border-radius:10px!important;color:var(--gb-cyan)!important;font-family:var(--font-hand)!important;font-size:.95rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-transform:uppercase!important;letter-spacing:.5px!important}body .lobby-waiting-card .lobby-rounds-selector{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:16px 0 0!important;padding:8px 14px!important;background:#e945600f!important;border:1px dashed rgba(233,69,96,.3)!important;border-radius:10px!important}body .lobby-waiting-card .lobby-rounds-selector>span:first-child{font-family:var(--font-hand)!important;font-size:.85rem!important;color:#fff9!important;text-transform:uppercase!important;letter-spacing:1px!important}body .lobby-waiting-card .lobby-rounds-selector button{width:28px!important;height:28px!important;background:#e9456033!important;border:1px solid rgba(233,69,96,.5)!important;border-radius:8px!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;cursor:pointer!important}body .lobby-waiting-card .lobby-rounds-selector>span:nth-of-type(2),body .lobby-waiting-card .rounds-value{font-family:Gloria Hallelujah,cursive!important;font-size:1.8rem!important;color:var(--gb-pink)!important;min-width:30px!important;text-align:center!important;text-shadow:0 0 20px rgba(233,69,96,.5)!important}body .lobby-waiting-card .twitch-connect-panel,body .lobby-waiting-card .lobby-card-right .game-settings-panel{display:none!important}body .lobby-game-area{padding:0 16px!important;margin:0!important}body .mode-carousel-header{text-align:center!important;margin:20px 0 14px!important;position:relative!important}body .mode-carousel-header:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)!important;z-index:0!important}body .mode-carousel-title,body .mode-carousel-header h3{display:inline-block!important;padding:0 14px!important;background:var(--bg-primary)!important;position:relative!important;z-index:1!important;font-family:Gloria Hallelujah,cursive!important;font-size:.85rem!important;color:#ffffffb3!important;text-transform:uppercase!important;letter-spacing:3px!important;margin:0!important}body .mode-carousel{display:flex!important;flex-direction:row!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:8px 16px 12px!important;margin:0 -16px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}body .mode-carousel::-webkit-scrollbar{display:none!important}body .mode-carousel-card{flex:0 0 240px!important;scroll-snap-align:center!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:linear-gradient(165deg,#1e1937e6,#0f0f23f2)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:20px 18px 18px!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 32px -16px #000000b3,inset 0 1px #ffffff0d!important;min-height:200px!important;cursor:pointer!important;transition:transform .2s var(--m-ease),box-shadow .2s var(--m-ease)!important}body .mode-carousel-card:active{transform:scale(.98)!important}body .mode-carousel-card:before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;background:var(--mode-freeze)!important;border:none!important;box-shadow:0 0 16px 0 currentColor!important}body .mode-carousel-card:nth-child(2):before{background:var(--mode-artistic)!important}body .mode-carousel-card:nth-child(3):before{background:var(--mode-evolution)!important}body .mode-carousel-card:nth-child(4):before{background:var(--mode-masterpiece)!important}body .mode-carousel-card .mode-card-icon{font-size:2.4rem!important;line-height:1!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))!important;margin:0!important}body .mode-carousel-card .mode-card-title{font-family:Gloria Hallelujah,cursive!important;font-size:1.05rem!important;font-weight:700!important;color:#fff!important;margin:0!important;line-height:1.15!important;letter-spacing:-.5px!important}body .mode-carousel-card .mode-card-description{font-family:var(--font-hand)!important;font-size:.82rem!important;color:#fff9!important;line-height:1.4!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;flex:1!important}body .mode-carousel-card .mode-card-players{display:inline-flex!important;align-items:center!important;gap:4px!important;font-family:var(--font-hand)!important;font-size:.72rem!important;color:#ffffff80!important;padding:3px 8px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;align-self:flex-start!important}body .lobby-start-section{position:fixed!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;padding-bottom:calc(12px + var(--m-safe-bottom))!important;background:linear-gradient(180deg,transparent,rgba(10,12,24,.85) 30%,rgba(10,12,24,.98))!important;border-top:none!important;z-index:99!important;margin:0!important}body .lobby-start-btn{flex:1!important;max-width:440px!important;min-height:54px!important;font-family:Gloria Hallelujah,cursive!important;font-size:1.15rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;border-radius:14px!important;background:linear-gradient(135deg,#f57,#e94560 50%,#c73e54)!important;color:#fff!important;border:none!important;box-shadow:0 10px 30px -8px #e9456099,0 0 0 1px #fff3,inset 0 1px #ffffff4d!important;cursor:pointer!important;transition:transform .15s var(--m-ease)!important}body .lobby-start-btn:active{transform:scale(.98)!important}body .lobby-start-btn:disabled{opacity:.5!important;background:linear-gradient(135deg,#5a3540,#3a2230)!important;box-shadow:none!important;cursor:not-allowed!important}}@media(max-width:1279px)and (orientation:landscape){body .lobby-content-wrapper{display:flex!important;flex-direction:row!important;gap:12px!important;padding:10px 12px!important;padding-left:calc(12px + var(--m-safe-left))!important;padding-right:calc(12px + var(--m-safe-right))!important;padding-bottom:calc(46px + var(--m-safe-bottom))!important;max-height:100dvh!important;overflow:hidden!important;background:radial-gradient(ellipse 60% 100% at 0% 50%,rgba(233,69,96,.12),transparent 60%),radial-gradient(ellipse 60% 100% at 100% 50%,rgba(0,217,255,.1),transparent 60%),var(--bg-primary)!important}body .lobby-waiting-card{flex:0 0 170px!important;max-width:170px!important;padding:12px!important;background:linear-gradient(165deg,#19142df2,#0f0f23f2)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;box-shadow:0 12px 30px -12px #e945604d,inset 0 1px #ffffff0f!important;max-height:calc(100dvh - 56px)!important;overflow-y:auto!important;scrollbar-width:thin!important}body .lobby-waiting-card:before{content:""!important;display:block!important;position:absolute!important;top:0!important;left:14px!important;right:14px!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--gb-pink) 40%,var(--gb-cyan) 60%,transparent)!important;border:none!important}body .lobby-waiting-header{text-align:center!important;margin-bottom:8px!important}body .lobby-waiting-header h2{font-size:.6rem!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:1.5px!important;margin:0 0 2px!important;font-weight:400!important}body .lobby-player-count{display:inline-flex!important;padding:1px 8px!important;background:#00d9ff14!important;border:1px solid rgba(0,217,255,.3)!important;border-radius:999px!important;font-size:.6rem!important;color:var(--gb-cyan)!important;margin:0!important}body .lobby-waiting-card .solo-invite-tile{width:24px!important;height:32px!important;font-size:1rem!important;border-radius:4px!important;transform:rotate(-2deg)!important}body .lobby-waiting-card .solo-invite-tile:nth-child(2n){transform:rotate(1deg)!important}body .lobby-waiting-card .solo-invite-btn{min-height:32px!important;font-size:.7rem!important;padding:0 8px!important}body .lobby-waiting-card .lobby-rounds-selector{padding:4px 8px!important;margin:8px 0 0!important;gap:6px!important}body .lobby-waiting-card .lobby-rounds-selector button{width:24px!important;height:24px!important}body .lobby-waiting-card .lobby-rounds-selector>span:nth-of-type(2),body .lobby-waiting-card .rounds-value{font-size:1.3rem!important}body .lobby-waiting-card .twitch-connect-panel,body .lobby-waiting-card .lobby-card-right .game-settings-panel{display:none!important}body .lobby-game-area{flex:1!important;min-width:0!important;padding:0!important;display:flex!important;flex-direction:column!important}body .mode-carousel-header{margin:0 0 8px!important;text-align:center!important;position:relative!important}body .mode-carousel-title,body .mode-carousel-header h3{display:inline-block!important;padding:0 12px!important;font-size:.75rem!important;color:#ffffffb3!important;text-transform:uppercase!important;letter-spacing:2.5px!important;margin:0!important}body .mode-carousel{display:flex!important;flex-direction:row!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex:1!important;padding-bottom:4px!important}body .mode-carousel::-webkit-scrollbar{display:none!important}body .mode-carousel-card{flex:0 0 160px!important;scroll-snap-align:start!important;display:flex!important;flex-direction:column!important;gap:6px!important;background:linear-gradient(165deg,#1e1937e6,#0f0f23f2)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:12px 12px 12px 14px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 20px -10px #0009,inset 0 1px #ffffff0d!important;cursor:pointer!important}body .mode-carousel-card:before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:3px!important;background:var(--mode-freeze)!important;border:none!important;box-shadow:0 0 12px 0 currentColor!important}body .mode-carousel-card:nth-child(2):before{background:var(--mode-artistic)!important}body .mode-carousel-card:nth-child(3):before{background:var(--mode-evolution)!important}body .mode-carousel-card:nth-child(4):before{background:var(--mode-masterpiece)!important}body .mode-carousel-card .mode-card-icon{font-size:1.6rem!important;line-height:1!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))!important}body .mode-carousel-card .mode-card-title{font-family:Gloria Hallelujah,cursive!important;font-size:.75rem!important;font-weight:700!important;color:#fff!important;margin:0!important;line-height:1.15!important}body .mode-carousel-card .mode-card-description{font-size:.62rem!important;color:#ffffff8c!important;line-height:1.35!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;flex:1!important}body .mode-carousel-card .mode-card-players{display:inline-flex!important;font-size:.58rem!important;color:#ffffff73!important;padding:2px 6px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px!important;align-self:flex-start!important}body .lobby-start-section{position:fixed!important;bottom:0!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:6px 12px!important;padding-bottom:calc(6px + var(--m-safe-bottom))!important;padding-left:calc(12px + var(--m-safe-left))!important;padding-right:calc(12px + var(--m-safe-right))!important;background:linear-gradient(180deg,transparent,rgba(10,12,24,.95))!important;z-index:99!important}body .lobby-start-btn{height:34px!important;padding:0 24px!important;font-family:Gloria Hallelujah,cursive!important;font-size:.85rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;border-radius:999px!important;background:linear-gradient(135deg,#f57,#e94560 50%,#c73e54)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 6px 20px -6px #e9456099,inset 0 1px #ffffff4d!important}body .lobby-start-btn:disabled{opacity:.5!important;background:linear-gradient(135deg,#5a3540,#3a2230)!important;box-shadow:none!important}@media(max-height:400px){body .lobby-waiting-card{flex:0 0 150px!important;max-width:150px!important;padding:10px!important}body .lobby-waiting-card .solo-invite-tile{width:22px!important;height:28px!important;font-size:.85rem!important}body .mode-carousel-card{flex:0 0 140px!important;padding:10px!important}body .mode-carousel-card .mode-card-icon{font-size:1.3rem!important}body .mode-carousel-card .mode-card-title{font-size:.7rem!important}body .lobby-start-btn{height:28px!important;font-size:.75rem!important;padding:0 16px!important}}}.spectator-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-xs, .25rem) var(--spacing-md, 1rem);background:#00d9ff1a;border-bottom:1px solid rgba(0,217,255,.2);color:var(--gb-cyan, #00d9ff);font-family:var(--font-hand, sans-serif);font-size:clamp(.8rem,2vw,.95rem);text-align:center;z-index:10;flex-shrink:0}.spectator-view{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-spectator-badge{display:inline-flex;align-items:center;gap:.25em;font-size:.7rem;color:var(--gb-cyan, #00d9ff);opacity:.8}@media(prefers-reduced-motion:reduce){.spectator-banner{transition:none}}.spectator-player-clickable{cursor:pointer}.spectator-player-clickable:hover{background:#00d9ff14}.spectator-player-active{background:#00d9ff1f;border-left:2px solid var(--gb-cyan, #00d9ff)}.spectator-reset-btn{background:none;border:none;color:var(--gb-cyan, #00d9ff);cursor:pointer;padding:2px;display:inline-flex;align-items:center;opacity:.7;pointer-events:auto}.spectator-reset-btn:hover{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:359px){html{font-size:14px}body{overflow-x:hidden}}:root{--m-header-h: 48px;--m-prompt-h: 28px;--m-submit-h: 52px;--m-edge: 8px;--m-bg: #0f0f23;--m-panel: rgba(15, 15, 35, .6);--m-border: rgba(0, 217, 255, .4);--m-border-strong: rgba(0, 217, 255, .9);--m-text: #e6e6ff;--m-text-dim: rgba(230, 230, 255, .65)}.m-drawing-root{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--m-bg);color:var(--m-text);overflow:hidden;touch-action:none;z-index:10}.m-drawing-header{flex:0 0 auto}@media(orientation:landscape)and (max-height:500px){.m-drawing-header{display:none}}.m-prompt-bar{flex:0 0 var(--m-prompt-h);display:flex;align-items:center;gap:8px;padding:0 var(--m-edge);background:var(--m-panel);border-bottom:1px solid var(--m-border);font-family:var(--font-hand, inherit);font-size:14px;line-height:1}.m-prompt-label{color:var(--gb-cyan, #00d9ff);font-weight:700;font-size:11px;letter-spacing:.5px;text-transform:uppercase;flex:0 0 auto}.m-prompt-text{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--m-text)}.m-prompt-timer{flex:0 0 auto;font-weight:700;color:var(--gb-pink, #e94560);font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.m-prompt-timer.is-warning{color:#f59e0b}.m-prompt-timer.is-critical{color:#ef4444;animation:m-pulse .6s ease-in-out infinite alternate}@keyframes m-pulse{0%{opacity:1}to{opacity:.55}}.m-canvas-slot{flex:1 1 0;min-height:0;position:relative;display:flex;flex-direction:column;padding:var(--m-edge);background:var(--m-bg);overflow:hidden;gap:6px}.m-canvas-slot .drawing-canvas-container{width:100%!important;height:100%!important;max-width:100%;max-height:100%;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:transparent!important;padding:0!important;margin:0!important;gap:6px!important;min-height:0!important;border:0!important;overflow:visible!important}@media(orientation:landscape)and (max-height:500px){.m-canvas-slot .drawing-canvas-container{flex-direction:row!important;align-items:stretch!important;gap:6px!important}}.m-canvas-slot .drawing-canvas-container .canvas-wrapper,.m-canvas-slot .canvas-wrapper{position:relative!important;flex:0 0 auto!important;max-width:100%!important;max-height:100%!important;border:2px solid var(--cc-chalk-white)!important;border-radius:8px 12px 10px 14px/12px 8px 14px 10px!important;box-shadow:var(--cc-glow-pink),0 15px 40px #00000080!important;background:var(--cc-bg-primary)!important;overflow:hidden!important;padding:0!important;margin:0 auto!important;display:inline-block!important;line-height:0!important;align-self:flex-start!important;box-sizing:content-box!important}.m-canvas-slot .canvas-wrapper canvas{display:block}.m-tool-tabs{flex:0 0 auto;display:flex;align-items:stretch;justify-content:stretch;gap:6px;padding:6px var(--m-edge) 4px;background:linear-gradient(180deg,#0c0c1f00,#0c0c1fe6);border-top:1px solid rgba(0,217,255,.2)}.m-tool-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 8px;border-radius:10px;border:1px solid rgba(0,217,255,.2);background:#121224b3;color:var(--m-text-dim);font-family:var(--font-hand, inherit);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .2s}.m-tool-tab:hover{background:#00d9ff14;color:var(--m-text)}.m-tool-tab.active{background:linear-gradient(180deg,#00d9ff33,#00d9ff14);border-color:var(--gb-cyan, #00d9ff);color:var(--gb-cyan, #00d9ff);box-shadow:0 0 12px #00d9ff59,inset 0 0 8px #00d9ff26}.m-tool-tab:active{transform:scale(.96)}.m-canvas-slot .drawing-tools .tool-group{display:inline-flex!important;flex-wrap:nowrap!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;padding:0 2px!important}.m-canvas-slot .drawing-tools .tool-group.colors{flex:1 0 100%!important;justify-content:space-between!important;padding:0 4px!important;order:1!important}.m-canvas-slot .drawing-tools .tool-group.sizes{order:2!important;flex:0 0 auto!important}.m-canvas-slot .drawing-tools .tool-group.actions-quick{order:3!important;flex:0 0 auto!important}.m-canvas-slot .drawing-tools .tool-group--advanced{order:4!important;flex:0 0 auto!important}.m-canvas-slot .drawing-tools .tool-group.opacity-control{display:none!important}.m-canvas-slot .drawing-tools .tool-group--advanced+.tool-group--advanced{padding-left:0!important;margin-left:0!important;border-left:0!important}.m-tool-tabs{display:none!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-group.sizes,body .m-canvas-slot[data-tab] .drawing-tools .tool-group.actions-quick{display:inline-flex!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-group.colors{max-width:none!important;flex:1 0 100%!important;gap:4px!important}body .m-canvas-slot[data-tab] .drawing-tools .color-btn{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important}body .m-canvas-slot[data-tab] .drawing-tools .size-btn{width:34px!important;height:32px!important;min-width:34px!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-group--primary .tool-btn{width:auto!important;min-width:-moz-max-content!important;min-width:max-content!important;padding:0 12px!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-btn.danger{min-width:-moz-max-content!important;min-width:max-content!important;width:auto!important;padding:0 14px!important;background:#e9456024!important;border-color:var(--gb-pink, #e94560)!important;color:var(--gb-pink, #e94560)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.6px!important;text-transform:uppercase!important;box-shadow:0 0 8px #e9456040!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-btn.locked,body .m-canvas-slot[data-tab] .drawing-tools .tool-btn.premium.locked{display:none!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-group--advanced .tool-btn{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;font-size:14px!important}body .m-canvas-slot[data-tab] .drawing-tools .tool-group.actions .tool-btn{width:auto!important;min-width:-moz-max-content!important;min-width:max-content!important;max-width:none!important;padding:0 12px!important;font-size:11px!important}@media(orientation:landscape)and (max-height:500px){.m-tool-tabs{display:none!important}.m-canvas-slot .drawing-tools .tool-group{order:0!important;flex:0 0 auto!important;padding:0!important;margin:0!important;border:0!important}.m-canvas-slot .drawing-tools .tool-group.colors{flex:1 0 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;height:auto!important;min-height:0!important}.m-canvas-slot .drawing-tools .tool-group.opacity-control{display:none!important}}.m-canvas-slot .drawing-tools{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;align-content:center!important;justify-content:center!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-height:100px!important;max-height:none!important;box-sizing:border-box!important;overflow:auto!important;padding:8px!important;gap:6px!important;row-gap:6px!important;margin:0!important;background:linear-gradient(180deg,#00d9ff0f,#0000 50%),#0c0c1f!important;border:1px solid rgba(0,217,255,.28)!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff0a,0 2px 12px #00000080!important;position:relative!important}@media(orientation:landscape)and (max-height:500px){.m-canvas-slot{padding:4px!important}.m-canvas-slot .drawing-canvas-container{gap:8px!important;justify-content:flex-start!important;align-items:stretch!important}.m-canvas-slot .drawing-tools{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:220px!important;height:100%!important;max-height:100%!important;min-height:0!important;flex-direction:row!important;flex-wrap:wrap!important;align-content:flex-start!important;justify-content:flex-start!important;overflow:visible!important;padding:10px 8px!important;gap:6px!important;row-gap:8px!important}.m-canvas-slot .drawing-tools .size-btn.active:after,.m-canvas-slot .drawing-tools .tool-btn.active:after,.m-canvas-slot .drawing-tools button[title]:hover:after,.m-canvas-slot .drawing-tools button[title]:focus-visible:after,.m-canvas-slot .drawing-tools button[title]:active:after{bottom:auto!important;top:50%!important;left:auto!important;right:calc(100% + 8px)!important;transform:translateY(-50%)!important;max-width:160px!important}.m-canvas-slot .drawing-tools .tool-group.colors{flex:1 0 100%!important;flex-wrap:wrap!important;gap:4px!important;row-gap:4px!important;justify-content:flex-start!important;padding:0!important;height:auto!important;min-height:0!important;max-width:100%!important;overflow:visible!important}.m-canvas-slot .drawing-tools .color-btn{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important}.m-canvas-slot .drawing-canvas-container .canvas-wrapper{flex:0 0 auto!important;align-self:flex-start!important;margin:0!important;max-width:none!important}}body .m-canvas-slot .drawing-tools,body .masterpiece-drawing .drawing-tools,body .artistic-diff-drawing .drawing-tools,body .freeze-frame-drawing .drawing-tools,body .evolution-drawing .drawing-tools{height:auto!important}@media(orientation:landscape)and (max-height:500px){body .m-canvas-slot .drawing-tools,body .masterpiece-drawing .drawing-tools,body .artistic-diff-drawing .drawing-tools,body .freeze-frame-drawing .drawing-tools,body .evolution-drawing .drawing-tools{height:100%!important;max-height:100%!important}}.m-canvas-slot .drawing-tools::-webkit-scrollbar{display:none}.m-canvas-slot .drawing-tools .tool-group{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0 2px!important;background:transparent!important;border:0!important;height:36px!important;min-height:36px!important;scrollbar-width:none}.m-canvas-slot .drawing-tools .tool-group::-webkit-scrollbar{display:none}.m-canvas-slot .drawing-tools .color-btn{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;border-radius:6px!important;border:2px solid rgba(255,255,255,.12)!important;padding:0!important;flex:0 1 26px!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease!important;position:relative}.m-canvas-slot .drawing-tools .color-btn:hover,.m-canvas-slot .drawing-tools .color-btn:active{transform:translateY(-1px) scale(1.06)}.m-canvas-slot .drawing-tools .color-btn.active{border-color:#fff!important;box-shadow:0 0 0 2px #0c0c1f,0 0 0 4px var(--gb-cyan, #00d9ff),0 0 14px #00d9ffb3!important;transform:translateY(-2px) scale(1.08)}.m-canvas-slot .drawing-tools .size-btn{width:34px!important;height:32px!important;min-width:34px!important;padding:0!important;flex:0 0 auto!important;background:#ffffff08!important;border:1px solid rgba(0,217,255,.18)!important;border-radius:8px!important;color:var(--gb-cyan, #00d9ff)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background .15s,border-color .15s,box-shadow .2s!important}.m-canvas-slot .drawing-tools .size-btn:hover{background:#00d9ff14!important}.m-canvas-slot .drawing-tools .size-btn.active{background:#00d9ff33!important;border-color:var(--gb-cyan, #00d9ff)!important;box-shadow:0 0 12px #00d9ff66!important}.m-canvas-slot .drawing-tools .size-btn.active:after,.m-canvas-slot .drawing-tools .tool-btn.active:after{content:attr(title);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--gb-cyan, #00d9ff);background:#0c0c1f;border:1px solid var(--gb-cyan, #00d9ff);border-radius:4px;white-space:nowrap;pointer-events:none;z-index:50}.m-canvas-slot .drawing-tools .size-btn,.m-canvas-slot .drawing-tools .tool-btn{position:relative}.m-canvas-slot .drawing-tools .tool-btn{height:32px!important;min-height:32px!important;min-width:-moz-max-content!important;min-width:max-content!important;width:auto!important;padding:0 12px!important;font-family:var(--font-hand, inherit)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.3px!important;white-space:nowrap!important;flex:0 0 auto!important;background:#ffffff08!important;border:1px solid rgba(0,217,255,.18)!important;border-radius:8px!important;color:#e6e6ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-overflow:clip!important;overflow:visible!important;transition:background .15s,border-color .15s,transform .1s!important}.m-canvas-slot .drawing-tools .tool-btn:active{transform:scale(.95)}.m-canvas-slot .drawing-tools .tool-btn:hover{background:#00d9ff14!important}.m-canvas-slot .drawing-tools .tool-btn.active{background:#00d9ff2e!important;border-color:var(--gb-cyan, #00d9ff)!important;color:var(--gb-cyan, #00d9ff)!important;box-shadow:0 0 10px #00d9ff59,inset 0 0 8px #00d9ff26!important}.m-canvas-slot .drawing-tools .tool-btn.danger{border-color:#e9456066!important;color:var(--gb-pink, #e94560)!important}.m-canvas-slot .drawing-tools .tool-btn.danger:hover{background:#e945601a!important;border-color:var(--gb-pink, #e94560)!important;box-shadow:0 0 10px #e9456059!important}.m-canvas-slot .drawing-tools .color-picker-input{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;border-radius:6px!important;border:2px dashed rgba(0,217,255,.5)!important;background:transparent!important;flex:0 1 26px!important;cursor:pointer!important;padding:0!important}.m-canvas-slot .drawing-tools .opacity-control,.m-canvas-slot .drawing-tools .active-tool-indicator,.m-canvas-slot .drawing-tools .toolbar-toggle{display:none!important}.m-canvas-slot .drawing-tools:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.3),rgba(233,69,96,.3),transparent);pointer-events:none}.m-canvas-slot .drawing-tools{position:relative!important}.m-canvas-slot .drawing-tools button[title]{position:relative}.m-canvas-slot .drawing-tools button[title]:hover:after,.m-canvas-slot .drawing-tools button[title]:focus-visible:after,.m-canvas-slot .drawing-tools button[title]:active:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:0;transform:none;padding:4px 8px;background:#000000eb;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;border-radius:6px;border:1px solid var(--m-border);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px #00000080;max-width:200px;overflow:hidden;text-overflow:ellipsis}.m-drawing-actions{flex:0 0 var(--m-submit-h);min-height:var(--m-submit-h);display:flex;align-items:center;justify-content:center;padding:6px var(--m-edge);background:linear-gradient(180deg,#0f0f2366,#0f0f23f2);border-top:1px solid var(--m-border)}.m-submit-btn{flex:1 1 auto;height:40px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--gb-pink, #e94560),#ff6ec7);color:#fff;font-family:var(--font-title, inherit);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px #e9456059;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.m-submit-btn:active{transform:scale(.97)}.m-submit-btn:disabled{opacity:.55;cursor:not-allowed}.m-submitted-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#00d9ff26;border:1px solid var(--m-border-strong);color:var(--gb-cyan, #00d9ff);font-weight:700;font-size:13px}.m-lobby-root{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--m-bg);color:var(--m-text);overflow:hidden;z-index:10}.m-lobby-chips{flex:0 0 auto;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px var(--m-edge);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;border-bottom:1px solid var(--m-border);background:var(--m-panel);-webkit-overflow-scrolling:touch}.m-lobby-chips::-webkit-scrollbar{display:none}.m-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--m-border);background:#00d9ff14;color:var(--m-text);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.m-chip:active{background:#00d9ff29}.m-chip-action{padding:0 14px}.m-chip-rounds .m-chip-label{color:var(--m-text-dim);font-size:10px}.m-chip-rounds .m-chip-icon{color:var(--gb-cyan, #00d9ff);flex:0 0 auto}.m-chip-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:#00d9ff33;color:var(--m-text);cursor:pointer}.m-chip-btn:disabled{opacity:.35;cursor:not-allowed}.m-chip-value{min-width:18px;text-align:center;font-size:14px;font-weight:800;color:var(--gb-cyan, #00d9ff)}.m-lobby-modes{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px var(--m-edge);display:flex;flex-direction:column;gap:10px}.m-mode-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px 14px 20px;border-radius:14px;border:2px solid rgba(255,255,255,.08);background:#0f0f23bf;color:var(--m-text);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}.m-mode-card:active{transform:scale(.985)}.m-mode-card.locked{opacity:.45;cursor:not-allowed}.m-mode-card.selected{border-color:var(--gb-cyan, #00d9ff);box-shadow:0 0 0 1px var(--gb-cyan, #00d9ff),0 0 24px #00d9ff59}.m-mode-stripe{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--stripe);box-shadow:0 0 12px var(--stripe)}.m-mode-card.accent-freeze{--stripe: #06b6d4}.m-mode-card.accent-artistic{--stripe: #ec4899}.m-mode-card.accent-evolution{--stripe: #84cc16}.m-mode-card.accent-masterpiece{--stripe: #f59e0b}.m-mode-icon{flex:0 0 auto;font-size:28px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0d}.m-mode-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.m-mode-title{font-family:var(--font-title, inherit);font-size:15px;font-weight:800;letter-spacing:.4px;color:var(--m-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-mode-desc{font-size:11px;line-height:1.4;color:var(--m-text-dim);white-space:normal;overflow-wrap:break-word}.m-mode-chip{flex:0 0 auto;padding:4px 10px;border-radius:999px;border:1px solid var(--stripe);background:#0000004d;color:var(--stripe);font-size:11px;font-weight:700}.m-lobby-bottom{flex:0 0 auto;padding:10px var(--m-edge) calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0f0f2380,#0f0f23fa);border-top:1px solid var(--m-border)}.m-start-btn{width:100%;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(90deg,var(--gb-pink, #e94560),#ff6ec7);color:#fff;font-family:var(--font-title, inherit);font-size:16px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 6px 22px #e9456066;cursor:pointer}.m-start-btn:disabled{background:#ffffff14;box-shadow:none;color:var(--m-text-dim);cursor:not-allowed}.m-start-hint{margin:6px 0 0;text-align:center;font-size:11px;color:var(--gb-pink, #e94560);line-height:1.35}.m-lobby-hero{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px var(--m-edge);text-align:center}.m-hero-label{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--m-text-dim);text-transform:uppercase}.m-hero-card{position:relative;width:80%;max-width:340px;padding:24px 20px 24px 30px;border-radius:18px;border:2px solid var(--stripe, var(--m-border));background:#0f0f23d9;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden;box-shadow:0 0 30px #00d9ff33}.m-hero-card.placeholder{--stripe: var(--m-border);box-shadow:none}.m-hero-icon{font-size:48px}.m-hero-title{font-family:var(--font-title, inherit);font-size:18px;font-weight:800;color:var(--m-text)}.m-hero-desc{font-size:12px;color:var(--m-text-dim);line-height:1.4}.m-hero-card.accent-freeze{--stripe: #06b6d4}.m-hero-card.accent-artistic{--stripe: #ec4899}.m-hero-card.accent-evolution{--stripe: #84cc16}.m-hero-card.accent-masterpiece{--stripe: #f59e0b}.m-hero-dots{display:inline-flex;gap:6px}.m-hero-dots span{width:8px;height:8px;border-radius:50%;background:var(--gb-cyan, #00d9ff);opacity:.4;animation:m-dot 1.4s ease-in-out infinite}.m-hero-dots span:nth-child(2){animation-delay:.2s}.m-hero-dots span:nth-child(3){animation-delay:.4s}@keyframes m-dot{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.m-hero-status{font-size:13px;color:var(--m-text-dim);margin:0}.m-sheet-root{position:fixed;inset:0;z-index:10000;background:#0009;display:flex;align-items:flex-end;justify-content:center;animation:m-fade .2s ease}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.m-sheet{width:100%;max-height:85vh;background:#14142a;border-top:1px solid var(--m-border-strong);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:m-slide-up .25s ease;box-shadow:0 -20px 60px #0009}@keyframes m-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-sheet-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--m-border)}.m-sheet-head h3{margin:0;font-family:var(--font-title, inherit);font-size:16px;color:var(--gb-cyan, #00d9ff);letter-spacing:.6px;text-transform:uppercase}.m-sheet-close{background:#ffffff0f;border:1px solid var(--m-border);color:var(--m-text);width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.m-sheet-body{flex:1 1 auto;overflow-y:auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))}.m-sheet-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--m-border)}.m-sheet-section-title{margin:0 0 10px;font-family:var(--font-title, inherit);font-size:13px;font-weight:700;color:var(--gb-cyan, #00d9ff);letter-spacing:.6px;text-transform:uppercase}@media(max-width:420px),(max-height:670px)and (orientation:portrait){.m-lobby-chips{padding:6px;gap:6px;justify-content:space-between}.m-chip{height:32px;padding:0 8px;font-size:10px;gap:4px}.m-chip-action{padding:0 10px}.m-chip-rounds .m-chip-label{font-size:9px;letter-spacing:.3px}.m-chip-btn{width:20px;height:20px}.m-chip-value{font-size:13px;min-width:14px}.m-lobby-modes{padding:6px 8px;gap:6px}.m-mode-card{padding:10px 10px 10px 16px;border-radius:12px;gap:10px}.m-mode-icon{width:36px;height:36px;font-size:22px;border-radius:8px}.m-mode-title{font-size:13px}.m-mode-desc{font-size:10px}.m-mode-chip{padding:3px 8px;font-size:10px}.m-lobby-bottom{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.m-start-btn{height:44px;font-size:14px;border-radius:12px}}@media(orientation:landscape)and (max-height:430px){.m-lobby-root .game-header{min-height:40px!important;height:40px!important;padding:0 10px!important}.m-lobby-chips{padding:4px 8px;gap:6px}.m-chip{height:30px;padding:0 10px;font-size:11px}.m-lobby-modes{padding:4px 8px;gap:5px}.m-mode-card{padding:6px 10px 6px 14px;border-radius:10px;gap:8px}.m-mode-icon{width:30px;height:30px;font-size:18px;border-radius:6px}.m-mode-title{font-size:12px}.m-mode-desc{font-size:10px}.m-mode-chip{padding:2px 6px;font-size:9px}.m-lobby-bottom{padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))}.m-start-btn{height:36px;font-size:12px;border-radius:10px}.m-hero-card{padding:12px 16px 12px 22px;width:60%}.m-hero-icon{font-size:32px}.m-hero-title{font-size:14px}}.m-rating-root{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0c1f,#0a0a1a);color:var(--m-text);overflow:hidden}.m-rating-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px var(--m-edge) 8px;border-bottom:1px solid rgba(0,217,255,.2);background:#0c0c1fe6;gap:10px}.m-rating-header h2{margin:0;font-family:var(--font-marker, var(--font-title, inherit));font-size:15px;letter-spacing:.5px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.35);flex:1 1 auto;text-align:left;text-transform:uppercase}.m-rating-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px var(--m-edge) 12px;display:flex;flex-direction:column;gap:12px}.m-rating-card{width:100%;max-width:480px;margin:0 auto;background:#121224d9;border:2px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.m-rating-card.rated{border-color:#ffd7008c;box-shadow:0 0 16px #ffd70038}.m-rating-card.is-mine{opacity:.75;border-style:dashed;border-color:#00d9ff4d}.m-rating-image{position:relative;width:100%;height:160px;flex:0 0 160px;background:#0f0f23;overflow:hidden}.m-rating-footer{flex:0 0 auto!important}.m-rating-image img,.m-rating-image .cc-zoom-fill img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.m-rating-footer{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.m-rating-name{font-family:var(--font-marker, inherit);font-size:14px;color:var(--m-text);display:inline-flex;align-items:center;gap:6px}.m-rating-name .you-tag{font-size:10px;color:var(--gb-cyan, #00d9ff);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.m-rating-own-label{font-size:11px;color:var(--m-text-dim);font-style:italic}.m-star-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;background:#ffd70014;border:1px solid rgba(255,215,0,.35);border-radius:12px;width:100%}.m-star{flex:1 1 0;max-width:48px;height:40px;padding:2px;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.m-star svg{width:100%;height:100%;overflow:visible;transition:transform .15s ease}.m-star svg path{fill:#ffd7004d;stroke:gold;stroke-width:1.4;stroke-linejoin:round;transition:fill .15s ease}.m-star:hover svg path,.m-star:active svg path{fill:#ffd700a6}.m-star.filled svg path{fill:gold;stroke:#ffc107}.m-star.filled svg{filter:drop-shadow(0 0 6px rgba(255,215,0,.65))}.m-star:active{transform:scale(.9)}.m-star:disabled{cursor:not-allowed;opacity:.7}.m-rating-card .mp-star-count{font-size:12px;color:gold;font-weight:700;margin-left:4px}.m-rating-bottom{flex:0 0 auto;padding:10px var(--m-edge) calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0c0c1f80,#0c0c1ffa);border-top:1px solid rgba(0,217,255,.28)}.m-rating-submit{width:100%;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(90deg,#ffd700,var(--gb-pink, #e94560));color:#0c0c1f;font-family:var(--font-title, inherit);font-size:15px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 6px 22px #ffd70059;cursor:pointer}.m-rating-submit:disabled{background:#ffffff14;color:var(--m-text-dim);box-shadow:none;cursor:not-allowed}.m-rating-submitted{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:14px;background:#00d9ff1f;border:1px solid var(--gb-cyan, #00d9ff);color:var(--gb-cyan, #00d9ff);font-weight:700}@media(max-width:1280px){html:has(body.mp-reveal-active),body.mp-reveal-active{overflow:hidden!important;height:100dvh!important}body.mp-reveal-active .app-root.in-room .app-layout,body.mp-reveal-active .app-root .app-layout{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}body.mp-reveal-active .app-root.in-room .game-content-wrapper,body.mp-reveal-active .game-content-wrapper{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}body.mp-reveal-active .app-root.in-room .main-scroll-area,body.mp-reveal-active .main-scroll-area,body.mp-reveal-active .app-root.in-room .game-page .main-scroll-area{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;height:auto!important;padding-bottom:40px!important}body.mp-reveal-active .masterpiece-game,body.mp-reveal-active .masterpiece-game>.game-content{display:block!important;min-height:0!important;max-height:none!important;overflow:visible!important;height:auto!important}body.mp-reveal-active .masterpiece-reveal{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:12px 10px 40px!important}body.mp-reveal-active .mp-podium{display:flex!important;gap:8px!important;padding:0!important;justify-content:center!important}body.mp-reveal-active .mp-podium-slot .mp-podium-art{width:90px!important}body.mp-reveal-active .mp-breakdown-grid{grid-template-columns:1fr!important}}@media(orientation:landscape)and (max-height:500px){.m-rating-header{padding:6px var(--m-edge)}.m-rating-header h2{font-size:13px}.m-rating-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px var(--m-edge)}.m-rating-card{max-width:none}.m-rating-bottom{padding:6px var(--m-edge) calc(6px + env(safe-area-inset-bottom,0px))}.m-rating-submit{height:42px;font-size:13px}}@media(max-width:1279px){.next-round-overlay{position:fixed!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;display:flex!important;justify-content:center!important;padding:0!important}.next-round-overlay .next-round-btn,body .drawing-actions .next-round-btn{width:auto!important;max-width:calc(100vw - 24px)!important;padding:.75rem 1.25rem!important;font-size:1rem!important;white-space:nowrap!important;margin:0 auto!important}.next-round-overlay .next-round-btn .btn-text{overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.m-prompt-timer.is-critical{animation:none}.m-submit-btn{transition:none}}@media(max-width:1279px){body.cc-mobile-result-active{height:100vh!important;height:100dvh!important;overflow:hidden!important}body.cc-mobile-result-active .app-root.in-room,body.cc-mobile-result-active .app-root.in-room .app-layout.game-page--results{min-height:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow:hidden!important}body.cc-mobile-result-active .game-page--results .game-content-wrapper{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:100%!important;overflow:hidden!important}body.cc-mobile-result-active .game-page--results .main-scroll-area--results{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain;touch-action:pan-y!important;padding:0!important}body.cc-mobile-result-active .main-scroll-area--results .canvas-chaos-game,body.cc-mobile-result-active .main-scroll-area--results .game-container,body.cc-mobile-result-active .main-scroll-area--results .masterpiece-game,body.cc-mobile-result-active .main-scroll-area--results .freeze-frame-game,body.cc-mobile-result-active .main-scroll-area--results .artistic-diff-game,body.cc-mobile-result-active .main-scroll-area--results .evolution-game,body.cc-mobile-result-active .main-scroll-area--results .game-content{display:flex!important;flex-direction:column!important;flex:1 0 auto!important;min-height:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}body.cc-mobile-result-active .main-scroll-area--results .masterpiece-reveal,body.cc-mobile-result-active .main-scroll-area--results .freeze-frame-reveal,body.cc-mobile-result-active .main-scroll-area--results .artistic-diff-reveal,body.cc-mobile-result-active .main-scroll-area--results .evolution-reveal,body.cc-mobile-result-active .main-scroll-area--results .freeze-frame-results,body.cc-mobile-result-active .main-scroll-area--results .artistic-diff-results,body.cc-mobile-result-active .main-scroll-area--results .evolution-results,body.cc-mobile-result-active .main-scroll-area--results .game-ended{flex:0 0 auto!important;min-height:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:0!important}body.cc-mobile-result-active .main-scroll-area--results .next-round-overlay{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;min-height:calc(64px + env(safe-area-inset-bottom,0px))!important;margin-top:auto!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#0c0c1f00,#0c0c1ff5 28%,#0c0c1f)!important;border-top:1px solid rgba(0,217,255,.28)!important;box-sizing:border-box!important;z-index:1!important}body.cc-mobile-result-active .main-scroll-area--results .next-round-overlay .next-round-btn,body.cc-mobile-result-active .main-scroll-area--results .next-round-overlay .waiting-message{width:min(100%,420px)!important;min-height:48px!important;margin:0 auto!important}}