*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050816;color:#e5e7eb}.global-copyright{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;color:#64748b;letter-spacing:.04em;z-index:10;pointer-events:none}.page{min-height:100vh;align-items:center;justify-content:center;padding:24px}.card,.page{display:flex}.card{width:100%;max-width:900px;background:radial-gradient(circle at top,rgba(59,130,246,.3),transparent 60%),#020617;border-radius:24px;border:1px solid rgba(148,163,184,.3);box-shadow:0 20px 60px rgba(15,23,42,.9);padding:28px 32px 24px;flex-direction:column;gap:20px}.card:has(>.login-banner){overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:4px;border-bottom:1px solid rgba(148,163,184,.12);margin-bottom:4px}.title{font-size:24px;font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#93c5fd,#c4b5fd 40%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px rgba(147,197,253,.25))}.app-subtitle{font-size:12px;font-weight:500;color:#94a3b8;letter-spacing:.12em;margin-top:6px;text-transform:uppercase;opacity:.9}.badge{padding:5px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:11px;color:#94a3b8;flex-shrink:0}.login-banner{margin:-28px -32px 20px;border-radius:24px 24px 0 0;overflow:hidden;border-bottom:1px solid rgba(148,163,184,.15);background:rgba(15,23,42,.6)}.login-banner-img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover;object-position:center}.login-announcements{margin-top:4px;padding:12px 14px;background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.15);border-radius:12px}.login-announcements-title{font-size:12px;font-weight:600;color:#94a3b8;margin-bottom:8px;letter-spacing:.05em}.login-announcements-list{margin:0;padding-left:18px;font-size:12px;color:#cbd5e1;line-height:1.7}.login-announcements-list li{margin-bottom:4px}.login-announcements-list li:last-child{margin-bottom:0}.login-announcements-item-btn{background:none;border:none;padding:0;font:inherit;font-size:12px;color:#93c5fd;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}.login-announcements-item-btn:hover{color:#bfdbfe}.login-announcements-empty{color:#64748b;list-style:none;padding-left:0;margin-left:-18px}.announcement-modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.85);padding:24px}.announcement-modal{width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;background:#0f172a;border:1px solid rgba(148,163,184,.3);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.5)}.announcement-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.2);flex-shrink:0}.announcement-modal-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0;line-height:1.4}.announcement-modal-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;font-size:24px;line-height:1;cursor:pointer;border-radius:8px}.announcement-modal-close:hover{color:#e2e8f0;background:rgba(148,163,184,.15)}.announcement-modal-body{padding:16px 20px;overflow-y:auto;font-size:13px;color:#cbd5e1;line-height:1.7}.announcement-modal-body p{margin:0 0 .75em}.announcement-modal-body p:last-child{margin-bottom:0}.school-transition-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(2,6,23,.97) 0,rgba(2,6,23,.99) 100%);pointer-events:none;animation:school-transition-fade 2.6s ease-in-out forwards}.school-transition-content{text-align:center;opacity:0;animation:school-transition-text 2.6s ease-in-out forwards}.school-transition-school{font-size:clamp(1.4rem,4.5vw,2.25rem);font-weight:700;letter-spacing:.2em;background:linear-gradient(135deg,#93c5fd,#c4b5fd 50%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5em}.school-transition-character{font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:600;color:#c4b5fd;letter-spacing:.15em;margin-bottom:.4em}.school-transition-time{font-size:clamp(.8rem,2.2vw,1rem);font-weight:500;color:#94a3b8;letter-spacing:.08em}@keyframes school-transition-fade{0%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes school-transition-text{0%{opacity:0;transform:scale(.92)}18%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.log{background:rgba(15,23,42,.8);border-radius:16px;padding:12px 14px;max-height:360px;overflow:auto;font-size:14px;line-height:1.6}.log-entry{margin-bottom:8px}.log-entry span{opacity:.85}.log-entry-with-avatar{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.log-entry-with-avatar:last-child{margin-bottom:0}.log-entry-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.25)}.log-entry-avatar-img{width:100%;height:100%;object-fit:cover}.log-entry-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.log-entry-avatar-player{background:linear-gradient(135deg,#3b82f6,#6366f1)}.log-entry-avatar-ai{background:linear-gradient(135deg,#d97706,#b45309)}.log-entry-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.log-entry-label{font-size:12px;opacity:.95}.log-entry-text{white-space:pre-wrap;word-break:break-word}.log-entry-player .log-entry-label,.log-entry-player .log-entry-text{color:#93c5fd}.log-entry-player .log-entry-avatar{border-color:rgba(147,197,253,.4)}.log-entry-ai .log-entry-label,.log-entry-ai .log-entry-text{color:#fcd34d}.log-entry-ai .log-entry-avatar{border-color:rgba(252,211,77,.4)}.options{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.option-btn{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:transparent;color:#e5e7eb;font-size:12px;padding:6px 12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.option-btn:hover{background:rgba(37,99,235,.2);border-color:rgba(59,130,246,.9)}.input-row{display:flex;gap:8px;margin-top:4px}.input{flex:1 1;padding:8px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.9);color:#e5e7eb;font-size:13px;outline:none}.input:focus{border-color:rgba(96,165,250,.9)}.primary-btn{padding:8px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#3b82f6,#a855f7);color:#fff;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.primary-btn:disabled{opacity:.6;cursor:default}.footer{margin-top:12px;padding-top:12px;font-size:11px;color:#64748b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;border-top:1px solid rgba(148,163,184,.08)}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;display:inline-block}.status-ready{background:#22c55e}.status-busy{background:#f59e0b}.status-error{background:#ef4444}