/* Approved game cards. Scoped to the home include, using the site's theme. */
.tooli2026_games{margin:32px 0 34px;color:var(--tooli2026_ink);font-family:var(--tooli2026_body)}
.tooli2026_games_heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}.tooli2026_games_heading>div>span{font-size:11px;color:var(--tooli2026_accent)}.tooli2026_games_heading h2{font:24px/1.35 var(--tooli2026_ui);margin:8px 0 0}.tooli2026_games_heading>p{color:var(--tooli2026_muted);font-size:12px;margin:0 0 2px;line-height:1.6}
.tooli2026_games_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tooli2026_play_card{display:block;position:relative;min-width:0;overflow:hidden;border:2px solid var(--tooli2026_line);border-radius:13px;background:var(--tooli2026_surface);box-shadow:5px 5px 0 var(--tooli2026_ink);transition:transform .16s,box-shadow .16s}.tooli2026_play_card:hover{transform:translateY(-4px);box-shadow:6px 9px 0 var(--tooli2026_ink)}
.tooli2026_play_art{position:relative;height:220px;border-bottom:1.5px solid var(--tooli2026_line);background:#e7f1ec}.tooli2026_play_art>.tooli2026_play_scene{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}.tooli2026_play_racer .tooli2026_play_art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#deeee838,transparent 70%);pointer-events:none}.tooli2026_play_tag{position:absolute;left:15px;top:14px;background:#fffaf0ed;color:#293047;border:1px solid #52647a;border-radius:4px;font:11px/1.4 var(--tooli2026_ui);padding:6px 8px;z-index:2}
.tooli2026_play_art>.tooli2026_play_car{position:absolute;width:250px;max-width:60%;height:auto;bottom:-21px;right:1px;filter:drop-shadow(0 9px 6px #29304730);z-index:1;transform:rotate(-5deg);transition:transform .25s}.tooli2026_play_card:hover .tooli2026_play_car{transform:translateX(-5px) rotate(-8deg)}.tooli2026_play_dungeon .tooli2026_play_scene{filter:brightness(.85)}
.tooli2026_play_heroes{position:absolute;display:flex;align-items:flex-end;right:21px;bottom:7px;filter:drop-shadow(0 6px 0 #111e26a8)}.tooli2026_play_heroes>img{width:116px;height:116px;image-rendering:pixelated}.tooli2026_play_heroes>img:nth-child(2){margin-left:-17px;transform:translateY(-7px)}.tooli2026_play_heroes>.tooli2026_play_cat{width:48px;height:48px;margin-left:-8px}
.tooli2026_play_copy{padding:22px 24px 20px}.tooli2026_play_type{font-size:11px;color:var(--tooli2026_muted)}.tooli2026_play_copy h3{font:27px/1.35 var(--tooli2026_ui);margin:9px 0 12px;color:var(--tooli2026_ink)}.tooli2026_play_copy>p{font-size:13px;line-height:1.8;color:var(--tooli2026_secondary);margin:0}.tooli2026_play_bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}.tooli2026_play_facts{font-size:10px;color:var(--tooli2026_muted)}.tooli2026_play_play{display:flex;gap:18px;align-items:center;font:14px/1.4 var(--tooli2026_ui);padding:11px 13px;border:1px solid var(--tooli2026_line);border-radius:5px;background:var(--tooli2026_button_yellow);color:var(--tooli2026_button_ink);box-shadow:2px 2px 0 #34405633;white-space:nowrap}.tooli2026_play_dungeon .tooli2026_play_play{background:var(--tooli2026_mint);color:var(--tooli2026_ink)}
html[data-th-theme=dark] .tooli2026_play_card{box-shadow:5px 5px 0 #080d17}html[data-th-theme=dark] .tooli2026_play_card:hover{box-shadow:6px 9px 0 #080d17}
@media(max-width:900px) and (min-width:761px){.tooli2026_play_bottom{align-items:flex-start;flex-direction:column}.tooli2026_play_art{height:200px}}
@media(max-width:760px){.tooli2026_games{margin:28px 0 30px}.tooli2026_games_heading{display:block}.tooli2026_games_heading h2{font-size:23px}.tooli2026_games_heading>p{font-size:11px;margin:8px 0 0}.tooli2026_games_grid{grid-template-columns:minmax(0,1fr);gap:22px}.tooli2026_play_art{height:195px}.tooli2026_play_art>.tooli2026_play_car{width:220px;bottom:-22px;right:-2px}.tooli2026_play_copy{padding:22px 21px 20px}.tooli2026_play_copy h3{font-size:26px}.tooli2026_play_copy>p{font-size:12px}.tooli2026_play_bottom{margin-top:20px}.tooli2026_play_facts{font-size:9px;max-width:115px;line-height:1.7}.tooli2026_play_play{font-size:13px;padding:11px 12px;gap:12px}.tooli2026_play_tag{font-size:10px;left:12px;top:12px}.tooli2026_play_heroes{right:15px;bottom:5px}.tooli2026_play_heroes>img{width:110px;height:110px}.tooli2026_play_heroes>.tooli2026_play_cat{width:42px;height:42px}}
@media(max-width:350px){.tooli2026_play_copy{padding:19px 16px}.tooli2026_play_copy h3{font-size:24px}.tooli2026_play_play{padding:10px;font-size:12px;gap:8px}.tooli2026_play_facts{font-size:8px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.tooli2026_play_card,.tooli2026_play_car{transition:none}}
html[data-th-motion=true] .tooli2026_play_card,html[data-th-motion=true] .tooli2026_play_car{transition:none}

/* 장점 칩 · 배지 · 특징 칩 */
.tooli2026_games_points{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none}
.tooli2026_games_points li{display:inline-flex;align-items:center;gap:6px;padding:7px 11px 7px 8px;border:1.5px solid var(--tooli2026_line);border-radius:999px;background:var(--tooli2026_surface);box-shadow:2px 2px 0 var(--tooli2026_ink);font-size:12px;line-height:1;color:var(--tooli2026_secondary);white-space:nowrap}
.tooli2026_games_points b{font:12px/1 var(--tooli2026_ui);color:var(--tooli2026_ink)}
.tooli2026_px{width:18px;height:18px;flex:none;image-rendering:pixelated}
.tooli2026_play_badge{position:absolute;right:14px;top:13px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border:2px solid #293047;border-radius:8px;font:13px/1 var(--tooli2026_ui);color:#fff;box-shadow:3px 3px 0 #293047;transform:rotate(3deg);transition:transform .2s}
.tooli2026_play_badge .tooli2026_px{width:17px;height:17px}
.tooli2026_play_badge.is-pick{background:linear-gradient(135deg,#ff5c8a,#e8455a);animation:tooli2026_badge_pulse 2.4s ease-in-out infinite}
.tooli2026_play_badge.is-hot{background:linear-gradient(135deg,#ff9a3a,#ff6a3a)}
.tooli2026_play_card:hover .tooli2026_play_badge{transform:rotate(0) scale(1.06)}
@keyframes tooli2026_badge_pulse{0%,100%{box-shadow:3px 3px 0 #293047,0 0 0 0 rgba(255,92,138,.5)}50%{box-shadow:3px 3px 0 #293047,0 0 0 7px rgba(255,92,138,0)}}
.tooli2026_play_new{position:absolute;right:16px;top:52px;z-index:3;padding:3px 7px;border:1.5px solid #293047;border-radius:5px;background:#ffe07a;color:#293047;font:10px/1.2 var(--tooli2026_ui);transform:rotate(3deg)}
.tooli2026_play_facts{display:flex;flex-wrap:wrap;gap:5px}
.tooli2026_play_facts>i{font-style:normal;padding:4px 8px;border:1px solid var(--tooli2026_line);border-radius:999px;background:var(--tooli2026_surface);font-size:10px;line-height:1.2;color:var(--tooli2026_secondary);white-space:nowrap}
html[data-th-theme=dark] .tooli2026_games_points li{box-shadow:2px 2px 0 #080d17}
@media(max-width:760px){.tooli2026_games_points{justify-content:flex-start;margin-top:10px;gap:6px}.tooli2026_games_points li{font-size:11px;padding:6px 9px 6px 7px}.tooli2026_games_points b{font-size:11px}.tooli2026_px{width:15px;height:15px}.tooli2026_play_badge{font-size:12px;right:10px;top:10px}.tooli2026_play_new{right:12px;top:46px}.tooli2026_play_facts{max-width:none}.tooli2026_play_facts>i{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tooli2026_play_badge{animation:none;transition:none}}
html[data-th-motion=true] .tooli2026_play_badge{animation:none}

/* 던전 카드: 마우스를 올리면 기사·마법사·고양이가 통통 */
.tooli2026_play_heroes>img{transition:transform .2s}
.tooli2026_play_card:hover .tooli2026_play_heroes>img{animation:tooli2026_hero_hop .62s steps(4,end) infinite}
.tooli2026_play_card:hover .tooli2026_play_heroes>img:nth-child(2){animation-name:tooli2026_hero_hop2;animation-delay:.16s}
.tooli2026_play_card:hover .tooli2026_play_heroes>.tooli2026_play_cat{animation:tooli2026_cat_wag .5s steps(2,end) infinite;animation-delay:.08s}
@keyframes tooli2026_hero_hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes tooli2026_hero_hop2{0%,100%{transform:translateY(-7px)}50%{transform:translateY(-16px) rotate(-3deg)}}
@keyframes tooli2026_cat_wag{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(-4px) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.tooli2026_play_card:hover .tooli2026_play_heroes>img{animation:none}}
html[data-th-motion=true] .tooli2026_play_card:hover .tooli2026_play_heroes>img{animation:none}