.roommates{padding-block:35px 95px}.companion-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.companion-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;text-align:left;background:#e6e9dc;border:1px solid #bcc5ad;border-radius:8px;overflow:hidden;padding:0;min-width:0;transition:transform .2s,box-shadow .2s}.companion-card[data-companion=snow]{background:#e1e8e3;border-color:#bacac2}.companion-art{display:block;position:relative;min-width:0;padding:25px 9px 15px}.companion-art img{width:100%;aspect-ratio:.8;object-fit:contain;filter:drop-shadow(0 8px 8px #31442b18);transition:transform .25s}.companion-age{position:absolute;top:16px;left:17px;border:1px solid #96aa8c;border-radius:40px;background:#f7f4e8e8;padding:5px 13px;font-size:11px}.companion-copy{display:block;padding:35px 25px 35px 8px;min-width:0}.companion-copy>.eyebrow{font-size:9px;letter-spacing:.12em}.companion-copy>strong{display:block;font:clamp(38px,4vw,62px)/1.05 var(--serif);letter-spacing:-.04em;margin:14px 0}.companion-role{display:block;font-size:14px;line-height:1.6}.companion-stay{display:block;font-size:11px;line-height:1.7;margin-top:15px;color:#5c6b57}.companion-cta{display:inline-flex;align-items:center;gap:16px;margin-top:25px;font-size:11px;border-bottom:1px solid #a6b29a;padding-bottom:7px}.companion-cta svg{width:19px;height:19px}.companion-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #42583712}.companion-card:hover img{transform:rotate(-2deg) translateY(-3px)}.companion-card[data-companion=snow]:hover img{transform:rotate(2deg) translateY(-3px)}.neighbour-grid{gap:24px;margin-top:36px}.cast-card{display:block;position:relative;padding:0 0 27px;border:1px solid #bac4ad;border-radius:8px;background:#f5f2e8;overflow:hidden}.cast-card:hover{background:#f9f6ed;box-shadow:0 5px 17px #4b5e3510}.cast-art{display:block;position:relative;background:radial-gradient(ellipse at 50% 75%,#e6dfc5,#f0e8d1 70%)}.cast-card[data-shift=night] .cast-art{background:radial-gradient(ellipse at 50% 75%,#c1cfc6,#dfe5dc 70%)}.cast-card[data-shift=visitors] .cast-art{background:radial-gradient(ellipse at 50% 75%,#ecdbab,#f6edcf 70%)}.cast-art>img{width:100%;aspect-ratio:1.12;object-fit:contain;padding:23px 20px 13px;transition:transform .25s;filter:drop-shadow(0 6px 8px #253d2915)}.cast-card:hover .cast-art>img{transform:translateY(-5px) rotate(-1deg)}.cast-art>.species-badge{position:absolute;right:13px;top:13px;width:34px;height:34px;min-width:34px;background:#f7f3e6e8;border-color:#afbaa5}.cast-art>.species-badge>.line-icon{width:21px;height:21px;stroke-width:1.4}.cast-card .neighbour-name{display:block;padding:24px 27px 0}.cast-card .neighbour-name>small{font-size:9px;line-height:1.6}.cast-card .neighbour-name>strong{font-size:30px;line-height:1.2;margin:8px 25px 8px 0}.cast-card .neighbour-name>span{font-size:12px;line-height:1.6;margin-right:18px}.cast-card>.neighbour-arrow{position:absolute;right:22px;bottom:29px;width:19px;height:19px}.dialog-image.character-portrait{width:100%;height:clamp(290px,45svh,480px);aspect-ratio:auto;padding:24px;object-fit:contain;background:radial-gradient(ellipse at 50% 78%,#e4e5d6,#efeddf 72%);filter:none}.companion-facts{font-size:14px!important;line-height:1.8;margin-bottom:20px;background:#e2e8da;border-radius:5px;padding:13px 17px}.companion-facts>span{font-size:12px;color:#57664f}html[lang=ko] .companion-copy>strong{font-family:var(--sans);font-weight:600;letter-spacing:-.06em}html[lang=ko] .cast-card .neighbour-name>strong{font-size:25px;line-height:1.4}
@media(max-width:1100px){.masthead nav{gap:20px}.companion-grid{gap:22px}.companion-card{display:block}.companion-art{padding:20px 30px 0}.companion-art img{aspect-ratio:1.3;max-height:340px}.companion-copy{padding:20px 30px 30px}.companion-copy>strong{font-size:45px}.companion-cta{margin-top:20px}.cast-card .neighbour-name{padding:22px 23px 0}.cast-card .neighbour-name>strong{font-size:28px}.cast-art>img{padding:20px 18px 12px}}
@media(max-width:760px){.roommates{padding-block:0 60px}.companion-grid{gap:23px;grid-template-columns:1fr}.companion-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.companion-art{padding:45px 0 15px 12px}.companion-art img{aspect-ratio:.75;max-height:310px}.companion-age{left:13px;top:15px;font-size:10px;padding:4px 10px}.companion-copy{padding:30px 17px 25px 10px}.companion-copy>.eyebrow{font-size:8px;letter-spacing:.04em}.companion-copy>strong{font-size:40px;margin:11px 0}.companion-role{font-size:12px}.companion-stay{font-size:10px;margin-top:11px}.companion-cta{font-size:10px;gap:10px;margin-top:18px}.companion-cta svg{width:17px;height:17px}.neighbour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.cast-card{padding-bottom:20px}.cast-art>img{aspect-ratio:.88;padding:19px 9px 8px}.cast-art>.species-badge{width:25px;height:25px;min-width:25px;right:7px;top:7px}.cast-art>.species-badge>.line-icon{width:16px;height:16px}.cast-card .neighbour-name{padding:15px 13px 0}.cast-card .neighbour-name>small{font-size:7px;line-height:1.6}.cast-card .neighbour-name>strong{font-size:20px;line-height:1.25;margin:6px 0 7px}.cast-card .neighbour-name>span{font-size:9px;line-height:1.7;margin:0}.cast-card>.neighbour-arrow{display:none}.dialog-image.character-portrait{height:310px;padding:18px}.companion-facts{font-size:12px!important;padding:12px 15px}.companion-facts>span{font-size:11px}html[lang=ko] .cast-card .neighbour-name>strong{font-size:18px;line-height:1.35}html[lang=ko] .companion-copy>strong{font-size:34px}}
@media(max-width:360px){.companion-copy{padding-inline:8px 13px}.companion-copy>strong{font-size:35px}.companion-role{font-size:11px}.companion-art{padding-left:8px}.companion-age{left:10px;top:12px}.companion-copy>.eyebrow{font-size:7px}.neighbour-grid{gap:12px 10px}.cast-card .neighbour-name{padding-inline:11px}.cast-card .neighbour-name>strong{font-size:18px}.cast-card .neighbour-name>span{font-size:8px}html[lang=ko] .companion-copy>strong{font-size:29px}html[lang=ko] .cast-card .neighbour-name>strong{font-size:16px}}
@media(max-width:360px){.neighbour-grid{grid-template-columns:1fr;gap:20px}.cast-art>img{aspect-ratio:1.15;padding:22px 32px 12px}.cast-card .neighbour-name{padding:20px 22px 0}.cast-card .neighbour-name>strong{font-size:25px}.cast-card .neighbour-name>small{font-size:9px}.cast-card .neighbour-name>span{font-size:11px}.cast-card>.neighbour-arrow{display:block;right:22px;bottom:22px}html[lang=ko] .cast-card .neighbour-name>strong{font-size:22px}}
.rival-card{border:2px solid #a96c40}.rival-card .cast-art{background:radial-gradient(ellipse at 50% 78%,#d0b9a5,#e8d6bf 72%)}.rival-badge{position:absolute;left:13px;top:13px;z-index:1;padding:6px 10px;border-radius:20px;background:#653e2b;color:#fff2d3;font-size:8px;line-height:1.4;letter-spacing:.09em}.rival-card .species-badge{display:none}.rival-card .neighbour-name>small{color:#855238}.rival-card .cast-art>img{padding-top:35px}
@media(max-width:760px){.rival-badge{top:8px;left:8px;font-size:7px;padding:5px 8px;letter-spacing:.01em}.rival-card .cast-art>img{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.companion-card,.companion-art img,.cast-art>img{transition:none!important}.companion-card:hover img,.cast-card:hover .cast-art>img{transform:none!important}}