.website-tour-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0;padding:18px 20px;border:1px solid #35516d;border-radius:10px;background:linear-gradient(110deg,#172333,#111820)}.website-tour-entry h3{margin:0 0 5px;font-size:16px}.website-tour-entry p{margin:0;color:#a8b6c7;font-size:13px}.website-tour-entry button{white-space:nowrap}
.website-tour{position:fixed;inset:0;z-index:100000;isolation:isolate}.website-tour-focus{position:fixed;border:2px solid #64bcff;border-radius:10px;box-shadow:0 0 0 9999px #020610bd,0 0 22px #2798ff66;pointer-events:none;transition:opacity .2s}.website-tour-card{position:fixed;right:24px;bottom:24px;width:390px;max-width:calc(100% - 24px);padding:20px;background:linear-gradient(135deg,#1b2839,#101721);color:#f3f7ff;border:1px solid #45617d;border-radius:14px;box-shadow:0 12px 50px #0009;z-index:1}.website-tour-card.tour-card-top{top:24px;bottom:auto}.website-tour-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.website-tour-card header>span{font-size:11px;letter-spacing:1px;color:#8bb9e5}.website-tour-card header b{margin-left:10px;color:#c9dcf0;font-variant-numeric:tabular-nums}.website-tour-card header button{width:28px;height:28px;padding:0;border:0;background:transparent;color:#aebed0;font-size:24px}.website-tour-card h2{margin:0 0 10px;font-size:21px;color:white}.website-tour-card p{margin:0;font-size:14px;line-height:1.65;color:#c5d1de}.website-tour-controls{display:flex;gap:8px;margin-top:20px}.website-tour-controls button{flex:1;border:1px solid #40566e;border-radius:6px;padding:10px 6px;background:#233247;color:#e1edfa;font-size:13px;cursor:pointer}.website-tour-controls button.primary{background:#237ab7;border-color:#348fcf;color:#fff}.website-tour-controls button:disabled{opacity:.4;cursor:default}.website-tour button:focus-visible{outline:2px solid #85ceff;outline-offset:3px}.website-tour-active .dm-phone-launcher{pointer-events:none}
@media(max-width:700px){.website-tour-entry{align-items:flex-start;flex-direction:column}.website-tour-card{right:12px;bottom:12px;padding:16px}.website-tour-card h2{font-size:19px}.website-tour-card p{font-size:13px}.website-tour-controls{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.website-tour-focus{transition:none}}

.website-tour-card header{background:none;border:0;box-shadow:none;padding:0;min-height:0;height:auto}.website-tour-card header::before,.website-tour-card header::after{display:none}
@media(max-width:700px){.website-tour-card.tour-card-top{top:12px;bottom:auto}}

.website-tour-card{width:460px;max-height:calc(100% - 48px);overflow-y:auto}.website-tour-card header{gap:6px}.website-tour-card header>span{display:flex;flex-wrap:wrap;align-items:center;gap:8px;letter-spacing:.7px}.website-tour-card header b{margin:0;letter-spacing:0;font-size:12px}.website-tour-card [data-tour-details]{margin:12px 0 0;padding-left:22px;color:#dce6f1;font-size:13px;line-height:1.5}.website-tour-card [data-tour-details] li{margin:0 0 8px;padding-left:3px}.website-tour-card [data-tour-preview]{display:block;margin-top:10px;color:#90b6d8;font-size:11px;line-height:1.5}.website-tour-card [data-tour-preview][hidden]{display:none}.website-tour-card .tour-sections-toggle{font-size:12px;background:#243449;border:1px solid #425b76;color:#d4e5f6;padding:7px 10px;border-radius:6px;margin-bottom:14px}.tour-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 16px}.tour-section-grid[hidden]{display:none}.tour-section-grid button{padding:10px 5px;font-size:12px;border:1px solid #405976;border-radius:6px;background:#1b2a3d;color:white;cursor:pointer}.tour-section-grid button[aria-current="step"]{background:#247bac;border-color:#6fcaff}.website-tour-active [data-racing-edit],.website-tour-active [data-racing-images],.website-tour-active [data-event-pool-settings]{visibility:hidden}
@media(max-width:700px){.website-tour-card{max-height:calc(100% - 24px)}.website-tour-card [data-tour-details]{font-size:12px}.website-tour-card [data-tour-details] li{margin-bottom:6px}.tour-section-grid button{padding:9px 4px}.website-tour-card h2{font-size:18px}}
.website-tour-focus{transition:left .65s ease,top .65s ease,width .65s ease,height .65s ease,opacity .3s}.tour-pointer{position:fixed;z-index:2;font-size:30px;color:#8dd3ff;text-shadow:0 2px 8px #000;pointer-events:none;animation:tour-pointer-nudge 1.5s ease-in-out infinite}.tour-pointer[hidden]{display:none}.website-tour-card p.tour-action{padding:9px 11px;margin:0 0 12px;background:#17394e;border-radius:6px;color:#b7e5ff;font-size:12px}.website-tour-card p.tour-next-hint{margin-top:12px;font-size:12px;color:#a9bdd1;border-top:1px solid #34495e;padding-top:12px}.website-tour-card .website-tour-controls{margin-top:12px}@keyframes tour-pointer-nudge{50%{transform:translateX(5px)}}
@media(max-width:700px),(pointer:coarse) and (max-width:1000px){.website-tour-entry{display:none!important}}
@media(prefers-reduced-motion:reduce){.website-tour-focus{transition:none}.tour-pointer{animation:none}}

.tour-phone-demo{position:fixed;right:24px;bottom:24px;width:280px;max-width:calc(100vw - 32px);z-index:0;pointer-events:none;animation:tour-phone-reveal .45s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tour-phone-demo-tag{display:flex;justify-content:space-between;align-items:center;color:#91bde3;font-size:10px;letter-spacing:1px;padding:0 8px 8px}.tour-phone-demo-tag span{font-size:22px;line-height:1;letter-spacing:0}
.tour-phone-shell{height:min(530px,calc(100vh - 85px));border:6px solid #34363d;border-radius:34px;background:#08080c;box-shadow:0 15px 35px #0008;overflow:hidden;display:flex;flex-direction:column;color:#f4f4f8}
.tour-phone-status{height:38px;display:flex;align-items:center;justify-content:space-between;padding:5px 15px;font-size:11px;flex:none}.tour-phone-status i{height:19px;width:80px;border-radius:14px;background:#000}
.tour-phone-screen{position:relative;flex:1;min-height:0;overflow:hidden;padding:0 12px;background:#101116}
.tour-phone-screen header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:50px;padding:0;color:#5baeff;font-size:14px;border-bottom:1px solid #ffffff12;margin-bottom:12px;box-shadow:none;background:none}
.tour-phone-screen header strong{color:#fff;font-size:16px}.tour-phone-screen header svg{width:18px;height:18px}
.tour-phone-favorites{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#979aa8;margin:14px 0}
.tour-phone-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#3e546e;color:white;font-size:13px;flex:none}
.tour-phone-search{background:#25262e;border-radius:9px;color:#8f95a3;padding:10px;font-size:12px;margin:12px 0}
.tour-phone-thread{position:relative;padding:16px 10px 16px 0;border-bottom:1px solid #ffffff12;font-size:13px}.tour-phone-thread b{display:block}.tour-phone-thread small{float:right;font-weight:400;font-size:9px;color:#999ca6}.tour-phone-thread p{margin:5px 0 0;color:#9297a5;font-size:11px;line-height:1.5}.tour-phone-thread i{position:absolute;right:0;top:42px;width:6px;height:6px;border-radius:50%;background:#0092ff}
.tour-phone-person{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:12px}.tour-phone-person>span:not(.tour-phone-avatar){display:grid;gap:4px;flex:1}.tour-phone-person small{color:#989dac;font-size:10px}.tour-phone-person.centered{flex-direction:column;text-align:center;gap:6px}
.tour-phone-caption{font-size:10px;color:#8f95a3;line-height:1.5;margin:20px 0;text-align:center}
.tour-phone-date{display:block;text-align:center;font-size:10px;color:#878b99;margin:16px 0}
.tour-phone-bubble{background:#262731;border-radius:15px;padding:12px;margin:12px 22px 12px 0;font-size:12px;line-height:1.5}.tour-phone-bubble.mine{background:#087ae0;margin:12px 0 12px 22px}.tour-phone-bubble a{display:block;color:#73baff;font-size:11px;margin-top:8px}
.tour-phone-compose{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#959aaa}.tour-phone-compose div{flex:1;border:1px solid #3f4350;border-radius:18px;padding:10px}.tour-phone-compose b{display:grid;place-items:center;background:#168de7;border-radius:50%;width:25px;height:25px;color:#fff}
.tour-phone-sound-choices{border-radius:9px;background:#24252d;margin:10px 0;overflow:hidden}.tour-phone-sound-choices p{margin:0;padding:12px;font-size:12px;border-bottom:1px solid #ffffff10;color:#e8e9ed}.tour-phone-sound-choices b{float:right;color:#56adff}
.tour-phone-volume{background:#24252d;border-radius:9px;padding:12px;margin-top:15px;font-size:12px}.tour-phone-volume span{display:block}.tour-phone-volume small{float:right;color:#a0a5b3}.tour-phone-volume i{display:block;position:relative;height:4px;margin:18px 0;background:linear-gradient(to right,#53a8ff 40%,#5d616b 40%);border-radius:2px}.tour-phone-volume i:after{content:'';position:absolute;left:40%;top:-5px;width:14px;height:14px;border-radius:50%;background:#fff}.tour-phone-volume p{text-align:center;color:#53a8ff;font-size:11px;margin:8px 0 0}
.tour-phone-home{height:4px;flex:none;width:90px;background:#ddd;border-radius:3px;margin:9px auto}
.website-tour:has(.tour-phone-demo) .website-tour-focus{z-index:1}.website-tour:has(.tour-phone-demo) .website-tour-card{z-index:3}.website-tour:has(.tour-phone-demo) .tour-pointer{z-index:4}
@keyframes tour-phone-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tour-phone-demo{animation:none}}

.identity-page-tabs>.profile-tour-button{background:#0092ff;color:#fff;border-radius:0;margin:0;border-bottom-color:transparent}.identity-page-tabs>.profile-tour-button:hover{background:#087ed2;color:#fff}
@media(max-width:700px),(pointer:coarse) and (max-width:1000px){.profile-tour-button{display:none}}

.identity-page-tabs>.profile-server-tour{background:#0092ff;color:white}.identity-page-tabs>.profile-server-tour:hover{background:#087ed2;color:white}

/* Keep the instruction card beside the highlighted control, with a real mouse click cue. */
.website-tour-card{width:400px;max-height:calc(100vh - 36px);padding:18px;transition:left .45s ease,top .45s ease;scrollbar-width:thin}
.website-tour-card h2{font-size:20px;line-height:1.35}.website-tour-card [data-tour-details]{font-size:14px;line-height:1.55}
.website-tour-card p.tour-action{font-size:13px;line-height:1.45}.website-tour-card header>span{letter-spacing:.5px}
.tour-pointer{width:32px;height:40px;animation:none;transition:left .55s ease,top .55s ease;filter:drop-shadow(0 2px 3px #0008)}
.tour-pointer i{position:absolute;left:-9px;top:-9px;width:22px;height:22px;border:3px solid #75ceff;border-radius:50%;opacity:0}
.tour-pointer-click i{animation:tour-click-ring .45s ease-out}.tour-pointer-click svg{animation:tour-click-press .45s ease-out}
@keyframes tour-click-ring{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
@keyframes tour-click-press{40%{transform:scale(.86)}100%{transform:scale(1)}}
.website-tour-focus{transition:left .5s ease,top .5s ease,width .5s ease,height .5s ease,opacity .25s}
.website-tour-active .championship-round-navigation,.website-tour-active #race-content{animation:none!important}
.website-tour-card [data-tour-details]:empty{display:none}
@media(prefers-reduced-motion:reduce){.website-tour-card,.tour-pointer,.website-tour-focus{transition:none}.tour-pointer-click i,.tour-pointer-click svg{animation:none}}

.tour-step-progress-wrap{margin-top:14px}.tour-step-progress-wrap[hidden]{display:none}.tour-step-progress-wrap>small{display:block;margin-bottom:7px;color:#a9c5de;font-size:11px;font-variant-numeric:tabular-nums}.tour-step-progress{height:4px;overflow:hidden;border-radius:2px;background:#ffffff14}.tour-step-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#168ee0,#80d3ff);transform:scaleX(0);transform-origin:left;will-change:transform}

/* Autoplay countdown: the knob reaches Next when the panel advances. */
.tour-step-progress-wrap{padding:0 7px}.tour-step-progress-wrap>small{margin-bottom:12px}.tour-step-progress{position:relative;height:6px;overflow:visible;margin:0 0 7px;border-radius:3px}.tour-step-progress>[data-tour-progress-fill]{border-radius:3px}.tour-step-progress>.tour-step-thumb{position:absolute;top:50%;left:0;width:14px;height:14px;border:2px solid #b8e8ff;border-radius:50%;background:#39aaff;box-shadow:0 0 9px #40adff70;transform:translate(-50%,-50%);will-change:left}

/* Compact timer, with the card anchored inside the viewport as its content changes. */
.website-tour-card{max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);box-sizing:border-box}
.tour-step-progress-wrap{margin-top:9px;padding:0 5px}.tour-step-progress{height:3px;margin:0 0 2px}.tour-step-progress>.tour-step-thumb{width:9px;height:9px;border-width:1px;box-shadow:0 0 5px #40adff50}

/* Stable guide shell: long explanations scroll, navigation stays reachable. */
.website-tour-card{display:flex;flex-direction:column;overflow:hidden;gap:0}
.website-tour-card [data-tour-reading]{min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.website-tour-card>header,.website-tour-card>.tour-sections-toggle,.website-tour-card>.tour-action,.website-tour-card>.tour-next-hint,.website-tour-card>.website-tour-controls,.website-tour-card>.tour-step-progress-wrap{flex-shrink:0}
.website-tour-card>.tour-section-grid{overflow:auto;min-height:0;scrollbar-width:thin}
.website-tour-card>.tour-next-hint{font-size:12px;line-height:1.4;margin:12px 0}
.tour-speed{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:0 0 12px;color:#a9c5de;font-size:11px}.tour-speed select{width:auto;flex:1;min-width:0;padding:6px 8px;background:#243449;border:1px solid #425b76;border-radius:4px;color:#e1edfa;font-size:12px}

.website-tour-card{box-sizing:border-box;max-height:calc(100dvh - 36px)}.website-tour-card [data-tour-reading]{min-height:0;overscroll-behavior:contain}.website-tour-card h2{overflow-wrap:anywhere}.website-tour-controls{flex-shrink:0}

.website-tour[data-tour-group="true"] .website-tour-card{padding:14px}.website-tour[data-tour-group="true"] .tour-action,.website-tour[data-tour-group="true"] .tour-next-hint{display:none}.website-tour[data-tour-group="true"] .tour-sections-toggle{margin-bottom:8px}.website-tour[data-tour-group="true"] .website-tour-card p{line-height:1.45}.website-tour[data-tour-group="true"] .website-tour-card [data-tour-details]{margin-top:8px}