.cc-auth-root{z-index:9999;color:#e8e8f0;background:radial-gradient(at top,#1a1a3a 0%,#0a0a1e 60%,#060614 100%);justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;animation:.3s ease-out cc-auth-fade;display:flex;position:fixed;inset:0}@keyframes cc-auth-fade{0%{opacity:0}to{opacity:1}}.cc-auth-card{background:linear-gradient(#141428f2,#0a0a19f2);border:1px solid #6464c84d;border-radius:16px;width:100%;max-width:380px;margin:16px;padding:36px 32px 28px;box-shadow:0 30px 80px #0009,inset 0 0 40px #5050c826}.cc-auth-logo{text-align:center;margin-bottom:28px}.cc-auth-title{letter-spacing:4px;color:gold;text-shadow:0 0 20px #ffd70066;margin-bottom:6px;font-size:32px;font-weight:900}.cc-auth-subtitle{letter-spacing:1.5px;color:#88a;text-transform:uppercase;font-size:13px}.cc-auth-tabs{background:#0000004d;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px;display:grid}.cc-auth-tab{color:#88a;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.cc-auth-tab:hover{color:#ccd}.cc-auth-tab-active{color:#1a1a2e;background:linear-gradient(gold,#d4a800);box-shadow:0 2px 8px #ffd70066}.cc-auth-form{flex-direction:column;gap:16px;display:flex}.cc-auth-label{letter-spacing:1px;color:#88a;text-transform:uppercase;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.cc-auth-input{color:#e8e8f0;background:#00000059;border:1px solid #6464c840;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.cc-auth-input:focus{background:#ffd7000d;border-color:gold;outline:none}.cc-auth-error{color:#f56;opacity:0;min-height:18px;padding:0 2px;font-size:13px;transition:opacity .15s}.cc-auth-error-show{opacity:1}.cc-auth-submit{color:#1a1a2e;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(gold,#d4a800);border:none;border-radius:8px;margin-top:4px;padding:14px;font-size:15px;font-weight:800;transition:transform .1s,box-shadow .15s;box-shadow:0 4px 14px #ffd7004d}.cc-auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ffd70073}.cc-auth-submit:disabled{opacity:.5;cursor:not-allowed}.cc-auth-footer{text-align:center;color:#557;letter-spacing:.5px;margin-top:20px;font-size:11px}.cc-role-root{z-index:9998;color:#e8e8f0;background:radial-gradient(circle at top,#2a1a3a 0%,#0a0a1e 70%,#050510 100%);justify-content:center;align-items:center;font-family:Inter,system-ui,Arial,sans-serif;animation:.4s ease-out cc-role-in;display:flex;position:fixed;inset:0}@keyframes cc-role-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cc-role-card{background:linear-gradient(#140f23f2,#0a0a14f2);border:1px solid #6450c84d;border-radius:16px;width:100%;max-width:920px;margin:20px;padding:28px 32px}.cc-role-title{text-align:center;letter-spacing:3px;color:gold;text-shadow:0 0 18px #ffd7004d;margin-bottom:6px;font-size:26px;font-weight:900}.cc-role-subtitle{text-align:center;color:#88a;letter-spacing:.5px;margin-bottom:24px;font-size:13px}.cc-role-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cc-role-cell{--role-color:#888;border:1.5px solid var(--role-color);cursor:pointer;text-align:center;background:#00000073;border-radius:12px;padding:22px 18px;transition:transform .12s,background .15s,box-shadow .15s}.cc-role-cell:hover{box-shadow:0 6px 24px #ffffff0d, 0 0 30px var(--role-color);background:#000000a6;transform:translateY(-3px)}.cc-role-icon{margin-bottom:8px;font-size:44px}.cc-role-name{letter-spacing:2px;color:var(--role-color);text-transform:uppercase;margin-bottom:6px;font-size:18px;font-weight:800}.cc-role-short{color:#ccc;margin-bottom:10px;font-size:13px;font-weight:600}.cc-role-desc{color:#888;font-size:11.5px;line-height:1.5}@media (width<=700px){.cc-role-grid{grid-template-columns:1fr}}.cc-practice-row{margin-top:18px;display:block}.cc-practice-cell{cursor:pointer;text-align:center;background:#001e3c73;border:1.5px dashed #4af;border-radius:12px;padding:14px 18px;transition:background .15s,box-shadow .15s,transform .12s}.cc-practice-cell:hover{background:#003c648c;transform:translateY(-2px);box-shadow:0 0 30px #50b4ff4d}.cc-practice-icon{font-size:28px}.cc-practice-name{letter-spacing:2px;color:#8cf;margin:6px 0 4px;font-size:15px;font-weight:800}.cc-practice-short{color:#ace;font-size:12px}.cc-orient-lock{color:#fff;z-index:99999;text-align:center;background:linear-gradient(160deg,#0a0a1e 0%,#1a1a3a 60%,#060614 100%);flex-direction:column;justify-content:center;align-items:center;padding:22px;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.3s ease-out cc-lk-in;display:flex;position:fixed;inset:0}@keyframes cc-lk-in{0%{opacity:0}to{opacity:1}}.cc-orient-icon{margin-bottom:18px;font-size:96px;animation:2.4s ease-in-out infinite cc-lk-rot}@keyframes cc-lk-rot{0%{transform:rotate(0)}35%{transform:rotate(90deg)}65%{transform:rotate(90deg)}to{transform:rotate(360deg)}}.cc-orient-title{letter-spacing:3px;color:gold;text-shadow:0 0 24px #ffd70066;margin-bottom:12px;font-size:28px;font-weight:900}.cc-orient-msg{color:#bcc;max-width:360px;font-size:15px;line-height:1.6}body.is-portrait #game-container{visibility:hidden}body.is-portrait #cc-mobile-controls{display:none!important}