:root{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e9f0ff;background:#08152b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font-weight:750;background:#2563eb;color:#fff}button:hover{filter:brightness(1.12)}button:disabled{cursor:not-allowed;opacity:.45}.secondary{background:#314260}.danger{background:#b91c1c}.good{background:#047857}.outline{background:transparent;border:1px solid #8195b7}.small{padding:8px 12px;font-size:13px}.wrap{max-width:1150px;margin:auto;padding:18px}.panel{background:#142747;border:1px solid #29466e;border-radius:18px;padding:18px;margin-bottom:15px}.nav{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:#9fb3d3}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.inline{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pill{background:#264368;padding:6px 12px;border-radius:999px;font-size:13px}.big{font-size:clamp(22px,4vw,40px)}.timer{font-size:clamp(44px,9vw,100px);font-weight:900;font-variant-numeric:tabular-nums;color:#60a5fa;line-height:1}.timer.urgent{color:#fb7185}input,textarea,select{background:#07182f;border:1px solid #47618b;color:#fff;border-radius:9px;padding:11px;width:100%}label{font-size:13px;color:#bdd1f2;display:block;margin-bottom:5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(23px,3vw,34px)}.qbox{background:#1e365d;border:1px solid #3b6096;border-radius:16px;padding:20px;line-height:1.42;font-weight:700;font-size:clamp(19px,3vw,34px)}.qbox img{display:block;max-width:100%;max-height:30vh;margin:15px auto 0;object-fit:contain;border-radius:10px}.option{background:#1d3559;padding:14px;border-radius:12px;margin:8px 0;font-size:clamp(16px,2vw,22px)}.option strong{color:#93c5fd;margin-right:15px}.message{padding:12px;border-radius:10px;background:#20426a;margin:10px 0}.success{background:#075b4b}.error{background:#7f1d1d}.hidden{display:none!important}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.answer-btn{height:clamp(100px,23vh,155px);font-size:clamp(54px,13vw,90px);font-weight:900;border-radius:20px;text-shadow:0 2px 3px #0003;touch-action:manipulation}.answer-btn:nth-child(1){background:#1d4ed8}.answer-btn:nth-child(2){background:#047857}.answer-btn:nth-child(3){background:#b45309}.answer-btn:nth-child(4){background:#7e22ce}.answer-btn:focus-visible{outline:5px solid white}.modal-shade{position:fixed;inset:0;z-index:5;background:#000a;display:flex;justify-content:center;align-items:center;padding:16px}.modal{background:#edf3ff;color:#12213f;border-radius:22px;padding:24px;width:min(100%,440px);text-align:center;box-shadow:0 22px 90px #0008}.modal h2{font-size:30px}.modal .inline{justify-content:space-between}.modal button{font-size:22px;min-height:65px;flex:1}.phone{max-width:520px;margin:auto;padding:14px 13px 45px}.phone .qbox{font-size:clamp(19px,5vw,26px);min-height:115px}.phone .qbox img{max-height:21vh}.phone .timer{font-size:56px}.phone-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 17px}.screen{max-width:1600px;padding:2vw 3vw;margin:auto}.screen .qbox{font-size:clamp(28px,3.4vw,54px);text-align:center;min-height:110px}.screen .option{font-size:clamp(23px,2.4vw,36px)}.screen .timer{font-size:clamp(65px,10vw,145px)}.screen-center{text-align:center}.rank-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.rank-row{background:#1a355a;padding:8px 13px;border-radius:9px;display:flex;justify-content:space-between;gap:8px;font-size:clamp(13px,1.3vw,20px)}.rank-row.top{background:#264f8e}.rank-row b{color:#fcd34d}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.team-status{background:#223450;padding:12px;border-radius:10px;border:1px solid #405779}.team-status.online{border-color:#10b981}.team-status.answered{background:#065f46}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.form-grid .wide{grid-column:1/-1}.bar{height:8px;border-radius:9px;background:#354966;overflow:hidden}.bar>span{display:block;height:100%;background:#60a5fa}.stat{padding:15px;background:#1b3354;border-radius:12px}.tiny{font-size:12px}.link{color:#93c5fd;text-decoration:none}@media(max-width:580px){.wrap{padding:12px}.panel{padding:12px}.rank-table{grid-template-columns:1fr}.phone .qbox{padding:14px}.answer-grid{gap:10px}.answer-btn{height:clamp(92px,21vh,145px)}}
