/* In-page service guides (short intro at the top, details at the bottom).
   Server-rendered so the text is readable before and without JavaScript. */
.service-guide-intro,.service-guide-details{--sg-line:#143c65;--sg-panel:rgba(4,17,38,.88);--sg-cyan:#14d9ff;--sg-gold:#ffd536;--sg-text:#e8f1fb;--sg-muted:#a9bad6;box-sizing:border-box;color:var(--sg-text);font-family:"Noto Sans JP",system-ui,sans-serif;scroll-margin-top:96px}
.service-guide-intro{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;width:min(1680px,calc(100% - 24px));margin:10px auto;padding:9px 14px;border:1px solid var(--sg-line);border-left:3px solid var(--sg-cyan);border-radius:8px;background:var(--sg-panel)}
.service-guide-intro p{flex:1 1 420px;min-width:0;margin:0;color:var(--sg-muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.service-guide-intro a,.service-guide-details a{color:var(--sg-cyan);text-underline-offset:3px}
.service-guide-intro a{flex:0 0 auto;font-size:13px;font-weight:700;white-space:nowrap}
.service-guide-intro a:hover,.service-guide-intro a:focus-visible,.service-guide-details a:hover,.service-guide-details a:focus-visible{color:var(--sg-gold)}
.service-guide-details{width:min(980px,calc(100% - 32px));margin:40px auto 56px;padding:28px clamp(16px,4vw,40px);border:1px solid var(--sg-line);border-top:2px solid var(--sg-cyan);border-radius:10px;background:var(--sg-panel);line-height:1.85;font-size:15px}
.service-guide-details>small{display:block;margin-bottom:6px;color:var(--sg-gold);font:700 10px/1.4 Manrope,sans-serif;letter-spacing:.2em}
.service-guide-details h2{margin:0 0 18px;font-size:clamp(20px,3vw,26px);line-height:1.4;color:#fff}
.service-guide-details h3{margin:28px 0 8px;padding-left:10px;border-left:3px solid var(--sg-cyan);font-size:17px;line-height:1.5;color:#fff}
.service-guide-details p{margin:0 0 10px;overflow-wrap:anywhere}
.service-guide-details ul,.service-guide-details ol{margin:0 0 10px;padding-left:1.4em}
.service-guide-details li{margin:2px 0;overflow-wrap:anywhere}
.service-guide-details strong{color:var(--sg-gold);font-weight:700}
.service-guide-details .service-guide-note{margin-top:24px;padding:12px 14px;border:1px solid rgba(255,213,54,.35);border-radius:8px;background:rgba(255,213,54,.06);color:var(--sg-text)}
.service-guide-details .service-guide-back{display:inline-block;margin-top:18px;font-weight:700}
.service-guide-details[hidden],.service-guide-intro[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){html:has(.service-guide-details){scroll-behavior:smooth}}
@media(max-width:600px){.service-guide-intro{width:calc(100% - 16px);margin:8px auto;padding:8px 10px}.service-guide-intro p{flex-basis:100%;font-size:12.5px}.service-guide-details{width:calc(100% - 16px);margin:28px auto 40px;padding:22px 16px;font-size:14.5px}}
/* Trade Chat Room keeps its full-height app; main scrolls to reach the details below it. */
body.trade-room-page>main{overflow-x:hidden;overflow-y:auto;scroll-padding-top:12px}
@media(prefers-reduced-motion:no-preference){body.trade-room-page>main{scroll-behavior:smooth}}
.trade-room-page .tr-shell>.tr-service-intro{flex:0 0 auto;width:100%;margin:0 0 8px;padding:6px 12px}
.trade-room-page .tr-service-intro p{font-size:12.5px;line-height:1.55}
@media(min-width:801px){.trade-room-page .tr-shell>.tr-service-intro{padding-right:124px}}
.trade-room-page .service-guide-details{scroll-margin-top:12px}
.trade-room-page:is(.tr-fullscreen,.tr-chat-fullscreen) :is(.tr-service-intro,.service-guide-details){display:none}
@media(max-width:800px){.trade-room-page .tr-shell>.tr-service-intro{display:block;margin:4px 0 6px;padding:6px 10px}.trade-room-page .tr-service-intro p{font-size:12px}.trade-room-page .tr-service-intro a{display:inline-block;margin-top:2px;font-size:12.5px}.trade-room-page .tr-service-intro:before{content:"";float:right;width:104px;height:24px}}
/* PLAY TOP: keep PLAY in the first screen and keep the floating sound panel off the intro text. */
.service-guide-intro~#root .game-index{padding-top:6px}
@media(max-width:700px){#traders-battle-intro{display:block;padding:8px 10px}#traders-battle-intro p{font-size:12px;line-height:1.6}#traders-battle-intro a{display:inline-block;margin-top:4px;font-size:12.5px}body:has(.game-audio-floating) #traders-battle-intro:before{content:"";float:left;width:66px;height:96px}}
@media(min-width:701px){#traders-battle-intro{margin:6px auto;padding:6px 12px}#traders-battle-intro p{font-size:12.5px;line-height:1.55}body:has(.game-audio-floating) #traders-battle-intro{padding-left:88px}}
@media(min-width:701px){body:has(.game-audio-floating:not(.is-collapsed)) #traders-battle-intro{padding-left:282px}}
html.traders-mobile-app :is(.service-guide-intro,.service-guide-details){display:none}