:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8edf6;background:#080c14}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:32px 16px 48px;background:radial-gradient(circle at 50% -12%,#263754 0,#111927 34%,#080c14 72%)}.brand{display:flex;justify-content:center;align-items:center;margin:4px auto 22px}.brand img{display:block;width:auto;max-width:min(72vw,300px);height:auto;max-height:90px;object-fit:contain;filter:drop-shadow(0 10px 24px #5b8dd833)}.brand-login{margin-top:5vh}.brand-login img{max-width:min(76vw,330px);max-height:105px}.brand-center img{max-width:min(65vw,250px);max-height:72px}.card{max-width:960px;margin:auto;padding:28px;background:#121a27eb;border:1px solid #2a3850;border-radius:18px;box-shadow:0 22px 70px #0008,0 1px 0 #ffffff0a inset;backdrop-filter:blur(12px)}.narrow{max-width:430px}.page-title{text-align:center}.page-title .muted{margin-bottom:24px}h1{margin:0 0 6px;font-size:28px;letter-spacing:.02em;color:#f7f9fc}h2{font-size:19px;margin:0 0 16px;color:#f2f5fa}header{display:flex;justify-content:space-between;align-items:start;gap:16px}.muted{color:#98a6ba;margin:4px 0 22px}.message{margin:18px 0;padding:12px 14px;border:1px solid #315a84;border-radius:8px;background:#172d45;color:#9dccff}section{margin-top:28px;padding-top:24px;border-top:1px solid #293548}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:600;color:#d7dfeb}input,select,button{width:100%;min-height:44px;border-radius:8px;border:1px solid #3b4960;padding:9px 11px;font:inherit;background:#0d1420;color:#edf2f8}input::placeholder{color:#6f7d91}input:focus,select:focus{outline:3px solid #4d8fff30;border-color:#5795ee}button{border:0;background:linear-gradient(135deg,#3977d3,#275bb0);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #1c4d9538}button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.55}.secondary{width:auto;background:#28364b;color:#dce4ef;box-shadow:none}.link{display:block;margin-top:20px;color:#70a9ff;text-align:center}.code-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:end}.filter{grid-template-columns:repeat(3,1fr);align-items:end}.filter button{width:auto}dl{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0}dt{color:#8f9db1}dd{margin:0;color:#e6ebf3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px;border-bottom:1px solid #293548}th{font-size:13px;color:#91a0b5}td{color:#dbe2ec}.code-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.code-card{padding:17px;border:1px solid #2d3a4f;border-radius:12px;background:#0d1420}.code-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-card-head>strong{font-size:18px;letter-spacing:.08em;color:#f5f8fc}.status{padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status.unused{background:#173c2d;color:#78e0aa}.status.used{background:#26364d;color:#9fc4ff}.activated-account{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin-top:15px;padding-top:14px;border-top:1px solid #263448}.activated-account span{color:#a8b5c7}.activated-account small{grid-column:1/-1;color:#76869c}.game-summary{margin-top:14px}.game-meta,.game-state{margin:0;padding:10px 12px;border-radius:8px;background:#141f2f;color:#9eafc5;font-size:13px}.roles{display:grid;gap:8px;margin-top:9px}.role{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 12px;border-left:3px solid #4a8be8;border-radius:6px;background:#172336}.role div{display:flex;gap:9px;align-items:center}.role div span,.role small{color:#8999af;font-size:12px}.role small{grid-column:1/-1}.role>strong{color:#70a9ff}.empty-state{padding:24px;border:1px dashed #34435a;border-radius:10px;text-align:center;color:#8999af}.security{display:flex;align-items:center;justify-content:space-between;gap:20px}.security h2{margin-bottom:5px}.security .muted{margin:0}.security-button{width:auto;padding-inline:24px}dialog{width:min(92vw,480px);padding:0;border:1px solid #34435a;border-radius:18px;background:#121a27;color:#e8edf6;box-shadow:0 28px 90px #000b}dialog::backdrop{background:#050810cc;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #293548}.dialog-head h2{margin:0 0 6px;font-size:22px}.dialog-head p{margin:0;color:#98a6ba;font-size:14px}.dialog-close{width:36px;min-height:36px;padding:0;border-radius:50%;background:#263246;color:#b9c4d4;font-size:24px;line-height:1;box-shadow:none}.password-form{padding:22px 26px 26px}.form-message{min-height:20px;font-size:13px}.form-message.success{color:#65d99b}.form-message.error{color:#ff8f87}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}.dialog-actions .cancel{background:#263246;color:#cbd5e3;box-shadow:none}@media(max-width:640px){body{padding:18px 10px 32px}.brand{margin-bottom:16px}.brand-login{margin-top:2vh}.brand-login img{max-height:82px}.brand-center img{max-height:58px}.card{padding:20px;border-radius:14px}.filter,.code-cards{grid-template-columns:1fr}.code-row{grid-template-columns:1fr 112px}header h1{font-size:24px}.security{align-items:flex-end}.security-button{padding-inline:16px}.dialog-head,.password-form{padding-left:20px;padding-right:20px}}