/* Plain pass for desktop (>650px): keep the neon artwork, quiet the UI around it.
   Flat fills, small radii, no glow on chrome, labels at normal tracking. Loaded last.
   Phones (<=650px) keep the original neon lounge styling and copy. */
@media(max-width:650px){.only-pc{display:none!important}}
@media(min-width:651px){.only-sp{display:none!important}
:root{--radius:3px;--surface:#0f1628;--surface-2:#151d33;--edge:#2a3350}

/* Labels: Japanese, normal tracking, no decorative rule */
.eyebrow,.hero .eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:0;color:var(--muted)}
.eyebrow:before{display:none}
.page-head .eyebrow{margin-bottom:6px}
.page-head h1{font:700 24px/1.4 var(--sans);letter-spacing:0}
.page-head p{font-size:13px;margin-top:4px}
.brand-text small,.nav-group,.sidebar-note,.bgm-strip small,.desktop-account small,.mobile-player small,
.mobile-story-card small,.mobile-study-card>span,.dashboard-hero-copy>span,.dashboard-story-art small,
.dashboard-records small,.build-tag,.breadcrumb{font-family:var(--sans);letter-spacing:0}
.sidebar-note{font-size:11px;line-height:1.7}
.bgm-strip small,.desktop-account small,.mobile-player small{font-size:11px;color:var(--muted)}

/* Surfaces: one flat fill, one border, small radius */
.dashboard-panel,.dashboard-mode,.dashboard-mode.purple,.dashboard-mode.gold,.dashboard-rival,.dashboard-news,
.bgm-strip,.mobile-mode-pair a,.mobile-mode-pair a+a,.mobile-study-card,.mobile-menu-grid>a{
  background:var(--surface);border-color:var(--edge);border-radius:var(--radius);box-shadow:none}
.dashboard-hero,.mobile-story-card,.rival-profile,.setup-art,.setup-panel{border-radius:var(--radius);box-shadow:none}
.mobile-story-card{background:linear-gradient(90deg,var(--surface) 55%,#0f162888),url('/assets/tokyo-neon-city.png') 68% 36%/cover;border-color:var(--edge)}

/* No glow on icons, text and nav */
.dashboard-mode>.icon:first-child,.mobile-mode-pair .icon,.mobile-play>span:first-child{filter:none}
.dashboard-hero h1,.mobile-brand-stage h1,.masthead-script{text-shadow:0 1px 3px #000a}
.nav a.active{background:#1a2238;box-shadow:none;border-radius:var(--radius)}
.nav a.active:before{box-shadow:none}
.mobile-player .avatar{box-shadow:none;border-color:var(--edge)}

/* Colour as a single accent stripe instead of gradient fills */
.dashboard-mode{border-left:3px solid #4aa8ff}
.dashboard-mode.purple{border-left-color:#a66bff}
.dashboard-mode.gold{border-left-color:#e3b44c}
.dashboard-mode>.icon:first-child{width:26px;height:26px}
.mobile-mode-pair a{border-left:3px solid #4aa8ff}
.mobile-mode-pair a+a{border-left-color:#a66bff}

/* Drop the "→" on every card; the whole card is the link */
.dashboard-mode>.icon:last-child,.dashboard-missions a>.icon:last-child,.mobile-menu-grid>a>.icon:last-child,
.mobile-story-card>.icon,.mobile-study-card .icon,.dashboard-panel h2>a[aria-label]>.icon{display:none}
.dashboard-panel h2>a[aria-label]:after{content:'開く';font-size:11px;font-weight:400;color:var(--muted)}

/* Primary action: solid, no halo */
.mobile-play{background:#e0359f;border:0;border-radius:var(--radius);box-shadow:none;text-shadow:none;min-height:68px}
.mobile-play:after{display:none}
.mobile-play b{font:800 24px/1 var(--sans);letter-spacing:0}
.mobile-play>span:first-child{font-size:34px}

/* Mobile home brand stage: logo + one plain line */
.mobile-brand-stage:after{display:none}
.mobile-brand-stage h1{font:600 14px/1.5 var(--sans);letter-spacing:0;bottom:16px}
.mobile-mode-pair span{font-size:13px;letter-spacing:0}
.mobile-mode-pair small{font-size:11px}
.mobile-study-card>strong{font-size:15px}

/* Menu: a list, not a wall of identical cards */
.mobile-menu-grid{gap:0 24px}
.mobile-menu-grid>a{background:none;border:0;border-bottom:1px solid var(--edge);border-radius:0;padding:16px 4px}
.mobile-menu-grid>a:hover{background:var(--surface)}
.mobile-menu-grid>a>.icon:first-child{color:var(--muted);width:20px;height:20px}
.mobile-menu-grid b{font-size:15px}
.mobile-menu-grid small{font-size:12px;margin-top:2px}

/* Details */
.sidebar .sidebar-note{font:11px/1.7 var(--sans);letter-spacing:0;color:var(--muted)}
.mobile-story-emblem{text-shadow:none;transform:none;font-size:40px;color:#ff7fd8}
.dashboard-rival button{background:var(--surface-2);border-color:var(--edge);border-radius:var(--radius);box-shadow:none;font-size:12px}
.dashboard-rival button:hover{background:#1e2742;border-color:var(--accent)}
.dashboard-rival button .icon,.mobile-play>.icon{display:none}
.mobile-play b+small{font-size:12px;letter-spacing:0;font-weight:500}
.btn.red{background:#ee5bb8;border-color:#ee5bb8;box-shadow:none}
.btn.red:hover{background:#ff74c8}
.club-caption{border-radius:var(--radius)}
.rivals-mobile-heading h1{font-style:normal;letter-spacing:0;text-shadow:none}
.rivals-mobile-heading p{letter-spacing:0}

/* Type: self-hosted Google Fonts (fonts/fonts.css). Body in Zen Kaku Gothic New, big headings in Shippori Mincho B1. */
:root{--sans:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;--serif:var(--sans);--display:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho',serif}
body,body:not(.tutorial-table) .arena-screen.night-table{--night-font:var(--sans)}
body,button,input,select,textarea,.game-legal-links{font-family:var(--sans)}
.page-head h1,.stories-cover h1,.dashboard-hero h1,.dashboard-section-title h2,.mobile-play b,.rivals-mobile-heading h1,
.mobile-story-card strong,.dashboard-story-art strong,.mobile-study-card>strong{font-family:var(--display);font-weight:800;letter-spacing:.04em}
.page-head h1{font-size:26px}
}

.dashboard-mode.pink{border-left-color:#ff6fd8}
.mobile-friends-card{border-left:3px solid #ff6fd8;box-shadow:none}
.mobile-friends-card>.icon:first-child{filter:none}