/* v0.18.47: online UI; original v0.18.46 design remains the base. */
html,body{min-height:100%;background:#f7f8fa}button,a,input,select{touch-action:manipulation}button:disabled{opacity:.52;cursor:not-allowed}.hidden{display:none!important}.online-login{max-width:445px;margin-top:28px}.online-login h2{margin-bottom:8px}.online-login>p{color:#536170;line-height:1.6}.online-login .vertical{gap:17px}.text-button{background:none;border:0;padding:7px;color:#a71930;text-decoration:underline;font:inherit;cursor:pointer}.auth-status{font-size:12px;letter-spacing:.06em;margin-top:20px}.login-newline{color:#fff;font-size:14px;margin-top:28px;position:relative;z-index:2}.auth-pending{padding:16px 0}.auth-pending b{overflow-wrap:anywhere}.online47 .pagehead h1{font-size:clamp(30px,4vw,43px);letter-spacing:-1.4px}.online47 .pagehead{gap:20px;align-items:flex-end}.online47 .pagehead .lead{max-width:640px;line-height:1.6}.online47 .switchchild{min-width:210px;max-width:330px;flex-direction:column;align-items:stretch;gap:7px}.switchchild label{font-size:12px}.online47 .wrap{max-width:1250px}.online47 .skillzone-app{background:#07131e}.action-line,.rank-strip,.section-title,.roster-row,.skill-row,.history-row,.rank-row{display:flex;align-items:center;gap:20px}.action-line{justify-content:space-between;padding:22px 0 30px;margin-bottom:14px;border-bottom:1px solid #dce1e7}.action-line h2{margin:0 0 7px}.action-line p{color:#556574;margin:0}.empty-state{padding:35px 0;min-height:150px}.empty-state p{max-width:650px;line-height:1.65}.online47 .xp-stage{margin-top:18px}.rank-strip{padding:25px 0;margin:12px 0 28px;border-bottom:1px solid #d5dee7}.rank-strip small{font-size:10px;letter-spacing:.12em}.rank-strip h2{font-size:28px;margin:5px 0}.rank-strip p{font-size:13px;line-height:1.5;margin:0}.rank-emblem{width:66px;height:66px;flex:0 0 66px;color:currentColor;display:block}.rank-strip>.rank-emblem{width:86px;height:86px;flex-basis:86px}.rank-unassigned{font-size:44px;flex:0 0 72px;text-align:center}.skillzone-app .rank-strip{border-color:#2b4055;color:#e0f4ff}.skillzone-app .rank-strip p,.skillzone-app .rank-row p{color:#b5cbdc}.rank-explainer{font-size:13px;line-height:1.6;color:#b8cadb!important;max-width:800px}.rank-directory{margin-top:25px}.rank-row{padding:23px 6px;border-bottom:1px solid #24364b}.rank-row .rank-number{font-size:13px;width:28px;flex:0 0 28px;color:#92aabc}.rank-row h2{margin:0 0 6px;font-size:23px}.rank-row p{margin:0 0 5px;font-size:13px;line-height:1.5}.rank-row small{font-size:11px;color:#98b1c7}.rank-row.is-current{background:linear-gradient(105deg,#16324780,#11233910);border-color:#4b8294}.rank-current-label{font-size:10px;letter-spacing:.08em;color:#9bf3db}.rank-1>.rank-emblem{color:#afc5cf}.rank-2>.rank-emblem{color:#83dbd2}.rank-3>.rank-emblem{color:#73dcef}.rank-4>.rank-emblem{color:#76bfff}.rank-5>.rank-emblem{color:#aea4ff}.rank-6>.rank-emblem{color:#c1a8f3}.rank-7>.rank-emblem{color:#e2b8df}.rank-8>.rank-emblem{color:#e7c594}.rank-9>.rank-emblem{color:#f1cc81}.rank-10>.rank-emblem{color:#ffe9a6;filter:drop-shadow(0 0 8px #e8b86340)}.rank-strip:not(.skillzone-app .rank-strip)>.rank-emblem{color:#354864}.history-list{margin:10px 0 30px}.history-row{padding:20px 0;border-bottom:1px solid #dce2e8;align-items:flex-start}.history-row h3{font-size:16px;margin:0 0 7px}.history-row p{margin:0 0 6px;font-size:13px;overflow-wrap:anywhere;line-height:1.55}.history-row small{font-size:11px;color:#637583}.history-kind{width:36px;flex:0 0 36px;font-size:12px;font-weight:800;color:#356278}.history-kind svg{width:34px;height:34px}.history-state{font-size:11px;color:#637583;max-width:230px;text-align:right;line-height:1.65}.online47 .space{flex:1;min-width:0}.award-forms{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:15px 0 36px}.award-section{padding:12px 0}.award-section .section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.award-section .section-title h2{font-size:22px;margin:0}.award-section .section-title span{font-size:11px;color:#a9bfd1;line-height:1.5;text-align:right}.award-section .vertical{display:flex;flex-direction:column;gap:18px}.quick-xp{display:flex;flex-wrap:wrap;gap:9px}.skillzone-app .award-section .field input,.skillzone-app .award-section .field select{background:linear-gradient(105deg,#0f2638,#17273c)!important;color:#effaff!important;border:1px solid #5b7486!important;min-height:47px;font-size:16px}.skillzone-app .award-section .field span{color:#c6dae6!important}.skillzone-app option{background:#0e2133;color:#eef8ff}.skillzone-app .award-section .btn.primary{background:linear-gradient(105deg,#23d1d7,#81e6d2 70%,#b8b5fd)!important;color:#071b2c!important;font-size:12px}.skillzone-app .award-section .quick-xp .btn{color:#d4f5ff!important;background:linear-gradient(105deg,#183748,#182740)!important;border-color:#47697f!important}.rank-choice{display:flex;align-items:center;gap:18px;color:#a5eee4;min-height:66px}.rank-choice svg{width:48px;height:48px;flex-basis:48px}.rank-choice span{font-size:12px;color:#b7ccd9}.feature-note{margin:30px 0 16px;padding:20px 0}.feature-note p{color:#b5c8d9;font-size:13px;line-height:1.7;max-width:830px}.skill-row{padding:21px 4px;border-bottom:1px solid #273b4d;gap:18px}.skill-row h3{font-size:16px;margin:0 0 5px}.skill-row p{font-size:12px;color:#adc4d7;margin:0}.skill-row>span:last-child{color:#a6bacd!important;font-size:10px}.skill-number{font-size:11px;color:#95bdcc;width:24px}.roster-row{padding:20px 0;border-bottom:1px solid #d5e1e9}.roster-row h3{margin:0 0 6px;font-size:17px}.roster-row p{margin:0 0 5px;font-size:13px}.roster-row small{font-size:11px;color:#526575}.create-profile{padding:30px 0;max-width:660px}.create-profile p{line-height:1.65;color:#556777}.account-info{max-width:800px;padding:20px 0}.account-info h2{margin:24px 0 12px;font-size:21px}.account-info p{line-height:1.75;color:#526575}.connection-note{padding:12px 24px;background:#ebdbc0;color:#322518;line-height:1.5;font-size:13px}.confirm-shade{position:fixed;inset:0;z-index:100;background:#04101ce6;display:flex;align-items:center;justify-content:center;padding:18px}.confirm-dialog{width:min(100%,560px);max-height:calc(100dvh - 40px);overflow:auto;padding:32px;background:linear-gradient(130deg,#102b3d,#102033 70%,#1f2748);color:#eef8ff;border:1px solid #42677c;border-radius:13px;box-shadow:0 25px 70px #0008}.confirm-dialog h2{font-size:26px;margin:10px 0 20px;color:#fff}.confirm-dialog>small{font-size:10px;letter-spacing:.14em;color:#9ccbd7}.confirm-person{font-size:18px;font-weight:650;color:#f0faff}.confirm-values{padding:18px 0;margin:8px 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.confirm-values>strong{font-size:24px;line-height:1.4}.confirm-values p{margin:0;color:#bdd0e2}.confirm-dialog>p{overflow-wrap:anywhere;line-height:1.65}.confirm-dialog .btn{background:#1c3a51!important;color:#fff!important;border-color:#507388!important}.confirm-dialog .btn.primary{background:linear-gradient(105deg,#2bd3d8,#a3ebd7)!important;color:#071624!important}.form-error{color:#ffacac;font-size:13px}.toast{z-index:120!important;max-width:calc(100vw - 30px);background:#153047!important;color:#fff!important;line-height:1.55}.toast.error{background:#742338!important}.more-menu{position:fixed;bottom:80px;right:12px;left:12px;z-index:65;background:#12253c;padding:16px;border-radius:12px;box-shadow:0 10px 40px #0005}.more-menu .navlink{color:#eff8ff;width:100%;min-height:45px}.mobile-more-mark{font-size:23px;line-height:1}.pagefoot{line-height:1.7}.online47 .field input::placeholder{color:#8b9aab}.online47 .author-signature{object-fit:contain}
@media(max-width:900px){.award-forms{gap:28px}.rank-strip{gap:16px}.rank-strip>.rank-emblem{width:67px;height:67px;flex-basis:67px}}
@media(max-width:740px){.online-login{margin-top:24px}.online47 .pagehead{align-items:stretch;flex-direction:column;gap:18px}.online47 .switchchild{max-width:none;min-width:0;gap:5px}.online47 .pagehead h1{font-size:31px}.online47 .pagehead .lead{font-size:13px!important}.action-line{align-items:flex-start;flex-direction:column;gap:15px}.action-line h2{font-size:21px}.action-line p{font-size:13px}.award-forms{grid-template-columns:1fr;gap:23px}.award-section+.award-section{border-top:1px solid #385169;padding-top:28px}.rank-strip{flex-wrap:wrap;padding:22px 0;gap:13px}.rank-strip>.rank-emblem{width:55px;height:55px;flex-basis:55px}.rank-strip>.btn{margin-left:68px}.rank-strip h2{font-size:23px}.rank-strip p{font-size:12px}.rank-row{gap:12px;padding:21px 0;flex-wrap:wrap}.rank-row>.rank-emblem{width:46px;height:46px;flex-basis:46px}.rank-row .rank-number{font-size:11px;flex-basis:21px;width:21px}.rank-row h2{font-size:20px}.rank-row p{font-size:12px}.rank-row small{font-size:10px}.rank-current-label{margin-left:91px}.history-row{gap:12px;flex-wrap:wrap}.history-state{margin-left:48px;text-align:left;max-width:none;width:100%}.history-row h3{font-size:15px}.history-row p{font-size:12px}.history-row small{font-size:10px}.roster-row{flex-wrap:wrap;gap:12px}.roster-row>.space{min-width:175px}.confirm-dialog{padding:24px 20px}.confirm-dialog h2{font-size:22px}.confirm-values>strong{font-size:20px}.skill-row{gap:12px;flex-wrap:wrap}.skill-row>span:last-child{margin-left:36px}.online47 .mobile-nav{display:flex;justify-content:space-around;gap:0}.online47 .mobile-nav .navlink{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;font-size:9px;min-width:0}.online47 .mobile-nav .navlink svg{width:20px;height:20px}.online47 .wrap{padding-bottom:105px}.pagefoot{font-size:10px;flex-wrap:wrap}.online47 .xp-stage{margin-top:5px}}
@media(max-width:740px){.rank-strip>.space{flex:1 1 calc(100% - 85px);min-width:0}.rank-strip>.btn{flex:0 0 auto}.rank-strip small{line-height:1.5;white-space:normal}}