.hp-level-picker,.hp-level-sheet{font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.hp-level-picker{width:100%;margin:18px 0}.hp-level-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:15px 17px;text-align:left;border:1px solid #ffffff66;border-radius:18px;background:#ffffff14;color:white;cursor:pointer}.hp-level-trigger small{display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#d6eaff;margin-bottom:5px}.hp-level-trigger strong{display:block;font-size:18px;font-weight:900;line-height:1.3;letter-spacing:-.4px}.hp-level-trigger>span:last-child{font-size:25px}.hp-level-progress{font-size:12px;color:#dcecff;margin:9px 3px 0}.hp-level-sheet{position:fixed;inset:auto 0 0;width:min(100%,520px);max-width:100%;max-height:88dvh;margin:0 auto;padding:0;border:0;border-radius:26px 26px 0 0;background:#f5f9ff;color:#143b65;box-shadow:0 -12px 60px #001b5055;overflow:hidden}.hp-level-sheet::backdrop{background:#00234c99}.hp-level-panel{display:flex;flex-direction:column;max-height:88dvh;padding:10px 20px max(20px,env(safe-area-inset-bottom));box-sizing:border-box}.hp-level-handle{height:4px;min-height:4px;width:34px;margin:0 auto 17px;background:#c6d6e7;border-radius:4px}.hp-level-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 12px}.hp-level-panel h2{font-family:inherit;font-size:27px;font-weight:950;letter-spacing:-1px;line-height:1.1;margin:0;color:#143b65}.hp-level-panel header p{font-size:12px;color:#627991;margin:7px 0 0}.hp-level-close{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border:0;border-radius:50%;font-size:23px;background:#e2edf8;color:#345e84}.hp-level-legend{font-size:11px;color:#627991;margin-bottom:15px}.hp-level-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;overflow:auto;min-height:80px;max-height:34dvh;padding:3px 4px 7px;margin:0 -4px;overscroll-behavior:contain}.hp-level-grid button{position:relative;min-height:48px;min-width:0;border:1px solid #d2e2f3;border-radius:12px;background:#e7f1fe;color:#1765b4;cursor:pointer}.hp-level-grid b{font:900 17px ui-rounded,'SF Pro Rounded',system-ui,sans-serif}.hp-level-grid button>span{position:absolute;top:2px;right:4px;font-size:9px}.hp-level-grid .locked{color:#8b9fb2;background:#edf1f6;border-color:#e3e9f0}.hp-level-grid .current{background:#087cff;color:#fff;border-color:#087cff}.hp-level-grid .updated{background:#fff2b8;color:#7b5c0c;border-color:#ead780}.hp-level-grid [aria-pressed=true]{outline:2px solid #183d68;outline-offset:1px}.hp-level-detail{background:#fff;border:1px solid #dfe8f2;border-radius:15px;padding:13px 15px;margin-top:14px;flex-shrink:0}.hp-level-detail h3{font-size:17px;line-height:1.2;letter-spacing:-.4px;font-weight:900;margin:0 0 8px;color:#173c65}.hp-level-detail p{font-size:13px;line-height:1.4;color:#586f86;margin:5px 0 0}.hp-level-updated{font-size:12px;color:#866013}.hp-level-confirm{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:15px;border:0;border-radius:15px;color:#123b68;background:#fff366;box-shadow:0 4px 0 #d5bd3c;font-family:inherit;font-size:16px;font-weight:900;flex-shrink:0}.hp-level-confirm:disabled{background:#dfe7f0;color:#8798aa;box-shadow:none}.hp-level-notice:empty{display:none}.hp-level-picker button:focus-visible,.hp-level-sheet button:focus-visible{outline:3px solid #07396d;outline-offset:3px}@media(max-width:360px){.hp-level-grid{gap:6px}.hp-level-panel{padding-left:15px;padding-right:15px}.hp-level-trigger strong{font-size:16px}}@media(prefers-reduced-motion:no-preference){.hp-level-sheet[open]{animation:hp-picker-rise .16s ease-out}@keyframes hp-picker-rise{from{transform:translateY(30px);opacity:.5}to{transform:translateY(0);opacity:1}}}

.hp-private-replay a{display:inline-block;margin-top:8px;color:#fff36b;font-weight:800;text-decoration:underline}.hp-private-replay strong{font-size:17px}

.bp-overall-control{display:flex;align-items:center;flex:1;min-width:0}.bp-overall-control>button:first-child{flex:1}.board-modes .bp-ranking-info{flex:0 0 44px;min-width:44px;min-height:44px;padding:0;font-size:23px}.bp-ranking-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:400px;max-height:85dvh;overflow:auto;border:1px solid #ffffff55;border-radius:26px;background:#0878f5;color:white;padding:26px;font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 20px 80px #001f5580}.bp-ranking-dialog::backdrop{background:#001d45b3;backdrop-filter:blur(5px)}.bp-ranking-dialog h2{font-size:25px;margin:8px 28px 24px 0;font-weight:900}.bp-ranking-dialog h3{font-size:17px;margin:20px 0 6px}.bp-ranking-dialog p{font-size:15px;line-height:1.5;margin:0}.bp-ranking-dialog .bp-ranking-note{font-size:13px;opacity:.85;margin-top:18px}.bp-ranking-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:white;font-size:28px;width:44px;height:44px}.bp-ranking-done{display:block;width:100%;margin-top:24px;min-height:48px;background:#fff164;color:#10365a;border:0;border-radius:16px;font:900 17px ui-rounded,system-ui}.bp-ranking-dialog button:focus-visible{outline:3px solid white;outline-offset:3px}
.board-modes .bp-ranking-dialog{margin:auto}.board-modes .bp-ranking-dialog .bp-ranking-done{display:block;width:100%;margin-top:24px;min-height:48px;padding:12px;background:#fff164;color:#10365a;border:0;border-radius:16px;font:900 17px ui-rounded,system-ui;box-shadow:none}.board-modes .bp-ranking-dialog .bp-ranking-close{position:absolute;right:12px;top:10px;background:transparent;color:white;font-size:28px;width:44px;height:44px;padding:0;border:0;box-shadow:none}

.hp-course-access{display:flex!important;align-items:center;gap:6px;font-size:12px!important;font-weight:700!important;line-height:1.4;margin-top:7px;color:#fff164}.hp-course-access.solo-open{color:#dcecff}.hp-course-access svg,.hp-level-legend svg,.hp-level-grid svg{display:inline-block;vertical-align:middle;flex-shrink:0}.hp-level-legend small{display:block;margin-top:5px;font-size:12px;opacity:.85}.hp-level-grid button.solo-locked{border-style:dashed}.hp-level-detail .hp-course-access{margin-bottom:7px;color:#153362}