@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@400;700&display=swap";.textbox{width:200px;padding:8px 12px;font-size:16px;border:none;border-radius:4px;background:#fff;font-family:inherit}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.title{color:#fff;font-size:50px;margin-bottom:48px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.login-box{width:360px;padding:32px;background:#0009;border-radius:8px}.field{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.field label{color:#fff;font-size:18px;width:100px;text-align:left}@media (orientation: landscape) and (max-height: 500px){.page{padding:8px;min-height:100dvh}.title{font-size:24px;margin-bottom:14px}.login-box{width:auto;max-width:92vw;padding:14px 18px;border-radius:8px}.field{margin-bottom:10px}.field label{font-size:14px;width:80px}.btn{margin:8px 0 0;padding:8px 0;font-size:15px}.textbox,.dropdown{font-size:14px;padding:6px 10px}.textbox{width:160px}.dropdown{min-width:60px}}.btn{margin:16px;padding:10px 0;width:100%;font-size:18px;color:#333;background:#fff;border:none;border-radius:4px;cursor:pointer;font-family:inherit}.btn:hover{background:#f0f0f0}.login-page,.login-page *{font-family:Orbitron,sans-serif}.login-btn{transition:background .15s,transform .1s,opacity .15s}.login-btn:active:not(:disabled){background:silver;transform:scale(.96)}.login-btn-loading{opacity:.7;cursor:wait!important}@media (orientation: landscape) and (max-height: 500px){.login-page{padding:8px}}.dropdown{padding:8px 12px;font-family:Orbitron,sans-serif;font-size:16px;border-radius:4px;border:none;min-width:80px}.ranking-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;padding:20px;position:relative}.ranking-back{position:fixed;top:16px;right:16px;z-index:100}.rank-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:min(1000px,92vw);margin:0 auto;justify-items:center}.rank-heading{margin:8px 0 12px;text-align:center;line-height:1.2;font-size:28px;font-weight:600;color:#fff}.correct-month{text-align:center;margin-bottom:16px;opacity:.9;color:#fff;font-size:22px}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.rank-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:6px 0}.rank-no{color:#fff;opacity:.9;text-align:left;font-size:18px;font-weight:600}.rank-name{background:#fff;color:#222;border-radius:6px;padding:10px 14px;min-width:160px;display:inline-block;font-size:17px;font-weight:500;box-shadow:0 2px 4px #0000001a}.rank-val{color:#fff;opacity:.9;min-width:48px;text-align:right;font-size:18px;font-weight:600}@media (max-width: 768px){.rank-grid{grid-template-columns:1fr;gap:32px}.rank-heading{font-size:24px}.correct-month{font-size:18px}.rank-row{grid-template-columns:64px 1fr auto;gap:12px}.rank-no{font-size:16px}.rank-name{font-size:15px;padding:8px 12px;min-width:120px}.rank-val{font-size:16px;min-width:40px}}.rank-row:first-child .rank-no{color:gold;opacity:1;font-size:20px}.rank-row:first-child .rank-name{background:linear-gradient(135deg,gold,#ffed4e);color:#222;font-weight:600}.rank-row:first-child .rank-val{color:gold;opacity:1;font-size:20px}.rank-row:nth-child(2) .rank-no{color:silver;opacity:1}.rank-row:nth-child(2) .rank-val{color:silver;opacity:1}.rank-row:nth-child(3) .rank-no{color:#cd7f32;opacity:1}.rank-row:nth-child(3) .rank-val{color:#cd7f32;opacity:1}@media (orientation: landscape) and (max-height: 500px){.ranking-page{padding:8px 12px}.ranking-back{top:6px;right:6px}.rank-heading{font-size:18px;margin:4px 0 6px}.correct-month{font-size:14px;margin-bottom:8px}.rank-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:min(1000px,96vw)}.rank-list{gap:4px}.rank-row{grid-template-columns:40px 1fr auto;gap:8px;padding:2px 0}.rank-no{font-size:13px}.rank-name{font-size:13px;padding:4px 8px;min-width:90px}.rank-val{font-size:13px;min-width:32px}.rank-row:first-child .rank-no,.rank-row:first-child .rank-val{font-size:14px}}.play-page{position:relative;min-height:100dvh;width:100%;overflow:hidden}.selection-info-container{position:absolute;top:16px;left:16px;z-index:100;background:#ffffffe6;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px}.selection-info-item{display:flex;align-items:center;gap:8px;font-size:14px}.selection-info-label{font-weight:600;color:#555;min-width:60px}.selection-info-value{font-weight:700;color:#333}.quit-button{margin-top:8px;width:100%;padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;background:#ffffffe6;color:#666;font-size:13px;cursor:pointer;transition:all .2s ease}.quit-button:hover{background:#ef4444;color:#fff;border-color:#ef4444}.mic-status-container{position:absolute;top:14px;right:16px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.mic-status-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;font-size:16px;font-weight:600;transition:all .3s ease}.mic-status-badge.active{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444466}.mic-status-badge.inactive{background:#ffffffe6;color:#666}.mic-icon{font-size:20px}.mic-text{font-size:14px;letter-spacing:.5px}.mic-heard-text{background:#fffffff2;color:#333;padding:8px 12px;border-radius:8px;font-size:14px;max-width:300px;word-wrap:break-word;text-align:right;box-shadow:0 2px 8px #0000001a}.question-number-container{position:absolute;top:50%;left:100px;transform:translateY(-50%);z-index:100}.question-number-display{width:84px;height:84px;border-radius:50%;background:#fffffff2;color:#333;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 4px 12px #00000026}.timer-container{position:absolute;top:50%;left:100px;transform:translateY(60px);z-index:100}.timer-display{width:84px;height:84px;border-radius:50%;background:#3b82f6f2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 4px 12px #3b82f666;transition:all .3s ease}.timer-display.timer-warning{background:#ef4444f2;box-shadow:0 4px 12px #ef444499;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.enemy-container{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:50;transition:all .3s ease}.enemy-container.enemy-front{z-index:150}.enemy-img{width:200px;height:auto;transition:all .3s ease}.enemy-img.enemy-ko{filter:brightness(.5);transform:scale(.8)}.enemy-img.enemy-attack{filter:brightness(1.2) saturate(1.5);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.requirement-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:32px;border-radius:16px;max-width:600px;width:90%;box-shadow:0 8px 32px #0003;z-index:200}.requirement-title{font-size:28px;font-weight:700;margin-bottom:16px;color:#333;text-align:center}.requirement-text{font-size:30px;line-height:1.6;color:#555;margin-bottom:24px;text-align:center}.requirement-button{display:flex;justify-content:center}.banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5);z-index:250;animation:fadeInOut 1.2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.question-text{position:absolute;top:250px;left:50%;transform:translate(-50%);width:80%;max-width:800px;font-size:clamp(40px,min(6vw,8.5vh),75px);line-height:1.2;font-weight:600;color:#fff;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.7);z-index:100;min-height:50px}.question-text.long-text{font-size:clamp(26px,min(4.2vw,6vh),52px)}.question-text.with-image{left:200px;transform:none;width:calc(100% - 596px);max-width:none;font-size:clamp(32px,min(5vw,7.5vh),68px)}.question-text.with-image.long-text{font-size:clamp(22px,min(3.4vw,5vh),44px)}.question-image-container{position:absolute;top:50%;right:40px;transform:translateY(-50%);z-index:90}.question-image{max-width:300px;max-height:250px;border-radius:12px;box-shadow:0 4px 16px #0000004d}.beam-effect{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:4px;height:300px;background:linear-gradient(to top,rgba(255,100,100,.9),transparent);z-index:200;animation:beamShoot .8s ease}@keyframes beamShoot{0%{height:0;opacity:0}50%{height:300px;opacity:1}to{height:300px;opacity:0}}.gun-button-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:150}.gun-button{position:relative;width:160px;height:160px;border:none;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.gun-button.enabled{cursor:pointer}.gun-button.enabled:hover{transform:scale(1.1)}.gun-button.disabled{cursor:not-allowed;opacity:.5}.gun-button.mic-active{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gun-img{width:100%;height:100%;object-fit:contain}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid #ef4444;border-radius:50%;animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{width:100%;height:100%;opacity:1}to{width:150%;height:150%;opacity:0}}.answer-display{position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:180;width:80%;max-width:min(900px,86vw)}.answer-display.correct-answer{background:#22c55ef2;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000004d}.answer-badge{font-size:14px;font-weight:700;color:#fff;text-align:center;margin-bottom:12px;letter-spacing:1px}.answer-content{display:flex;align-items:center;justify-content:center;gap:12px}.answer-mark{font-size:32px;color:#fff}.answer-text{font-size:clamp(26px,3.8vw,64px);font-weight:600;color:#fff}.freeze-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:500;display:flex;align-items:center;justify-content:center}.freeze-dialog{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px #0000004d}.freeze-dialog h3{font-size:22px;color:#333;margin-bottom:12px}.freeze-dialog p{font-size:14px;color:#666;margin-bottom:24px}@media (max-width: 768px){.question-text{font-size:24px;width:90%}.question-text.long-text{font-size:22px}.question-text.with-image{left:76px;width:calc(100% - 254px);font-size:22px}.question-text.with-image.long-text{font-size:18px}.enemy-img{width:150px}.question-number-display{width:48px;height:48px;font-size:22px}.question-number-container{left:20px}.timer-container{left:20px;transform:translateY(40px)}.timer-display{width:48px;height:48px;font-size:16px}.question-image-container{right:20px}.question-image{max-width:150px;max-height:120px}.answer-text{font-size:20px}.gun-button{width:128px;height:128px}}@media (orientation: landscape) and (max-height: 500px){.selection-info-container{top:6px;left:6px;padding:6px 8px;gap:2px;border-radius:8px}.selection-info-item{font-size:11px;gap:4px}.selection-info-label{min-width:42px}.mic-status-container{top:6px;right:6px;gap:4px}.mic-status-badge{padding:6px 10px;border-radius:14px;font-size:12px}.mic-icon{font-size:14px}.mic-text{font-size:11px}.mic-heard-text{font-size:11px;padding:5px 8px;max-width:180px}.question-number-container{top:50%;left:12px;transform:translateY(-50%)}.question-number-display{width:44px;height:44px;font-size:16px}.timer-container{top:50%;left:12px;transform:translateY(52px)}.timer-display{width:44px;height:44px;font-size:14px}.enemy-container{top:8px}.enemy-img{width:110px}.requirement-box{padding:16px;max-width:92vw;width:auto;border-radius:12px}.requirement-title{font-size:18px;margin-bottom:8px}.requirement-text{font-size:16px;line-height:1.4;margin-bottom:12px}.banner-text{font-size:32px}.question-text{top:130px;width:70%;font-size:28px;min-height:0}.question-text.long-text{font-size:24px}.question-text.with-image{left:64px;width:calc(100% - 208px);font-size:24px}.question-text.with-image.long-text{font-size:20px}.question-image-container{right:12px}.question-image{max-width:120px;max-height:100px;border-radius:8px}.beam-effect{bottom:80px;height:180px}@keyframes beamShoot{0%{height:0;opacity:0}50%{height:180px;opacity:1}to{height:180px;opacity:0}}.gun-button-container{bottom:8px}.gun-button{width:88px;height:88px}.answer-display{bottom:110px;width:70%;max-width:70vw}.answer-display.correct-answer{padding:8px 12px;border-radius:10px}.answer-badge{font-size:11px;margin-bottom:4px;letter-spacing:.5px}.answer-content{gap:8px}.answer-mark{font-size:18px}.answer-text{font-size:26px}}.admin-page{min-height:100dvh;padding:40px 20px;background:linear-gradient(135deg,#005a9c,#4a90e2);color:#fff}.admin-title{text-align:center;font-size:2.5rem;margin-bottom:40px;font-family:Orbitron,sans-serif;text-shadow:0 0 20px rgba(255,255,255,.5)}.message{max-width:1200px;margin:0 auto 20px;padding:12px 20px;border-radius:8px;font-weight:500}.error-message{background:#ff6464e6;border:2px solid #ff6666}.success-message{background:#64ff64e6;border:2px solid #66ff66}.admin-section{max-width:1200px;margin:0 auto 40px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:30px;box-shadow:0 8px 32px #0003}.section-title{font-size:1.8rem;margin-bottom:20px;font-family:Orbitron,sans-serif;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:10px}.register-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:8px;flex:1}.field label{font-size:1rem;font-weight:500}.register-result{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:20px;margin-top:20px}.result-title{font-size:1.3rem;font-weight:700;margin-bottom:15px;color:gold}.result-item{font-size:1.1rem;margin:10px 0;font-family:Courier New,monospace}.result-item strong{color:gold}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:8px;overflow:hidden}.users-table thead{background:#0000004d}.users-table th{padding:15px;text-align:left;font-weight:600;font-size:1rem;border-bottom:2px solid rgba(255,255,255,.3)}.users-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:#ffffff1a}.password-cell{font-family:Courier New,monospace;color:gold}.edit-input{width:80px;padding:6px 10px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#0000004d;color:#fff;font-size:1rem;font-family:Orbitron,sans-serif}.edit-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 10px #4a90e280}.edit-buttons{display:flex;gap:8px}.edit-btn,.save-btn,.cancel-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Orbitron,sans-serif}.edit-btn{background:#4a90e2;color:#fff}.edit-btn:hover{background:#3a7fc2;box-shadow:0 0 10px #4a90e280}.save-btn{background:#005a9c;color:#fff}.save-btn:hover{background:#004a7c;box-shadow:0 0 10px #005a9c80}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#da190b;box-shadow:0 0 10px #f4433680}.failure-stats-section{max-width:3000px}.failure-stats-table-container{overflow-x:auto;position:relative;max-width:100%}.failure-stats-table{width:auto;min-width:max-content;border-collapse:separate;border-spacing:0;background:#ffffff0d;border-radius:8px}.failure-stats-table thead{background:#0000004d}.failure-stats-table th{padding:15px;text-align:left;font-weight:600;font-size:1rem;border-bottom:2px solid rgba(255,255,255,.3);position:sticky;top:0;z-index:9}.failure-stats-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.failure-stats-table tbody tr{transition:background .2s}.failure-stats-table tbody tr:hover{background:#ffffff1a}.failure-stats-table .fixed-column{position:sticky;left:0;background:#005a9cf2;z-index:10;min-width:150px;border-right:2px solid rgba(255,255,255,.3);box-shadow:2px 0 5px #0000004d}.failure-stats-table thead .fixed-column{background:#004678f2;z-index:12}.failure-stats-table th:first-child,.failure-stats-table td:first-child{position:sticky;left:0;background:#005a9cf2;z-index:10}.failure-stats-table thead th:first-child{background:#004678f2;z-index:12}.failure-stats-table tbody tr:hover .fixed-column{background:#006eb4f2}@media (max-width: 768px){.form-row{flex-direction:column;align-items:stretch}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:8px}.failure-stats-section{max-width:100%}}@media (orientation: landscape) and (max-height: 500px){.admin-page{padding:12px}.admin-title{font-size:1.4rem;margin-bottom:14px}.admin-section{padding:12px;margin-bottom:14px;border-radius:10px}.section-title{font-size:1.1rem;margin-bottom:10px;padding-bottom:6px}.register-form{gap:10px}.form-row{flex-direction:row;gap:8px}.field label{font-size:.85rem}.register-result{padding:10px;margin-top:10px}.result-title{font-size:1rem;margin-bottom:8px}.result-item{font-size:.9rem;margin:4px 0}.users-table,.failure-stats-table{font-size:.8rem}.users-table th,.users-table td,.failure-stats-table th,.failure-stats-table td{padding:6px 8px}.edit-input{width:56px;padding:4px 6px;font-size:.85rem}.edit-btn,.save-btn,.cancel-btn{padding:4px 8px;font-size:.75rem}.message{padding:8px 12px;margin-bottom:10px;font-size:.9rem}}html,body,#root{margin:0;padding:0;height:100%;font-family:Playpen Sans,sans-serif}body{background:url(/bg.png) no-repeat center center / cover}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.page h1{margin:0 0 24px;text-align:center}.panel{width:360px;max-width:90vw;padding:24px;background:#0009;border-radius:12px}.ranking-btn{position:fixed;top:16px;right:16px}