:root{--arcade-bg:#080b14;--arcade-panel:#111726d1;--arcade-panel-strong:#151c2ef2;--arcade-text:#f8fafc;--arcade-muted:#94a3b8;--arcade-accent:#f6b800;--arcade-accent-soft:#f6b8002e;--arcade-green:#27e57b;--arcade-green-soft:#27e57b2e;--arcade-red:#ff4761;--arcade-red-soft:#ff47612e;--arcade-border:#ffffff17}.arcade-page{width:100%;height:100dvh;color:var(--arcade-text);background:radial-gradient(circle at 15% 15%,#f6b80014,#0000 28%),radial-gradient(circle at 85% 75%,#27e57b0f,#0000 30%),linear-gradient(135deg,#080b14 0%,#0b1020 50%,#080b14 100%);position:relative;overflow:hidden}.arcade-page:before{content:"";filter:blur(80px);pointer-events:none;background:#f6b8000f;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite alternate backgroundFloat;position:absolute;top:-250px;right:-180px}.arcade-game{z-index:1;box-sizing:border-box;width:100%;height:80dvh;padding:18px 24px;position:relative;overflow:hidden}.arcade-game-inner{flex-direction:column;width:min(1180px,100%);height:100%;min-height:0;margin:0 auto;display:flex}.score-bar{justify-content:center;align-items:center;gap:18px;width:100%;margin:0 auto 18px;display:flex}.score-item{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;min-width:145px;padding:10px 18px;display:flex;box-shadow:0 8px 25px #0000002e}.score-icon{background:#ffffff12;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.score-content{flex-direction:column;line-height:1;display:flex}.score-label{letter-spacing:1.5px;opacity:.55;margin-bottom:5px;font-size:10px;font-weight:800}.score-content strong{letter-spacing:-.5px;font-size:21px;font-weight:900}.score-divider{background:#ffffff1a;width:1px;height:35px}.score-combo{border-color:#ff822833}.score-combo .score-icon{background:#ff641e1a}.score-combo .score-content strong{font-size:23px}.score-timer{justify-content:center;align-items:center;padding:0;display:flex}.timer-circle{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-track{fill:none;stroke:#ffffff1f;stroke-width:4px}.timer-progress{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 50ms linear,stroke .2s}.timer-number{z-index:1;font-size:20px;font-weight:900;line-height:1;position:relative}@media (max-width:600px){.score-bar{gap:8px;margin-bottom:12px}.score-item{flex:1;gap:8px;min-width:0;padding:8px 11px}.score-icon{width:32px;height:32px;font-size:17px}.score-content strong{font-size:18px}.score-combo .score-content strong{font-size:20px}.score-divider{display:none}}.timer{flex:none;margin-bottom:12px}.timer .d-flex{margin-bottom:5px!important}.timer strong{color:var(--arcade-muted);font-size:.8rem}.timer .progress{background:#ffffff12;border-radius:20px;overflow:hidden;height:7px!important}.timer .progress-bar{background:linear-gradient(90deg, var(--arcade-green), var(--arcade-accent));border-radius:20px;transition:width .25s linear;box-shadow:0 0 14px #f6b80059}.arcade-question-area{text-align:center;flex:none;padding:5px 20px 12px}.question-title{color:var(--arcade-text);letter-spacing:-.02em;text-shadow:0 4px 20px #00000059;margin:0;font-size:clamp(1.35rem,2.8vw,2.25rem);font-weight:850;line-height:1.12}.arcade-answers{flex:none;grid-template-columns:1fr 1fr;gap:15px;margin-top:4px;display:grid}@media (max-width:700px){.arcade-answers{gap:5px}.answer-card{border-radius:14px;height:145px}.answer-image{height:135px}}.answer-card{cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1a;border-radius:22px;width:100%;height:100%;min-height:0;padding:8px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 35px #00000040}.answer-card:before{content:"";opacity:.5;pointer-events:none;background:linear-gradient(120deg,#ffffff14,#0000 35%);position:absolute;inset:0}.answer-card:hover:not(:disabled){background:linear-gradient(145deg,#f6b8001f,#ffffff0b);border-color:#f6b8006b;transform:translateY(-5px)scale(1.012);box-shadow:0 18px 40px #00000052,0 0 25px #f6b80014}.answer-card:active:not(:disabled){transform:scale(.975)}.answer-image{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.answer-image img{object-fit:contain;filter:drop-shadow(0 8px 12px #0000002e);padding:10px;transition:transform .25s,filter .25s}.answer-card:hover:not(:disabled) .answer-image img{filter:drop-shadow(0 12px 18px #00000047);transform:scale(1.045)}.answer-card.answer-correct{border-color:var(--arcade-green);background:linear-gradient(145deg,#27e57b40,#27e57b0f);box-shadow:0 0 0 2px #27e57b26,0 0 45px #27e57b52,inset 0 0 30px #27e57b14}.answer-card.answer-wrong{border-color:var(--arcade-red);background:linear-gradient(145deg,#ff476140,#ff47610f);animation:.5s wrongShake;box-shadow:0 0 0 2px #ff476126,0 0 40px #ff476147}.answer-card.answer-dimmed{opacity:.25;filter:saturate(.5);transform:scale(.985)}.arcade-feedback{text-align:center;border-radius:18px;flex:none;width:100%;margin-bottom:10px;padding:9px 18px;animation:.45s cubic-bezier(.17,.67,.3,1.4) feedbackIn;position:relative;overflow:hidden}.feedback-correct{background:linear-gradient(135deg,#27e57b2e,#27e57b0b);border:1px solid #27e57b80;box-shadow:0 0 35px #27e57b29}.feedback-wrong{background:linear-gradient(135deg,#ff47612e,#ff47610b);border:1px solid #ff476180;box-shadow:0 0 30px #ff476124}.feedback-title{color:var(--arcade-text);letter-spacing:.04em;font-size:clamp(1.35rem,3vw,2.15rem);font-weight:950;line-height:1;animation:.6s cubic-bezier(.17,.67,.3,1.5) titlePop}.feedback-combo{color:var(--arcade-green);text-shadow:0 0 12px #27e57b8c,0 0 30px #27e57b59;margin-top:12px;font-size:clamp(3.5rem,11vw,6rem);font-weight:1000;line-height:.9;animation:.9s cubic-bezier(.16,1.3,.3,1) comboBigPop}.feedback-xp{color:var(--arcade-green);text-shadow:0 0 12px #27e57b59;margin-top:8px;font-size:1.15rem;font-weight:900;animation:.9s ease-out xpRise}.feedback-xp span{font-variant-numeric:tabular-nums}.feedback-subtitle{color:var(--arcade-muted);margin-top:4px;font-size:.9rem;font-weight:700}.retry-button{color:#111827;cursor:pointer;background:linear-gradient(135deg,#f6b800,#ffcf3f);border:0;border-radius:12px;margin-top:9px;padding:9px 22px;font-size:.9rem;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 25px #f6b80040}.retry-button:hover{transform:translateY(-2px)scale(1.025);box-shadow:0 12px 30px #f6b80059}.game-over-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03060ec2;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out gameOverFade;display:flex;position:fixed;inset:0}.game-over-popup{text-align:center;background:linear-gradient(145deg,#1c243afa,#0a0f1cfa);border:1px solid #ffffff1f;border-radius:28px;width:min(440px,100%);padding:34px 28px 30px;animation:.45s cubic-bezier(.17,.67,.3,1.4) gameOverPop;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 60px #ff47611a}.game-over-popup:before{content:"";filter:blur(45px);pointer-events:none;background:#ff47611f;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.game-over-icon{margin-bottom:12px;font-size:3.4rem;line-height:1;animation:1.2s ease-in-out infinite timeoutPulse;position:relative}.game-over-title{color:#fff;letter-spacing:.03em;text-shadow:0 4px 20px #00000059;font-size:clamp(1.7rem,5vw,2.25rem);font-weight:950;line-height:1.05;position:relative}.game-over-text{color:#94a3b8;margin-top:9px;font-size:.95rem;font-weight:600;position:relative}.game-over-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid;position:relative}.game-over-stats>div{background:#ffffff0b;border:1px solid #ffffff12;border-radius:16px;padding:15px 10px;box-shadow:inset 0 1px #ffffff0a}.game-over-stats span{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.game-over-stats strong{color:#f6b800;margin-top:5px;font-size:1.8rem;font-weight:950;line-height:1;display:block}.game-over-stats>div:last-child strong{color:#27e57b;text-shadow:0 0 18px #27e57b38}.retry-button{color:#111827;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#f6b800,#ffd34f);border:0;border-radius:14px;width:100%;margin-top:20px;padding:13px 22px;font-size:.95rem;font-weight:950;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 10px 30px #f6b80038}.retry-button:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.015);box-shadow:0 14px 35px #f6b80057}.retry-button:active{transform:scale(.97)}.cancel-button{color:#111827;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#f04c0b,#c60e05);border:0;border-radius:14px;width:100%;margin-top:20px;padding:13px 22px;font-size:.95rem;font-weight:950;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 10px 30px #f6b80038}.cancel-button:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.015);box-shadow:0 14px 35px #f65a0057}.cancel-button:active{transform:scale(.97)}@keyframes gameOverFade{0%{opacity:0}to{opacity:1}}@keyframes gameOverPop{0%{opacity:0;transform:translateY(25px)scale(.82)}60%{transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes timeoutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (max-width:576px){.game-over-overlay{padding:14px}.game-over-popup{border-radius:23px;padding:28px 20px 22px}.game-over-icon{font-size:2.8rem}.game-over-stats{gap:8px;margin-top:20px}.game-over-stats>div{padding:13px 8px}.game-over-stats strong{font-size:1.5rem}.retry-button{margin-top:16px}}.arcade-start-screen{text-align:center;background:linear-gradient(145deg,#192034f5,#090e1bf5);border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:min(500px,100% - 30px);min-height:380px;margin:auto;padding:45px 30px;animation:.5s cubic-bezier(.17,.67,.3,1.3) startScreenIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000080,0 0 60px #f6b80014}.arcade-start-glow{filter:blur(55px);pointer-events:none;background:#f6b8001f;border-radius:50%;width:260px;height:260px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.arcade-start-icon{margin-bottom:18px;font-size:4rem;animation:2s ease-in-out infinite startIconFloat;position:relative}.arcade-start-screen h1{color:#fff;letter-spacing:.02em;margin:0;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:950;position:relative}.arcade-start-screen p{color:#94a3b8;max-width:360px;margin:12px auto 0;font-weight:600;line-height:1.5;position:relative}.start-game-button{color:#111827;cursor:pointer;background:linear-gradient(135deg,#f6b800,#ffd34f);border:0;border-radius:15px;width:min(320px,100%);margin-top:28px;padding:14px 24px;font-size:1rem;font-weight:950;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 10px 30px #f6b80040}.start-game-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 38px #f6b80059}.start-game-button:active{transform:scale(.97)}@keyframes startScreenIn{0%{opacity:0;transform:translateY(20px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes startIconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes backgroundFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(-80px,80px)scale(1.15)}}@keyframes correctPop{0%{transform:scale(1)}35%{transform:scale(1.045)}60%{transform:scale(.985)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes feedbackIn{0%{opacity:0;transform:translateY(-14px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes titlePop{0%{opacity:0;transform:scale(.65)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes comboPop{0%{opacity:0;transform:scale(.35)rotate(-8deg)}55%{transform:scale(1.2)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes xpRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.arcade-game{padding:9px}.score-bar{gap:8px;margin-bottom:8px}.score-bar>div{border-radius:12px;min-width:0;padding:7px 12px;font-size:.65rem}.score-bar strong{font-size:1.15rem}.timer{margin-bottom:8px}.timer .progress{height:6px!important}.arcade-question-area{padding:3px 8px 8px}.question-title{font-size:1.2rem}.arcade-answers{gap:8px}.answer-card{border-radius:15px;padding:5px}.answer-image img{padding:4px}.arcade-feedback{margin-bottom:7px;padding:8px 12px}}@media (max-height:700px){.arcade-game{padding-top:8px;padding-bottom:8px}.score-bar{margin-bottom:5px}.timer{margin-bottom:6px}.arcade-question-area{padding-bottom:5px}.arcade-feedback{padding:5px 12px}}@keyframes comboBigPop{0%{opacity:0;transform:scale(.2)rotate(-10deg)}35%{opacity:1;transform:scale(1.45)rotate(4deg)}55%{transform:scale(.82)rotate(-2deg)}72%{transform:scale(1.15)rotate(1deg)}88%{transform:scale(.96)}to{opacity:1;transform:scale(1)rotate(0)}}.question-image{border-radius:12px;width:100%;max-width:500px;height:300px;margin:0 auto 30px;position:relative;overflow:hidden}.question-image img{object-fit:contain}.image-to-text-question-image{width:100%;max-width:420px;height:180px;margin:10px auto 25px;position:relative}.image-to-text-question-image img{object-fit:contain}.answer-card.image-to-text-answer{height:80px}.arcade-leaderboard-card{background:#343a40;border-radius:24px;width:100%;max-width:850px;margin:0 auto;padding:28px;box-shadow:0 18px 45px #00000040}.arcade-leaderboard-title{color:#fff;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.arcade-leaderboard-heading{align-items:center;gap:16px;min-width:0;display:flex}.arcade-leaderboard-heading>span{flex-shrink:0;font-size:2.4rem}.arcade-leaderboard-heading h2{letter-spacing:.5px;margin:0;font-size:1.6rem;font-weight:800}.arcade-leaderboard-heading p{color:#fff9;margin:3px 0 0;font-size:.9rem}.arcade-leaderboard-back{color:#fff;letter-spacing:.3px;white-space:nowrap;background:#18d3df;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:5px 10px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex}.arcade-leaderboard-back:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38;text-decoration:none;transform:translateY(-1px)}.arcade-leaderboard-back:active{transform:translateY(0)}.arcade-leaderboard-table{border-radius:16px;width:100%;overflow:hidden}.arcade-leaderboard-head,.arcade-leaderboard-row{grid-template-columns:70px minmax(0,1fr) 130px 110px;align-items:center;display:grid}.arcade-leaderboard-head{color:#ffffff8c;letter-spacing:.7px;background:#00000038;min-height:46px;padding:0 18px;font-size:.75rem;font-weight:700}.arcade-leaderboard-head div:nth-child(3),.arcade-leaderboard-head div:nth-child(4){text-align:right}.arcade-leaderboard-row{color:#fff;background:#ffffff0e;border-top:1px solid #ffffff0f;min-height:64px;padding:0 18px;transition:all .18s}.arcade-leaderboard-row:hover{background:#ffffff1a;transform:translate(3px)}.arcade-leaderboard-rank{font-size:1rem;font-weight:700}.arcade-leaderboard-player{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-right:15px;font-size:1rem;font-weight:600;overflow:hidden}.arcade-leaderboard-score{text-align:right;font-size:1.15rem;font-weight:800}.arcade-leaderboard-combo{text-align:right;font-size:.95rem;font-weight:700}.arcade-leaderboard-combo span{font-size:1.15rem}.arcade-leaderboard-podium{background:#ffffff17}.arcade-leaderboard-podium .arcade-leaderboard-score{font-size:1.25rem}.arcade-leaderboard-loading,.arcade-leaderboard-error,.arcade-leaderboard-empty{text-align:center;color:#ffffffb3;padding:50px 20px}@media (max-width:600px){.arcade-leaderboard-card{border-radius:18px;padding:18px 12px}.arcade-leaderboard-title{align-items:flex-start;gap:14px;margin-bottom:18px;padding:0 4px}.arcade-leaderboard-heading{gap:10px}.arcade-leaderboard-heading>span{font-size:2rem}.arcade-leaderboard-heading h2{font-size:1.3rem}.arcade-leaderboard-heading p{font-size:.8rem}.arcade-leaderboard-back{min-height:40px;padding:8px 11px;font-size:.7rem}.arcade-leaderboard-head,.arcade-leaderboard-row{grid-template-columns:42px minmax(0,1fr) 78px 65px;padding-left:12px;padding-right:12px}.arcade-leaderboard-head{min-height:40px;font-size:.65rem}.arcade-leaderboard-row{min-height:56px}.arcade-leaderboard-player{font-size:.9rem}.arcade-leaderboard-score{font-size:1rem}.arcade-leaderboard-combo{font-size:.85rem}.arcade-leaderboard-combo span{font-size:1rem}}.game-over-leaderboard-button{color:#fff;letter-spacing:.4px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:18px;padding:12px 18px;font-size:.9rem;font-weight:800;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex}.game-over-leaderboard-button:hover{color:#fff;background:#ffffff21;border-color:#ffffff38;text-decoration:none;transform:translateY(-1px)}.game-over-leaderboard-button:active{transform:translateY(0)}@media (max-width:600px){.game-over-leaderboard-button{min-height:46px;margin-top:16px;font-size:.85rem}}
.arcade-card{background:#343a40;border-radius:24px}.arcade-card .card-body{padding:40px}.score-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.score-box,.combo-box{color:#fff;text-align:center;border-radius:14px;min-width:140px;padding:12px 20px}.score-box{background:#0d6efd}.combo-box{background:#dc3545}.score-box span,.combo-box span{opacity:.8;font-size:.9rem;display:block}.score-box strong,.combo-box strong{font-size:2rem;font-weight:700;display:block}.timer{margin-bottom:25px}.timer .progress{border-radius:20px;height:18px}.timer .progress-bar{transition:width .2s linear}.question-title{text-align:center;color:#fff;margin-bottom:35px;font-size:2.5rem;font-weight:800}.answer-card{cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:150px;transition:all .2s;display:flex}.answer-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000040}.answer-correct{background:#22c55e}.answer-wrong{background:#ef4444}.answer-image{justify-content:center;align-items:center;width:100%;height:150px;display:flex;position:relative}.answer-image img{object-fit:contain;padding:10px}.image-to-text-grid .image-to-text-answer{padding-left:20px;text-align:left!important;justify-content:flex-start!important}.answer-option-letter{font-size:18px;font-weight:800;left:18px}.answer-text{padding-left:10px}@media (min-width:701px){.image-to-text-grid{grid-template-columns:1fr 1fr;gap:16px;grid-column:1/-1!important;width:100%!important;max-width:100%!important;display:grid!important}.image-to-text-grid .image-to-text-answer{box-sizing:border-box;height:80px;min-height:80px;padding-left:20px;text-align:left!important;justify-content:flex-start!important;width:100%!important}}@media (max-width:700px){.image-to-text-grid{flex-direction:column;gap:8px;display:flex;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.image-to-text-grid .image-to-text-answer{box-sizing:border-box;height:50px;min-height:60px;padding-left:45px;position:relative;text-align:left!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important}.answer-option-letter{font-size:18px;font-weight:800;position:absolute;left:18px}}.game-over-stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.game-over-stats>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:78px;display:flex}.game-over-stats span{white-space:nowrap;font-size:.65rem;line-height:1.1}.game-over-stats strong{margin-top:6px;font-size:1.35rem;line-height:1.1}@media (max-width:700px){.game-over-stats{grid-template-columns:repeat(3,1fr);gap:7px}.game-over-stats>div{height:78px;padding:5px}.game-over-stats span{font-size:.58rem}.game-over-stats strong{font-size:1.25rem}}.player-name-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.player-name-popup{text-align:center;background:#151b2b;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:400px;padding:30px;box-shadow:0 25px 70px #00000080}.player-name-icon{margin-bottom:10px;font-size:3rem}.player-name-popup h2{color:#fff;margin:0 0 8px;font-size:1.8rem;font-weight:800}.player-name-popup p{color:#aeb5c5;margin:0 0 20px}.player-name-popup form{flex-direction:column;gap:12px;display:flex}.player-name-popup input{color:#fff;box-sizing:border-box;background:#0d111b;border:1px solid #394154;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font-size:1rem}.player-name-popup input:focus{border-color:#f6b800}.player-name-popup button{color:#111;cursor:pointer;background:#f6b800;border:none;border-radius:12px;height:52px;font-size:1rem;font-weight:800}