.home-navigation{display:flex;gap:8px;margin-bottom:20px;align-items:center;font:700 .86rem sans-serif}.home-navigation a,.home-navigation span{padding:10px 18px;border-radius:10px;text-decoration:none;color:#8eaaa9;border:1px solid transparent}.home-navigation span{background:#40e0d01a;color:#56e4d3;border-color:#40e0d044}.home-navigation a:hover{color:#56e4d3;border-color:#40e0d044}
.tutorial-session{box-sizing:border-box;width:min(1200px,100vw);height:96dvh;max-width:100vw;max-height:100dvh;padding:0;border:1px solid #40e0d060;border-radius:18px;background:#08131f;color:#ecf5f5;overflow:hidden}.tutorial-session::backdrop{background:#020710d9}.tutorial-session header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font:13px/1.4 sans-serif;min-height:64px;box-sizing:border-box}.tutorial-session header p{margin:0}.tutorial-session header button{font-size:13px;flex-shrink:0;min-height:40px}.tutorial-session iframe{border:0;width:100%;height:calc(100% - 84px);background:#08131f}
.ranking-page{margin:0;background:#060e17;color:#edf5f4;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 90% 0%,#0e36364d,transparent 45%)}.ranking-page *{box-sizing:border-box}.ranking-page button,.ranking-page input{font:inherit}.ranking-page button,.ranking-page a,.ranking-page input{touch-action:manipulation}.ranking-page button:focus-visible,.ranking-page a:focus-visible,.ranking-page input:focus-visible{outline:2px solid #7df0d9;outline-offset:4px}.ranking-page a{color:inherit;text-decoration:none}.ranking-shell{max-width:1240px;padding:0 36px;margin:auto}.ranking-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:104px;border-bottom:1px solid #24403d66}.ranking-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:1.4px}.ranking-brand img{object-fit:contain}.ranking-brand small{display:block;font-weight:400;letter-spacing:.5px;font-size:11px;color:#829c9b;margin-top:3px}.ranking-header nav{display:flex;gap:26px;font-size:13px;font-weight:650}.ranking-header nav a{padding:15px 0}.ranking-header [aria-current]{color:#78e2cf;border-bottom:2px solid #78e2cf}.ranking-intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 30px}.ranking-kicker{font-size:10px;letter-spacing:2.4px;font-weight:750;color:#8da9a8;margin:0 0 10px}.ranking-intro h1{font-size:clamp(32px,4.5vw,52px);line-height:1.12;letter-spacing:-1.8px;margin:10px 0 18px;font-weight:650}.ranking-intro h1 em{font-style:normal;color:#77dfce}.ranking-intro>div>p:last-child{color:#8ca6a5;font-size:14px;margin-bottom:0}.ranking-crest{display:grid;place-items:center;margin-right:64px;width:130px;height:145px;border:1px solid #bda66a66;border-radius:56px 56px 64px 64px;font-size:68px;color:#ddc37c;background:linear-gradient(135deg,#bfa05b19,transparent);box-shadow:0 0 90px #62dfb80a}.ranking-crest span{font-size:10px;letter-spacing:5px;margin-top:-25px}.ranking-notice{display:flex;gap:14px;align-items:center;border:1px solid #547a6a55;background:#10251f80;padding:14px 18px;border-radius:10px;margin-bottom:24px;font-size:12px}.ranking-notice strong{color:#b1d6c5;font-weight:600}.ranking-notice p{margin:3px 0 0;color:#8fa99d}.ranking-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#83d7b0;box-shadow:0 0 12px #83d7b066}.ranking-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:22px;align-items:start}.ranking-board,.ranking-profile,.ranking-grades{border:1px solid #26403f80;border-radius:14px;background:linear-gradient(140deg,#0e1d27,#0a141f)}.ranking-board-head{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;gap:10px}.ranking-board h2{font-size:22px;letter-spacing:-.5px;margin:0;font-weight:600}.ranking-pill{font-size:9px;font-weight:700;letter-spacing:1px;border:1px solid #49615a70;border-radius:5px;padding:5px 8px;color:#a2b8b0;white-space:nowrap}.ranking-tabs{display:flex;gap:4px;background:#050e1680;border:1px solid #223b3e;border-radius:8px;padding:4px;margin:4px 24px 10px}.ranking-tabs button{cursor:pointer;background:none;border:0;border-radius:5px;color:#819997;padding:10px 14px;font-size:12px;flex:1}.ranking-tabs button[aria-pressed=true]{background:#23413d80;color:#89e3d3;box-shadow:inset 0 0 0 1px #76d5bf30}.ranking-subtext{font-size:11px;color:#839c9b;line-height:1.6}.ranking-board>.ranking-subtext{padding:0 24px}.ranking-test-switch{display:flex;align-items:center;gap:8px;margin:18px 24px;font-size:11px;color:#b0c2be;cursor:pointer}.ranking-test-switch input{accent-color:#6cd1b9;width:16px;height:16px;margin:0}.ranking-test-switch span{margin-left:auto;border:1px solid #b8a15e44;background:#b8a15e11;padding:2px 7px;border-radius:4px;color:#c9b978;font-size:9px;text-transform:uppercase}.ranking-table-scroll{overflow-x:auto}.ranking-board table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:13px}.ranking-board th{padding:12px 18px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#78918f;background:#040e1660;border-top:1px solid #26403f66;border-bottom:1px solid #26403f66;font-weight:500}.ranking-board td{padding:19px 18px;border-bottom:1px solid #26403f66}.ranking-board td small{display:block;color:#879e99;font-size:10px;margin-top:3px}.ranking-number{color:#ddc37c}.ranking-player-button{color:#edf5f4;font-weight:600!important;font-size:13px!important;border:0;padding:0;background:none;cursor:pointer}.ranking-player-button:hover{color:#77dfce}.ranking-elo{font-variant-numeric:tabular-nums;font-weight:700;color:#8ee1ce}.ranking-status{font-size:11px;color:#8fa9a3;padding:0 24px;margin:20px 0;min-height:48px}.ranking-board-foot{border-top:1px solid #26403f66;padding:16px 24px;font-size:10px;color:#718f8c}.ranking-profile{padding:20px 24px;text-align:center;background:radial-gradient(ellipse at top,#18332b55,transparent 65%),#0d1820}.ranking-profile-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ranking-profile-top .ranking-pill{color:#d4bd7d;border-color:#bba15b44;background:#bba15b0c}.ranking-online{font-size:8px;letter-spacing:1.6px;color:#789b8a}.ranking-avatar{width:70px;height:70px;display:grid;place-items:center;margin:22px auto 10px;border:1px solid #bc9e5766;outline:5px solid #bc9e5709;border-radius:20px;background:linear-gradient(145deg,#2c392a,#111e1d);color:#dfc984;font:500 34px Georgia,serif}.ranking-profile h2{font-size:24px;letter-spacing:-.4px;margin:0}.ranking-grade{font-size:12px;color:#cabd91;margin:4px 0 18px}.ranking-position{display:flex;flex-direction:column;border:1px solid #33574c66;border-radius:8px;padding:12px;background:#2c524025}.ranking-position>span{font-size:9px;letter-spacing:2px;color:#8fab9e}.ranking-position strong{font-size:34px;line-height:1.3;color:#e3d1a0;font-weight:600}.ranking-position small{font-size:9px;color:#8ca69b}.ranking-metrics{display:grid;grid-template-columns:1fr 1fr;padding:18px 0}.ranking-metrics>div+div{border-left:1px solid #29433e}.ranking-metrics strong{display:block;font-size:22px;font-weight:600;color:#9ce4d4}.ranking-metrics span{font-size:10px;color:#829d96}.ranking-results{display:flex;justify-content:space-around;border-block:1px solid #29433e70;padding:12px 0;font-size:9px;color:#7e9c93}.ranking-results b{display:block;font-size:14px;color:#c4d2ca;font-weight:500}.ranking-progress-label{display:flex;justify-content:space-between;font-size:10px;color:#90aaa1;margin:20px 0 8px}.ranking-progress-label b{color:#c8d4ca;font-weight:500}.ranking-progress{height:4px;border-radius:4px;background:#233b34}.ranking-profile>.ranking-subtext{text-align:left;font-size:9px}.ranking-history{text-align:left;border-top:1px solid #29433e70;margin-top:18px;padding-top:12px}.ranking-history h3{font-size:11px;font-weight:500;color:#b7c8be;margin:0 0 8px}.ranking-history p{font-size:10px;color:#7b978c;margin:0}.ranking-grades{margin:24px 0;padding:22px 24px}.ranking-grades h2{font-size:18px;font-weight:550;margin:0}.ranking-grade-list{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:20px}.ranking-grade-list>span{font-size:10px;text-align:center;border-top:2px solid #3a514d;padding:12px 2px 4px;color:#92a9a2}.ranking-grade-list small{display:block;font-size:9px;color:#607f75;margin-top:5px}.ranking-grade-list .current{border-color:#d1bb7d;color:#d1bb7d;background:linear-gradient(#d1bb7d0c,transparent)}.ranking-footer{display:flex;justify-content:space-between;border-top:1px solid #24403d66;padding:22px 0 30px;font-size:9px;letter-spacing:1px;color:#53766b}.ranking-footer span{letter-spacing:0}.ranking-page [hidden]{display:none!important}
@media(max-width:760px){.ranking-shell{padding:0 18px}.ranking-header{min-height:86px;gap:12px}.ranking-brand{font-size:10px;letter-spacing:.7px;gap:8px}.ranking-brand img{width:32px;height:32px}.ranking-brand small{font-size:9px}.ranking-header nav{gap:15px;font-size:11px}.ranking-intro{padding-top:28px}.ranking-crest{margin-right:8px;width:80px;height:104px;font-size:44px}.ranking-crest span{font-size:7px;letter-spacing:3px;margin-top:-18px}.ranking-layout{grid-template-columns:1fr}.ranking-notice{font-size:11px}.ranking-board-head{padding:20px 18px 14px}.ranking-board h2{font-size:19px}.ranking-tabs{margin-inline:18px}.ranking-board th,.ranking-board td{padding-inline:12px}.ranking-board td{font-size:12px}.ranking-grade-list{grid-template-columns:repeat(4,1fr);gap:12px}.ranking-grades{padding:18px}.ranking-footer{gap:12px}.ranking-footer span{max-width:140px;text-align:right}.tutorial-session{height:100dvh;border-radius:0}.tutorial-session header{font-size:10px;padding:8px;min-height:72px}.tutorial-session header button{max-width:130px;font-size:11px;padding:8px}.tutorial-session iframe{height:calc(100% - 92px)}}

/* Compact ranking and individual test profiles. */
.ranking-page .ranking-notice{margin-top:24px}
.ranking-page .ranking-history-item{padding:9px 0;border-bottom:1px solid #29433e55}
.ranking-page .ranking-history-item:last-child{border-bottom:0}
.ranking-page .ranking-history-item>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}
.ranking-page .ranking-history-item strong{font-weight:550;color:#c1d2c8}
.ranking-page .ranking-history-item b{white-space:nowrap;font-size:10px;font-weight:600}
.ranking-page .ranking-history-item p{margin-top:4px;font-size:9px}
.ranking-page .positive{color:#88dabb}.ranking-page .negative{color:#e99d93}
.ranking-page .is-selected{background:#71dab510}
.ranking-page .ranking-player-button[aria-pressed=true]{color:#8ae1ca}
.ranking-page .ranking-progress>span{display:block;height:100%;width:0;background:#7ed3b4;border-radius:4px}
.ranking-page .ranking-profile-link{display:block;margin-top:14px;padding:8px;font-size:11px;color:#86cbb6;border:1px solid #33574c66;border-radius:6px}
.ranking-page #profile-evolution{margin-top:5px;color:#b1ccbb}
.ranking-page .ranking-profile{scroll-margin-top:16px}

@media(max-width:760px){.ranking-page .ranking-header{flex-wrap:wrap;padding-block:14px;row-gap:8px}.ranking-page .ranking-header nav{flex-wrap:wrap}}
/* Search and pagination remain above/below the table on every screen size. */
.ranking-search-bar{display:flex;align-items:end;gap:10px;padding:0 24px;margin:4px 0 18px}.ranking-search-field{flex:1;min-width:0;position:relative}.ranking-search-field label{display:block;font-size:10px;color:#9bb9ab;margin-bottom:6px}.ranking-search-field input{width:100%;box-sizing:border-box;padding:11px 62px 11px 12px;min-height:42px;border:1px solid #36574c;border-radius:7px;background:#06131b;color:#dcefe4;font:12px system-ui}.ranking-search-field input:focus{outline:2px solid #78c9af;outline-offset:2px}.ranking-search-field>button{position:absolute;right:7px;bottom:9px;border:0;color:#95bba9;background:#122a26;border-radius:4px;padding:4px 6px;font-size:9px;cursor:pointer}.ranking-my-position{border:1px solid #46735f;color:#9bd8bd;background:#1a352b;min-height:42px;white-space:nowrap;padding:10px 13px;border-radius:7px;cursor:pointer;font-size:11px!important}.ranking-pagination{padding:16px 18px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between}.ranking-pagination label{display:flex;align-items:center;gap:8px;color:#8caa9b;font-size:10px}.ranking-pagination select{background:#0a1b22;color:#b7d0c1;border:1px solid #36574c;border-radius:5px;font:12px system-ui;padding:6px;min-height:36px}.ranking-pagination p{font-size:10px;color:#8caa9b;margin:0}.ranking-page-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:2px}.ranking-page-controls button{border:1px solid #36574c;border-radius:5px;color:#a8d1bc;background:#0e2521;padding:8px 12px;min-height:36px;font-size:10px;cursor:pointer}.ranking-page-controls span{font-size:11px;color:#adc8bb}.ranking-page button:disabled{opacity:.42;cursor:not-allowed}.ranking-page #ranking-status{margin-top:14px;min-height:32px}
@media(max-width:760px){.ranking-search-bar{padding-inline:18px;gap:8px}.ranking-search-field input{font-size:16px;padding-left:10px}.ranking-my-position{padding-inline:10px}.ranking-pagination{padding-inline:12px}.ranking-page-controls button{min-height:42px}.ranking-pagination select{min-height:42px}.ranking-search-field>button{bottom:10px}}