/* Tanukade discovery: all overrides are scoped to the mounted homepage. */
body.tanukade-home-ready { background:#090c0d; color:#f2f2e9; --tk-lime:#d6ff62; --tk-muted:#a6ada9; --tk-line:#ffffff17; --tk-panel:#111617; --tk-radius:14px; }
body.tanukade-home-ready .arcade-shell { background:#090c0d; width:100%; margin-right:0; }
body.tanukade-home-ready .arcade-shell .page-container { max-width:1408px; padding:0 48px; margin:0 auto; }
body.tanukade-home-ready .arcade-shell .page-heading,
body.tanukade-home-ready .arcade-shell .feature-grid,
body.tanukade-home-ready .arcade-shell .tanukade-new-additions,
body.tanukade-home-ready .arcade-shell .collection-note { display:none !important; }
body.tanukade-home-ready .site-header { background:#090c0ded; border-bottom:1px solid var(--tk-line); }
body.tanukade-home-ready .arcade-shell .header-inner { max-width:1408px; min-height:84px; padding:0 48px; margin:auto; gap:40px; flex-wrap:nowrap; }
body.tanukade-home-ready .arcade-shell .wordmark { font-size:28px; letter-spacing:-1.3px; }
body.tanukade-home-ready .arcade-shell .main-nav { gap:28px!important; }
body.tanukade-home-ready .arcade-shell .main-nav button,
body.tanukade-home-ready .arcade-shell .main-nav a { font-size:13px; }
body.tanukade-home-ready .arcade-shell .alpha-label { display:none; }
body.tanukade-home-ready #tanukade-home { font-family:Arial,Helvetica,sans-serif; }
#tanukade-home *,#tanukade-home *::before,#tanukade-home *::after { box-sizing:border-box; }
#tanukade-home [hidden] { display:none!important; }
#tanukade-home a { text-decoration:none; color:inherit; }
#tanukade-home button { font:inherit; cursor:pointer; }
#tanukade-home :is(a,button):focus-visible { outline:3px solid var(--tk-lime); outline-offset:5px; }
#tanukade-home :is(h1,h2,h3,p) { margin:0; }
#tanukade-home h1,#tanukade-home h2,#tanukade-home h3 { text-wrap:balance; }
#tanukade-home .tk-eyebrow,#tanukade-home .tk-section-head>span,#tanukade-home .tk-section-head>div>span { font:700 10px/1.5 Arial,sans-serif; letter-spacing:2.2px; text-transform:uppercase; color:var(--tk-lime); }
#tanukade-home .tk-intro { padding:38px 0 28px; position:relative; }
#tanukade-home .tk-ironball { min-height:420px; position:relative; isolation:isolate; border-radius:18px; overflow:hidden; background:#130f12; border:1px solid #ffffff25; display:flex; align-items:center; margin-top:26px; }
#tanukade-home .tk-ironball::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#09090df5 0%,#09090dd8 34%,#09090d58 66%,#09090d10 100%),linear-gradient(0deg,#060609c9,transparent 45%); pointer-events:none; }
#tanukade-home .tk-ironball-art { position:absolute; inset:0; z-index:0; }
#tanukade-home .tk-ironball-art img { width:100%; height:100%; object-fit:cover; display:block; }
#tanukade-home .tk-ironball-copy { position:relative; z-index:2; max-width:590px; padding:54px; }
#tanukade-home .tk-ironball-copy h2 { font-size:clamp(38px,5vw,70px); line-height:1; letter-spacing:-3px; margin:9px 0 12px; }
#tanukade-home .tk-ironball-copy > p:not(.tk-eyebrow):not(.tk-hero-tagline):not(.tk-ironball-meta) { color:#e7e3dc; line-height:1.65; max-width:510px; }
#tanukade-home .tk-ironball-meta { color:var(--tk-muted); font-size:13px; margin-top:18px; }
#tanukade-home .tk-intro .tk-eyebrow { display:block; margin-bottom:10px; }
#tanukade-home .tk-intro h1 { font-size:clamp(30px,3.4vw,48px); line-height:1.08; font-weight:800; letter-spacing:-2px; }
#tanukade-home .tk-intro p { color:var(--tk-muted); font-size:14px; line-height:1.7; margin-top:12px; max-width:720px; }
#tanukade-home .tk-jumpnav { display:flex; gap:25px; align-items:center; border-top:1px solid var(--tk-line); padding:15px 0; margin-bottom:18px; overflow:auto; scrollbar-width:none; }
#tanukade-home .tk-jumpnav::-webkit-scrollbar { display:none; }
#tanukade-home .tk-jumpnav a { font-size:12px; white-space:nowrap; color:#b6beb8; min-height:28px; display:flex; align-items:center; transition:color .2s; }
#tanukade-home .tk-jumpnav a:hover { color:var(--tk-lime); }
#tanukade-home .tk-afterglow { min-height:420px; position:relative; isolation:isolate; border-radius:18px; overflow:hidden; background:#0f1520; border:1px solid #ffffff25; display:flex; align-items:center; }
#tanukade-home .tk-hero-art { position:absolute; inset:0; z-index:0; }
#tanukade-home .tk-hero-media { position:absolute; inset:0; overflow:hidden; }
#tanukade-home .tk-hero-media img,#tanukade-home .tk-hero-video { width:100%; height:100%; object-fit:cover; object-position:50% 50%; opacity:.95; }
#tanukade-home .tk-hero-video { position:absolute; inset:0; }
#tanukade-home .tk-hero-media img { display:block; }
#tanukade-home .tk-hero-media:not(.tk-hero-media-fallback) img { opacity:0; }
#tanukade-home .tk-hero-media-fallback .tk-hero-video { display:none; }
#tanukade-home .tk-hero-media-fallback img { opacity:.95; }
#tanukade-home .tk-hero-video-toggle { position:absolute; right:24px; bottom:70px; z-index:3; min-height:44px; border:1px solid #ffffff4a; border-radius:20px; padding:7px 11px; color:#e7f3eb; background:#071116bb; font-size:10px; }
#tanukade-home .tk-afterglow::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#090e16f5 0%,#090e16da 29%,#090e1659 55%,#090e1608 85%),linear-gradient(0deg,#060912c9,transparent 45%); pointer-events:none; }
#tanukade-home .tk-hero-copy { position:relative; z-index:2; padding:42px 46px 72px; width:62%; max-width:760px; }
#tanukade-home .tk-hero-copy>.tk-eyebrow { color:#b4f6dc; display:block; margin-bottom:17px; }
#tanukade-home .tk-hero-copy h2 { font-size:clamp(46px,6vw,86px); font-weight:900; line-height:.94; letter-spacing:-5px; margin-bottom:16px; }
#tanukade-home .tk-hero-tagline { font-size:clamp(19px,2vw,25px); font-weight:600; color:#e6f5ee; margin-bottom:10px!important; letter-spacing:-.6px; }
#tanukade-home .tk-hero-copy>p:not(.tk-hero-tagline) { max-width:370px; font-size:14px; line-height:1.65; color:#c2cfce; }
#tanukade-home .tk-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:24px; }
#tanukade-home .tk-button,#tanukade-home .tk-hero-actions button { border:0; background:var(--tk-lime); border-radius:7px; color:#0e180c; min-height:47px; padding:0 20px; display:inline-flex; gap:15px; align-items:center; justify-content:center; font-size:13px; font-weight:750; transition:background .2s,transform .2s; }
#tanukade-home .tk-button::after,#tanukade-home .tk-hero-actions button::after { content:"↗"; font-size:19px; font-weight:400; }
#tanukade-home .tk-button:hover,#tanukade-home .tk-hero-actions button:hover { background:#e5ff9b; transform:translateY(-2px); }
#tanukade-home .tk-hero-actions>a:not(.tk-button) { font-size:12px; color:#d7e3dd; padding:12px 0; border-bottom:1px solid #ffffff42; }
#tanukade-home .tk-live { position:absolute; z-index:3; top:24px; right:25px; display:flex; gap:8px; align-items:center; background:#071116ce; border:1px solid #b7fbc23a; padding:11px 15px; border-radius:40px; backdrop-filter:blur(12px); }
#tanukade-home .tk-live::before { content:""; width:7px; height:7px; background:var(--tk-lime); border-radius:50%; box-shadow:0 0 12px #d6ff6250; }
#tanukade-home .tk-live[data-state="unavailable"]::before,#tanukade-home .tk-live[data-state="connecting"]::before { background:#9ca5a0; box-shadow:none; }
#tanukade-home .tk-live-count { font-size:19px; color:var(--tk-lime); font-weight:800; font-variant-numeric:tabular-nums; }
#tanukade-home .tk-live-label { font-size:10px; color:#d4e9db; letter-spacing:1px; text-transform:uppercase; }
#tanukade-home .tk-hero-features { display:flex; position:absolute; z-index:2; bottom:0; left:0; right:0; gap:28px; padding:18px 46px; color:#c8d4d2; border-top:1px solid #ffffff17; font-size:11px; background:#060b1477; }
#tanukade-home .tk-hero-features>* { display:flex; gap:9px; align-items:center; }
#tanukade-home .tk-hero-features>*::before { content:"+"; color:#aaffd7; font-size:14px; }
#tanukade-home .tk-section { margin:56px 0 0; scroll-margin-top:70px; }
#tanukade-home .tk-section-head { margin-bottom:24px; position:relative; }
#tanukade-home .tk-section-head h2 { font-size:32px; line-height:1.15; letter-spacing:-1.2px; font-weight:750; margin-top:6px; }
#tanukade-home .tk-section-head p { color:var(--tk-muted); font-size:13px; line-height:1.6; margin-top:8px; }
#tanukade-home .tk-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 22px; }
#tanukade-home .tk-game-card { min-width:0; position:relative; }
#tanukade-home .tk-card-art { position:relative; display:block; overflow:hidden; width:100%; border:1px solid #ffffff17; padding:0; background:#151b20; color:white; border-radius:11px; text-align:left; aspect-ratio:16/9; }
#tanukade-home .tk-card-art img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .4s ease,filter .4s ease; }
#tanukade-home .tk-card-art:hover img { transform:scale(1.035); filter:brightness(1.13); }
#tanukade-home .tk-card-art::after { content:"↗"; position:absolute; bottom:12px; right:12px; width:34px; height:34px; border:1px solid #ffffff35; border-radius:50%; display:grid; place-items:center; background:#0b111bcc; font-size:19px; transition:background .2s; }
#tanukade-home .tk-card-art:hover::after { background:var(--tk-lime); color:#101910; }
#tanukade-home .tk-card-number { position:absolute; top:12px; left:12px; min-width:30px; height:28px; display:grid; place-items:center; padding:0 6px; background:#080d13cf; border:1px solid #ffffff33; border-radius:5px; color:white; font:600 11px/1 monospace; }
#tanukade-home .tk-card-copy { padding:15px 2px 0; }
#tanukade-home .tk-card-copy h3 { font-size:18px; font-weight:700; letter-spacing:-.45px; margin:0 0 6px; }
#tanukade-home .tk-card-copy p { color:#aab3b0; font-size:12px; line-height:1.55; max-width:48ch; }
#tanukade-home .tk-card-meta { display:flex; gap:12px; color:#788983; font-size:10px; line-height:1.5; margin-top:11px; text-transform:uppercase; letter-spacing:.65px; }
#tanukade-home .tk-card-meta>*+*::before { content:"·"; margin-right:12px; color:#64766b; }
#tanukade-home .tk-study { margin-top:60px; min-height:390px; border-radius:16px; overflow:hidden; position:relative; isolation:isolate; display:grid; grid-template-columns:1.2fr 1fr; background:#142128; border:1px solid #bdcbb222; scroll-margin-top:70px; }
#tanukade-home .tk-study-art { min-width:0; position:absolute; inset:0; z-index:-2; }
#tanukade-home .tk-study-art img { height:100%; width:100%; object-fit:cover; object-position:center 55%; }
#tanukade-home .tk-study::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#10202608 20%,#0d1d20a1 52%,#0c1b20ef 80%),linear-gradient(0deg,#0b202744,transparent); }
#tanukade-home .tk-study-copy { grid-column:2; padding:44px 40px 42px 20px; align-self:center; }
#tanukade-home .tk-study-copy>.tk-eyebrow { color:#c8dcbf; display:block; margin-bottom:20px; }
#tanukade-home .tk-study-copy h2 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(36px,4vw,57px); font-weight:400; line-height:1.06; letter-spacing:-1.7px; color:#f8f1df; }
#tanukade-home .tk-study-copy h3 { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-size:23px; font-weight:400; color:#d1decf; margin:11px 0 15px; letter-spacing:-.4px; }
#tanukade-home .tk-study-copy p { color:#c5d1c9; line-height:1.75; font-size:13px; max-width:360px; }
#tanukade-home .tk-study-copy .tk-button { margin-top:24px; background:#ecebd6; color:#1b302c; }
#tanukade-home .tk-study-details { display:block; margin-top:22px; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; color:#d0dbcb; }
#tanukade-home .tk-experiment-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
#tanukade-home .tk-experiment { min-width:0; }
#tanukade-home .tk-experiment .tk-card-art { aspect-ratio:2.05; }
#tanukade-home .tk-experiment .tk-card-copy { padding:17px 2px 0; }
#tanukade-home .tk-experiment .tk-card-copy h3 { font-size:23px; }
#tanukade-home .tk-experiment .tk-card-copy>.tk-eyebrow { display:block; margin-bottom:7px; color:#abb8d9; }
#tanukade-home .tk-social-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
#tanukade-home .tk-social-card { border:1px solid var(--tk-line); background:#111719; border-radius:12px; display:grid; grid-template-columns:42% 1fr; overflow:hidden; min-width:0; }
#tanukade-home .tk-social-card .tk-card-art { height:100%; min-height:180px; border:0; border-radius:0; aspect-ratio:auto; }
#tanukade-home .tk-social-card .tk-card-copy { padding:24px; align-self:center; }
#tanukade-home .tk-social-card .tk-card-copy h3 { font-size:22px; }
#tanukade-home .tk-social-card .tk-live { position:static; padding:6px 0 0; border:0; background:none; backdrop-filter:none; }
#tanukade-home .tk-social-card .tk-live-count { font-size:13px; }
#tanukade-home .tk-social-card .tk-live-label { font-size:9px; }
#tanukade-home .tk-update-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
#tanukade-home .tk-update-card { min-width:0; padding:15px; background:#111617; border:1px solid var(--tk-line); border-radius:12px; }
#tanukade-home .tk-update-card .tk-card-art { aspect-ratio:2.05; border:0; border-radius:7px; }
#tanukade-home .tk-update-card .tk-card-copy { padding:17px 2px 5px; }
#tanukade-home .tk-update-card .tk-card-copy>.tk-eyebrow { display:block; color:#a4d3c6; font-size:9px; margin-bottom:8px; }
#tanukade-home .tk-update-card .tk-card-copy h3 { font-size:18px; }
#tanukade-home .tk-update-title { display:block; margin:8px 0; font-size:13px; color:#d2e3da; }
#tanukade-home .tk-future { display:flex; align-items:center; flex-wrap:wrap; gap:16px 36px; padding:28px 30px; margin-top:56px; border:1px solid #d6ff622b; border-radius:12px; background:linear-gradient(110deg,#192118,#0f1411); }
#tanukade-home .tk-future h2 { font-size:24px; letter-spacing:-.8px; }
#tanukade-home .tk-future p { color:#a9b6a9; font-size:13px; line-height:1.6; margin-top:7px; max-width:640px; }
#tanukade-home .tk-future>a { margin-left:auto; color:var(--tk-lime); font-size:13px; padding:12px 0; white-space:nowrap; }
body.tanukade-home-ready .arcade-shell .catalog-section { margin:60px 0 0; padding:36px 0 0; border-top:1px solid var(--tk-line); scroll-margin-top:65px; }
body.tanukade-home-ready .arcade-shell .section-heading h2 { font-size:30px; letter-spacing:-1px; }
body.tanukade-home-ready .arcade-shell .section-heading p { color:var(--tk-muted); font-size:13px; }
body.tanukade-home-ready .arcade-shell .game-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 20px; }
body.tanukade-home-ready .arcade-shell .game-card { min-width:0; border:none; background:none; box-shadow:none; }
body.tanukade-home-ready .arcade-shell .game-card .cover-button { border-radius:9px; overflow:hidden; border:1px solid var(--tk-line); }
body.tanukade-home-ready .arcade-shell .game-card .card-copy { padding:13px 0 0; }
body.tanukade-home-ready .arcade-shell .game-card h3 { font-size:15px; line-height:1.3; letter-spacing:-.35px; }
body.tanukade-home-ready .arcade-shell .game-card .card-copy>p { font-size:12px; line-height:1.5; }
body.tanukade-home-ready .arcade-shell .game-card .tanukade-playtime { font-size:10px; opacity:.7; }
body.tanukade-home-ready .arcade-shell .tanukade-badge { border:none; border-radius:3px; font-size:8px; padding:4px 5px; letter-spacing:.3px; }
body.tanukade-home-ready .arcade-shell .filter-row { gap:7px; margin-bottom:23px; }
body.tanukade-home-ready .arcade-shell .filter-row button { min-height:35px; border-radius:5px; font-size:11px; }
body.tanukade-home-ready .arcade-shell .tanukade-sort-status { font-size:10px; width:100%; margin:8px 0 0; }
body.tanukade-home-ready .arcade-shell .tanukade-additional-titles { background:#101614; border-color:var(--tk-line); }
body.tanukade-home-ready .arcade-shell .tanukade-about { border-top:1px solid var(--tk-line); margin-top:44px; }
body.tanukade-home-ready .arcade-shell .site-footer { border-color:var(--tk-line); margin-top:46px; }
body.tanukade-home-ready:not(.tchat-gaming) #tanukade-chat-launcher { top:auto; bottom:22px; right:24px; left:auto; height:48px; width:auto; min-width:150px; padding:0 20px; border:1px solid #d6ff624a; border-radius:30px; color:#e3f8c1; background:#17201ceF; box-shadow:0 6px 28px #0008; font-size:11px; text-transform:none; letter-spacing:.2px; z-index:51; }
body.tanukade-home-ready:not(.tchat-gaming) #tanukade-chat-launcher::before { content:"◌"; margin-right:8px; font-size:17px; }
body.tanukade-home-ready:not(.tchat-gaming) #tanukade-chat-launcher:hover { background:#243326; }
body.tanukade-home-ready:not(.tchat-gaming).tanukade-chat-desktop #tanukade-chat { top:auto; bottom:80px; right:24px; width:var(--tchat-panel,320px); height:min(660px,calc(100dvh - 130px)); border-radius:26px; border-color:#d1e4ff42; }
body.tanukade-home-ready:not(.tchat-gaming) #tanukade-live-players { padding-right:max(48px,calc((100vw - 1312px)/2)); height:28px; }
body.tanukade-home-ready:not(.tchat-gaming) { padding-top:28px; }
html[lang="ja"] #tanukade-home .tk-intro h1 { letter-spacing:-1px; font-size:clamp(26px,3vw,42px); }
html[lang="ja"] #tanukade-home .tk-hero-copy h2 { letter-spacing:-4px; }
html[lang="ja"] #tanukade-home .tk-study-copy h3 { font-style:normal; line-height:1.5; font-size:20px; }
@media(min-width:1600px) { #tanukade-home .tk-afterglow { min-height:450px; } }
@media(max-width:1099px) {
 body.tanukade-home-ready .arcade-shell .page-container,body.tanukade-home-ready .arcade-shell .header-inner { padding-left:28px; padding-right:28px; }
 body.tanukade-home-ready .arcade-shell .header-inner { min-height:75px; }
 #tanukade-home .tk-hero-copy { padding-left:32px; width:65%; }
 #tanukade-home .tk-hero-copy h2 { letter-spacing:-3px; }
 #tanukade-home .tk-hero-features { padding-left:32px; }
 #tanukade-home .tk-game-grid { gap:24px 16px; }
 #tanukade-home .tk-card-copy h3 { font-size:16px; }
 #tanukade-home .tk-study-copy { padding-right:26px; }
 #tanukade-home .tk-social-card { grid-template-columns:1fr; }
 #tanukade-home .tk-social-card .tk-card-art { aspect-ratio:2.1; min-height:0; }
 body.tanukade-home-ready .arcade-shell .game-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.tanukade-home-ready:not(.tchat-gaming) { padding-top:52px; }
 body.tanukade-home-ready:not(.tchat-gaming) #tanukade-live-players { height:52px; }
 body.tanukade-home-ready:not(.tchat-gaming) #tanukade-chat { top:calc(60px + var(--tchat-vv-top,0px)); bottom:68px; max-height:calc(var(--tchat-vh,100dvh) - 128px); }
}
@media(max-width:700px) {
#tanukade-home .tk-ironball { min-height:510px; align-items:flex-end; border-radius:12px; }
#tanukade-home .tk-ironball::before { background:linear-gradient(0deg,#08090ef7 10%,#08090ebf 45%,#08090e10 100%); }
#tanukade-home .tk-ironball-copy { padding:28px 22px; }
#tanukade-home .tk-ironball-copy h2 { font-size:42px; letter-spacing:-2px; }
 body.tanukade-home-ready .arcade-shell .page-container,body.tanukade-home-ready .arcade-shell .header-inner { padding-left:20px; padding-right:20px; }
 body.tanukade-home-ready .arcade-shell .header-inner { min-height:70px; gap:16px; }
 body.tanukade-home-ready .arcade-shell .wordmark { font-size:24px; }
 body.tanukade-home-ready .arcade-shell .main-nav { gap:13px!important; }
 body.tanukade-home-ready .arcade-shell .main-nav button,body.tanukade-home-ready .arcade-shell .main-nav a { font-size:11px; }
 #tanukade-home .tk-intro { padding:28px 0 22px; }
 #tanukade-home .tk-intro h1 { font-size:32px; letter-spacing:-1.4px; max-width:340px; }
 #tanukade-home .tk-intro p { font-size:12px; max-width:370px; line-height:1.7; }
 #tanukade-home .tk-jumpnav { gap:23px; margin-right:-20px; padding-right:20px; margin-bottom:14px; }
 #tanukade-home .tk-afterglow { min-height:510px; align-items:flex-end; border-radius:12px; }
 #tanukade-home .tk-hero-art { inset:0 0 100px; }
 #tanukade-home .tk-hero-media img,#tanukade-home .tk-hero-video { object-position:50% center; }
 #tanukade-home .tk-afterglow::before { background:linear-gradient(0deg,#080e18 9%,#080e18f7 30%,#080e188c 59%,#080e1810 100%); }
 #tanukade-home .tk-hero-copy { width:100%; max-width:none; padding:150px 24px 77px; }
 #tanukade-home .tk-hero-copy h2 { font-size:clamp(40px,10vw,66px); letter-spacing:-2.7px; margin-bottom:13px; }
 #tanukade-home .tk-hero-copy>.tk-eyebrow { font-size:9px; letter-spacing:1.5px; margin-bottom:12px; }
 #tanukade-home .tk-hero-tagline { font-size:20px; }
 #tanukade-home .tk-hero-copy>p:not(.tk-hero-tagline) { font-size:12px; max-width:320px; }
 #tanukade-home .tk-hero-actions { gap:12px 17px; margin-top:19px; }
 #tanukade-home .tk-hero-actions button { min-height:45px; padding:0 15px; font-size:12px; }
 #tanukade-home .tk-hero-actions>a:not(.tk-button) { font-size:11px; }
 #tanukade-home .tk-live { top:17px; right:17px; padding:8px 12px; }
 #tanukade-home .tk-live-count { font-size:17px; }
 #tanukade-home .tk-hero-features { padding:15px 24px; gap:10px 20px; flex-wrap:wrap; font-size:9px; }
 #tanukade-home .tk-hero-video-toggle { left:17px; right:auto; top:17px; bottom:auto; font-size:9px; }
 #tanukade-home .tk-section { margin-top:40px; }
 #tanukade-home .tk-section-head { margin-bottom:19px; }
 #tanukade-home .tk-section-head h2 { font-size:28px; }
 #tanukade-home .tk-section-head p { font-size:12px; }
 #tanukade-home .tk-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 14px; }
 #tanukade-home .tk-card-art { border-radius:8px; aspect-ratio:1.35; }
 #tanukade-home .tk-card-art::after { width:27px; height:27px; bottom:8px; right:8px; font-size:16px; }
 #tanukade-home .tk-card-number { top:8px; left:8px; min-width:25px; height:23px; font-size:10px; }
 #tanukade-home .tk-card-copy { padding-top:11px; }
 #tanukade-home .tk-card-copy h3 { font-size:15px; line-height:1.22; }
 #tanukade-home .tk-card-copy p { font-size:11px; line-height:1.5; }
 #tanukade-home .tk-card-meta { font-size:9px; letter-spacing:.2px; gap:7px; flex-wrap:wrap; }
 #tanukade-home .tk-card-meta>*+*::before { margin-right:7px; }
 #tanukade-home .tk-study { min-height:520px; margin-top:44px; display:flex; align-items:flex-end; border-radius:12px; }
 #tanukade-home .tk-study-art img { object-position:40% 50%; }
 #tanukade-home .tk-study::before { background:linear-gradient(0deg,#0d2229 4%,#0d2229ef 30%,#0d222980 55%,#0d222900 100%); }
 #tanukade-home .tk-study-copy { padding:220px 26px 30px; }
 #tanukade-home .tk-study-copy>.tk-eyebrow { font-size:9px; margin-bottom:14px; }
 #tanukade-home .tk-study-copy h2 { font-size:43px; }
 #tanukade-home .tk-study-copy h3 { font-size:23px; }
 #tanukade-home .tk-study-copy p { font-size:12px; }
 #tanukade-home .tk-study-details { margin-top:18px; font-size:9px; }
 #tanukade-home .tk-experiment-grid { gap:23px; grid-template-columns:1fr; }
 #tanukade-home .tk-experiment .tk-card-art { aspect-ratio:1.9; }
 #tanukade-home .tk-experiment .tk-card-copy h3 { font-size:21px; }
 #tanukade-home .tk-social-grid { grid-template-columns:1fr; gap:15px; }
 #tanukade-home .tk-social-card { grid-template-columns:38% 1fr; }
 #tanukade-home .tk-social-card .tk-card-art { aspect-ratio:auto; }
 #tanukade-home .tk-social-card .tk-card-copy { padding:20px 16px; }
 #tanukade-home .tk-social-card .tk-card-copy h3 { font-size:18px; }
 #tanukade-home .tk-update-grid { grid-template-columns:1fr; gap:14px; }
 #tanukade-home .tk-update-card { display:grid; grid-template-columns:34% 1fr; gap:16px; padding:13px; }
 #tanukade-home .tk-update-card .tk-card-art { height:100%; aspect-ratio:auto; min-height:125px; }
 #tanukade-home .tk-update-card .tk-card-copy { padding:3px 0; }
 #tanukade-home .tk-update-card .tk-card-copy h3 { font-size:17px; }
 #tanukade-home .tk-future { padding:25px; margin-top:38px; }
 #tanukade-home .tk-future h2 { font-size:24px; }
 #tanukade-home .tk-future>a { margin-left:0; }
 body.tanukade-home-ready .arcade-shell .catalog-section { margin-top:40px; padding-top:30px; }
 body.tanukade-home-ready .arcade-shell .game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px 14px; }
 body.tanukade-home-ready .arcade-shell .game-card h3 { font-size:14px; }
 body.tanukade-home-ready .arcade-shell .game-card .card-copy>p { font-size:11px; }
 body.tanukade-home-ready .arcade-shell .game-card .tanukade-badge { font-size:7px; }
 body.tanukade-home-ready .arcade-shell .game-card .tanukade-playtime { font-size:9px; }
 body.tanukade-home-ready:not(.tchat-gaming) #tanukade-chat-launcher { bottom:14px; right:15px; min-width:135px; height:44px; padding:0 15px; }
 body.tanukade-home-ready .arcade-shell .tanukade-additional-titles summary { font-size:14px; }
}
@media(max-width:370px) {
 body.tanukade-home-ready .arcade-shell .page-container,body.tanukade-home-ready .arcade-shell .header-inner { padding-left:15px; padding-right:15px; }
 body.tanukade-home-ready .arcade-shell .header-inner { gap:9px; }
 #tanukade-home .tk-hero-copy { padding-left:20px; padding-right:20px; }
 #tanukade-home .tk-hero-actions { gap:8px 12px; }
 #tanukade-home .tk-hero-copy h2 { font-size:38px; }
 #tanukade-home .tk-hero-features { padding-left:20px; gap:7px 12px; }
 #tanukade-home .tk-jumpnav { margin-right:-15px; padding-right:15px; }
}
@media(prefers-reduced-motion:reduce) { #tanukade-home *,#tanukade-home *::before,#tanukade-home *::after { transition:none!important; scroll-behavior:auto!important; } }
/* Keep the opening compact and the editorial type separate from body copy. */
body.tanukade-home-ready .arcade-shell .view-content { padding-top:0; }
body.tanukade-home-ready .arcade-shell .header-inner { height:80px; min-height:80px; }
#tanukade-home p.tk-eyebrow { font-size:10px; line-height:1.5; letter-spacing:2.2px; color:var(--tk-lime); margin-top:0; }
#tanukade-home .tk-intro { padding-top:29px; padding-bottom:23px; }
#tanukade-home .tk-section-head p.tk-eyebrow { margin-bottom:7px; }
#tanukade-home .tk-hero-copy>p.tk-eyebrow { color:#b4f6dc; font-size:9px; letter-spacing:2px; }
#tanukade-home .tk-hero-features { list-style:none; margin:0; }
#tanukade-home .tk-study-copy>p.tk-eyebrow { color:#e8d1b0; }
#tanukade-home .tk-study { background:#241915; }
#tanukade-home .tk-study::before { background:linear-gradient(90deg,#190f0800 20%,#190f0866 50%,#150e0ceb 83%),linear-gradient(0deg,#180b0844,transparent); }
#tanukade-home .tk-study-copy h3 { color:#e0ceb7; }
#tanukade-home .tk-study-copy p { color:#d6cdbf; }
#tanukade-home .tk-update-badge { display:block; font-size:9px!important; letter-spacing:1.2px; color:#b4e2b5!important; text-transform:uppercase; margin-bottom:9px!important; }
#tanukade-home .tk-update-card .tk-card-copy .tk-button { background:transparent; color:#d6edc3; padding:10px 0 0; justify-content:flex-start; min-height:38px; font-size:11px; }
#tanukade-home .tk-social-card .tk-card-copy .tk-button { background:transparent; color:#d6edc3; padding:10px 0 0; justify-content:flex-start; min-height:38px; font-size:11px; }
#tanukade-home .tk-social-card .tk-live,#tanukade-home .tk-card-live { display:flex; align-items:center; gap:7px; padding-top:10px; margin:0; }
#tanukade-home .tk-card-live .tk-live-count { font-size:13px; }
#tanukade-home .tk-card-live .tk-live-label { font-size:9px; }
#tanukade-home .tk-future-copy { flex:1 1 500px; }
@media(max-width:700px) {
 body.tanukade-home-ready .arcade-shell .header-inner { height:auto; min-height:66px; }
 #tanukade-home .tk-intro { padding-top:24px; padding-bottom:20px; }
 #tanukade-home .tk-intro p.tk-eyebrow { font-size:9px; letter-spacing:1.8px; }
 #tanukade-home .tk-study::before { background:linear-gradient(0deg,#211611 4%,#211611ef 30%,#21161177 57%,#21161100 100%); }
}
@media(max-width:700px) {
 body.tanukade-home-ready .arcade-shell .header-inner { display:flex; flex-wrap:wrap; gap:0 16px; padding-top:12px; padding-bottom:0; }
 body.tanukade-home-ready .arcade-shell .wordmark { flex:1 1 auto; }
 body.tanukade-home-ready .tanukade-language-toggle { flex:0 0 auto; white-space:nowrap; min-width:64px; height:40px; min-height:40px; padding:0 10px; font-size:12px; }
 body.tanukade-home-ready .arcade-shell .main-nav { order:5; flex:1 0 100%; justify-content:flex-start; height:40px; gap:24px!important; margin-top:7px; }
 body.tanukade-home-ready .arcade-shell .header-actions:empty { display:none; }
 body.tanukade-home-ready .arcade-shell .main-nav button,body.tanukade-home-ready .arcade-shell .main-nav a { min-height:40px; padding:0; }
 #tanukade-home .tk-afterglow { min-height:480px; }
 #tanukade-home .tk-hero-copy { padding-top:120px; }
 #tanukade-home .tk-study-art img { object-position:21% 50%; }
 #tanukade-home .tk-study-details { font-size:9px!important; letter-spacing:1px; }
}

#tanukade-home .tk-card-update { position:absolute; bottom:12px; left:12px; max-width:calc(100% - 58px); padding:7px 9px; border:1px solid #d3ff70; border-radius:4px; background:#d3ff70; color:#172009; font-size:10px; font-weight:800; line-height:1.2; letter-spacing:.8px; text-align:left; }
@media (max-width:600px) { #tanukade-home .tk-card-update { bottom:8px; left:8px; max-width:calc(100% - 46px); padding:5px 6px; font-size:8px; letter-spacing:.4px; } }

#tanukade-home .tk-study-routes {display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;}
#tanukade-home .tk-study-route {color:#f6ecd8;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px;min-height:28px;display:inline-flex;align-items:center;}
#tanukade-home .tk-study-route:hover {color:#d3ff70;}
#tanukade-home .tk-study-route:focus-visible {outline:2px solid #d3ff70;outline-offset:5px;}

/* The stats bar's phone layout lives in client.css (2026-10-10). */

/* A focused front page: the social destinations side by side with their words. */
#tanukade-home .tk-social-grid{grid-template-columns:1fr}
#tanukade-home .tk-social-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px}
#tanukade-home .tk-social-card .tk-card-art{aspect-ratio:1.8}
#tanukade-home .tk-social-card .tk-card-copy{padding:20px 24px 20px 0}
#tanukade-home .tk-social-card .tk-card-copy h3{font-size:clamp(24px,2.5vw,34px)}
@media(max-width:700px){#tanukade-home .tk-social-card{grid-template-columns:1fr;gap:0}#tanukade-home .tk-social-card .tk-card-copy{padding:18px 2px 0}}
/* The experiences (Something different): three across; a swipe row on phones. */
#tanukade-home .tk-experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#tanukade-home .tk-experiment .tk-card-art{aspect-ratio:1.8}
#tanukade-home .tk-experiment .tk-card-copy{padding:16px 2px 0}
#tanukade-home .tk-experiment .tk-card-copy h3{font-size:clamp(21px,1.9vw,28px)}
@media(max-width:700px){#tanukade-home .tk-experiment-grid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-8px -20px 0;padding:8px 20px 8px;scroll-padding:0 20px}#tanukade-home .tk-experiment-grid::-webkit-scrollbar{display:none}#tanukade-home .tk-experiment{flex:0 0 84%;scroll-snap-align:start}}
@media(max-width:700px){#tanukade-home .tk-ironball-art img{object-position:right center}#tanukade-home .tk-social-card .tk-card-copy{padding:20px}}

/* New on Tanukade: the newest three games as a cinematic triptych. */
#tanukade-home .tk-newgames { margin-top:26px; }
#tanukade-home .tk-newgames-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:8px 32px; margin-bottom:18px; }
#tanukade-home .tk-newgames-head .tk-eyebrow { flex-basis:100%; }
#tanukade-home .tk-newgames-head h2 { font-size:clamp(32px,3.6vw,54px); line-height:1; letter-spacing:-2.4px; font-weight:800; }
#tanukade-home .tk-newgames-head > p:not(.tk-eyebrow) { color:var(--tk-muted); font-size:15px; line-height:1.5; max-width:500px; }
#tanukade-home .tk-fresh-row { display:flex; gap:14px; height:560px; }
#tanukade-home .tk-fresh { --accent:#d6ff62; position:relative; isolation:isolate; flex:1 1 0; min-width:0; border-radius:18px; overflow:hidden; background:#0d1011; border:1px solid #ffffff1f; transition:flex-grow .7s cubic-bezier(.2,.8,.2,1), border-color .4s, box-shadow .5s; }
#tanukade-home .tk-fresh.is-active { flex-grow:2.1; border-color:color-mix(in srgb,var(--accent) 55%,transparent); box-shadow:0 30px 80px -30px color-mix(in srgb,var(--accent) 45%,transparent), inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent); }
#tanukade-home .tk-fresh--confetti { --accent:#6cc4ff; background:#0b1020; }
#tanukade-home .tk-fresh--embers { --accent:#ff8a3d; background:#140d10; }
#tanukade-home .tk-fresh--leaves { --accent:#ffcf5a; background:#10132a; }
#tanukade-home .tk-fresh--rain { --accent:#e8c77a; background:#0c0a12; }
#tanukade-home .tk-fresh-art { position:absolute; inset:0; z-index:0; overflow:hidden; }
#tanukade-home .tk-fresh-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.08); filter:saturate(1.05) brightness(.82); transition:filter .6s, transform 1.2s cubic-bezier(.2,.8,.2,1); animation:tk-fresh-drift 24s ease-in-out infinite alternate; animation-play-state:paused; }
#tanukade-home .tk-fresh--confetti .tk-fresh-art img { object-position:34% 50%; }
#tanukade-home .tk-fresh--embers .tk-fresh-art img { object-position:62% 50%; }
#tanukade-home .tk-fresh--leaves .tk-fresh-art img { object-position:50% 30%; }
#tanukade-home .tk-fresh--rain .tk-fresh-art img { object-position:44% 50%; }
#tanukade-home .tk-fresh.is-active .tk-fresh-art img { filter:saturate(1.15) brightness(1); }
#tanukade-home .tk-fresh::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(0deg,#07090af2 0%,#07090ac4 30%,#07090a30 64%,#07090a55 100%); transition:opacity .6s; }
#tanukade-home .tk-fresh::after { content:""; position:absolute; inset:-30% -30% auto auto; width:70%; aspect-ratio:1; z-index:1; pointer-events:none; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 62%); opacity:.35; transition:opacity .6s; mix-blend-mode:screen; }
#tanukade-home .tk-fresh.is-active::after { opacity:.75; }
#tanukade-home .tk-newgames.is-onscreen .tk-fresh-art img,#tanukade-home .tk-newgames.is-onscreen .tk-fresh-fx i { animation-play-state:running; }
@keyframes tk-fresh-drift { from { transform:scale(1.08) translate3d(0,0,0); } to { transform:scale(1.17) translate3d(-2.2%,-1.6%,0); } }
#tanukade-home .tk-fresh-num { position:absolute; z-index:2; top:18px; right:22px; font:800 64px/1 Arial,sans-serif; letter-spacing:-3px; color:transparent; -webkit-text-stroke:1.5px #ffffff4d; transition:-webkit-text-stroke-color .5s; pointer-events:none; }
#tanukade-home .tk-fresh.is-active .tk-fresh-num { -webkit-text-stroke-color:color-mix(in srgb,var(--accent) 80%,white); }
#tanukade-home .tk-fresh-hit { position:absolute; inset:0; z-index:2; border:0; background:transparent; padding:0; border-radius:inherit; }
#tanukade-home .tk-fresh-copy { position:absolute; z-index:3; left:0; right:0; bottom:0; padding:30px 30px 28px; pointer-events:none; }
#tanukade-home .tk-fresh-copy :is(button,.tk-card-live) { pointer-events:auto; }
#tanukade-home .tk-fresh-badge { display:flex; align-items:center; gap:10px; color:#d9ddd7; font:700 10px/1 Arial,sans-serif; letter-spacing:1.8px; text-transform:uppercase; white-space:nowrap; }
#tanukade-home .tk-fresh-new { background:var(--accent); color:#0b0c0c; border-radius:999px; padding:6px 9px 5px; letter-spacing:1.6px; box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent); }
#tanukade-home .tk-fresh h3 { font-size:clamp(24px,2.15vw,40px); line-height:1; letter-spacing:-2px; font-weight:800; margin:14px 0 8px; text-shadow:0 4px 30px #000c; overflow-wrap:break-word; transition:font-size .6s; }
#tanukade-home .tk-fresh.is-active h3 { font-size:clamp(38px,4.4vw,68px); letter-spacing:-3px; white-space:nowrap; }
#tanukade-home .tk-fresh-tag { color:color-mix(in srgb,var(--accent) 70%,white); font-weight:700; font-size:16px; line-height:1.35; text-shadow:0 2px 16px #000; }
#tanukade-home .tk-fresh-text { color:#e7e3dc; line-height:1.6; font-size:15px; max-width:520px; margin-top:12px; max-height:0; opacity:0; overflow:hidden; transform:translateY(10px); transition:max-height .6s ease, opacity .45s ease, transform .6s ease; }
#tanukade-home .tk-fresh.is-active .tk-fresh-text { max-height:140px; opacity:1; transform:none; transition-delay:.12s; }
#tanukade-home .tk-fresh-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin-top:20px; }
#tanukade-home .tk-fresh-actions .tk-button { white-space:nowrap; }
/* Atmosphere: embers rise, leaves drift, rain falls. */
#tanukade-home .tk-fresh-fx { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
#tanukade-home .tk-fresh-fx i { position:absolute; left:var(--x); display:block; animation-duration:var(--d); animation-delay:var(--delay); animation-iteration-count:infinite; animation-timing-function:linear; animation-play-state:paused; will-change:transform,opacity; }
#tanukade-home .tk-fresh--embers .tk-fresh-fx i { bottom:-12px; width:calc(5px * var(--s)); height:calc(5px * var(--s)); border-radius:50%; background:#ffb15c; box-shadow:0 0 10px 2px #ff7a2d; animation-name:tk-ember; }
@keyframes tk-ember { 0% { transform:translate3d(0,0,0); opacity:0; } 12% { opacity:1; } 70% { opacity:.8; } 100% { transform:translate3d(var(--drift),-620px,0); opacity:0; } }
#tanukade-home .tk-fresh--leaves .tk-fresh-fx i { top:-20px; width:calc(13px * var(--s)); height:calc(7px * var(--s)); border-radius:100% 0 100% 0; background:linear-gradient(135deg,#ffe07a,#e6a531); box-shadow:0 0 12px #ffcf5a88; animation-name:tk-leaf; }
#tanukade-home .tk-fresh--leaves .tk-fresh-fx i:nth-child(3n) { background:linear-gradient(135deg,#9fe07f,#4f9a45); box-shadow:0 0 10px #7fd66b66; }
/* Skypitch: a little stadium confetti in team blue and orange. */
#tanukade-home .tk-fresh--confetti .tk-fresh-fx i { top:-20px; width:calc(6px * var(--s)); height:calc(10px * var(--s)); border-radius:1px; background:#4fa3ff; box-shadow:0 0 8px #4fa3ff66; animation-name:tk-leaf; }
#tanukade-home .tk-fresh--confetti .tk-fresh-fx i:nth-child(2n) { background:#ff8a2a; box-shadow:0 0 8px #ff8a2a66; }
@keyframes tk-leaf { 0% { transform:translate3d(0,0,0) rotate(0deg); opacity:0; } 10% { opacity:1; } 100% { transform:translate3d(var(--drift),620px,0) rotate(540deg); opacity:.2; } }
#tanukade-home .tk-fresh--rain .tk-fresh-fx i { top:-60px; width:1px; height:calc(46px * var(--s)); background:linear-gradient(180deg,transparent,#c9c3e6aa); transform:rotate(12deg); animation-name:tk-rain; }
@keyframes tk-rain { 0% { transform:translate3d(0,0,0) rotate(12deg); opacity:0; } 8% { opacity:.9; } 100% { transform:translate3d(-130px,660px,0) rotate(12deg); opacity:.2; } }
#tanukade-home .tk-fresh--rain::after { inset:-18% auto auto -12%; width:48%; background:radial-gradient(circle,#f2e6c255,transparent 60%); }
@media (hover:hover) { #tanukade-home .tk-fresh:hover .tk-fresh-art img { filter:saturate(1.2) brightness(1.05); } }
@media (max-width:1100px) { #tanukade-home .tk-fresh-row { height:520px; } #tanukade-home .tk-fresh-copy { padding:24px 22px; } #tanukade-home .tk-fresh-num { font-size:48px; } }
@media (max-width:860px) {
  #tanukade-home .tk-newgames-head > p:not(.tk-eyebrow) { font-size:14px; }
  #tanukade-home .tk-fresh-row { height:auto; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; margin:0 -20px; padding:4px 20px 8px; scroll-padding:0 20px; }
  #tanukade-home .tk-fresh-row::-webkit-scrollbar { display:none; }
  #tanukade-home .tk-fresh, #tanukade-home .tk-fresh.is-active { flex:0 0 86%; height:min(560px,72vh); min-height:420px; scroll-snap-align:start; }
  #tanukade-home .tk-fresh h3, #tanukade-home .tk-fresh.is-active h3 { font-size:clamp(34px,10vw,48px); white-space:normal; }
  /* Ironball's gameplay frame carries a wide "WHITE HOT!" banner that a tall phone card
     cannot crop without cutting it. Show the whole frame over a blurred fill instead. */
  #tanukade-home .tk-fresh--embers .tk-fresh-art::before { content:""; position:absolute; inset:-30px; background:url(/covers/ironball-abbey-gameplay.jpg) 50% 50%/cover no-repeat; filter:blur(22px) saturate(1.15) brightness(.5); }
  #tanukade-home .tk-fresh--embers .tk-fresh-art img { bottom:auto; height:56%; object-fit:contain; object-position:50% 0; transform:none; animation:none; }
  #tanukade-home .tk-fresh-text, #tanukade-home .tk-fresh.is-active .tk-fresh-text { max-height:none; opacity:1; transform:none; font-size:14px; }
  #tanukade-home .tk-fresh::after { opacity:.6; }
  #tanukade-home .tk-fresh-copy { padding:22px 20px; }
}
@media (prefers-reduced-motion:reduce) {
  #tanukade-home .tk-fresh, #tanukade-home .tk-fresh-text, #tanukade-home .tk-fresh h3 { transition:none; }
  #tanukade-home .tk-fresh-art img { animation:none; }
  #tanukade-home .tk-fresh-fx { display:none; }
}

/* Lanternwood feature */
#tanukade-home .tk-lw { position:relative; isolation:isolate; min-height:clamp(460px,46vw,620px); border-radius:18px; overflow:hidden; border:1px solid #ffffff26; background:#15110c; display:flex; align-items:flex-end; margin-bottom:34px; box-shadow:0 30px 80px -40px #ffb45a55; }
#tanukade-home .tk-lw-media { position:absolute; inset:0; z-index:-2; }
#tanukade-home .tk-lw-media img,#tanukade-home .tk-lw-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; }
#tanukade-home .tk-lw-media:not(.is-still) img { opacity:0; }
#tanukade-home .tk-lw-media.is-still .tk-lw-video { display:none; }
#tanukade-home .tk-lw::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#0b0906f2 0%,#0b0906c4 30%,#0b090600 64%),linear-gradient(0deg,#0b0906e6 0%,#0b090600 42%); }
#tanukade-home .tk-lw-hit { position:absolute; inset:0; z-index:0; background:none; border:0; cursor:pointer; }
#tanukade-home .tk-lw-copy { position:relative; z-index:2; padding:clamp(22px,4vw,54px); max-width:680px; min-width:0; width:100%; box-sizing:border-box; pointer-events:none; }
#tanukade-home .tk-lw-copy :is(button,a) { pointer-events:auto; }
#tanukade-home .tk-lw-copy .tk-eyebrow { display:block; color:#ffd48a; margin-bottom:12px; }
#tanukade-home .tk-lw-title { font:400 clamp(40px,6.2vw,86px)/1 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; letter-spacing:.2em; margin-right:-.2em; color:#fffaf0; text-shadow:0 3px 0 #5a321466,0 0 38px #ffbe6480,0 0 90px #ffaa5040; }
#tanukade-home .tk-lw-tag { font:italic 400 clamp(16px,1.6vw,21px)/1.4 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; color:#ffe2b4; margin-top:14px; }
#tanukade-home .tk-lw-text { color:#e4ddd0; font-size:14px; line-height:1.7; margin-top:12px; max-width:520px; }
#tanukade-home .tk-lw-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px; color:#c9c0b0; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; }
#tanukade-home .tk-lw-meta span+span::before { content:"·"; margin-right:18px; color:#ffd48a; }
#tanukade-home .tk-lw-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
#tanukade-home .tk-lw-actions .tk-button { background:#ffc15e; color:#1b1206; box-shadow:0 0 30px #ffb44a55; }
#tanukade-home .tk-lw-actions .tk-button:hover { background:#ffd894; }
#tanukade-home .tk-lw-trailer { min-height:47px; padding:0 18px 0 16px; border-radius:7px; border:1px solid #ffffff55; background:#0b0906a8; color:#fff7e8; font-size:13px; font-weight:700; display:inline-flex; gap:10px; align-items:center; backdrop-filter:blur(8px); transition:border-color .2s,transform .2s; }
#tanukade-home .tk-lw-trailer::before { content:""; width:0; height:0; border-left:10px solid #ffc15e; border-top:6px solid transparent; border-bottom:6px solid transparent; }
#tanukade-home .tk-lw-trailer:hover { border-color:#ffc15e; transform:translateY(-2px); }
#tanukade-home .tk-lw-copy .tk-card-live { margin-top:16px; }
#tanukade-home .tk-lw-lanterns { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
#tanukade-home .tk-lw-lanterns i { position:absolute; left:var(--x); bottom:-30px; width:calc(9px * var(--s)); height:calc(12px * var(--s)); border-radius:40%; background:#ffc36b; box-shadow:0 0 14px 4px #ff9a3a90; opacity:0; animation:tk-lw-rise var(--d) linear var(--delay) infinite; }
@keyframes tk-lw-rise { 0% { transform:translate(0,0); opacity:0; } 12% { opacity:.85; } 80% { opacity:.6; } 100% { transform:translate(24px,-640px); opacity:0; } }
#tanukade-home .tk-lw-dialog { position:fixed; inset:0; margin:auto; width:min(1100px,94vw); height:fit-content; max-height:92vh; padding:0; border:1px solid #ffffff30; border-radius:14px; background:#0b0906; color:#f2f2e9; overflow:hidden; }
#tanukade-home .tk-lw-dialog::backdrop { background:#050403e0; backdrop-filter:blur(6px); }
#tanukade-home .tk-lw-player { display:block; width:100%; aspect-ratio:16/9; background:#000; }
#tanukade-home .tk-lw-dialog-bar { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:12px 14px; }
#tanukade-home .tk-lw-dialog-bar .tk-button { background:#ffc15e; color:#1b1206; }
#tanukade-home .tk-lw-close { min-height:44px; padding:0 16px; border-radius:7px; border:1px solid #ffffff40; background:transparent; color:#f2f2e9; font-size:13px; }
@media (prefers-reduced-motion: reduce) { #tanukade-home .tk-lw-lanterns { display:none; } }
@media (max-width: 760px) {
  #tanukade-home .tk-lw { min-height:560px; border-radius:14px; }
  #tanukade-home .tk-lw-media img,#tanukade-home .tk-lw-video { object-position:58% 30%; }
  #tanukade-home .tk-lw::before { background:linear-gradient(0deg,#0b0906f7 0%,#0b0906d9 46%,#0b090600 78%); }
  #tanukade-home .tk-lw-title { font-size:clamp(26px,8.2vw,44px); letter-spacing:.1em; margin-right:-.1em; }
  #tanukade-home .tk-lw-meta { font-size:10px; letter-spacing:1px; gap:6px 12px; }
  #tanukade-home .tk-lw-meta span+span::before { margin-right:12px; }
  #tanukade-home .tk-lw-text { font-size:13px; }
  #tanukade-home .tk-lw-actions > * { flex:1 1 auto; justify-content:center; }
}

/* The Last Arcade music video feature (under the Brush Garden band) */
#tanukade-home .tk-la { position:relative; isolation:isolate; min-height:clamp(420px,40vw,560px); border-radius:18px; overflow:hidden; border:1px solid #ffffff30; background:#060608; display:flex; align-items:flex-end; margin-bottom:34px; }
#tanukade-home .tk-la::after { content:""; position:absolute; inset:10px; border:1px solid #ffffff1c; border-radius:12px; pointer-events:none; z-index:1; }
#tanukade-home .tk-la-media { position:absolute; inset:0 0 0 22%; z-index:-2; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%); mask-image:linear-gradient(90deg,transparent 0,#000 34%); }
#tanukade-home .tk-la-media img,#tanukade-home .tk-la-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 45%; }
#tanukade-home .tk-la-media:not(.is-still) img { opacity:0; }
#tanukade-home .tk-la-media.is-still .tk-la-video { display:none; }
#tanukade-home .tk-la::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#060608f5 0%,#060608cc 32%,#06060800 66%),linear-gradient(0deg,#060608e6 0%,#06060800 40%); }
#tanukade-home .tk-la-hit { position:absolute; inset:0; z-index:0; background:none; border:0; cursor:pointer; }
#tanukade-home .tk-la-copy { position:relative; z-index:2; padding:clamp(22px,4vw,54px); max-width:640px; min-width:0; width:100%; box-sizing:border-box; pointer-events:none; }
#tanukade-home .tk-la-copy :is(button,a) { pointer-events:auto; }
#tanukade-home .tk-la-copy .tk-eyebrow { display:block; color:#ffce5c; margin-bottom:12px; }
#tanukade-home .tk-la-title { font:300 clamp(34px,5.2vw,72px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:.22em; margin-right:-.22em; color:#ece7dc; }
#tanukade-home .tk-la-ja { font:300 clamp(15px,1.5vw,20px)/1.2 "Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif; letter-spacing:.3em; color:#bdb8ae; margin-top:12px; }
#tanukade-home .tk-la-tag { font-size:clamp(15px,1.4vw,19px); line-height:1.4; color:#f4efe4; margin-top:16px; }
#tanukade-home .tk-la-text { color:#c9c4ba; font-size:14px; line-height:1.7; margin-top:10px; max-width:500px; }
#tanukade-home .tk-la-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px; color:#a9a49a; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; }
#tanukade-home .tk-la-meta span+span::before { content:"·"; margin-right:18px; color:#ffce5c; }
#tanukade-home .tk-la-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
#tanukade-home .tk-la-watch { min-height:47px; padding:0 20px 0 18px; border-radius:7px; border:1px solid #ece7dc; background:#ece7dc; color:#060608; font-size:13px; font-weight:700; display:inline-flex; gap:10px; align-items:center; cursor:pointer; transition:transform .15s ease, background .15s ease; }
#tanukade-home .tk-la-watch::before { content:""; width:0; height:0; border-left:10px solid #060608; border-top:6px solid transparent; border-bottom:6px solid transparent; }
#tanukade-home .tk-la-watch:hover { background:#fff; transform:translateY(-2px); }
#tanukade-home .tk-la-more { min-height:47px; padding:0 18px; border-radius:7px; border:1px solid #ffffff45; color:#ece7dc; font-size:13px; font-weight:700; display:inline-flex; align-items:center; transition:transform .15s ease, border-color .15s ease; }
#tanukade-home .tk-la-more:hover { border-color:#ece7dc; transform:translateY(-2px); }
#tanukade-home .tk-la-dialog { position:fixed; inset:0; margin:auto; width:min(1200px,96vw); height:fit-content; max-height:94vh; padding:0; border:1px solid #ffffff30; border-radius:14px; background:#060608; color:#ece7dc; overflow:hidden; }
#tanukade-home .tk-la-dialog::backdrop { background:#020203eb; backdrop-filter:blur(6px); }
#tanukade-home .tk-la-player { display:block; width:100%; aspect-ratio:16/9; background:#000; }
#tanukade-home .tk-la-dialog-bar { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:12px 14px; }
#tanukade-home .tk-la-dialog-title { font-size:11px; letter-spacing:2px; color:#a9a49a; }
#tanukade-home .tk-la-close { min-height:44px; padding:0 16px; border-radius:7px; border:1px solid #ffffff40; background:transparent; color:#ece7dc; font-size:13px; cursor:pointer; }
@media (max-width: 700px) {
  #tanukade-home .tk-la { min-height:0; border-radius:14px; flex-direction:column; align-items:stretch; }
  #tanukade-home .tk-la-media { position:relative; inset:auto; aspect-ratio:16/9; z-index:0; -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 30%); mask-image:linear-gradient(0deg,transparent 0,#000 30%); }
  #tanukade-home .tk-la-media img,#tanukade-home .tk-la-video { object-position:50% 50%; }
  #tanukade-home .tk-la::before { display:none; }
  #tanukade-home .tk-la-copy { padding-top:4px; }
  #tanukade-home .tk-la-title { font-size:clamp(24px,7.6vw,40px); letter-spacing:.14em; margin-right:-.14em; }
  #tanukade-home .tk-la-meta { font-size:10px; letter-spacing:1px; gap:6px 12px; }
  #tanukade-home .tk-la-meta span+span::before { margin-right:12px; }
  #tanukade-home .tk-la-text { font-size:13px; }
  #tanukade-home .tk-la-actions > * { flex:1 1 auto; justify-content:center; }
  #tanukade-home .tk-la-dialog-title { display:none; }
}
/* Time played and watched (only AFTERGLOW shows a live count) */
#tanukade-home .tk-played[hidden] { display:none; }
#tanukade-home :is(.tk-la-copy,.tk-lw-copy) .tk-played { display:flex; align-items:center; gap:7px; margin:16px 0 0; padding:0; }
#tanukade-home :is(.tk-la-copy,.tk-lw-copy) .tk-played .tk-live-count { color:#ffce5c; font-size:15px; }
#tanukade-home :is(.tk-la-copy,.tk-lw-copy) .tk-played .tk-live-label { color:#d8d2c4; }
/* Brush Garden: interactive art on a band of rice paper (under Lanternwood) */
#tanukade-home .tk-bg { position:relative; isolation:isolate; min-height:clamp(340px,28vw,400px); border-radius:18px; overflow:hidden; border:1px solid #ffffff30; background:radial-gradient(120% 140% at 30% 40%,#efece0 0%,#e7e4d7 60%,#d9d7cb 100%); color:#1d1b17; display:flex; align-items:center; margin-bottom:34px; scroll-margin-top:70px; }
#tanukade-home .tk-bg-art { position:absolute; inset:0 0 0 36%; z-index:-1; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%); mask-image:linear-gradient(90deg,transparent 0,#000 38%); }
#tanukade-home .tk-bg-art img { width:100%; height:100%; object-fit:cover; object-position:50% 62%; display:block; }
#tanukade-home .tk-bg-hit { position:absolute; inset:0; z-index:0; background:none; border:0; cursor:pointer; }
#tanukade-home .tk-bg-copy { position:relative; z-index:2; padding:clamp(24px,4vw,54px); max-width:590px; width:100%; box-sizing:border-box; pointer-events:none; }
#tanukade-home .tk-bg-copy :is(button,a) { pointer-events:auto; }
#tanukade-home .tk-bg-copy .tk-eyebrow { display:flex; align-items:center; gap:10px; color:#a8321f; margin-bottom:14px; }
#tanukade-home .tk-bg-copy .tk-eyebrow::before { content:""; width:10px; height:10px; border-radius:2px; background:#b8362a; flex:none; }
#tanukade-home .tk-bg-title { font:400 clamp(38px,4.6vw,64px)/1.02 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; letter-spacing:-1px; color:#1a1814; margin:0; }
#tanukade-home .tk-bg-stroke { display:block; width:170px; height:6px; margin-top:14px; border-radius:3px 60% 60% 3px; background:linear-gradient(90deg,#1d1b17 0%,#1d1b17d9 55%,#1d1b1700 100%); transform:scaleX(0); transform-origin:left center; transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .15s; }
#tanukade-home .tk-bg.is-onscreen .tk-bg-stroke { transform:scaleX(1); }
@media(min-width:701px){
  #tanukade-home .tk-bg.is-lead { min-height:clamp(420px,40vw,560px); box-shadow:0 30px 80px -40px #efe6c855; }
  #tanukade-home .tk-bg.is-lead .tk-bg-title { font-size:clamp(42px,5.6vw,80px); }
}
#tanukade-home .tk-bg-tag { font:italic 400 clamp(17px,1.6vw,21px)/1.4 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; color:#3b372f; margin-top:16px; }
#tanukade-home .tk-bg-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:16px; color:#5f5a4f; font-size:11px; letter-spacing:1.6px; text-transform:uppercase; }
#tanukade-home .tk-bg-meta span { white-space:nowrap; }
#tanukade-home .tk-bg-meta span+span::before { content:"·"; margin-right:18px; color:#b8362a; }
#tanukade-home .tk-bg-actions { display:flex; flex-wrap:wrap; gap:12px 22px; align-items:center; margin-top:22px; }
#tanukade-home .tk-bg-actions .tk-button { background:#1d1b17; color:#f3efe3; box-shadow:none; }
#tanukade-home .tk-bg-actions .tk-button:hover { background:#3a352d; }
#tanukade-home .tk-bg-more { color:#1d1b17; font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:5px; min-height:44px; display:inline-flex; align-items:center; }
#tanukade-home .tk-bg :is(a,button):focus-visible { outline:2px solid #1d1b17; outline-offset:4px; }
html[lang="ja"] #tanukade-home .tk-bg-tag { font-style:normal; line-height:1.5; word-break:auto-phrase; }
@media(prefers-reduced-motion:reduce){ #tanukade-home .tk-bg-stroke { transform:none; transition:none; } }
@media(max-width:1099px){ #tanukade-home .tk-bg-art { inset:0 0 0 40%; } }
@media(max-width:700px){
  #tanukade-home .tk-bg { min-height:0; border-radius:14px; flex-direction:column; align-items:stretch; }
  #tanukade-home .tk-bg-art { position:relative; inset:auto; aspect-ratio:16/9; z-index:0; -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 28%); mask-image:linear-gradient(0deg,transparent 0,#000 28%); }
  #tanukade-home .tk-bg-art img { object-position:50% 50%; }
  #tanukade-home .tk-bg-copy { padding:2px 22px 26px; }
  #tanukade-home .tk-bg-title { font-size:clamp(34px,10vw,44px); }
  #tanukade-home .tk-bg-meta { font-size:10px; letter-spacing:1px; gap:6px 12px; }
  #tanukade-home .tk-bg-meta span+span::before { margin-right:12px; }
  #tanukade-home .tk-bg-actions .tk-button { flex:1 1 100%; justify-content:center; }
}

/* Tanukade Pocket: the phone games' one band on the homepage */
#tanukade-home .tk-pocket { --accent:#ffb35c; position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(220px,300px) 1fr; gap:clamp(24px,4vw,56px); align-items:center; margin-bottom:34px; padding:clamp(22px,3.5vw,44px); border-radius:18px; overflow:hidden; border:1px solid #ffb35c40; background:radial-gradient(90% 120% at 100% 0%,#3a1430 0%,transparent 60%),radial-gradient(70% 90% at 0% 100%,#0f2a3a 0%,transparent 60%),#0d0812; }
#tanukade-home .tk-pocket-phone { justify-self:center; width:100%; max-width:300px; }
#tanukade-home .tk-pocket-body { position:relative; aspect-ratio:9/16; padding:9px; border-radius:40px; background:linear-gradient(145deg,#2c2638,#121018 60%); box-shadow:0 0 0 1px #ffffff22,0 26px 60px #00000099,0 0 80px #ff7a3a33; }
#tanukade-home .tk-pocket-film { display:block; width:100%; height:100%; object-fit:cover; border-radius:32px; background:#120a14; }
#tanukade-home .tk-pocket-island { position:absolute; top:17px; left:50%; width:31%; height:19px; transform:translateX(-50%); border-radius:999px; background:#000; }
#tanukade-home .tk-pocket-badge { display:flex; gap:10px; align-items:center; margin:0 0 14px; font:700 10px/1.5 Arial,sans-serif; letter-spacing:2.2px; text-transform:uppercase; color:#ffb35c; }
#tanukade-home .tk-pocket-title { margin:0; color:#fff3e6; font-size:clamp(38px,5.2vw,72px); font-weight:900; font-style:italic; letter-spacing:-1.5px; line-height:.95; text-shadow:-3px 0 0 #21e6ff55,3px 0 0 #ff3d8b55; }
#tanukade-home .tk-pocket-tag { margin:16px 0 0; color:#fff3e6; font-size:clamp(17px,1.8vw,22px); font-weight:700; }
#tanukade-home .tk-pocket-text { margin:8px 0 20px; max-width:560px; color:#c7b9cf; font-size:14px; line-height:1.6; }
#tanukade-home .tk-pocket-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }
#tanukade-home .tk-pocket-tile { display:flex; flex-direction:column; gap:3px; color:#fff3e6; text-decoration:none; }
#tanukade-home .tk-pocket-tile img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:10px; border:1px solid #ffffff1a; transition:transform .2s,border-color .2s; }
#tanukade-home .tk-pocket-tile:hover img { transform:translateY(-2px); border-color:#ffb35c99; }
#tanukade-home .tk-pocket-tile b { margin-top:4px; font-size:14px; }
#tanukade-home .tk-pocket-tile span { color:#c7b9cf; font-size:11.5px; }
#tanukade-home .tk-pocket-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
#tanukade-home .tk-pocket .tk-button { background:#ffb35c; color:#1d0d02; }
#tanukade-home .tk-pocket .tk-button:hover { background:#ffc47c; }
#tanukade-home .tk-pocket-more { color:#fff3e6; font-size:13px; font-weight:750; text-decoration:none; padding:12px 6px; border-bottom:1px solid #ffffff44; }
#tanukade-home .tk-pocket-scan { display:none; align-items:center; gap:14px; margin-top:20px; max-width:430px; padding:10px 14px 10px 10px; border:1px solid #ffb35c44; border-radius:14px; background:#1d1309cc; }
#tanukade-home .tk-pocket-scan img { width:92px; height:92px; border-radius:8px; flex:none; }
#tanukade-home .tk-pocket-scan p { margin:0; color:#c7b9cf; font-size:13px; line-height:1.4; }
#tanukade-home .tk-pocket-scan strong { display:block; color:#ffb35c; font-size:14px; margin-bottom:2px; }
@media (hover:hover) and (pointer:fine) { #tanukade-home .tk-pocket-scan { display:flex; } }
@media (max-width:760px) {
  #tanukade-home .tk-pocket { grid-template-columns:1fr; text-align:center; padding:22px 16px 24px; }
  #tanukade-home .tk-pocket-phone { max-width:210px; }
  #tanukade-home .tk-pocket-badge, #tanukade-home .tk-pocket-actions { justify-content:center; }
  #tanukade-home .tk-pocket-text { margin-inline:auto; }
  #tanukade-home .tk-pocket-tiles { grid-template-columns:repeat(2,1fr); text-align:left; }
}

#tanukade-home .tk-jtalk { --accent:#ff8a3d; border-color:#ff8a3d55; background:radial-gradient(70% 120% at 0% 0%,#4a1712 0%,transparent 60%),radial-gradient(90% 120% at 100% 100%,#2a1a2e 0%,transparent 60%),#0d0d14; }
#tanukade-home .tk-jtalk .tk-pocket-badge { color:#ff8a3d; }
#tanukade-home .tk-jtalk .tk-pocket-title { font-style:normal; text-shadow:none; }
#tanukade-home .tk-jtalk .tk-button { background:#ff8a3d; color:#1a0d03; }
#tanukade-home .tk-jtalk .tk-button:hover { background:#ffa060; }
#tanukade-home .tk-band-ja { margin:10px 0 0; color:#ff8a3d; font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif; font-weight:700; font-size:clamp(15px,1.6vw,20px); letter-spacing:4px; }
#tanukade-home .tk-orbitband { border-color:#6fb8ff55; background:radial-gradient(80% 120% at 100% 0%,#10284a 0%,transparent 60%),radial-gradient(70% 120% at 0% 100%,#1a1038 0%,transparent 60%),#070912; }
#tanukade-home .tk-orbitband .tk-pocket-badge { color:#8fd0ff; }
#tanukade-home .tk-orbitband .tk-pocket-title { text-shadow:none; }
#tanukade-home .tk-orbitband .tk-button { background:#8fd0ff; color:#04121f; }
#tanukade-home .tk-orbitband .tk-button:hover { background:#b0deff; }

#tanukade-home .tk-more-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
#tanukade-home .tk-more-card { display:flex; flex-direction:column; border:1px solid #ffffff17; border-radius:14px; overflow:hidden; background:#11161c; color:#fff3e6; text-decoration:none; transition:transform .2s,border-color .2s; }
#tanukade-home .tk-more-card:hover { transform:translateY(-3px); border-color:#ffffff40; }
#tanukade-home .tk-more-art { display:block; aspect-ratio:16/10; overflow:hidden; background:#151b20; }
#tanukade-home .tk-more-art img { width:100%; height:100%; object-fit:cover; display:block; }
#tanukade-home .tk-more-copy { display:flex; flex-direction:column; gap:4px; padding:12px 14px 16px; }
#tanukade-home .tk-more-copy b { font-size:16px; }
#tanukade-home .tk-more-copy span:last-child { color:#b9b3aa; font-size:13px; line-height:1.45; }
@media (max-width:1000px) { #tanukade-home .tk-more-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(220px,62%); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px; scrollbar-width:none; } #tanukade-home .tk-more-card { scroll-snap-align:start; } }
/* Community games strip (October 7, 2026): first thing on the homepage, links to /submit/. */
#tanukade-home .tk-community { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; padding:14px 16px 14px 20px; border:1px solid #d6ff6266; border-radius:12px; background:linear-gradient(90deg,#d6ff621f,#d6ff6208 60%,#111617); color:#f2f2e9; transition:border-color .2s,background .2s; }
#tanukade-home .tk-community:hover { border-color:#d6ff62; background:linear-gradient(90deg,#d6ff622e,#d6ff620f 60%,#111617); }
#tanukade-home .tk-community-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; min-width:0; font-size:15px; line-height:1.4; }
#tanukade-home .tk-community-tag { font:700 10px/1.5 Arial,sans-serif; letter-spacing:2.2px; text-transform:uppercase; color:#0e180c; background:var(--tk-lime); border-radius:4px; padding:2px 7px; align-self:center; }
#tanukade-home .tk-community-copy b { font-weight:700; }
#tanukade-home .tk-community-text { color:var(--tk-muted); font-size:14px; }
#tanukade-home .tk-community-cta { flex:none; background:var(--tk-lime); color:#0e180c; border-radius:7px; padding:11px 16px; font-size:13px; font-weight:750; white-space:nowrap; }
@media (max-width: 760px) {
  #tanukade-home .tk-community { flex-direction:column; align-items:stretch; gap:12px; margin-top:16px; padding:14px; }
  #tanukade-home .tk-community-text { font-size:13px; }
  #tanukade-home .tk-community-cta { text-align:center; }
}


/* Flappy Muse featured band (October 22, 2026) */
#tanukade-home .tk-fm { position:relative; isolation:isolate; min-height:clamp(460px,46vw,620px); border-radius:18px; overflow:hidden; border:1px solid #9ff6ff33; background:#071426; display:flex; align-items:center; margin-bottom:34px; box-shadow:0 30px 90px -40px #5ef5ffaa; }
#tanukade-home .tk-fm-art { position:absolute; inset:0; z-index:-2; }
#tanukade-home .tk-fm-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% 50%; }
#tanukade-home .tk-fm-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#040a16f0 0%,#040a16b0 34%,#040a1600 64%),linear-gradient(0deg,#040a16aa,#040a1600 40%); }
#tanukade-home .tk-fm-orbs { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
#tanukade-home .tk-fm-orbs i { position:absolute; left:var(--x); bottom:-24px; width:calc(10px * var(--s)); height:calc(10px * var(--s)); border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0 18%,#7af4ff 45%,#ff9de6 100%); box-shadow:0 0 14px #7af4ffaa; opacity:.0; animation:tkFmRise var(--d) linear infinite; animation-delay:var(--delay); }
@keyframes tkFmRise { 0% { transform:translateY(0); opacity:0 } 15% { opacity:.85 } 85% { opacity:.6 } 100% { transform:translateY(-640px); opacity:0 } }
#tanukade-home .tk-fm-hit { position:absolute; inset:0; z-index:0; background:none; border:0; cursor:pointer; }
#tanukade-home .tk-fm-copy { position:relative; z-index:1; max-width:520px; padding:clamp(26px,4vw,56px); pointer-events:none; }
#tanukade-home .tk-fm-copy a, #tanukade-home .tk-fm-copy button { pointer-events:auto; }
#tanukade-home .tk-fm-title { margin:6px 0 10px; font-size:clamp(46px,7.2vw,96px); line-height:.92; font-weight:900; letter-spacing:-.01em; background:linear-gradient(180deg,#fff 0%,#c9fbff 55%,#7ef9ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 22px #5ef5ff66); }
#tanukade-home .tk-fm-tag { margin:0 0 10px; font-size:clamp(18px,1.9vw,24px); font-weight:800; color:#eaffff; }
#tanukade-home .tk-fm-text { margin:0 0 14px; max-width:46ch; color:#cfe6f5; line-height:1.5; }
#tanukade-home .tk-fm-meta { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
#tanukade-home .tk-fm-meta span { padding:4px 10px; border-radius:999px; border:1px solid #9ff6ff44; background:#0a1e33cc; color:#bdf6ff; font-size:12px; font-weight:700; }
#tanukade-home .tk-fm-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:14px; }
#tanukade-home .tk-fm-scan { display:flex; align-items:center; gap:12px; margin-top:18px; color:#bcd9ea; font-size:13px; font-weight:700; }
#tanukade-home .tk-fm-scan img { width:76px; height:76px; border-radius:10px; background:#fff3e2; padding:4px; }
@media (max-width: 760px), (pointer: coarse) { #tanukade-home .tk-fm-scan { display:none; } }
@media (max-width: 760px) {
  #tanukade-home .tk-fm { display:block; min-height:0; }
  #tanukade-home .tk-fm-art { position:relative; inset:auto; z-index:0; height:clamp(240px,62vw,340px); }
  #tanukade-home .tk-fm-art img { object-position:74% 50%; }
  #tanukade-home .tk-fm-art::after { background:linear-gradient(0deg,#071426 0%,#07142600 38%); }
  #tanukade-home .tk-fm-hit { bottom:auto; height:clamp(240px,62vw,340px); }
  #tanukade-home .tk-fm-copy { margin-top:-34px; padding:0 22px 24px; }
  #tanukade-home .tk-fm-title { font-size:clamp(44px,13vw,60px); }
  #tanukade-home .tk-fm-tag { font-size:19px; }
  #tanukade-home .tk-fm-text { font-size:15px; }
}
@media (prefers-reduced-motion: reduce) { #tanukade-home .tk-fm-orbs { display:none; } }