:root{font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#f6f7ff;background:#10192b;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,#263d69 0%,transparent 38%),#10192b}.shell{max-width:760px;margin:auto;padding:22px 16px 48px}header{display:flex;gap:14px;align-items:center;margin-bottom:22px}.logo{font-size:38px;background:#263b63;border-radius:18px;padding:10px}h1{font-size:29px;margin:0;letter-spacing:-1px}header p{margin:3px 0;color:#b9c6de}.tag{margin-left:auto;background:#19ab94;color:#062e2b;font-size:12px;font-weight:800;border-radius:999px;padding:6px 10px;white-space:nowrap}.panel{background:#192844;border:1px solid #365079;border-radius:22px;padding:24px;margin:12px 0;box-shadow:0 15px 40px #070d1b50}.panel h2{margin:0 0 16px;font-size:23px}.muted{color:#b9c6de}.small{font-size:13px}.error{background:#5b2634;color:#fff0f0;border-radius:12px;padding:11px 14px;margin-bottom:14px}.success{background:#165243;border-radius:12px;padding:10px}label{display:block;font-size:14px;font-weight:700;margin:14px 0 6px}input{width:100%;font:inherit;border-radius:12px;padding:13px 14px;border:1px solid #7291b8;background:#0e1b31;color:white}button{font:inherit;cursor:pointer;border:0;border-radius:13px;padding:12px 16px;font-weight:800;background:#69d6c6;color:#082f2f;min-height:46px}button:hover{filter:brightness(1.08)}button.secondary{background:#344a71;color:white}button:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.stack{display:grid;gap:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#223657;border-radius:14px;padding:13px;text-align:center}.stat strong{display:block;font-size:22px}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.choice-grid button{font-size:24px;padding:12px 0;background:#2d4d7e;color:white}.choice-grid button.selected{background:#69d6c6;color:#082f2f}.choice-grid button.used{opacity:.4}.players{display:grid;gap:8px;margin:14px 0}.player{background:#243b62;padding:12px 14px;border-radius:12px;display:flex;justify-content:space-between}.badge{display:inline-block;background:#3e557e;border-radius:999px;padding:5px 9px;font-size:12px}.result-list{display:grid;gap:8px}.result-item{display:flex;justify-content:space-between;background:#223657;padding:12px;border-radius:12px}.highlight{color:#ffdf7b}.timer{font-size:22px;font-weight:900;color:#ffdf7b}.space{height:12px}footer{text-align:center;color:#91a4c4;font-size:12px;margin-top:24px}@media(max-width:520px){.shell{padding:12px 12px 30px}.panel{padding:17px}header h1{font-size:23px}.tag{font-size:10px}.stats{gap:5px}.stat{padding:8px}.stat strong{font-size:17px}}
.room-code{font-size:40px;font-weight:900;letter-spacing:.17em;text-align:center;color:#ffdf7b;background:#0e1b31;border:2px dashed #8baad8;border-radius:16px;padding:16px 8px;user-select:all}.sound-toggle{display:block;margin-left:auto;margin-top:-12px;margin-bottom:14px;font-size:12px;min-height:36px;padding:7px 10px}.result-item{animation:appear .25s ease-out}.choice-grid button:not(:disabled):active{transform:scale(.94)}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.result-item{animation:none}}