@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--primary: #0df20d;--bg-light: #f5f8f5;--bg-dark: #102210;--text-dark: #000000;--text-light: #ffffff;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--shadow-comic: 4px 4px 0px 0px rgba(0, 0, 0, 1);--shadow-comic-hover: 2px 2px 0px 0px rgba(0, 0, 0, 1);--card-width: 70px;--card-height: 100px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}.dark{--shadow-comic: 4px 4px 0px 0px #0df20d;--shadow-comic-hover: 2px 2px 0px 0px #0df20d}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;min-height:100dvh}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-light);color:var(--text-dark);touch-action:manipulation;overflow-x:hidden}body.dark{background-color:var(--bg-dark);color:var(--text-light)}.bg-halftone{background-image:radial-gradient(currentColor 1.5px,transparent 1.5px);background-size:24px 24px}.halftone-overlay{position:fixed;inset:0;z-index:0;opacity:.1;color:var(--text-dark);pointer-events:none}body.dark .halftone-overlay{opacity:.05;color:var(--primary)}.app-container{position:relative;display:flex;flex-direction:column;min-height:100dvh;width:100%;overflow-x:hidden}.content-wrapper{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;max-width:28rem;margin:0 auto;width:100%;justify-content:center;padding-bottom:2rem}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}.settings-btn{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);cursor:pointer;transition:all .15s ease}body.dark .settings-btn{background:var(--bg-dark);border-color:var(--primary)}.settings-btn:active{transform:translateY(2px);box-shadow:none}.settings-btn .icon{font-size:24px;transition:transform .2s ease}.settings-btn:hover .icon{transform:rotate(45deg)}body.dark .settings-btn .icon{color:var(--primary)}.header-title{flex:1;text-align:center;padding-right:3rem;font-size:1.25rem;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:-.025em}.hero-section{padding:1rem 1rem 1.5rem;text-align:center}.hero-title{font-size:3rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.05em;transform:rotate(-2deg);line-height:.9}.hero-title-highlight{display:inline-block;margin-top:.5rem;padding:0 .5rem;background:#000;color:var(--primary);transform:skew(-10deg);box-shadow:4px 4px #0003}.hero-subtitle{font-size:1rem;font-weight:500;color:var(--gray-600);margin-top:1.5rem;max-width:260px;margin-left:auto;margin-right:auto;line-height:1.4}body.dark .hero-subtitle{color:var(--gray-400)}.featured-card{padding:0 1rem;margin-bottom:1rem}.featured-image{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);position:relative;overflow:hidden;transition:transform .2s ease}body.dark .featured-image{border-color:var(--primary)}.featured-image:hover{transform:rotate(1deg)}.featured-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent,transparent)}.featured-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;z-index:10}.featured-tag{display:inline-block;background:var(--primary);color:#000;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border:1px solid black;text-transform:uppercase;letter-spacing:.05em;transform:rotate(2deg);box-shadow:2px 2px #000}.action-buttons{display:flex;flex-direction:column;gap:1.25rem;padding:0 1rem;margin-top:1rem}.action-btn{width:100%;height:6rem;display:flex;align-items:center;padding:0 1.5rem;border:2px solid black;border-radius:var(--radius-xl);box-shadow:var(--shadow-comic);cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.action-btn:active{transform:translateY(2px);box-shadow:none}.action-btn-primary{background:var(--primary)}body.dark .action-btn-primary{border-color:#fff;box-shadow:4px 4px #fff}.action-btn-secondary{background:#fff}body.dark .action-btn-secondary{background:var(--gray-800);border-color:var(--primary)}.action-btn-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;z-index:10}.action-btn-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-style:italic;transition:transform .2s ease;color:#000}body.dark .action-btn-secondary .action-btn-title{color:#fff}.action-btn:hover .action-btn-title{transform:scale(1.05)}.action-btn-subtitle{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-top:.25rem;color:#000}body.dark .action-btn-secondary .action-btn-subtitle{color:var(--gray-400)}.action-btn-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-full);z-index:10;transition:transform .3s ease;line-height:0}.action-btn-icon .icon-lg{font-size:2rem;line-height:1}.action-btn-primary .action-btn-icon{background:#000;color:var(--primary)}.action-btn-secondary .action-btn-icon{background:#f3f4f6;border:2px solid black;color:#000}body.dark .action-btn-secondary .action-btn-icon{background:#111827;border-color:var(--primary);color:var(--primary)}.action-btn:hover .action-btn-icon{transform:rotate(12deg)}.action-btn-secondary:hover .action-btn-icon{transform:rotate(-12deg)}.action-btn .halftone-pattern{position:absolute;inset:0;opacity:.1;pointer-events:none;mix-blend-mode:overlay}.footer{padding:2.5rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:auto}.rules-btn{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);background:none;border:none;cursor:pointer;transition:color .2s ease}.rules-btn:hover{color:#000}body.dark .rules-btn:hover{color:var(--primary)}.footer-divider{width:3rem;height:1px;background:#d1d5db}body.dark .footer-divider{background:var(--gray-700)}.version-text{font-size:.625rem;font-family:monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400)}.icon{width:24px;height:24px;display:inline-block}.icon-lg{width:32px;height:32px}.screen{display:none;width:100%;min-height:100dvh;position:absolute;top:0;left:0}.screen.active{display:flex;flex-direction:column}.room-container{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;max-width:28rem;margin:0 auto;width:100%;padding:1rem}.room-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-btn{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);cursor:pointer;transition:all .15s ease}body.dark .back-btn{background:var(--bg-dark);border-color:var(--primary)}.back-btn:active{transform:translateY(2px);box-shadow:none}.room-title{font-size:1.5rem;font-weight:700;font-style:italic;text-transform:uppercase}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:var(--gray-600)}body.dark .input-label{color:var(--gray-400)}.input-field{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:Space Grotesk,sans-serif;font-weight:600;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);outline:none;transition:all .15s ease}body.dark .input-field{background:var(--gray-800);border-color:var(--primary);color:#fff}.input-field:focus{box-shadow:var(--shadow-comic-hover);transform:translateY(2px)}.input-field::placeholder{color:var(--gray-400);font-weight:500}.room-code-display{background:var(--primary);color:#000;font-size:2rem;font-weight:900;letter-spacing:.3em;text-align:center;padding:1.5rem;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);font-family:monospace}.players-section{margin-top:2rem}.players-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;color:var(--gray-600)}body.dark .players-title{color:var(--gray-400)}.players-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.player-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic)}body.dark .player-card{background:var(--gray-800);border-color:var(--primary)}.player-avatar{width:2.5rem;height:2.5rem;background:var(--primary);border:2px solid black;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.player-name{font-weight:600;font-size:.875rem}.player-host{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.05em}.start-btn{margin-top:auto;margin-bottom:2rem}.game-container{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;padding-bottom:env(safe-area-inset-bottom,1rem)}.opponents-area{display:flex;justify-content:center;gap:1.5rem;padding:.5rem;min-height:80px}.opponent{display:flex;flex-direction:column;align-items:center;gap:.25rem}.opponent-avatar{width:2.5rem;height:2.5rem;background:var(--primary);border:2px solid black;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.875rem}.opponent-name{font-size:.75rem;font-weight:600;color:var(--gray-600)}body.dark .opponent-name{color:var(--gray-400)}.opponent-cards{display:flex;margin-top:.25rem}.table{flex:1;display:flex;align-items:center;justify-content:center;gap:2rem;margin:1rem 0}.deck,.discard-pile{width:var(--card-width);height:var(--card-height);position:relative}.card{width:var(--card-width);height:var(--card-height);background:#fff;border:2px solid black;border-radius:var(--radius-sm);box-shadow:var(--shadow-comic);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative}.card:hover{transform:translateY(-10px) scale(1.05);z-index:10}.card:active{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-comic-hover)}.card-back{background:linear-gradient(135deg,#1a1a2e,#16213e);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(13,242,13,.1) 5px,rgba(13,242,13,.1) 10px)}.card-back:after{content:"⚡";font-size:1.5rem}.card-value{font-size:1.25rem;font-weight:900}.card-suit{font-size:1.5rem}.card .red{color:#ef4444}.card .black{color:#1f2937}.player-hand{display:flex;justify-content:center;align-items:flex-end;min-height:calc(var(--card-height) + 40px);padding:1rem;gap:calc(var(--card-width) * -.4)}.player-hand .card{transform-origin:bottom center}@media(max-width:480px){:root{--card-width: 55px;--card-height: 80px}.hero-title{font-size:2.5rem}.action-btn{height:5rem}.action-btn-title{font-size:1.25rem}}@supports (padding: env(safe-area-inset-bottom)){.player-hand{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.waiting-text{animation:pulse 2s ease-in-out infinite}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;margin-top:.5rem}.input-group-fancy{display:flex;flex-direction:column;width:100%}.input-label-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.input-icon{font-size:20px;color:var(--primary)}.input-label-fancy{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.input-field-fancy{width:100%;height:3.5rem;padding:0 1rem;font-size:1.125rem;font-family:Space Grotesk,sans-serif;font-weight:700;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:var(--shadow-comic);outline:none;transition:all .15s ease}body.dark .input-field-fancy{background:var(--bg-dark);border-color:var(--primary);color:#fff}.input-field-fancy:focus{transform:translateY(-2px);box-shadow:6px 6px 0 0 var(--primary);border-color:var(--primary)}.input-field-fancy::placeholder{color:var(--gray-400);font-weight:500}body.dark .input-field-fancy::placeholder{color:var(--gray-600)}.input-code{text-align:center;letter-spacing:.2em;font-size:1.25rem}.input-with-icon{position:relative}.input-suffix-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:24px;pointer-events:none}.action-section{padding:2rem 1rem;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.action-btn-centered{height:4rem;justify-content:center;gap:.75rem}.action-btn-centered .action-btn-title{font-size:1.25rem}.action-btn-centered .icon-lg{transition:transform .2s ease}.action-btn-centered:hover .icon-lg{transform:translate(4px)}.create-link-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.create-link-text{font-size:.875rem;font-weight:500;color:var(--gray-600)}body.dark .create-link-text{color:var(--gray-400)}.create-link-btn{font-size:.875rem;font-weight:700;color:#000;background:none;border:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer;transition:color .2s ease}body.dark .create-link-btn,.create-link-btn:hover{color:var(--primary)}body.dark .create-link-btn:hover{color:#fff}.create-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:2rem 1rem 1rem;background:var(--bg-light);border-bottom:2px solid rgba(0,0,0,.05)}body.dark .create-header{background:var(--bg-dark);border-color:#ffffff0d}.create-content{flex:1;overflow-y:auto;padding-bottom:6rem}.create-hero{position:relative;padding:1.5rem 1rem 1rem}.create-halftone-corner{position:absolute;top:0;right:0;width:8rem;height:8rem;background-image:radial-gradient(circle,var(--primary) 1px,transparent 1px);background-size:8px 8px;opacity:.2;border-bottom-left-radius:100%;pointer-events:none}.create-title{font-size:2rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1.1;letter-spacing:-.02em}.create-subtitle{font-size:1rem;font-weight:500;color:var(--gray-600);margin-top:.5rem;line-height:1.4}body.dark .create-subtitle{color:var(--gray-400)}.create-section{padding:0 1rem;margin-top:1.5rem}.section-label{display:block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:.5rem}.code-preview-box{position:relative;display:flex;justify-content:center;background:var(--bg-light);border:2px solid black;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-comic)}body.dark .code-preview-box{background:#0003;border-color:var(--primary)}.code-slots{display:flex;gap:.75rem;width:100%;max-width:280px;justify-content:space-between}.code-slot{display:flex;width:3.5rem;height:4rem;align-items:center;justify-content:center;background:#fff;border:2px solid black;border-radius:var(--radius-md);font-size:1.75rem;font-weight:700}body.dark .code-slot{background:#2a3e2a;border-color:var(--primary);color:var(--primary)}.code-badge{position:absolute;top:-.75rem;right:-.75rem;background:var(--primary);color:#000;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid black;transform:rotate(12deg)}.setting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.setting-label-row{display:flex;align-items:center;gap:.5rem}.setting-label{font-size:1.125rem;font-weight:700;text-transform:uppercase}.setting-value{background:#000;color:#fff;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.875rem}body.dark .setting-value{background:#fff;color:#000}.slider-container{padding:.5rem}.comic-slider{-webkit-appearance:none;width:100%;height:4px;background:#cee8ce;border-radius:var(--radius-full);border:1px solid black;outline:none}.comic-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.5rem;height:1.5rem;background:var(--primary);border:3px solid black;border-radius:var(--radius-full);cursor:pointer;box-shadow:2px 2px #000}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;font-weight:700;font-family:monospace;color:var(--gray-500)}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.duration-option{cursor:pointer}.duration-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-md);transition:all .15s ease}body.dark .duration-card{background:#2a3e2a;border-color:var(--gray-700)}.duration-option input:checked+.duration-card{background:var(--primary);border-color:#000;box-shadow:2px 2px #000}.duration-time{font-size:1.125rem;font-weight:700}.duration-name{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--gray-500)}.duration-option input:checked+.duration-card .duration-name{color:#000000b3}.toggle-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:var(--radius-xl)}body.dark .toggle-card{background:#2a3e2a;border-color:var(--gray-700)}.toggle-info{display:flex;align-items:center;gap:.75rem}.toggle-icon-box{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626}body.dark .toggle-icon-box{background:#dc262633;border-color:#dc26264d;color:#f87171}.toggle-text{display:flex;flex-direction:column}.toggle-title{font-size:1rem;font-weight:700;text-transform:uppercase}.toggle-desc{font-size:.75rem;color:var(--gray-500)}.toggle-switch{position:relative;display:inline-flex;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{width:3.5rem;height:1.75rem;background:#e5e7eb;border-radius:var(--radius-full);transition:all .2s ease;position:relative}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:1.5rem;height:1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-full);transition:all .2s ease}.toggle-switch input:checked+.toggle-slider{background:#ef4444;border:2px solid black}.toggle-switch input:checked+.toggle-slider:after{transform:translate(1.75rem);border-color:#000}.pack-carousel{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0 1.5rem;margin-top:.75rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pack-carousel::-webkit-scrollbar{display:none}.pack-card{flex-shrink:0;width:8rem;display:flex;flex-direction:column;border:2px solid #e5e7eb;border-radius:var(--radius-lg);overflow:hidden;background:#fff;cursor:pointer;transition:all .15s ease;scroll-snap-align:center;position:relative}body.dark .pack-card{background:#2a3e2a;border-color:var(--gray-700)}.pack-card:hover{border-color:#000}body.dark .pack-card:hover{border-color:#fff}.pack-selected{border-color:var(--primary);border-width:3px;box-shadow:4px 4px #000}.pack-image{height:5rem;display:flex;align-items:center;justify-content:center;position:relative}.pack-icon{font-size:2rem;color:#fff}.pack-info{padding:.5rem;text-align:center;background:#fff}body.dark .pack-info{background:#1a2e1a}.pack-name{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase}.pack-desc{display:block;font-size:.625rem;color:var(--gray-500);margin-top:.125rem}.pack-badge{position:absolute;top:.5rem;right:.5rem;background:var(--primary);color:#000;font-size:.5rem;font-weight:700;padding:.125rem .375rem;border:1px solid black;border-radius:var(--radius-sm)}.pack-locked{opacity:.6}.pack-lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.pack-lock-overlay .material-symbols-outlined{font-size:2rem;color:#ffffff80}.create-footer{position:sticky;bottom:0;width:100%;padding:1rem;background:#fff;border-top:1px solid #f3f4f6;z-index:20}body.dark .create-footer{background:#1a2e1a;border-color:var(--gray-800)}.spacer{height:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lobby-bg-pattern{position:fixed;inset:0;pointer-events:none;background-size:20px 20px;background-image:radial-gradient(circle,#e5e7eb 1.5px,transparent 2px);opacity:.5;z-index:0}body.dark .lobby-bg-pattern{background-image:radial-gradient(circle,#1a2e1a 1.5px,transparent 2px)}.lobby-container{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;width:100%;max-width:28rem;margin:0 auto;background:#f5f8f5e6;border-left:2px solid black;border-right:2px solid black;overflow:hidden}body.dark .lobby-container{background:#102210e6;border-color:#0df20d33}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-light);border-bottom:4px solid black;position:sticky;top:0;z-index:20}body.dark .lobby-header{background:var(--bg-dark);border-color:var(--primary)}.lobby-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;transform:skew(-6deg)}.lobby-room-info{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem .5rem}.room-code-wrapper{position:relative;width:100%}.room-code-skew{position:absolute;inset:0;background:#0df20d33;transform:skewY(-3deg);border-radius:var(--radius-md);z-index:0}body.dark .room-code-skew{background:#0df20d1a}.room-code-card{position:relative;z-index:10;text-align:center;padding:1rem;border:2px dashed black;border-radius:var(--radius-md);background:#ffffff80}body.dark .room-code-card{border-color:var(--primary);background:#0003}.room-code-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-500);margin-bottom:.25rem}body.dark .room-code-label{color:var(--gray-400)}.room-code-value{font-size:3rem;font-weight:900;letter-spacing:.1em}.player-count-badge{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.25rem 1rem;background:#000;color:#fff;border-radius:var(--radius-full)}.player-count-badge .material-symbols-outlined{font-size:1rem}.player-count-badge p{font-size:.875rem;font-weight:700;letter-spacing:.05em}.lobby-players-list{flex:1;overflow-y:auto;padding:1rem 1rem 12rem;display:flex;flex-direction:column;gap:1rem}.lobby-players-list::-webkit-scrollbar{display:none}.player-card-lobby{position:relative;display:flex;align-items:center;padding:.75rem;background:#fff;border:2px solid black;border-radius:var(--radius-xl);box-shadow:var(--shadow-comic);transition:transform .15s ease}.player-card-lobby:hover{transform:translateY(-2px)}body.dark .player-card-lobby{background:var(--gray-800);border-color:var(--gray-600)}.player-card-lobby.is-ready{border-color:var(--primary)}.player-card-lobby.is-you{border-color:var(--primary);box-shadow:4px 4px 0 0 var(--primary)}.player-you-badge{position:absolute;top:-.75rem;right:-.5rem;background:var(--primary);color:#000;font-size:.625rem;font-weight:900;padding:.25rem .5rem;border:2px solid black;border-radius:var(--radius-sm);transform:rotate(3deg);z-index:10}.player-avatar-lobby{position:relative;flex-shrink:0}.player-avatar-img{width:4rem;height:4rem;border-radius:var(--radius-full);border:2px solid black;background:var(--gray-400);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;overflow:hidden}.player-host-crown{position:absolute;bottom:-.25rem;right:-.25rem;width:1.75rem;height:1.75rem;background:#facc15;border:2px solid black;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.player-host-crown .material-symbols-outlined{font-size:.875rem;color:#000}.player-info-lobby{flex:1;margin-left:1rem}.player-name-lobby{font-size:1.125rem;font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:.25rem}.player-status-ready{display:inline-flex;align-items:center;gap:.25rem;background:#0df20d33;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;color:#15803d}body.dark .player-status-ready{color:#4ade80}.player-status-waiting{font-size:.75rem;font-weight:700;font-style:italic;text-transform:uppercase;color:var(--gray-500)}.player-kick-btn{padding:.5rem;color:#ef4444;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .15s ease}.player-kick-btn:hover{background:#ef44441a}.player-slot-empty{display:flex;align-items:center;padding:.75rem;border:2px dashed #d1d5db;border-radius:var(--radius-xl);opacity:.6}body.dark .player-slot-empty{border-color:var(--gray-700)}.empty-slot-avatar{width:4rem;height:4rem;border-radius:var(--radius-full);border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center}body.dark .empty-slot-avatar{border-color:var(--gray-700)}.empty-slot-avatar .material-symbols-outlined{font-size:1.75rem;color:#d1d5db}body.dark .empty-slot-avatar .material-symbols-outlined{color:var(--gray-600)}.empty-slot-text{margin-left:1rem;font-size:.875rem;font-weight:700;font-style:italic;text-transform:uppercase;color:var(--gray-400)}body.dark .empty-slot-text{color:var(--gray-600)}.lobby-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:var(--bg-light);border-top:4px solid black;z-index:30}body.dark .lobby-footer{background:var(--bg-dark);border-color:var(--primary)}.ready-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ready-toggle-label{font-size:.875rem;font-weight:700;text-transform:uppercase}.ready-toggle{display:inline-flex;align-items:center;cursor:pointer}.ready-toggle input{position:absolute;opacity:0;width:0;height:0}.ready-toggle-slider{width:3.5rem;height:2rem;background:#e5e7eb;border:2px solid black;border-radius:var(--radius-full);position:relative;transition:background .2s ease}.ready-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:1.5rem;height:1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:var(--radius-full);transition:transform .2s ease}.ready-toggle input:checked+.ready-toggle-slider{background:var(--primary)}.ready-toggle input:checked+.ready-toggle-slider:after{transform:translate(1.5rem);border-color:#fff}.ready-toggle-text{margin-left:.75rem;font-size:.875rem;font-weight:900;text-transform:uppercase;color:var(--gray-500);text-shadow:1px 1px 0 rgba(0,0,0,.1)}.ready-toggle input:checked~.ready-toggle-text{color:var(--primary);text-shadow:1px 1px 0 rgba(0,0,0,1)}.start-game-btn{position:relative;width:100%;height:4rem;display:flex;align-items:center;justify-content:center;background:#d1d5db;border:2px solid #9ca3af;border-bottom-width:8px;border-right-width:4px;border-radius:var(--radius-xl);cursor:not-allowed;overflow:hidden;transition:all .15s ease}body.dark .start-game-btn{background:var(--gray-700);border-color:#111827}.start-game-btn:not(:disabled){background:var(--primary);border-color:#000;cursor:pointer}.start-game-btn:not(:disabled):hover{background:#0be00b}.start-game-btn:not(:disabled):active{border-bottom-width:2px;border-right-width:2px;transform:translate(2px,6px)}.start-game-content{display:flex;flex-direction:column;align-items:center;z-index:10}.start-game-title{font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500)}.start-game-btn:not(:disabled) .start-game-title{color:#000}body.dark .start-game-title{color:var(--gray-400)}.start-game-subtitle{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--gray-500)}.start-game-btn:not(:disabled) .start-game-subtitle{color:#000000b3}.start-game-lock{position:absolute;right:1rem;color:var(--gray-400)}body.dark .start-game-lock{color:var(--gray-500)}.start-game-btn:not(:disabled) .start-game-lock{display:none}.game-bg-pattern{position:fixed;inset:0;pointer-events:none;background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px;z-index:0}body.dark .game-bg-pattern{background-color:#0a0f0a;background-image:radial-gradient(#1a2e1a 1px,transparent 1px)}.game-layout{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;width:100%;max-width:28rem;margin:0 auto;background:#fffffff2;overflow:hidden}body.dark .game-layout{background:#0a0f0af2}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem;background:#fff;border-bottom:2px solid black;flex-shrink:0}body.dark .game-header{background:#0a0f0a;border-color:var(--primary)}.game-header-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid black;border-radius:var(--radius-md);box-shadow:2px 2px #000;cursor:pointer;transition:all .1s ease}.game-header-btn:active{box-shadow:none;transform:translate(2px,2px)}.round-title{font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.05em}.quit-btn{font-size:.875rem;font-weight:700;font-style:italic;text-transform:uppercase;color:var(--gray-500);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.quit-btn:hover{color:#000;border-color:#000}.scoreboard{background:#fff;padding:1rem;border-bottom:2px solid black;flex-shrink:0}body.dark .scoreboard{background:#0a0f0a;border-color:var(--primary)}.scoreboard-players{display:flex;gap:1rem;overflow-x:auto;justify-content:center;padding:.25rem}.scoreboard-players::-webkit-scrollbar{display:none}.scoreboard-player{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;opacity:.5;filter:grayscale(100%);transition:all .2s ease}.scoreboard-player:hover,.scoreboard-player.is-leader{opacity:1;filter:none}.scoreboard-player.is-leader{transform:scale(1.1)}.scoreboard-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:2px solid black;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.scoreboard-player.is-leader .scoreboard-avatar{width:3.5rem;height:3.5rem;ring:2px;ring-offset:2px;ring-color:var(--primary)}.scoreboard-score{font-size:.75rem;font-weight:700;font-family:monospace}.scoreboard-player.is-leader .scoreboard-score{background:var(--primary);padding:.125rem .5rem;border:2px solid black;border-radius:var(--radius-sm);font-weight:900}.game-content{flex:1;overflow-y:auto;padding:1rem 1rem 6rem}.game-content::-webkit-scrollbar{display:none}.scenario-section{margin-bottom:.5rem}.scenario-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;padding:0 .25rem}.scenario-label{font-size:.875rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em}.scenario-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#000;color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm)}.scenario-card{background:#fff;border:2px solid black;border-radius:var(--radius-xl);overflow:hidden;box-shadow:4px 4px #000}body.dark .scenario-card{background:#1a1a1a}.scenario-image-container{width:100%;background-color:#1a1a1a;border-bottom:2px solid black;display:flex;justify-content:center;align-items:center;min-height:150px}.scenario-image-img{width:100%;height:auto;display:block}.scenario-title-bar{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;border-top:2px solid black;padding:.5rem .75rem}.scenario-title{font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1}.scenario-body{padding:1rem}.scenario-description{font-size:.875rem;line-height:1.5;color:var(--gray-700)}body.dark .scenario-description{color:var(--gray-300)}.timer-section{padding:.5rem .25rem;margin-bottom:.5rem}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timer-label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.timer-display{display:flex;align-items:center;gap:.25rem}.timer-display .material-symbols-outlined{font-size:1.25rem}.timer-value{font-size:1.25rem;font-weight:700;font-family:monospace}.timer-bar{height:1rem;background:#fff;border:2px solid black;border-radius:var(--radius-full);overflow:hidden;position:relative}.timer-progress{height:100%;background:var(--primary);border-right:2px solid black;transition:width 1s linear}.hand-section{margin-bottom:1rem}.hand-label{font-size:.875rem;font-weight:900;font-style:italic;text-transform:uppercase;margin-bottom:.5rem;padding-left:.25rem}.hand-label-debuff{color:#dc2626}.card-carousel{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem;scroll-snap-type:x mandatory}.card-carousel::-webkit-scrollbar{display:none}.game-card{flex-shrink:0;width:14rem;min-height:22rem;background:#fff;border:2px solid black;border-radius:var(--radius-xl);overflow:hidden;box-shadow:2px 2px #000;scroll-snap-align:center;cursor:pointer;transition:all .15s ease}.game-card:hover{box-shadow:4px 4px #000;transform:translateY(-2px)}.game-card.selected{border-color:var(--primary);border-width:4px;box-shadow:0 0 20px #0df20d66;transform:translateY(-8px) scale(1.05)}.game-card.debuff{cursor:default;opacity:.8}.game-card.debuff:hover{transform:none;box-shadow:2px 2px #000}.game-card.debuff .game-card-image{background-color:#2a0a0a}body.dark .game-card{background:#1a1a1a}.game-card-image{width:100%;height:15rem;background-size:cover;background-position:center;background-color:#444;border-bottom:2px solid black;position:relative}.game-card-icon{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:#fff;border:1px solid black;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.game-card-icon .material-symbols-outlined{font-size:.875rem}.game-card-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.game-card-title{font-size:.9rem;font-weight:900;text-transform:uppercase;line-height:1.2}.game-card-desc{font-size:.75rem;color:var(--gray-500);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-card.selected:before{content:"SELECTED";position:absolute;top:0;left:0;right:0;background:var(--primary);border-bottom:2px solid black;font-size:.625rem;font-weight:900;text-transform:uppercase;text-align:center;padding:.25rem;letter-spacing:.1em;z-index:10}.deploy-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:#fffffff2;border-top:2px solid black;z-index:50}body.dark .deploy-footer{background:#0a0f0af2;border-color:var(--primary)}.hidden{display:none!important}.deploy-btn{width:100%;height:4rem;display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary);border:2px solid black;border-radius:var(--radius-xl);box-shadow:4px 4px #000;font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .1s ease}.deploy-btn:hover:not(:disabled){background:#0be00b}.deploy-btn:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.deploy-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;box-shadow:2px 2px #9ca3af}.deploy-btn:hover:not(:disabled) .material-symbols-outlined{transform:translate(4px)}.vs-bg-pattern{position:fixed;inset:0;pointer-events:none;background-color:#f8f9fa;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:24px 24px;z-index:0}body.dark .vs-bg-pattern{background-color:#111;background-image:radial-gradient(#333 1.5px,transparent 1.5px)}.vs-layout{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;width:100%;max-width:28rem;margin:0 auto;background:#fff;overflow:hidden}body.dark .vs-layout{background:#0a0f0a}.vs-header{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:#fff;border-bottom:2px solid black;flex-shrink:0;z-index:20}body.dark .vs-header{background:#0a0f0a;border-color:var(--primary)}.vs-round-title{font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em}.vs-scoreboard{background:#fff;padding:.75rem 1rem;border-bottom:2px solid black;flex-shrink:0;z-index:20;box-shadow:0 4px 6px -1px #0000001a}body.dark .vs-scoreboard{background:#0a0f0a;border-color:var(--primary)}.vs-badge-container{position:absolute;top:6rem;left:50%;transform:translate(-50%);z-index:30;pointer-events:none}.vs-badge{width:4rem;height:4rem;background:#ef4444;border:4px solid black;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #000;transform:rotate(12deg);animation:bounce 2s infinite}.vs-text{font-family:var(--font-display);font-size:2rem;font-weight:900;font-style:italic;color:#fff;-webkit-text-stroke:1.5px black;transform:rotate(-12deg)}@keyframes bounce{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-5px)}}.vs-cards-container{flex:1;display:flex;align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.5rem;gap:1.5rem;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:24px 24px}body.dark .vs-cards-container{background-image:radial-gradient(#333 1.5px,transparent 1.5px)}.vs-cards-container::-webkit-scrollbar{display:none}.vs-cards-carousel{display:flex;gap:1.5rem;height:100%;padding-right:1.5rem}.vs-card{scroll-snap-align:center;flex-shrink:0;width:80vw;max-width:320px;height:65vh;min-height:450px;background:#fff;border:2px solid black;border-radius:var(--radius-xl);box-shadow:4px 4px #000;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease}body.dark .vs-card{background:#1a1a1a;box-shadow:4px 4px 0 0 var(--primary)}.vs-card:hover{transform:scale(1.02)}.vs-card-header{height:75%;background:#f3f4f6;border-bottom:2px solid black;position:relative;overflow:hidden}.vs-card-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.vs-card:hover .vs-card-image{transform:scale(1.05)}.vs-player-badge{position:absolute;top:.75rem;right:.75rem;background:#000;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border:1px solid black;box-shadow:2px 2px #0003;z-index:10}.vs-card-content{flex:1;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;background:#fff;position:relative}body.dark .vs-card-content{background:#1a1a1a}.vs-card-role{position:absolute;top:-.75rem;left:1rem;background:#3b82f6;color:#fff;font-size:.625rem;font-weight:900;padding:.25rem .5rem;border:1px solid black;box-shadow:2px 2px #000;text-transform:uppercase;letter-spacing:.05em}.vs-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;margin-top:.5rem;-webkit-text-stroke:.5px black}.vs-card-divider{width:3rem;height:.25rem;background:var(--primary);border:1px solid black;margin:.75rem 0}.vs-card-desc{font-size:.875rem;color:var(--gray-600);line-height:1.4;font-weight:500}body.dark .vs-card-desc{color:var(--gray-400)}.vs-card-stats{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.vs-stat-badge{font-size:.625rem;font-weight:700;background:#f3f4f6;padding:.125rem .375rem;border:1px solid black;border-radius:var(--radius-sm);text-transform:uppercase}body.dark .vs-stat-badge{background:#333;color:#fff}.vs-footer{padding:1rem;background:#fff;border-top:2px solid black;z-index:20;box-shadow:0 -4px 10px #0000000d}body.dark .vs-footer{background:#0a0f0a;border-color:var(--primary)}.fight-btn{width:100%;background:var(--primary);color:#000;font-family:var(--font-display);font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;padding:1rem;border-radius:var(--radius-xl);border:2px solid black;box-shadow:4px 4px #000;transition:all .1s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.1em;-webkit-text-stroke:.5px black}.fight-btn:hover{background:#2eff4d;transform:translateY(-2px);box-shadow:5px 5px #000}.fight-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.fight-status{text-align:center;font-size:.75rem;font-weight:700;margin-top:.5rem;color:var(--gray-500);text-transform:uppercase}.fight-btn:disabled,.fight-btn.waiting{background:#d1d5db;color:#9ca3af;border-color:#9ca3af;box-shadow:2px 2px #e5e7eb;cursor:not-allowed;-webkit-text-stroke:0}.debuff-layout{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;width:100%;max-width:28rem;margin:0 auto;background:#fff;overflow:hidden}body.dark .debuff-layout{background:#0a0f0a}.debuff-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:2px solid black;flex-shrink:0;z-index:20}body.dark .debuff-header{background:#0a0f0a;border-color:var(--primary)}.debuff-title{font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em;text-align:center}.debuff-step-title{font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.debuff-step-badge{background:#000;color:#fff;padding:.25rem .5rem;font-size:1rem;transform:skew(-12deg)}.victim-carousel-container{flex:1;overflow-y:hidden;display:flex;flex-direction:column;padding:1rem;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:24px 24px}body.dark .victim-carousel-container{background-image:radial-gradient(#333 1.5px,transparent 1.5px)}.victim-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;height:100%;align-items:center}.victim-carousel::-webkit-scrollbar{display:none}.victim-card{scroll-snap-align:center;flex-shrink:0;width:14rem;height:80%;min-height:350px;background:#fff;border:4px solid black;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease;opacity:.7;transform:scale(.95)}.victim-card.is-you{opacity:.3;filter:grayscale(100%);cursor:not-allowed;border-style:dashed}.victim-card.selected{opacity:1;transform:scale(1) rotate(-1deg);border-color:#ef4444;box-shadow:0 0 0 4px #ef44444d,8px 8px #000;z-index:10}.victim-card-header{height:75%;position:relative;border-bottom:2px solid black}.victim-card-image{width:100%;height:100%;background-size:cover;background-position:center}.victim-marker{display:none;position:absolute;top:.5rem;left:.5rem;background:#ef4444;color:#fff;font-weight:900;padding:.25rem .5rem;border:2px solid black;transform:rotate(-5deg);box-shadow:2px 2px #000}.victim-card.selected .victim-marker{display:block;animation:pulse 1s infinite}.victim-card-content{padding:1rem;background:#fff;flex:1;display:flex;flex-direction:column;justify-content:center}.victim-name{font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;margin-bottom:.25rem}.victim-player{font-size:.75rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;background:#f3f4f6;padding:.125rem .5rem;border-radius:var(--radius-sm);align-self:flex-start;border:1px solid black}.debuff-hand-section{background:#fff;border-top:2px solid black;padding:1rem 1rem 8rem}body.dark .debuff-hand-section{background:#0a0f0a;border-color:var(--primary)}.debuff-hand-carousel{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.debuff-hand-carousel::-webkit-scrollbar{display:none}.mini-debuff-card{flex-shrink:0;width:6rem;height:8rem;background:var(--bg-card);border:2px solid black;border-radius:var(--radius-md);padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.mini-debuff-card:hover{transform:translateY(-4px)}.mini-debuff-card.selected{border-color:var(--primary);border-width:3px;box-shadow:0 0 10px var(--primary);transform:translateY(-8px)}.mini-debuff-icon{font-size:2rem;margin-bottom:.25rem}.mini-debuff-title{font-size:.625rem;font-weight:900;text-transform:uppercase;line-height:1.1}.sabotage-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:#fffffff2;border-top:2px solid black;z-index:50;display:flex;flex-direction:column;gap:.5rem}body.dark .sabotage-footer{background:#0a0f0af2;border-color:var(--primary)}.sabotage-info{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.75rem;font-weight:700}.sabotage-btn{width:100%;background:#000;color:var(--primary);font-family:var(--font-display);font-size:1.25rem;font-weight:900;font-style:italic;text-transform:uppercase;padding:1rem;border-radius:var(--radius-xl);border:2px solid var(--primary);box-shadow:4px 4px 0 0 var(--primary);transition:all .1s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.sabotage-btn:disabled{background:#d1d5db;color:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed}.sabotage-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 0 0 var(--primary)}.sabotage-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--primary)}.voting-container{display:flex;flex-direction:column;flex:1;width:100%;max-width:28rem;margin:0 auto;padding-bottom:2rem;background-color:var(--bg-light);background-image:radial-gradient(#d1d5db 1.5px,transparent 1.5px);background-size:20px 20px}body.dark .voting-container{background-color:var(--bg-dark);background-image:radial-gradient(#374151 1.5px,transparent 1.5px)}.voting-step-header{display:flex;align-items:baseline;gap:.5rem;padding:1rem 1rem .5rem}.step-badge{background:#000;color:#fff;padding:.25rem .5rem;font-size:.875rem;font-weight:900;font-style:italic;transform:skew(-10deg)}body.dark .step-badge{background:#fff;color:#000}.voting-step-header h3{font-size:1.125rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em}.voting-carousel-container{position:relative;padding:0 1rem;margin-bottom:1.5rem;display:flex;align-items:center}.voting-cards-wrapper{position:relative;width:100%;aspect-ratio:3/5;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-comic);background:#fff}body.dark .voting-cards-wrapper{background:var(--gray-800)}.voting-card{position:absolute;inset:0;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.voting-card.active{transform:translate(0);z-index:10}.voting-card.prev{transform:translate(-100%);z-index:0}.voting-card.next{transform:translate(100%);z-index:0}.card-inner{display:flex;flex-direction:column;height:100%;border:2px solid black;border-radius:var(--radius-xl);overflow:hidden}body.dark .card-inner{border-color:var(--primary)}.hero-image-container{height:55%;position:relative;background-color:var(--gray-400);border-bottom:2px solid black;overflow:hidden}body.dark .hero-image-container{border-color:var(--primary)}.hero-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.player-badge{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.5rem;background:#ffffffe6;border:2px solid black;border-radius:var(--radius-md);padding:.25rem .5rem;box-shadow:2px 2px #0003}.player-avatar-small{width:1.25rem;height:1.25rem;border-radius:50%;background:#cbd5e1;border:1px solid black;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#000}.player-name{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#000}.sabotaged-badge{position:absolute;bottom:.75rem;right:.75rem;background:#ef4444;color:#fff;border:2px solid white;padding:.25rem .75rem;transform:rotate(-5deg);box-shadow:0 4px 6px -1px #0000001a;z-index:10}.sabotaged-badge span{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.card-info{height:45%;padding:1rem;background:#fff;display:flex;flex-direction:column;justify-content:space-between}body.dark .card-info{background:var(--gray-800)}.hero-title-large{font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;margin-bottom:.5rem}.debuff-info-box{display:flex;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);border:1px solid}.debuff-info-box.warning{background-color:#fef2f2;border-color:#fca5a5;color:#991b1b}.debuff-info-box.clean{background-color:#f0fdf4;border-color:#86efac;color:#166534}.icon-box{padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.icon-box.warning{background-color:#ef44441a}.icon-box.clean{background-color:#22c55e1a}.text-box .label{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.125rem}.text-box .description{font-size:.875rem;font-weight:700;line-height:1.25;color:#000}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:2.5rem;height:2.5rem;background:#fff;border:2px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-comic);transition:transform .15s ease}.carousel-nav-btn:active{transform:translateY(-50%) scale(.9)}.carousel-nav-btn.prev{left:0}.carousel-nav-btn.next{right:0}.voting-counter{text-align:center;margin-bottom:1rem}.voting-counter span{font-size:.875rem;font-weight:700;color:var(--gray-500)}.vote-action-area{padding:0 1rem;height:6rem}.vote-btn{width:100%;height:100%;background:#000;border-radius:var(--radius-xl);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease;box-shadow:var(--shadow-comic)}.vote-btn:active{transform:translateY(2px);box-shadow:none}.vote-btn .icon{color:var(--primary);font-size:2rem;animation:pulse 2s infinite}.vote-btn .label{color:#fff;font-size:1.5rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.05em}.vote-btn:hover .label{color:var(--primary)}.vote-btn.voted{background:var(--gray-800);cursor:default;transform:none;box-shadow:none;border:2px solid var(--gray-600)}.vote-btn.voted .label{color:var(--gray-400)}.voting-status-area{margin-top:2rem;padding:1rem;border-top:2px solid var(--gray-400);display:flex;justify-content:center}#voting-status-text{font-size:.75rem;font-weight:700;color:var(--gray-500);text-transform:uppercase}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.sabotage-action-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:stretch}.skip-btn{background:#fff;border:2px solid black;border-radius:var(--radius-md);padding:0 1rem;font-weight:900;font-style:italic;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-comic);transition:all .15s ease}.skip-btn:active{transform:translateY(2px);box-shadow:none}.skip-btn:disabled{background:var(--gray-200);color:var(--gray-500);border-color:var(--gray-400);box-shadow:none;cursor:not-allowed}.sabotage-info{flex:1}:root{--primary: #06f906;--primary-dark: #00cc00;--background-light: #f8faf8;--background-dark: #0f110f;--card-dark: #1a1a1a;--accent-red: #ff4d4d;--accent-yellow: #ffcc00;--shadow-neon: 0 0 10px rgba(6, 249, 6, .4), 0 0 20px rgba(6, 249, 6, .2);--shadow-comic: 3px 3px 0px rgba(0, 0, 0, 1);--shadow-comic-hover: 5px 5px 0px rgba(0, 0, 0, 1)}.winner-container{display:flex;flex-direction:column;flex:1;width:100%;max-width:28rem;margin:0 auto;padding-bottom:2rem;background-color:var(--background-light);background-image:radial-gradient(rgba(0,0,0,.05) 1.5px,transparent 1.5px);background-size:20px 20px;position:relative;overflow-x:hidden;font-family:Noto Sans,sans-serif}body.dark .winner-container{background-color:var(--background-dark);background-image:radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px);color:#fff}.winner-bg-decor{position:absolute;inset:0;pointer-events:none;z-index:0}.decor-shape{position:absolute}.decor-1{top:2.5rem;left:10%;width:.75rem;height:.75rem;background:var(--primary);transform:rotate(45deg)}.decor-2{top:5rem;right:20%;width:.5rem;height:1rem;background:var(--accent-red);transform:rotate(-12deg)}.decor-3{top:10rem;left:15%;width:1rem;height:.5rem;background:var(--accent-yellow);transform:rotate(90deg)}.decor-4{top:3rem;right:5%;width:.75rem;height:.75rem;background:#3b82f6;transform:rotate(12deg)}.step-badge-container{display:flex;align-items:baseline;gap:.5rem;margin-top:1.5rem;padding:0 1rem;z-index:10}.step-badge-black{background:#000;color:#fff;padding:.125rem .5rem;transform:skew(-10deg)}body.dark .step-badge-black{background:#fff;color:#000}.step-badge-text{font-size:.875rem;font-weight:900;font-style:italic;display:block;transform:skew(10deg)}.step-title{font-size:1.125rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.025em}.step-subtitle{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.025em;margin-top:.25rem;margin-left:1.25rem}.champion-card-wrapper{padding:0 1rem;margin-bottom:1.5rem;z-index:10}.champion-card{position:relative;width:100%;background:#fff;border-radius:1rem;border:2px solid black;box-shadow:var(--shadow-comic);overflow:hidden}body.dark .champion-card{background:var(--card-dark)}.champion-header{height:8rem;width:100%;position:relative;background-color:var(--accent-yellow);border-bottom:2px solid black;display:flex;align-items:center;justify-content:center;overflow:hidden}.comic-dots{position:absolute;inset:0;opacity:.1;background-image:url(https://www.transparenttextures.com/patterns/comic-dots.png)}.crown-anim{font-size:3.75rem;animation:bounce 2s infinite;z-index:5}.star-decor{position:absolute;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.star-1{top:.5rem;right:.5rem;font-size:2.25rem;transform:rotate(12deg)}.star-2{bottom:.5rem;left:.5rem;font-size:1.875rem;transform:rotate(-12deg)}.champion-content{padding:3rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.champion-avatar-box{position:absolute;top:-3rem;left:50%;transform:translate(-50%);width:6rem;height:6rem;border-radius:50%;border:4px solid black;background:#fff;box-shadow:0 4px 6px -1px #0000001a;z-index:20;overflow:hidden}.champion-avatar-img{width:100%;height:100%;background-size:cover;background-position:center}.champion-name{font-size:1.875rem;font-weight:900;font-style:italic;text-transform:uppercase;line-height:1;margin-bottom:.5rem}.champion-role-badge{display:inline-block;background:var(--primary);padding:.25rem .75rem;border-radius:9999px;border:1px solid black;box-shadow:0 1px 2px #0000000d;transform:rotate(-2deg);margin-bottom:1rem}.champion-role-badge span{font-size:.875rem;font-weight:700;text-transform:uppercase;color:#000}.champion-score-box{width:100%;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:space-between}body.dark .champion-score-box{background:#0f172a;border-color:#334155}.score-cell{flex:1}.score-label{font-size:.625rem;font-weight:800;color:#94a3b8;text-transform:uppercase}.score-earned{font-size:1.875rem;font-weight:900;color:var(--primary-dark)}.score-total{font-size:1.25rem;font-weight:700}.score-line{width:2px;height:2rem;background:#e2e8f0;margin:0 1rem}body.dark .score-line{background:#334155}.champion-tags{margin-top:1rem;display:flex;gap:.5rem;justify-content:center}.tag-streak{background:#ef44441a;color:var(--accent-red);padding:.25rem .5rem;border-radius:.25rem;border:1px solid rgba(239,68,68,.2);font-size:.75rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.25rem}.scoreboard-section{padding:0 1rem;margin-bottom:1.5rem;z-index:10}.scoreboard-card{background:#fff;border:2px solid black;border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-comic)}body.dark .scoreboard-card{background:var(--card-dark)}.scoreboard-title-header{font-size:.875rem;font-weight:900;font-style:italic;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.scoreboard-list{display:flex;flex-direction:column;gap:.5rem}.scoreboard-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#f8fafc}body.dark .scoreboard-row{background:#0f172a;border-color:#334155}.scoreboard-row.is-winner{background:#ffcc001a;border-color:var(--accent-yellow)}.row-left{display:flex;align-items:center;gap:.75rem}.row-rank-container{position:relative}.row-avatar{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid #cbd5e1;background-size:cover;background-position:center}.row-rank-badge{position:absolute;top:-.25rem;right:-.25rem;background:var(--accent-yellow);color:#000;width:1rem;height:1rem;font-size:.625rem;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid black}.row-name{font-size:.875rem;font-weight:900;text-transform:uppercase}.row-points-earned{font-size:.75rem;font-weight:700;color:var(--primary-dark)}.row-total{text-align:right}.row-total-val{font-size:1.125rem;font-weight:900}.continue-area{padding:0 1rem;height:5rem;margin-bottom:2rem;z-index:10}.btn-next-round{width:100%;height:100%;background:#000;border-radius:.75rem;padding:.25rem;position:relative;cursor:pointer;transition:transform .1s ease}.btn-next-round:active{transform:translateY(4px)}.btn-next-inner{height:100%;background:#000;border:2px solid var(--primary);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn-next-halftone{position:absolute;inset:0;background-image:radial-gradient(rgba(0,255,0,.1) 1px,transparent 1px);background-size:4px 4px;opacity:.3}.btn-next-content{display:flex;align-items:center;gap:.5rem;z-index:10}.btn-next-label{font-size:1.5rem;font-weight:900;font-style:italic;color:#fff;text-transform:uppercase;letter-spacing:-.05em;text-shadow:2px 2px 0 black}.btn-next-sub{background:var(--primary);color:#000;padding:.125rem 1rem;border-radius:9999px;transform:skew(-10deg);z-index:10;font-size:.75rem;font-weight:900;text-transform:uppercase;margin-top:.25rem}.btn-next-sub span{display:block;transform:skew(10deg)}@keyframes bounce{0%,to{transform:translateY(-5%)}50%{transform:translateY(5%)}}@keyframes pulse-neon{0%{box-shadow:0 0 5px #06f90633}50%{box-shadow:0 0 15px #06f90680}to{box-shadow:0 0 5px #06f90633}}.pulse-neon{animation:pulse-neon 2s infinite}:root{--waiting-bg: #f8f9fa;--waiting-primary: #38ff58;--waiting-secondary: #fef08a;--waiting-accent: #3b82f6;--waiting-border: 2px solid #000;--waiting-shadow: 4px 4px 0px 0px #000;--waiting-shadow-sm: 2px 2px 0px 0px #000}#waiting-sabotage-screen{background-color:var(--waiting-bg);color:#000;font-family:var(--font-body);display:none;flex-direction:column;overflow:hidden}#waiting-sabotage-screen.active{display:flex}.waiting-bg-dots{position:absolute;inset:0;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.5;pointer-events:none;z-index:0}.waiting-header-bar{position:relative;z-index:10;background:#fff;border-bottom:var(--waiting-border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-icon-box{width:2.5rem;height:2.5rem;border:var(--waiting-border);border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;box-shadow:var(--waiting-shadow-sm);transition:transform .1s,box-shadow .1s}.header-icon-box:active{transform:translateY(2px);box-shadow:none}.header-center{display:flex;flex-direction:column;align-items:center}.header-status-title{font-family:var(--font-display);font-weight:900;font-style:italic;font-size:1.25rem;line-height:1;text-transform:uppercase;letter-spacing:-.05em;margin:0;color:#000}.header-round-badge{font-size:.75rem;font-weight:700;color:#6b7280;letter-spacing:.05em;margin-top:.1rem}.waiting-players-bar{position:relative;z-index:10;background:#fff;border-bottom:var(--waiting-border);padding:.5rem 1rem;display:flex;align-items:center;gap:1rem;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.waiting-players-bar::-webkit-scrollbar{display:none}.player-pill{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.player-avatar{width:2rem;height:2rem;border-radius:50%;border:var(--waiting-border);background-color:#eee;background-size:cover;background-position:center;padding:2px}.player-score{font-size:.875rem;font-weight:900;font-style:italic;color:#000}.bg-yellow .player-avatar{background-color:#fef08a}.bg-blue .player-avatar{background-color:#bfdbfe}.bg-red .player-avatar{background-color:#fecaca}.bg-green .player-avatar{background-color:#bbf7d0}.waiting-main-content{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.bg-watermark{position:absolute;top:5rem;width:100%;text-align:center;font-family:var(--font-display);font-weight:900;font-size:8rem;text-transform:uppercase;font-style:italic;line-height:1;color:#000;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.waiting-card{background:#fff;border:4px solid black;border-radius:1rem;padding:1.5rem;box-shadow:var(--waiting-shadow);width:100%;max-width:400px;position:relative;transform:rotate(1deg);margin-bottom:2rem;text-align:center}.card-badge{position:absolute;top:-1rem;left:-.75rem;background:var(--waiting-primary);border:var(--waiting-border);padding:.25rem .75rem;font-family:var(--font-display);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;transform:rotate(-3deg);box-shadow:2px 2px #0003;z-index:20;color:#000}.card-visual{position:relative;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;margin-top:.5rem}.visual-spinner{position:absolute;width:100%;height:100%;border:3px dashed rgba(0,0,0,.3);border-radius:50%;animation:spin 8s linear infinite;transform:scale(.8)}.visual-icon-circle{width:8rem;height:8rem;background:var(--waiting-secondary);border:4px solid black;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;box-shadow:2px 2px #0000001a}.visual-icon-circle .material-symbols-outlined{font-size:4rem;color:#000c}.visual-popover{position:absolute;top:-10px;right:20px;background:#fff;border:var(--waiting-border);border-radius:50%;width:4rem;height:3rem;display:flex;align-items:center;justify-content:center;z-index:20;box-shadow:var(--waiting-shadow-sm);animation:bounce 2s ease-in-out infinite}.visual-popover .material-symbols-outlined{font-weight:900;font-size:1.5rem;color:#000}.status-label{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.main-status-text{font-family:var(--font-display);font-size:1.8rem;font-weight:900;line-height:1;text-transform:uppercase;font-style:italic;color:#000;margin-bottom:.25rem}.highlight-text{display:block;color:var(--waiting-primary);font-size:2.5rem;-webkit-text-stroke:1px black;text-shadow:2px 2px 0px black}.waiting-message{font-size:.875rem;font-weight:700;color:#1f2937;margin-top:1rem;line-height:1.3;max-width:220px;margin-left:auto;margin-right:auto}.waiting-loader{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:auto}.waiting-loader .dot{width:.75rem;height:.75rem;border-radius:50%;animation:dotBounce 1s ease-in-out infinite;display:inline-block;margin:0 .25rem}.bg-black{background-color:#000}.bg-green{background-color:var(--waiting-primary);border:1px solid black}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.loader-text{font-size:.625rem;font-weight:900;text-transform:uppercase;color:#9ca3af;letter-spacing:.2em;margin-top:.5rem}.tip-box{margin-top:2rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(0,0,0,.1);border-radius:.75rem;padding:.75rem 1rem;display:flex;gap:.75rem;width:100%;max-width:400px;align-items:flex-start}.tip-box .material-symbols-outlined{color:#9ca3af;font-size:1.25rem}.tip-label{font-size:.7rem;font-weight:900;text-transform:uppercase;color:#000;display:block;margin-bottom:2px}.tip-box p{font-size:.8rem;font-weight:600;color:#4b5563;line-height:1.3;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#password-screen{background:linear-gradient(135deg,#000,#1a1a1a);position:relative;overflow:hidden}#password-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(13,242,13,.1) 1px,transparent 1px);background-size:30px 30px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.password-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.password-card{background:#000c;border:3px solid var(--primary);border-radius:1rem;padding:3rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 0 40px #0df20d4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-title{font-family:var(--font-display);font-size:3rem;font-weight:700;font-style:italic;line-height:1;margin-bottom:.5rem;color:#fff;text-transform:uppercase}.password-title-accent{color:var(--primary);text-shadow:0 0 20px rgba(13,242,13,.8)}.password-subtitle{color:#888;font-size:.875rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-family:var(--font-body);font-size:1rem;text-align:center;letter-spacing:.2em;transition:all .3s}.password-input:focus{outline:none;border-color:var(--primary);background:#0df20d0d;box-shadow:0 0 20px #0df20d33}.password-input::placeholder{color:#555;letter-spacing:normal}.password-btn{padding:1rem;background:var(--primary);border:2px solid var(--primary);border-radius:.5rem;color:#000;font-family:var(--font-display);font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.password-btn:hover{background:#0df20d;transform:translateY(-2px);box-shadow:0 4px 20px #0df20d80}.password-btn:active{transform:translateY(0)}.password-btn .material-symbols-outlined{font-size:1.5rem}.password-error{color:#f44;font-size:.875rem;font-weight:600;margin-top:1rem;min-height:1.25rem}