@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800;900&display=swap);:root{--bg-main:#f0f4f8;--bg-pattern:#d7e3ec;--bg-card:#fff;--text-main:#1e1e2f;--text-muted:#64748b;--primary:#ff477e;--primary-shadow:#c04;--secondary:#4361ee;--secondary-shadow:#273499;--success:#06d6a0;--success-shadow:#04936d;--warning:#ffd166;--warning-shadow:#c90;--danger:#ef476f;--danger-shadow:#b01235;--border-thick:4px solid #1e1e2f;--shadow-color:#1e1e2f}[data-theme=dark]{--bg-main:#0f0f13;--bg-pattern:#1e1e2f;--bg-card:#1a1b26;--text-main:#f0f4f8;--text-muted:#a1a1aa;--primary:#ff2a6d;--primary-shadow:#b0003a;--secondary:#05d9e8;--secondary-shadow:#018b96;--success:#01ffc3;--success-shadow:#00b388;--warning:#fada5e;--warning-shadow:#b39900;--danger:#ff003c;--danger-shadow:#990024;--border-thick:4px solid #f0f4f8;--shadow-color:#000}*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}body{background-color:#f0f4f8;background-color:var(--bg-main);background-image:radial-gradient(#d7e3ec 2px,#0000 0);background-image:radial-gradient(var(--bg-pattern) 2px,#0000 2px);background-size:30px 30px;color:#1e1e2f;color:var(--text-main);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;transition:background-color .3s,color .3s}.container,.container-wide{display:flex;flex-direction:column;margin:0 auto;padding:clamp(15px,5vw,30px);width:100%}.container{max-width:700px}.container-wide{max-width:1200px}.center-screen{justify-content:center;min-height:100vh}.flex-col{display:flex;flex-direction:column;gap:15px}.top-controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px;width:100%;z-index:50}.icon-btn{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #1e1e2f;border:2px solid var(--text-main);border-radius:12px;box-shadow:2px 2px 0 #1e1e2f;box-shadow:2px 2px 0 var(--shadow-color);color:#1e1e2f;color:var(--text-main);cursor:pointer;display:flex;height:45px;justify-content:center;transition:transform .1s;width:45px}.icon-btn:active{box-shadow:0 0 0 #1e1e2f;box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.lang-select{background:#fff;background:var(--bg-card);border:2px solid #1e1e2f;border:2px solid var(--text-main);border-radius:12px;box-shadow:2px 2px 0 #1e1e2f;box-shadow:2px 2px 0 var(--shadow-color);color:#1e1e2f;color:var(--text-main);cursor:pointer;font-weight:800;height:45px;outline:none;padding:0 10px}.title{-webkit-text-fill-color:#0000;-webkit-text-stroke:3px #1e1e2f;-webkit-text-stroke:3px var(--shadow-color);background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;filter:drop-shadow(6px 6px 0 #1e1e2f);filter:drop-shadow(6px 6px 0 var(--shadow-color));font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:2px;line-height:1.1;margin-bottom:20px;text-align:center;text-transform:uppercase}.header-title{color:#1e1e2f;color:var(--text-main);font-size:clamp(2rem,6vw,3rem);font-weight:900;text-transform:uppercase}.highlight-letter{-webkit-text-stroke:4px #1e1e2f;-webkit-text-stroke:4px var(--shadow-color);color:#ffd166;color:var(--warning);font-size:clamp(4rem,15vw,7rem);font-weight:900;text-shadow:6px 6px 0 #1e1e2f;text-shadow:6px 6px 0 var(--shadow-color)}.card{background:#fff;background:var(--bg-card);border:4px solid #1e1e2f;border:var(--border-thick);border-radius:24px;box-shadow:8px 8px 0 #1e1e2f;box-shadow:8px 8px 0 var(--shadow-color);padding:clamp(20px,5vw,40px);position:relative;transition:background-color .3s,border-color .3s;width:100%}.input-label{display:block;font-size:1.1rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.input-field,.input-label{color:#1e1e2f;color:var(--text-main)}.input-field{background:#f0f4f8;background:var(--bg-main);border:4px solid #1e1e2f;border:var(--border-thick);border-radius:16px;box-shadow:4px 4px 0 #1e1e2f;box-shadow:4px 4px 0 var(--shadow-color);font-size:1.2rem;font-weight:600;outline:none;padding:16px 20px;transition:transform .1s,box-shadow .1s;width:100%}.input-field:focus{box-shadow:6px 6px 0 #ff477e;box-shadow:6px 6px 0 var(--primary);transform:translate(-2px,-2px)}.grid-answers{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.password-wrapper{position:relative;width:100%}.eye-button{align-items:center;background:#f0f4f8;background:var(--bg-main);border:2px solid #1e1e2f;border:2px solid var(--text-main);border-radius:50%;color:#1e1e2f;color:var(--text-main);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:.2s;width:40px}.eye-button:hover{background:#ffd166;background:var(--warning);color:#000}.btn{align-items:center;border:4px solid #1e1e2f;border:var(--border-thick);border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:900;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:transform .1s}.btn-primary{background:#ff477e;background:var(--primary);box-shadow:0 8px 0 #c04,0 8px 0 4px #1e1e2f;box-shadow:0 8px 0 var(--primary-shadow),0 8px 0 4px var(--shadow-color)}.btn-primary:active{box-shadow:0 0 0 #c04,0 0 0 4px #1e1e2f;box-shadow:0 0 0 var(--primary-shadow),0 0 0 4px var(--shadow-color);transform:translateY(8px)}.btn-secondary{background:#4361ee;background:var(--secondary);box-shadow:0 8px 0 #273499,0 8px 0 4px #1e1e2f;box-shadow:0 8px 0 var(--secondary-shadow),0 8px 0 4px var(--shadow-color)}.btn-secondary:active{box-shadow:0 0 0 #273499,0 0 0 4px #1e1e2f;box-shadow:0 0 0 var(--secondary-shadow),0 0 0 4px var(--shadow-color);transform:translateY(8px)}.btn-success{background:#06d6a0;background:var(--success);box-shadow:0 8px 0 #04936d,0 8px 0 4px #1e1e2f;box-shadow:0 8px 0 var(--success-shadow),0 8px 0 4px var(--shadow-color);color:#000}.btn-success:active{box-shadow:0 0 0 #04936d,0 0 0 4px #1e1e2f;box-shadow:0 0 0 var(--success-shadow),0 0 0 4px var(--shadow-color);transform:translateY(8px)}.btn-danger{background:#ef476f;background:var(--danger);border-radius:50px;box-shadow:0 10px 0 #b01235,0 10px 0 4px #1e1e2f;box-shadow:0 10px 0 var(--danger-shadow),0 10px 0 4px var(--shadow-color);font-size:2rem;padding:20px 60px}.btn-danger:active{box-shadow:0 0 0 #b01235,0 0 0 4px #1e1e2f;box-shadow:0 0 0 var(--danger-shadow),0 0 0 4px var(--shadow-color);transform:translateY(10px)}.btn-kick{align-items:center;background:#ef476f;background:var(--danger);border-radius:8px;box-shadow:2px 2px 0 #1e1e2f;box-shadow:2px 2px 0 var(--shadow-color);color:#fff;display:flex;font-size:.9rem;gap:5px;padding:6px 12px}.btn-kick:active{box-shadow:0 0 0 #1e1e2f;box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.btn-full{margin-top:20px;width:100%}.mascot-wrapper{align-items:flex-end;display:flex;height:160px;justify-content:center;margin-bottom:-20px;pointer-events:none;position:relative;width:100%;z-index:10}.mascot-svg{filter:drop-shadow(4px 4px 0 #1e1e2f);filter:drop-shadow(4px 4px 0 var(--shadow-color));height:180px}.spinning-area{background:#fff;background:var(--bg-card);border:4px solid #1e1e2f;border:var(--border-thick);border-radius:30px;box-shadow:12px 12px 0 #1e1e2f;box-shadow:12px 12px 0 var(--shadow-color);padding:clamp(40px,10vw,80px);text-align:center;width:100%}.slot-machine-box{align-items:center;background:#f0f4f8;background:var(--bg-main);border:6px solid #1e1e2f;border:6px solid var(--text-main);border-radius:20px;box-shadow:inset 0 0 20px #00000080;display:flex;height:200px;justify-content:center;margin:20px auto;overflow:hidden;padding:20px;width:200px}.slot-letter{color:#ffd166;color:var(--warning);font-size:8rem;font-weight:900;text-shadow:0 0 20px #c90;text-shadow:0 0 20px var(--warning-shadow);transform:translateZ(0)}.timer-bar-wrapper{background:#f0f4f8;background:var(--bg-main);border:4px solid #1e1e2f;border:var(--border-thick);border-radius:15px;height:30px;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.timer-bar-fill{background:#06d6a0;background:var(--success);height:100%;transition:width 1s linear,background-color .3s}.timer-text-overlay{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:900;inset:0;justify-content:center;position:absolute;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.table-responsive{background:#fff;background:var(--bg-card);border:4px solid #1e1e2f;border:var(--border-thick);border-radius:20px;box-shadow:8px 8px 0 #1e1e2f;box-shadow:8px 8px 0 var(--shadow-color);overflow-x:auto;width:100%}.results-table{border-collapse:collapse;min-width:700px;width:100%}.results-table th{background:#1e1e2f;background:var(--text-main);border-bottom:4px solid #1e1e2f;border-bottom:var(--border-thick);color:#f0f4f8;color:var(--bg-main);font-size:1.1rem;font-weight:900;padding:20px;text-transform:uppercase}.results-table td{border-bottom:2px solid #f0f4f8;border-bottom:2px solid var(--bg-main);border-right:2px solid #f0f4f8;border-right:2px solid var(--bg-main);color:#1e1e2f;color:var(--text-main);font-size:1.2rem;font-weight:700;padding:20px}.score-badge{align-items:center;border:2px solid #1e1e2f;border:2px solid var(--shadow-color);border-radius:10px;color:#000;display:inline-flex;font-size:.9rem;font-weight:900;justify-content:center;margin-left:10px;padding:4px 10px}.score-10{background:#06d6a0;background:var(--success)}.score-5{background:#ffd166;background:var(--warning)}.score-0{color:#64748b;color:var(--text-muted);text-decoration:line-through}.leaderboard-row,.score-0{background:#f0f4f8;background:var(--bg-main)}.leaderboard-row{align-items:center;border:4px solid #1e1e2f;border:var(--border-thick);border-radius:16px;color:#1e1e2f;color:var(--text-main);display:flex;font-size:1.3rem;font-weight:800;justify-content:space-between;margin-bottom:15px;padding:20px}.leaderboard-row.rank-1{background:#ffd166;background:var(--warning);color:#000}.leaderboard-row.rank-2{background:#64748b;background:var(--text-muted);color:#fff}.leaderboard-row.rank-3{background:#ef476f;background:var(--danger);color:#fff}.player-lobby-row{background:#fff;background:var(--bg-card);justify-content:space-between}.player-info,.player-lobby-row{align-items:center;display:flex}.player-info{gap:10px}.reactions-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border-radius:30px;bottom:20px;display:flex;gap:10px;padding:10px;position:fixed;right:20px;z-index:100}.reaction-btn{align-items:center;background:#fff;background:var(--bg-card);border:2px solid #1e1e2f;border:2px solid var(--text-main);border-radius:50%;box-shadow:2px 2px 0 #1e1e2f;box-shadow:2px 2px 0 var(--shadow-color);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:transform .1s;width:50px}.reaction-btn:active{box-shadow:0 0 0 #1e1e2f;box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.floating-emoji{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));font-size:4rem;pointer-events:none;position:fixed;z-index:1000}hr{border:0;border-top:4px solid #1e1e2f;border-top:var(--border-thick);margin:30px 0;opacity:.5}
/*# sourceMappingURL=main.9ac80b18.css.map*/