:root{--jd-ink:#f6f2ff;--jd-bg:#0b1220;--jd-accent:#d4f967;--jd-soft:#fe6cab;--jd-card:#151f33;--jd-line:#3a4661;color-scheme:dark;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--jd-bg)!important;color:var(--jd-ink)!important;font-family:"Noto Sans CJK JP",system-ui,sans-serif!important;}
a,button,summary{transition:color .18s ease,border-color .18s ease,transform .18s ease}
a:hover{color:var(--jd-accent)}
header,.site-header{background:var(--jd-card)!important;border-bottom:1px solid var(--jd-line)!important;backdrop-filter:blur(12px)}
header nav a,.desktop-nav a{color:var(--jd-ink)!important}
header .brand,.site-header .brand{color:var(--jd-ink)!important}
header .brand span,.site-header .brand-mark{background:var(--jd-accent)!important;color:var(--jd-card)!important;box-shadow:none!important}
main>section:not(.jd-insight){max-width:1220px}
.hero,.home-hero{background:radial-gradient(circle at 83% 15%,#48316b 0%,transparent 27%),linear-gradient(110deg,#0b1220 15%,#172f40 70%,#141a35)!important;color:var(--jd-ink)!important;border-bottom:1px solid var(--jd-line)!important}
.hero h1,.home-hero h1,.hero h1 em,.home-hero h1 em{color:var(--jd-ink)!important}
.hero .eyebrow,.home-hero .eyebrow,.sectiontitle small,.eyebrow{color:var(--jd-accent)!important}
.search,.home-search,.search-panel{box-shadow:0 14px 55px rgba(0,0,0,.11)!important;background:var(--jd-card)!important;border-color:var(--jd-line)!important}
.search button,.primary,.search-panel button{background:var(--jd-accent)!important;color:var(--jd-bg)!important}
footer,.site-footer{background:var(--jd-card)!important;color:var(--jd-ink)!important;border-top:1px solid var(--jd-line)!important}
footer a,.site-footer a{color:inherit}
main>.jd-insight{max-width:1100px;margin:24px auto 64px;padding:28px;border:1px solid var(--jd-line);background:var(--jd-card);border-radius:22px;color:var(--jd-ink)}
.jd-insight h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:.25em 0 .5em;line-height:1.28}
.jd-insight h3{font-size:1.07rem;line-height:1.5;margin:1.1em 0 .2em;color:var(--jd-accent)}
.jd-insight p{line-height:1.86;color:var(--jd-ink);max-width:75ch}
.jd-insight .jd-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.jd-insight .jd-links a{padding:8px 14px;border:1px solid var(--jd-line);border-radius:40px;background:var(--jd-bg);font-size:13px;font-weight:750}
.jd-home,.jd-guide{min-height:100vh;color:var(--jd-ink);}
.jd-home a,.jd-guide a{text-decoration:none;color:inherit}
.jd-bar{background:var(--jd-card);border-bottom:1px solid var(--jd-line);position:sticky;top:0;z-index:40;backdrop-filter:blur(20px)}
.jd-bar-inner{max-width:1200px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.jd-logo{font-weight:950;letter-spacing:-.04em;font-size:clamp(19px,2vw,27px)}
.jd-logo strong{color:var(--jd-accent)}
.jd-nav{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:13px;font-weight:750}
.jd-nav a{border-bottom:2px solid transparent;padding:6px 0}
.jd-nav a:hover{border-color:var(--jd-accent)}
.jd-container{width:min(1200px,calc(100% - 40px));margin:auto}
.jd-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 15%,#48316b 0%,transparent 27%),linear-gradient(110deg,#0b1220 15%,#172f40 70%,#141a35);border-bottom:1px solid var(--jd-line)}
.jd-hero-inner{min-height:480px;padding:80px 0 84px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:50px;align-items:center}
.jd-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:950;text-transform:uppercase;color:var(--jd-accent);margin:0 0 24px}
.jd-hero h1{white-space:pre-line;font-size:clamp(48px,5.6vw,88px);line-height:1.09;letter-spacing:-.065em;margin:0 0 24px;font-weight:950}
.jd-hero .jd-lead{font-size:clamp(15px,1.5vw,19px);line-height:1.9;max-width:680px;opacity:.86}
.jd-orbit{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;font-size:clamp(80px,10vw,170px);font-weight:900;color:var(--jd-accent);background:var(--jd-card);border:1px solid var(--jd-line);border-radius:28px;box-shadow:20px 22px 0 #fa4aa02b;letter-spacing:-.08em}
.jd-orbit:after{content:'NEXT MOVE';position:absolute;bottom:24px;left:25px;right:25px;font-size:11px;letter-spacing:.2em;font-weight:900;opacity:.75;text-align:center}
.jd-form{display:flex;gap:7px;max-width:660px;padding:7px;border:1px solid var(--jd-line);border-radius:15px;background:var(--jd-card);margin-top:28px;box-shadow:0 18px 36px rgba(0,0,0,.07)}
.jd-form input{flex:1;min-width:0;padding:13px 14px;border:0;outline:0;background:transparent;color:var(--jd-ink);font-size:17px}
.jd-form button,.jd-btn{border:0;border-radius:10px;background:var(--jd-accent);color:var(--jd-card);padding:12px 24px;font-weight:900;cursor:pointer;white-space:nowrap}
.jd-stats{padding:24px 0;display:flex;flex-wrap:wrap;gap:14px;border-bottom:1px solid var(--jd-line)}
.jd-stats span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--jd-line);border-radius:999px;padding:10px 16px;background:var(--jd-card);font-size:12px;font-weight:800}
.jd-collection{padding:66px 0 32px}
.jd-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:30px}
.jd-section-heading h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.2;margin:0}
.jd-section-heading p{max-width:500px;margin:0;line-height:1.8;opacity:.78}
.jd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jd-tile{display:block;padding:26px;min-height:180px;background:var(--jd-card);border:1px solid var(--jd-line);border-radius:18px;position:relative;transition:transform .2s,border-color .2s}
.jd-tile:hover{transform:translateY(-4px);border-color:var(--jd-accent)}
.jd-index{font-size:10px;letter-spacing:.16em;color:var(--jd-accent);font-weight:900}
.jd-tile h3{font-size:20px;line-height:1.38;letter-spacing:-.025em;margin:15px 0 12px}
.jd-tile p{line-height:1.7;font-size:13px;opacity:.8;margin:0}
.jd-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.jd-chips a{border:1px solid var(--jd-line);background:var(--jd-card);padding:9px 15px;border-radius:99px;font-weight:800;font-size:13px}
.jd-chips a:hover{border-color:var(--jd-accent)}
.jd-guide-wrap{padding:58px 0 80px;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:50px}
.jd-article{max-width:780px}
.jd-breadcrumb{font-size:12px;opacity:.7;margin-bottom:27px}
.jd-article h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em;line-height:1.18;margin:10px 0 22px}
.jd-article h2{font-size:clamp(22px,2.5vw,30px);line-height:1.3;letter-spacing:-.028em;margin:44px 0 15px;border-left:4px solid var(--jd-accent);padding-left:18px}
.jd-article p{font-size:clamp(16px,1.4vw,18px);line-height:2.0;max-width:74ch;margin:18px 0}
.jd-article .jd-intro{font-size:clamp(18px,1.65vw,22px);font-weight:550;line-height:1.85;margin:20px 0 35px}
.jd-aside{border:1px solid var(--jd-line);background:var(--jd-card);padding:20px;border-radius:18px;align-self:start;position:sticky;top:100px}
.jd-aside h3{font-size:14px;margin:0 0 12px}
.jd-aside a{display:block;padding:11px 0;border-bottom:1px solid var(--jd-line);font-size:13px;line-height:1.55}
.jd-note{padding:23px;border-left:5px solid var(--jd-accent);background:var(--jd-card);border-radius:0 15px 15px 0;line-height:1.85;margin:28px 0}
.jd-footer{background:var(--jd-card);border-top:1px solid var(--jd-line);margin-top:60px}
.jd-footer .jd-container{padding:28px 0;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:12px;opacity:.8}
.jd-seo-small{font-size:12px;opacity:.66;line-height:1.75}
@media(max-width:900px){.jd-hero-inner{grid-template-columns:1fr;gap:20px;padding:62px 0}.jd-orbit{max-width:260px;max-height:260px;font-size:100px}.jd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-guide-wrap{grid-template-columns:1fr}.jd-aside{position:static}.jd-bar-inner{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:650px){.jd-nav{gap:4px 13px;font-size:12px}.jd-grid{grid-template-columns:1fr}.jd-orbit{display:none}.jd-hero h1{font-size:43px}.jd-form{flex-direction:column}.jd-form input{width:100%}.jd-form button{width:100%}.jd-collection{padding:45px 0 20px}.jd-section-heading{gap:10px}.jd-guide-wrap{padding:34px 0}.jd-article h1{font-size:34px}.jd-tile{min-height:138px}header nav,.desktop-nav{gap:9px;font-size:12px}main>.jd-insight{margin:18px 14px 38px}}
body{--navy:#e7faff;--red:#d4f967;--ink:#e7faff;--line:#304058}.brand:after{content:' ARCADE';color:#d4f967;margin-left:6px;font-size:11px;letter-spacing:.09em}.hero h1{font-family:system-ui,sans-serif!important;letter-spacing:-.05em!important}.hero .popular a{background:#263850!important;border-color:#4d6178!important;color:#f6f2ff!important}.home-discovery,.lesson-grid>a,.word-card,.word-row,.explore-tabs a{background:#151f33!important;color:#f6f2ff!important;border-color:#3a4661!important}.jd-hero h1{text-transform:uppercase;font-family:system-ui,sans-serif}.jd-tile{border-radius:2px 24px 2px 24px}.jd-tile:hover{box-shadow:8px 8px 0 #d4f96723}.jd-insight{border-radius:3px 20px 3px 20px!important}
main .resulthead,main .wordfacts>div,main .next-play-panel,
main .next-play-primary,main .next-play-alternatives,main .next-play-alternatives a,
main article.word,main .related a,main .wordgrid article,main .discovery,
main .notice,main .empty-search,main .tags span,main .tags b,
main .wordfacts,main .wordfacts dt,main .wordfacts dd {
 color:#f6f2ff!important;border-color:#3a4661!important
}
main .resulthead,main .wordfacts>div,main .next-play-panel,
main .next-play-primary,main .next-play-alternatives a,main article.word,
main .wordgrid article,main .notice,main .empty-search,
main .tags span,main .tags b {background:#19293d!important}
main .wordfacts dt,main .next-play-primary .meaning,
main .next-play-word span,main .next-play-alternatives a span,
main article.word p,main .meaning.english-reference,
main .resulthead .meaning,main .next-play-flags {
 color:#cbd8e5!important
}
main .wordfacts dd,main .next-play-word strong,main article.word strong,
main .next-play-alternatives a strong,main .wordgrid article b {
 color:#f6f2ff!important
}
main .next-play-letter{background:#0e3c46!important}
main .next-play-letter strong,main .next-play-letter b{color:#d4f967!important}
main .next-play-detail,main .text-link{color:#d4f967!important}
main .next-play-primary .next-play-word:hover{color:#d4f967!important}