/* Real game screens pinned over the fully populated Cat Station. */
.deck-card--cat-nest { background:#eeb8cb; }
.deck-card--cat-nest .deck-media.cn-home-station { object-position:50% 54%; }
.deck-card--cat-nest::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(180deg,#3d23331a,transparent 24%,transparent 78%,#44303626); }
.cn-home-photos { position:absolute; z-index:3; right:6%; top:17%; width:min(51%,720px); height:64%; display:block; color:#4e493c; text-decoration:none; }
.cn-home-photo { position:absolute; width:min(53%,35dvh); margin:0; padding:9px 9px 0; background:#fffdf2; border:1px solid #ddd4bc; box-shadow:0 2px 3px #47342c38,3px 20px 27px #35232d40; transform-origin:50% 12%; }
.cn-home-photo img { display:block; width:100%; height:auto; border-radius:0; }
.cn-home-photo figcaption { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; padding:13px 2px 14px; font-family:Arial,"PingFang SC",sans-serif; font-size:clamp(10px,1vw,14px); font-weight:500; line-height:1.3; letter-spacing:.02em; }
.cn-home-screen { display:block; }
.cn-home-caption { min-width:0; }
.cn-home-caption small { display:block; margin-top:5px; color:#86806b; font-size:.7em; font-weight:400; }
.cn-home-play { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:4px; padding:7px 9px; border:1px solid #35513d; border-radius:3px; background:#35513d; color:#fffdf2; font-size:clamp(9px,.8vw,12px); line-height:1.3; white-space:nowrap; text-decoration:none; transition:background .2s; }
.cn-home-play--restaurant { border-color:#a65335; background:#a65335; }
.cn-home-play:hover { background:#233d2b; }
.cn-home-play--restaurant:hover { background:#863b23; }
.cn-home-screen:focus-visible,.cn-home-play:focus-visible { outline:3px solid #a65335; outline-offset:4px; }
.cn-home-photo::before { content:""; position:absolute; z-index:2; top:0; left:50%; width:16px; height:16px; border-radius:50%; background:radial-gradient(circle at 35% 28%,#ffb7a5 0 8%,#d45c48 30%,#9a312e 78%); box-shadow:1px 3px 2px #49362c88; transform:translate(-50%,-35%); }
.cn-home-photo::after { content:""; position:absolute; top:9px; left:50%; width:2px; height:13px; z-index:1; background:linear-gradient(90deg,#b2a69a,#f5ecdf); transform:rotate(-25deg); box-shadow:2px 2px 1px #47342c55; }
.cn-home-photo--nest { left:0; top:20%; transform:rotate(-7deg); }
.cn-home-photo--restaurant { right:0; top:0; transform:rotate(6deg); }
.home-page .deck-card--cat-nest>.deck-project-link--meta { z-index:4; left:32%; top:47%; width:min(25%,440px); max-width:none; align-items:flex-start; gap:15px; padding:34px 26px 28px; border:1px solid #d5c5a8; border-radius:2px; background:#fff7e8ed; color:#314638; text-align:left; text-shadow:none; transform:translate(-50%,-50%) rotate(-3deg); box-shadow:3px 12px 25px #47342c30; }
.deck-card--cat-nest>.deck-project-link::before { content:""; position:absolute; top:0; left:26%; width:13px; height:13px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#f5d99d,#b58a45 65%,#80602f); box-shadow:1px 3px 3px #4f3b2a66; transform:translateY(-30%); }
.home-page .deck-card--cat-nest .project-tool-line { font-size:clamp(7px,.72vw,11px); letter-spacing:.08em; line-height:1.6; white-space:normal; }
.home-page .deck-card--cat-nest .deck-project-title { font-family:Georgia,"Times New Roman",serif; font-size:clamp(54px,6.6vw,106px); line-height:.88; font-weight:400; font-style:italic; letter-spacing:-.065em; color:#a65335; }
.deck-card--cat-nest .deck-project-category { display:block; margin-top:8px; font-size:clamp(17px,1.7vw,26px); font-weight:500; letter-spacing:-.025em; line-height:1.4; white-space:normal; }
.deck-card--cat-nest .deck-project-category small { display:block; margin-top:9px; font-size:clamp(8px,.72vw,11px); font-weight:400; letter-spacing:.025em; line-height:1.7; }
.home-page .deck-card--cat-nest .deck-project-date { margin-top:4px; font-size:clamp(7px,.66vw,10px); letter-spacing:.035em; line-height:1.6; white-space:normal; }
.home-page .home-stage:has(.deck-card--cat-nest.is-active)>.stage-step { mix-blend-mode:normal; color:#314638; }
.home-page .home-stage:has(.deck-card--cat-nest.is-active)>.stage-step span { display:grid; place-items:center; width:44px; height:44px; border:1px solid #dac7a7; border-radius:50%; background:#fff7e8ed; box-shadow:0 3px 10px #47342c26; font-size:26px; }
.project-deck.is-strip .cn-home-photos { left:8%; right:auto; top:10%; width:84%; height:45%; pointer-events:none; }
.project-deck.is-strip .cn-home-photo { width:51%; padding:4px 4px 0; }
.project-deck.is-strip .cn-home-photo figcaption { display:block; font-size:7px; padding:6px 0; }
.project-deck.is-strip .cn-home-caption small,.project-deck.is-strip .cn-home-play { display:none; }
.project-deck.is-strip .cn-home-photo::before { width:8px; height:8px; }
.project-deck.is-strip .cn-home-photo::after { display:none; }
.home-page .project-deck.is-strip .deck-card--cat-nest>.deck-project-link--meta { left:50%; top:69%; width:85%; padding:16px 14px; gap:7px; transform:translate(-50%,-50%) rotate(-2deg); }
.home-page .project-deck.is-strip .deck-card--cat-nest .deck-project-title { font-size:44px; }
.project-deck.is-strip .deck-card--cat-nest .deck-project-category { font-size:14px; }
.project-deck.is-strip .deck-card--cat-nest .deck-project-category small { font-size:7px; }
@media(max-width:760px) {
  .deck-card--cat-nest .deck-media.cn-home-station { object-fit:contain; object-position:50% 100%; }
  .cn-home-photos { left:6%; right:auto; top:13%; width:88%; height:40%; }
  .cn-home-photo { width:47%; padding:6px 6px 0; }
  .cn-home-photo figcaption { padding:9px 1px 10px; font-size:10px; }
  .cn-home-caption small { font-size:7px; }
  .cn-home-play { font-size:9px; padding:6px; }
  .cn-home-photo::before { width:12px; height:12px; }
  .cn-home-photo--nest { top:7%; transform:rotate(-4deg); }
  .cn-home-photo--restaurant { transform:rotate(4deg); }
  .home-page .deck-card--cat-nest>.deck-project-link--meta { left:50%; top:63%; width:76%; padding:21px 20px 17px; align-items:center; text-align:center; gap:9px; transform:translate(-50%,-50%) rotate(-2deg); }
  .home-page .deck-card--cat-nest .deck-project-title { font-size:50px; line-height:.84; }
  .deck-card--cat-nest .deck-project-title br { display:none; }
  .home-page .deck-card--cat-nest .project-tool-line { font-size:7px; }
  .deck-card--cat-nest .deck-project-category { margin-top:3px; font-size:18px; }
  .deck-card--cat-nest .deck-project-category small { margin-top:5px; font-size:8px; }
  .home-page .deck-card--cat-nest .deck-project-date { font-size:7px; }
}
@media(max-width:760px) and (max-height:740px) { .cn-home-photos { top:12%; } .cn-home-photo { width:min(47%,27dvh); } .home-page .deck-card--cat-nest>.deck-project-link--meta { top:62%; padding:17px 16px 12px; gap:7px; } .home-page .deck-card--cat-nest .deck-project-title { font-size:42px; } }
@media(prefers-reduced-motion:reduce) { .cn-home-photo,.cn-home-play,.deck-card--cat-nest>.deck-project-link { transition:none; } }