.nav-user-area{display:flex;align-items:center;gap:.75rem;margin-left:auto;padding-left:1.5rem}.student-nav-right{display:none}.nav-user-initials{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;flex-shrink:0}.nav-user-menu-item{display:none}.nav-signout-item{display:none}.nav-signout-btn{display:block;width:100%;padding:.9rem 1rem;border-radius:10px;background:rgba(255,138,61,.06);border:none;cursor:pointer;color:var(--orange);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:left;font-family:var(--font);transition:background var(--transition),color var(--transition)}.nav-signout-btn:hover{background:rgba(255,138,61,.12)}.nav-user-name{font-size:.8rem;font-weight:500;color:var(--grey-mid);letter-spacing:.04em;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--navy);color:var(--grey-mid);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.portal-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--orange);border-radius:50%;animation:portalSpin .8s linear infinite}@keyframes portalSpin{to{transform:rotate(360deg)}}.auth-gate{position:fixed;inset:0;z-index:200;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-gate-box{max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.auth-gate-icon{color:var(--orange);opacity:.8;margin-bottom:.5rem}.auth-gate-box h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:-.02em}.auth-gate-box p{font-size:.95rem;color:var(--grey-mid);line-height:1.7}.portal-header{padding:100px 5% 2rem;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(10,22,40,0) 0,rgba(26,48,80,.25) 100%)}.portal-header-inner{max-width:1100px;margin:0 auto}.portal-welcome{font-family:var(--font-heading);font-size:clamp(1.8rem, 3.5vw, 2.8rem);font-weight:800;letter-spacing:-.03em;color:var(--white);margin-bottom:.4rem}.portal-welcome span{color:var(--orange)}.portal-role-label{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--grey-mid);font-family:var(--font-accent)}.portal-body{max-width:1100px;margin:0 auto;padding:2.5rem 5% 5rem;display:flex;flex-direction:column;gap:2rem}.portal-card{background:var(--navy-light);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem}.portal-card .card-loading{font-size:.8rem;color:var(--grey-mid);letter-spacing:.06em}.card-title{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--grey-mid);margin-bottom:.3rem;font-family:var(--font-accent)}.card-value{font-size:1.05rem;font-weight:600;color:var(--white);margin-bottom:.1rem}.subscription-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem 2rem;align-items:start}.subscription-card .sub-actions{grid-column:1/-1;display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.subscription-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.subscription-status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.subscription-status-badge.status-active{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.25)}.subscription-status-badge.status-expired{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}.subscription-status-badge.status-pending{background:rgba(255,138,61,.12);color:var(--orange);border:1px solid rgba(255,138,61,.25)}.dashboard-section{display:flex;flex-direction:column;gap:1rem}#educator-dashboard,#parent-dashboard,#player-dashboard{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.section-header h2{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--grey-dark);letter-spacing:-.02em}.items-list{display:flex;flex-direction:column;gap:.6rem}.item-row{display:flex;align-items:center;gap:1rem;background:var(--navy-light);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.85rem 1.1rem;transition:border-color .2s ease,background .2s ease}.item-row:hover{border-color:rgba(255,255,255,.18);background:rgba(26,48,80,.9)}.item-icon{width:32px;height:32px;border-radius:50%;background:rgba(76,120,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue);font-size:.85rem;font-weight:700;font-family:var(--font-accent)}.item-info{flex:1;min-width:0}.item-name{font-size:.9rem;font-weight:600;color:var(--grey-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-detail{font-size:.75rem;color:var(--grey-mid);margin-top:1px}.item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.item-link{font-size:.75rem;font-weight:600;color:var(--cyan);letter-spacing:.04em;text-decoration:none;transition:color .2s ease}.item-link:hover{color:var(--white)}.item-copy-btn{background:0 0;border:none;cursor:pointer;color:var(--grey-mid);padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .2s ease,background .2s ease}.item-copy-btn:hover{color:var(--white);background:rgba(255,255,255,.07)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1.5rem;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:var(--grey-mid)}.empty-state-icon{opacity:.3}.empty-state p{font-size:.875rem;line-height:1.65;max-width:280px}.limit-note{font-size:.78rem;color:var(--grey-mid);padding:.5rem 0}.play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1.1rem 2.5rem;font-size:1rem;font-weight:700;letter-spacing:.08em;align-self:flex-start}.expired-message{padding:1rem 1.25rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:.875rem;color:var(--grey-dark);line-height:1.6}.link-orange{color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:3px}.link-orange:hover{color:#ffaa6b}.score-rank{width:28px;height:28px;border-radius:50%;background:rgba(255,138,61,.12);border:1px solid rgba(255,138,61,.2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--orange);flex-shrink:0;font-family:var(--font-accent)}.score-value{font-family:var(--font-accent);font-size:.95rem;font-weight:700;color:var(--cyan);margin-left:auto;flex-shrink:0}.modal{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-dialog{position:relative;background:var(--navy-light);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:2rem;width:100%;max-width:480px;box-shadow:0 24px 64px rgba(0,0,0,.5)}.modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--grey-mid);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.modal-close:hover{background:rgba(255,255,255,.12);color:var(--white)}.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--white);letter-spacing:-.02em;margin-bottom:1.5rem;padding-right:2.5rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-mid)}.form-input{width:100%;padding:11px 14px;background:var(--navy-mid);border:1.5px solid rgba(255,255,255,.15);border-radius:6px;font-family:var(--font);font-size:.9rem;color:var(--grey-dark);outline:0;transition:border-color .2s ease}.form-input::placeholder{color:rgba(255,255,255,.25)}.form-input:focus{border-color:var(--blue)}.form-error{font-size:.75rem;color:#f87171;margin-top:2px}.modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.25rem}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.player-card{background:var(--navy-light);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.1rem 1.25rem;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;display:flex;flex-direction:column;gap:.85rem;user-select:none}.player-card:hover{border-color:rgba(255,138,61,.4);background:rgba(26,48,80,.9);transform:translateY(-2px)}.player-card-top{display:flex;align-items:center;gap:.75rem}.player-card-avatar{width:38px;height:38px;border-radius:50%;background:rgba(76,120,255,.15);border:1px solid rgba(76,120,255,.25);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--blue);font-family:var(--font-accent);flex-shrink:0}.player-card-name{font-size:.9rem;font-weight:700;color:var(--white);font-family:var(--font-accent);letter-spacing:.01em}.player-card-role{font-size:.6rem;color:var(--grey-mid);letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-top:2px}.player-card-stats{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.07);padding-top:.75rem}.player-stat{display:flex;flex-direction:column;gap:3px;flex:1}.player-stat+.player-stat{border-left:1px solid rgba(255,255,255,.06);padding-left:.85rem;margin-left:.85rem}.player-stat-value{font-size:1rem;font-weight:700;color:var(--orange);font-family:var(--font-accent);line-height:1}.player-stat-label{font-size:.58rem;color:var(--grey-mid);letter-spacing:.13em;text-transform:uppercase;font-weight:600}.player-card-creds{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.player-cred-label{font-size:.58rem;color:var(--grey-mid);text-transform:uppercase;letter-spacing:.1em;font-weight:600;flex-shrink:0}.player-cred-value{flex:1;font-family:var(--font-accent);font-size:.88rem;font-weight:700;color:var(--white);letter-spacing:.15em}.btn-reset-pwd{background:0 0;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:var(--grey-mid);font-size:.85rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.btn-reset-pwd:hover{color:var(--orange);border-color:rgba(255,138,61,.4)}#player-scoreboard-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.scoreboard-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.scoreboard-row-label{font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--grey-mid);font-family:var(--font-accent);flex-shrink:0}.scoreboard-row-value{font-size:.875rem;font-weight:600;color:var(--white);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-inline-edit{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--cyan);background:0 0;border:1px solid rgba(100,220,255,.25);border-radius:4px;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.btn-inline-edit:hover:not(:disabled){background:rgba(100,220,255,.1)}.btn-inline-edit:disabled{color:var(--grey-mid);border-color:rgba(255,255,255,.1);cursor:not-allowed}.sboard-edit-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}.sboard-input{flex:1;min-width:140px;padding:8px 11px;font-size:.85rem}.sboard-input option{background:var(--navy-mid);color:var(--grey-dark)}.sboard-cancel-btn,.sboard-save-btn{padding:8px 14px;font-size:.8rem;white-space:nowrap;flex-shrink:0}.sboard-status{font-size:.78rem;margin-top:.45rem;line-height:1.5;min-height:1.2em}.sboard-status--error{color:#f87171}.sboard-status--success{color:#4ade80}.sboard-status--info{color:var(--grey-mid)}.add-player-scoreboard-hint{font-size:.78rem;color:var(--cyan);background:rgba(100,220,255,.07);border:1px solid rgba(100,220,255,.18);border-radius:6px;padding:.5rem .75rem;margin-bottom:.25rem}.sboard-remaining{font-size:.68rem;color:var(--grey-mid);letter-spacing:.04em;margin-top:.5rem}.modal-dialog--wide{max-width:600px}.player-detail-meta{font-size:.78rem;color:var(--grey-mid);margin-top:-.9rem;margin-bottom:1.25rem;letter-spacing:.03em;line-height:1.6}.games-table{width:100%;border-collapse:collapse;font-size:.875rem}.games-table th{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--grey-mid);padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-accent)}.games-table td{padding:.6rem .75rem;color:var(--grey-dark);border-bottom:1px solid rgba(255,255,255,.04)}.games-table tbody tr:last-child td{border-bottom:none}.games-table tbody tr:hover td{background:rgba(255,255,255,.03)}.games-table .rank-cell{color:var(--orange);font-weight:700;font-family:var(--font-accent);width:60px}.games-table .score-cell{font-family:var(--font-accent);font-weight:700;color:var(--cyan)}.games-table .global-rank-cell{color:var(--grey-mid);font-size:.8rem}.cred-success{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.cred-success-label{font-size:.95rem;font-weight:600;color:var(--white);margin:0}.cred-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-bottom:1rem}.cred-row{display:flex;align-items:center;padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.07)}.cred-row:last-child{border-bottom:none}.cred-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-mid);width:90px;flex-shrink:0}.cred-value{font-family:var(--font-accent);font-size:.9rem;color:var(--white);letter-spacing:.04em}.cred-copy-btn{width:100%;justify-content:center}.credentials-box{background:rgba(255,255,255,.04);border:1px solid rgba(100,220,255,.15);border-radius:8px;padding:.85rem 1rem;margin-bottom:1.25rem}.credentials-box-title{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:0 0 .65rem}.cred-pair{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.cred-item{display:flex;flex-direction:column;gap:.15rem}.cred-item-label{font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--grey-mid)}.cred-item-value{font-family:var(--font-accent);font-size:.88rem;color:var(--white);letter-spacing:.03em}.cred-actions{display:flex;gap:.5rem;flex-wrap:wrap}.detail-copy-btn{font-size:.78rem;padding:.35rem .85rem}.detail-cred-status{font-size:.75rem;margin-top:.5rem;margin-bottom:0}.detail-cred-status--success{color:#4ade80}.detail-cred-status--error{color:#f87171}@media (max-width:768px){.players-grid{grid-template-columns:1fr}.modal-dialog--wide{max-width:100%}.nav-user-area{display:none}.student-nav-right{display:flex;align-items:center;gap:.5rem}.student-nav-right .nav-toggle{display:inline-flex}.nav-user-menu-item{display:block;padding:.5rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.25rem}.nav-signout-item{display:block}.portal-header{padding:88px 5% 1.5rem}.portal-welcome{font-size:1.6rem}.subscription-card{grid-template-columns:1fr 1fr}.section-header{flex-direction:column;align-items:flex-start}.play-btn{width:100%;justify-content:center}.modal-dialog{padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions .btn-primary,.modal-actions .btn-secondary{width:100%;justify-content:center}}@media (max-width:480px){.subscription-card{grid-template-columns:1fr}}