@import"https://fonts.googleapis.com/css2?family=Bungee&family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Mono,Courier New,monospace;background-color:#ffe135;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,107,107,.15) 35px,rgba(255,107,107,.15) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(107,203,255,.15) 35px,rgba(107,203,255,.15) 70px);background-attachment:fixed;min-height:100vh;color:#000;position:relative}body[data-theme="80s"]{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;background:linear-gradient(135deg,#ffb3d9,#ffc9e5,#b8e6f0,#9fe2e8,#5fd3bc);background-attachment:fixed;color:#1a1a2e}body[data-theme="80s"]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.05) 75%,rgba(255,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;z-index:0}body[data-theme="80s"] .app{position:relative;z-index:1}body[data-theme="80s"] header{background:linear-gradient(90deg,#ff6b9d,#ffa07a,gold);border:none;box-shadow:0 4px 20px #ff6b9d4d;transform:none}body[data-theme="80s"] header h1{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}body[data-theme="80s"] main{background:#fffffff2;border:none;box-shadow:0 8px 32px #1f268726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body[data-theme="80s"] main:before{display:none}body[data-theme="80s"] h2{font-family:Outfit,sans-serif;font-weight:700;color:#ff6b9d;text-transform:uppercase;letter-spacing:.05em;font-size:1.8rem}body[data-theme="80s"] h3{font-family:Outfit,sans-serif;font-weight:600;color:#5fd3bc}body[data-theme="80s"] label{font-family:Outfit,sans-serif;font-weight:600;color:#1a1a2e;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}body[data-theme="80s"] input{font-family:Outfit,sans-serif;background:#ffffffe6;border:2px solid #FFB3D9;border-radius:8px;color:#1a1a2e;box-shadow:0 2px 8px #ff6b9d1a;transition:all .3s ease}body[data-theme="80s"] input:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33;background:#fff}body[data-theme="80s"] button{font-family:Outfit,sans-serif;font-weight:600;background:linear-gradient(135deg,#ff6b9d,#ffa07a);border:none;border-radius:8px;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;box-shadow:0 4px 12px #ff6b9d4d;transition:all .3s ease}body[data-theme="80s"] button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b9d66;background:linear-gradient(135deg,#ff7aaa,#ffb088)}body[data-theme="80s"] button:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b9d4d}body[data-theme="80s"] button:disabled{background:linear-gradient(135deg,#ccc,#ddd);box-shadow:none;cursor:not-allowed}body[data-theme="80s"] button.selected{background:linear-gradient(135deg,#5fd3bc,#7de5d0);box-shadow:0 0 0 3px #5fd3bc4d}body[data-theme="80s"] .error{background:linear-gradient(135deg,#ffb3d9,#ffc9e5);border-left:4px solid #FF6B9D;color:#8b003b;border-radius:8px}body[data-theme="80s"] .success{background:linear-gradient(135deg,#b8f0e8,#d0f5e8);border-left:4px solid #5FD3BC;color:#0a5f4f;border-radius:8px}body[data-theme="80s"] .info{background:linear-gradient(135deg,#e9d5ff,#f0e6ff);border-left:4px solid #C084FC;color:#5b21b6;border-radius:8px}body[data-theme="80s"] .game-code{font-family:Outfit,sans-serif;font-weight:700;background:linear-gradient(135deg,#ff6b9d,#ffa07a);border:none;color:#fff;font-size:2.5rem;letter-spacing:.15em;border-radius:12px;box-shadow:0 6px 20px #ff6b9d4d}body[data-theme="80s"] .share-url{font-family:Outfit,sans-serif;font-weight:400;background:#5fd3bc1a;border:2px solid #5FD3BC;color:#0a5f4f;border-radius:8px}body[data-theme="80s"] .playlist{list-style:none}body[data-theme="80s"] .playlist li{background:linear-gradient(90deg,#ffb3d933,#b8e6f033);border-left:4px solid #FF6B9D;border-radius:8px;transition:all .3s ease}body[data-theme="80s"] .playlist li:hover{background:linear-gradient(90deg,#ffb3d94d,#b8e6f04d);transform:translate(4px)}body[data-theme="80s"] .playlist li .player-name{font-weight:600;color:#ff6b9d}body[data-theme="80s"] .stats{background:linear-gradient(135deg,#ffb3d94d,#b8e6f04d);border:2px solid #FFB3D9;border-radius:12px;box-shadow:0 4px 12px #ff6b9d26}body[data-theme="80s"] .stats .stat-item{border-right:2px solid rgba(255,179,217,.3)}body[data-theme="80s"] .stats .stat-item:last-child{border-right:none}body[data-theme="80s"] .stats .stat-value{font-family:Outfit,sans-serif;font-weight:700;color:#ff6b9d}body[data-theme="80s"] .stats .stat-label{font-family:Outfit,sans-serif;font-weight:400;color:#5fd3bc}body[data-theme="80s"] .controls{border-top:2px solid rgba(255,179,217,.2)}body[data-theme="80s"] .settings-section{border-top:2px solid rgba(184,230,240,.3)}body[data-theme="80s"] .settings-section label{color:#5fd3bc}body[data-theme="80s"] .settings-section .helper-text{color:#7de5d0}body[data-theme="80s"] .settings-section button{background:#fffc;color:#1a1a2e;border:2px solid #B8E6F0;box-shadow:none}body[data-theme="80s"] .settings-section button:hover:not(:disabled){background:#b8e6f066;border-color:#5fd3bc;transform:none}body[data-theme="80s"] .settings-section button.selected{background:linear-gradient(135deg,#5fd3bc,#7de5d0);color:#fff;border-color:#5fd3bc}body[data-theme=minimal]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;background-image:none;color:#000}.app{max-width:800px;margin:0 auto;padding:20px;position:relative;z-index:1}header{text-align:center;margin-bottom:40px;background:#ff006e;padding:20px;border:5px solid #000;box-shadow:8px 8px #0000004d;transform:rotate(-1deg)}header h1{font-family:Bungee,cursive;font-size:2.5rem;font-weight:700;color:#ffe135;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;letter-spacing:2px;transform:rotate(1deg)}main{background:#fff;border:5px solid #000;padding:40px;box-shadow:12px 12px #0003;position:relative}main:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:repeating-linear-gradient(45deg,#b4f1e8,#b4f1e8 10px,#ff006e 10px,#ff006e 20px);z-index:-1}h2{margin-bottom:20px;color:#000;font-family:Bungee,cursive;font-size:1.8rem;text-transform:uppercase;border-bottom:4px solid #FF006E;padding-bottom:10px;display:inline-block}.form-group{margin-bottom:20px}.settings-section{margin-top:30px;padding-top:20px;border-top:2px dashed #ddd}.settings-section .label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.settings-section label{font-size:.8rem;color:#999;font-weight:600;margin-bottom:0}.settings-section .helper-text{font-size:.75rem;color:#aaa;font-style:italic}.settings-section .form-group{margin-bottom:16px}.settings-section button{padding:8px 14px;font-size:.85rem;border-width:2px;border-color:#666}label{display:block;margin-bottom:8px;font-weight:700;color:#000;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}input[type=email],input[type=number],input[type=text]{width:100%;padding:12px;border:3px solid #000;background:#fff;font-size:16px;font-family:Space Mono,monospace;transition:all .2s}input:focus{outline:none;background:#ffe135;box-shadow:4px 4px #9fe7dd;transform:translate(-2px,-2px)}button{background:#fff;color:#000;border:3px solid #000;padding:12px 24px;font-size:16px;font-weight:700;font-family:Space Mono,monospace;text-transform:uppercase;cursor:pointer;transition:all .1s;box-shadow:4px 4px #000;position:relative}button:hover{background:linear-gradient(135deg,#b4f1e8,#9fe7dd);color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #000}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}button:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none;box-shadow:4px 4px #999}.error{background:#ff006e;border:3px solid #000;color:#fff;padding:12px;margin-bottom:20px;font-weight:700;box-shadow:4px 4px #000}.success{background:#7fff00;border:3px solid #000;color:#000;padding:12px;margin-bottom:20px;font-weight:700;box-shadow:4px 4px #000}.info{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border:3px solid #000;color:#000;padding:12px;margin-bottom:20px;font-weight:700;box-shadow:4px 4px #000}.game-code{font-family:Bungee,cursive;font-size:3rem;font-weight:700;text-align:center;letter-spacing:8px;color:#ff006e;margin:20px 0;padding:20px;background:#ffe135;border:5px solid #000;box-shadow:8px 8px #9fe7dd;transform:rotate(-2deg)}.share-url{background:#000;color:#7fff00;padding:12px;margin:20px 0;word-break:break-all;font-family:Space Mono,monospace;border:3px solid #7FFF00;font-weight:700}.playlist{list-style:none;counter-reset:playlist-counter}.playlist li{counter-increment:playlist-counter;padding:12px 12px 12px 50px;margin-bottom:12px;background:#ffe135;border:3px solid #000;position:relative;box-shadow:4px 4px #ff006e}.playlist li:before{content:counter(playlist-counter);font-weight:700;color:#fff;position:absolute;left:0;top:0;bottom:0;width:40px;background:#ff006e;display:flex;align-items:center;justify-content:center;font-family:Bungee,cursive;font-size:1.2rem;border-right:3px solid #000}.player-name{font-weight:700;color:#ff006e;margin-right:8px;text-transform:uppercase}.controls{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.controls a{text-decoration:none}.stats{background:linear-gradient(135deg,#d0f5e8,#bef3dc);padding:16px;border:3px solid #000;margin-bottom:20px;box-shadow:6px 6px #000}.stats p{margin:8px 0;font-weight:700}.stats strong{color:#ff006e}.stats a{color:#000;font-weight:700;text-decoration:underline;text-decoration-color:#ff006e;text-decoration-thickness:2px}p{line-height:1.6;margin-bottom:12px}strong{color:#ff006e;font-weight:700}small{display:block;margin-top:4px;font-style:italic}a{color:#ff006e;font-weight:700;transition:color .2s}a:hover{color:#5fc9bf}h3{font-family:Bungee,cursive;color:#ff006e;text-transform:uppercase;font-size:1.2rem;margin-top:20px;margin-bottom:10px}button.selected,button[aria-pressed=true]{background:linear-gradient(135deg,#b4f1e8,#9fe7dd)}body[data-theme=minimal] header{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;transform:none;padding:30px 20px}body[data-theme=minimal] header h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;color:#495057;text-shadow:none;letter-spacing:0;transform:none}body[data-theme=minimal] main{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a}body[data-theme=minimal] main:before{display:none}body[data-theme=minimal] h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;text-transform:none;border-bottom:2px solid #e9ecef;color:#343a40}body[data-theme=minimal] h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:none;color:#495057}body[data-theme=minimal] label{text-transform:none;letter-spacing:0;font-size:1rem;color:#495057}body[data-theme=minimal] input{border:1px solid #ced4da;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-theme=minimal] input:focus{background:#fff;border-color:#80bdff;box-shadow:0 0 0 3px #007bff1a;transform:none}body[data-theme=minimal] button{background:#5b9bd5;color:#fff;border:1px solid #5B9BD5;border-radius:6px;text-transform:none;box-shadow:0 1px 2px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-theme=minimal] button:hover{background:#4a8ac4;border-color:#4a8ac4;color:#fff;transform:none;box-shadow:0 2px 4px #0000001a}body[data-theme=minimal] button:active{transform:none;box-shadow:inset 0 1px 2px #0000001a;background:#3978b3;border-color:#3978b3}body[data-theme=minimal] button:disabled{background:#e9ecef;border-color:#e9ecef;color:#6c757d;box-shadow:none}body[data-theme=minimal] button.selected{background:#4a8ac4;border-color:#4a8ac4}body[data-theme=minimal] .form-group button{background:#f8f9fa;color:#495057;border-color:#ced4da}body[data-theme=minimal] .form-group button:hover:not(.selected){background:#e9ecef;border-color:#adb5bd;color:#495057}body[data-theme=minimal] .form-group button.selected{background:#5b9bd5;border-color:#5b9bd5;color:#fff}body[data-theme=minimal] .form-group button.selected:hover{background:#4a8ac4;border-color:#4a8ac4}body[data-theme=minimal] .error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;box-shadow:none}body[data-theme=minimal] .success{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;box-shadow:none}body[data-theme=minimal] .info{background:#e7f3ff;border:1px solid #bee5eb;border-radius:6px;color:#2e5f8a;box-shadow:none}body[data-theme=minimal] .game-code{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;color:#495057;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;box-shadow:none;transform:none}body[data-theme=minimal] .share-url{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-theme=minimal] .playlist li{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:12px}body[data-theme=minimal] .playlist li:before{background:#6c757d;border-right:1px solid #dee2e6;border-radius:4px 0 0 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-theme=minimal] .player-name{color:#495057;text-transform:none;font-weight:600}body[data-theme=minimal] .stats{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;box-shadow:none}body[data-theme=minimal] .stats strong{color:#495057}body[data-theme=minimal] .stats a{color:#5b9bd5;text-decoration-color:#5b9bd5}body[data-theme=minimal] .stats a:hover{color:#4a8ac4;text-decoration-color:#4a8ac4}body[data-theme=minimal] strong{color:#495057}body[data-theme=minimal] a{color:#5b9bd5}body[data-theme=minimal] a:hover{color:#4a8ac4}body[data-theme=minimal] .settings-section{border-top:2px solid #e9ecef}body[data-theme=minimal] .settings-section label{color:#6c757d}body[data-theme=minimal] .settings-section .helper-text{color:#adb5bd}body[data-theme=minimal] .settings-section button{background:#f8f9fa;color:#495057;border-color:#ced4da}body[data-theme=minimal] .settings-section button:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}body[data-theme=minimal] .settings-section button.selected{background:#5b9bd5;border-color:#5b9bd5;color:#fff}body[data-theme=minimal] .settings-section button.selected:hover{background:#4a8ac4;border-color:#4a8ac4}