/* 주 메뉴 스킨: html[data-th-nav] 값으로 고른다(화면 설정에서 바꾸고, 기본값은 관리자 레이아웃 설정).
   block 카드형(A) · arcade 오락실 전광판 · cartridge 카트리지 탭 · sticker 디스켓 스티커 · os 레트로 OS · hud 게임 HUD · stage 스테이지 선택
   모든 스킨 공통: PC에서는 글자·여백을 줄이고 ▾를 빼서 대메뉴 10개가 한 줄에 들어가게 한다(하위 메뉴는 올리거나 키보드로 열림). */

@media(min-width:761px){
html[data-th-nav] .tooli2026_nav{counter-reset:th-stage}
html[data-th-nav] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{font-size:14px;padding:9px 11px;max-width:none}
html[data-th-nav] .tooli2026_nav .tooli2026_nav_home{font-size:14px}
html[data-th-nav] .tooli2026_nav_icon{display:none}
}
@media(hover:hover) and (min-width:761px){
html[data-th-nav] .tooli2026_nav .tooli2026_sub_toggle{display:none}
}

/* ---- 카드형(A) 이외의 스킨은 A의 상자·그림자·밑줄을 먼저 지운다 */
@media(min-width:761px){
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item,
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item:hover,
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item.tooli2026_open,
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item:focus-within,
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:transparent;border-color:transparent;box-shadow:none;transform:none}
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::after{display:none}
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_home,
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav .tooli2026_nav_home:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}
:where(html[data-th-nav]:not([data-th-nav=block])) .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:inherit}
}

/* ================= 2 · 오락실 전광판(기본) ================= */
@media(min-width:761px){
html[data-th-nav=arcade] .tooli2026_nav{background:#1d2234;border-color:#11162a;box-shadow:inset 0 0 0 2px #2c344b,4px 4px 0 #11162a;gap:2px}
html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_home,html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#c9d3e6!important;border-radius:4px;transition:color .15s,text-shadow .15s,box-shadow .15s,background-color .15s}
html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_item{border-radius:4px}
html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#9fe8c4!important;text-shadow:0 0 8px #9fe8c499}
html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=arcade] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#ffd36b!important;background:#2c344b;box-shadow:0 0 0 2px #ffd36b,0 0 14px #ffd36b55;text-shadow:0 0 6px #ffd36b99}
html[data-th-nav=arcade] .tooli2026_directory_trigger{background:#2c344b;border-color:#3a4462;color:#e9edf8}
html[data-th-nav=arcade] .tooli2026_directory_trigger:hover{background:#3a4462;color:#ffd36b}
html[data-th-nav=arcade] .tooli2026_dropdown{background:#222a40;border-color:#11162a;box-shadow:4px 4px 0 #11162a}
html[data-th-nav=arcade] .tooli2026_dropdown::after{background:#222a40;border-color:#11162a}
html[data-th-nav=arcade] .tooli2026_dropdown a{color:#e3e9f6}
html[data-th-nav=arcade] .tooli2026_dropdown a:hover,html[data-th-nav=arcade] .tooli2026_dropdown a:focus-visible{background:#2c344b;color:#9fe8c4}
html[data-th-nav=arcade] .tooli2026_dropdown a[aria-current=page]{background:#2c344b;color:#ffd36b}
html[data-th-nav=arcade] .tooli2026_dropdown ul{border-left-color:#3a4462}
}

/* ================= 1 · 카트리지 탭 ================= */
@media(min-width:761px){
html[data-th-nav=cartridge] .tooli2026_nav{align-items:flex-end;padding-bottom:0;gap:4px}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home,html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item{position:relative;background:#e8eeff;border:2px solid #293047;border-bottom:0;border-radius:9px 9px 0 0;transform:translateY(3px);transition:transform .15s,background-color .15s}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{padding-top:13px}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home::before{content:"";position:absolute;left:10px;right:10px;top:4px;height:3px;border-top:3px dotted #29304740}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#ffeaaa;border-color:#293047;transform:translateY(0)}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ee72a2;border-color:#293047;transform:translateY(-3px)}
html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
html[data-th-nav=cartridge] .tooli2026_directory_trigger,html[data-th-nav=cartridge] .tooli2026_nav_end{align-self:center}
}

/* ================= 3 · 디스켓 라벨 스티커 ================= */
@media(min-width:761px){
html[data-th-nav=sticker] .tooli2026_nav{gap:8px}
html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home,html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item{background:#fffefa;border:1.5px solid #293047;border-radius:2px;box-shadow:2px 2px 0 #29304730;transition:transform .15s,box-shadow .15s,background-color .15s}
html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:nth-of-type(odd),html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home{transform:rotate(-1.4deg)}
html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:nth-of-type(even){transform:rotate(1.2deg)}
html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){transform:rotate(0) translateY(-3px);background:#e2f7ed;border-color:#293047;box-shadow:4px 6px 0 #29304750}
html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#fff0bb;border-color:#293047;box-shadow:3px 3px 0 #293047}
}

/* ================= 4 · 레트로 OS 메뉴바 ================= */
@media(min-width:761px){
html[data-th-nav=os] .tooli2026_nav{background:#f3f1ea;border-radius:0;padding:0 6px;gap:0;box-shadow:inset 0 -2px 0 #d8d3c4,4px 4px 0 var(--tooli2026_line)}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home,html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item{border-radius:0}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home{border-right:2px solid #29304722!important;padding:0 14px}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{padding:13px 12px}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#ee72a2}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#fff!important}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#293047}
html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_home[aria-current=page],html[data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
html[data-th-nav=os] .tooli2026_dropdown{top:100%;border-radius:0;box-shadow:3px 3px 0 #293047}
html[data-th-nav=os] .tooli2026_dropdown::after{display:none}
html[data-th-nav=os] .tooli2026_dropdown a{border-radius:0}
html[data-th-nav=os] .tooli2026_dropdown a:hover,html[data-th-nav=os] .tooli2026_dropdown a:focus-visible{background:#293047;color:#fff}
html[data-th-nav=os] .tooli2026_dropdown a::before{display:none}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav{background:#2a3247}
}

/* ================= 5 · 게임 HUD 아이콘 ================= */
@media(min-width:761px){
html[data-th-nav=hud] .tooli2026_nav{gap:2px}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item{border-radius:9px}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 9px 9px;font-size:13px}
html[data-th-nav=hud] .tooli2026_nav_icon{display:block;font-size:19px;line-height:1;transition:transform .15s}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#e8eeff}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within) .tooli2026_nav_icon{transform:translateY(-2px) scale(1.12)}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffe8f1}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:var(--tooli2026_accent)}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link::after{display:block;position:static;width:26px;height:0;border-top:3px dotted #ee72a2;transform:none;background:none}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_home{flex-direction:column;border-radius:9px}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_home[aria-current=page]{background:#ffe8f1;color:var(--tooli2026_accent)!important}
}

/* ================= 6 · 스테이지 선택 ================= */
@media(min-width:761px){
html[data-th-nav=stage] .tooli2026_nav{background:#2c344b;border-color:#11162a;box-shadow:4px 4px 0 #11162a;gap:3px}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_home,html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item{border:2px solid transparent!important;border-radius:4px}
html[data-th-nav=stage] .tooli2026_nav{gap:1px}html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{display:flex;align-items:center;gap:4px;padding:9px 7px;font-size:13.5px}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{content:counter(th-stage,decimal-leading-zero);counter-increment:th-stage;padding:1px 3px;font-size:9px!important;border-radius:2px;background:#9fe8c4;color:#2c344b;font:10px/1.4 var(--tooli2026_ui)}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){border-color:#ee72a2!important}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#ffd0e2!important}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){border-color:#ffd36b!important;background:#3a4462}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#ffd36b!important}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link::before{content:"▶ " counter(th-stage,decimal-leading-zero);background:#ffd36b}
html[data-th-nav=stage] .tooli2026_nav .tooli2026_nav_home:hover{color:#ffd0e2!important}
html[data-th-nav=stage] .tooli2026_directory_trigger{background:#3a4462;border-color:#4a5675;color:#e9edf8}
html[data-th-nav=stage] .tooli2026_dropdown{background:#222a40;border-color:#11162a;box-shadow:4px 4px 0 #11162a}
html[data-th-nav=stage] .tooli2026_dropdown::after{background:#222a40;border-color:#11162a}
html[data-th-nav=stage] .tooli2026_dropdown a{color:#e3e9f6}
html[data-th-nav=stage] .tooli2026_dropdown a:hover,html[data-th-nav=stage] .tooli2026_dropdown a:focus-visible{background:#3a4462;color:#ffd0e2}
}

/* ================= 7 · 키보드 키캡 ================= */
/* 메뉴 하나하나가 기계식 키보드 키. 올리면 눌리고, 고른 메뉴는 노란 키(ESC 같은 포인트 키). */
@media(min-width:761px){
html[data-th-nav=keycap] .tooli2026_nav{gap:6px;padding:8px 10px 10px;background:#dfe3ec;box-shadow:inset 0 2px 0 #ffffff99,4px 4px 0 var(--tooli2026_line)}
html[data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item{background:#fffefa;border:2px solid #293047;border-radius:7px;box-shadow:inset 0 -4px 0 #d3d7e2,0 3px 0 #293047;transition:transform .08s,box-shadow .08s,background-color .12s}
html[data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{padding:7px 10px 10px;color:#293047!important;font-size:13.5px}
html[data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){transform:translateY(2px);box-shadow:inset 0 -2px 0 #d3d7e2,0 1px 0 #293047;background:#e2f7ed}
html[data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffd36b;box-shadow:inset 0 -4px 0 #e5b54a,0 3px 0 #293047}
html[data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d2234!important}
html[data-th-nav=keycap] .tooli2026_directory_trigger{border-radius:7px;box-shadow:0 3px 0 #293047}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav{background:#161d2b;box-shadow:inset 0 2px 0 #ffffff14,4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item{background:#2a3247;border-color:#8999b7;box-shadow:inset 0 -4px 0 #1d2436,0 3px 0 #080d17}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#1f4a3a;box-shadow:inset 0 -2px 0 #173828,0 1px 0 #080d17}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#c9f5df!important}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffd36b;border-color:#ffd36b;box-shadow:inset 0 -4px 0 #c99a35,0 3px 0 #080d17}
html[data-th-theme=dark][data-th-nav=keycap] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d2234!important}
}

/* ---- 화면 설정의 메뉴 모양 고르기 */
.tooli2026_nav_skins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.tooli2026_nav_skins label{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1.5px solid var(--tooli2026_border);border-radius:4px;font-size:13px;cursor:pointer}
.tooli2026_nav_skins label:has(input:checked){border-color:var(--tooli2026_line);background:var(--tooli2026_pink-soft,#ffe8f1);box-shadow:2px 2px 0 var(--tooli2026_line)}
.tooli2026_nav_skins small{color:var(--tooli2026_muted);font-size:11px}
/* 전체 메뉴: PC에서는 아이콘만(툴팁으로 설명), 휴대폰 메뉴에서는 글자도 */
.tooli2026_directory_trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tooli2026_directory_trigger svg{display:block;flex:none}
@media(min-width:761px){.tooli2026_directory_trigger{width:40px;min-width:40px;padding:0!important}.tooli2026_dir_label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* 내 보관함·화면 설정: PC에서는 겹치는 상자 없이 아이콘만(툴팁으로 설명) */
@media(min-width:761px){
.tooli2026_site .tooli2026_nav_end{gap:4px}
.tooli2026_site .tooli2026_nav_end a,.tooli2026_site .tooli2026_nav_end button{width:40px;height:40px;min-height:0;padding:0;justify-content:center;border:0;border-radius:6px;background:transparent;box-shadow:none;transform:none}
.tooli2026_site .tooli2026_nav_end a:hover,.tooli2026_site .tooli2026_nav_end button:hover,.tooli2026_site .tooli2026_nav_end a:focus-visible,.tooli2026_site .tooli2026_nav_end button:focus-visible{background:var(--tooli2026_pink-soft,#ffe8f1);box-shadow:none;transform:translateY(-1px)}
.tooli2026_site .tooli2026_nav_end svg{width:18px;height:18px}
.tooli2026_end_label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:is([data-th-nav=arcade],[data-th-nav=stage]) .tooli2026_site .tooli2026_nav_end a,html:is([data-th-nav=arcade],[data-th-nav=stage]) .tooli2026_site .tooli2026_nav_end button{color:#e9edf8}
html:is([data-th-nav=arcade],[data-th-nav=stage]) .tooli2026_site .tooli2026_nav_end svg path[fill="#293047"]{fill:#e9edf8}
html:is([data-th-nav=arcade],[data-th-nav=stage]) .tooli2026_site .tooli2026_nav_end :is(a,button):is(:hover,:focus-visible){background:#3a4462}
}

/* ================= 야간 모드 ================= */
/* 내 보관함·화면 설정 아이콘: 진한 남색으로 그린 부분을 밝게 */
html[data-th-theme=dark] .tooli2026_site .tooli2026_nav_end svg path[fill="#293047"]{fill:#e9edf8}
html[data-th-theme=dark] .tooli2026_site .tooli2026_nav_end :is(a,button){color:#e9edf8}
@media(min-width:761px){
html[data-th-theme=dark] .tooli2026_site .tooli2026_nav_end :is(a,button):is(:hover,:focus-visible){background:#3a4462}
html[data-th-theme=dark] .tooli2026_site .tooli2026_directory_trigger{color:#e9edf8}

/* 카트리지 탭: 탭은 어둡게, 올리면 노란 탭·고른 메뉴는 분홍 탭(글씨는 진하게) */
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home,html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item{background:#2a3247;border-color:#8999b7}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home::before{border-top-color:#e9edf84d}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#ffd36b;border-color:#ffd36b}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link,html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d2234!important}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)::before,html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])::before{border-top-color:#1d22344d}
html[data-th-theme=dark][data-th-nav=cartridge] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ff9fc6;border-color:#ff9fc6}

/* 디스켓 스티커: 어두운 라벨 + 밝은 테두리 */
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home,html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item{background:#2a3247;border-color:#8999b7;box-shadow:2px 2px 0 #080d17}
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_home:hover,html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#1f4a3a;border-color:#9fe8c4;box-shadow:4px 6px 0 #080d17}
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#c9f5df!important}
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#4a3f22;border-color:#ffd36b;box-shadow:3px 3px 0 #080d17}
html[data-th-theme=dark][data-th-nav=sticker] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#ffe39a!important}

/* 레트로 OS: 어두운 메뉴바, 올리면 분홍 칸(진한 글씨), 고른 메뉴는 노란 칸 */
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav{background:#2a3247;box-shadow:inset 0 -2px 0 #3a4462,4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_home{border-right-color:#e9edf833!important}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#ff9fc6}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link,html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d2234!important}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffd36b}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_dropdown{box-shadow:3px 3px 0 #080d17}
html[data-th-theme=dark][data-th-nav=os] .tooli2026_dropdown a:hover,html[data-th-theme=dark][data-th-nav=os] .tooli2026_dropdown a:focus-visible{background:#ffd36b;color:#1d2234}

/* 게임 HUD: 밝은 칸 대신 어두운 칸 */
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#2f3a52}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#c9f5df!important}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]),html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_home[aria-current=page]{background:#412736}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#ff9fc6!important}
}

/* ================= 9 · 전통 단청 ================= */
/* 한지 바탕 위에 단청 띠, 고른 메뉴는 붉은 낙관 색 */
@media(min-width:761px){
html[data-th-nav=hanji] .tooli2026_nav{padding-top:13px;background:#f6efe0;border-color:#5b3b2e;box-shadow:4px 4px 0 #5b3b2e}
html[data-th-nav=hanji] .tooli2026_nav::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:9px 9px 0 0;background:repeating-linear-gradient(90deg,#2e7d6b 0 18px,#c8443b 18px 30px,#f2c14e 30px 38px,#2a4d8f 38px 56px)}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item{border-radius:3px}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#3b2a22!important}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#efe1c4;box-shadow:inset 0 -3px 0 #c8443b}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#9e2c26!important}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#b8352f;box-shadow:inset 0 0 0 2px #f2c14e}
html[data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff8ec!important}
html[data-th-nav=hanji] .tooli2026_dropdown{background:#fbf6ea;border-color:#5b3b2e;box-shadow:4px 4px 0 #5b3b2e}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_nav{background:#2a221d;border-color:#a08670;box-shadow:4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#f1e6d0!important}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#3d3029}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#ffb4a8!important}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
html[data-th-theme=dark][data-th-nav=hanji] .tooli2026_dropdown{background:#2a221d;border-color:#a08670;box-shadow:4px 4px 0 #080d17}
}

/* ================= 10 · 네온 디지털 ================= */
/* 어두운 화면 + 주사선, 글자는 형광. 올리면 살짝 지지직(글리치). */
@media(min-width:761px){
html[data-th-nav=neon] .tooli2026_nav{background:#0b0f1f repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px);border-color:#7df9ff;box-shadow:0 0 0 1px #7df9ff55,0 0 18px #7df9ff44,4px 4px 0 #11162a}
html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_item{border-radius:3px}
html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#a6faff!important;text-shadow:0 0 6px #7df9ff88;letter-spacing:.02em}
html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#ffb0ef!important;text-shadow:-1px 0 #7df9ffaa,1px 0 #ff3fd2aa;animation:th-neon-glitch .35s steps(2) 1}
html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#2a0f3a;box-shadow:inset 0 0 0 2px #ff7be5,0 0 12px #ff7be555}
html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#ffe9fb!important}
html[data-th-nav=neon] .tooli2026_directory_trigger{background:#141a33;border-color:#7df9ff;color:#a6faff}
html[data-th-nav=neon] .tooli2026_dropdown{background:#0f1428;border-color:#7df9ff;box-shadow:0 0 14px #7df9ff44}
html[data-th-nav=neon] .tooli2026_dropdown::after{background:#0f1428;border-color:#7df9ff}
html[data-th-nav=neon] .tooli2026_dropdown a{color:#d8fdff}
html[data-th-nav=neon] .tooli2026_dropdown a:hover,html[data-th-nav=neon] .tooli2026_dropdown a:focus-visible{background:#1d2547;color:#ffb0ef}
}
@keyframes th-neon-glitch{0%{transform:translate(1px,0)}50%{transform:translate(-1px,0)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){html[data-th-nav=neon] .tooli2026_nav .tooli2026_nav_link{animation:none!important}}

/* ================= 11 · 모던 글래스 ================= */
/* 반투명 유리판, 둥근 알약 메뉴, 고른 메뉴는 진한 알약 */
@media(min-width:761px){
html[data-th-nav=modern] .tooli2026_nav{background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border:1px solid #e1e4ee;border-radius:16px;box-shadow:0 10px 28px #1d22341f}
html[data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item{border-radius:999px;transition:background-color .15s}
html[data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#1d2234!important;font:600 14px/1.4 var(--tooli2026_body)}
html[data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#eef0f6}
html[data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#1d2234}
html[data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
html[data-th-nav=modern] .tooli2026_directory_trigger{border-radius:12px;border-color:#e1e4ee;box-shadow:none}
html[data-th-nav=modern] .tooli2026_dropdown{border:1px solid #e1e4ee;border-radius:14px;box-shadow:0 14px 30px #1d22342b}
html[data-th-nav=modern] .tooli2026_dropdown::after{display:none}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_nav{background:rgba(28,34,50,.78);border-color:#3a4462;box-shadow:0 10px 28px #0008}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#2f3a52}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#e9edf8}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d2234!important}
html[data-th-theme=dark][data-th-nav=modern] .tooli2026_dropdown{border-color:#3a4462}
}

/* ================= 12 · 궁서체 근엄 ================= */
/* 화선지 + 이중 테두리, 궁서체(없으면 나눔명조). 고른 메뉴는 먹색, 올리면 붉은 낙관 */
@media(min-width:761px){
html[data-th-nav=gungseo] .tooli2026_nav{background:#fbf8f0;border:4px double #1d1d1d;border-radius:2px;box-shadow:3px 3px 0 #1d1d1d33}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item{border-radius:0}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#111!important;font:800 15px/1.4 "Gungsuh","궁서","GungSeo","Nanum Myeongjo",serif!important;letter-spacing:0}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#a3171b!important}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)::after{content:"";position:absolute;right:3px;top:3px;width:7px;height:7px;background:#c8102e;box-shadow:inset 0 0 0 1px #fbf8f0}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#111}
html[data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fbf8f0!important}
html[data-th-nav=gungseo] .tooli2026_dropdown{border:3px double #1d1d1d;border-radius:0;background:#fbf8f0;box-shadow:3px 3px 0 #1d1d1d33}
html[data-th-nav=gungseo] .tooli2026_dropdown a{font-family:"Gungsuh","궁서","Nanum Myeongjo",serif;font-weight:700}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_nav{background:#141414;border-color:#e8e0cc}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#efe7d2!important}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#ff9a9a!important}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#efe7d2}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#111!important}
html[data-th-theme=dark][data-th-nav=gungseo] .tooli2026_dropdown{background:#1b1b1b;border-color:#e8e0cc}
}

/* ================= 13 · 졸라맨 낙서 ================= */
/* 손으로 그린 테두리 + 손글씨. 올리면 막대인간이 메뉴 위에 올라선다. */
@media(min-width:761px){
html[data-th-nav=stick] .tooli2026_nav{background:#fff;border:2px solid #222;border-radius:255px 18px 225px 18px/18px 225px 18px 255px;box-shadow:3px 4px 0 #222}
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item{border:2px solid transparent;border-radius:255px 12px 225px 12px/12px 225px 12px 255px}
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#222!important;font:700 19px/1.1 "Gaegu",var(--tooli2026_body)!important}
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){border-color:#222}
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before{content:"";position:absolute;left:50%;top:-25px;width:16px;height:24px;margin-left:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24' fill='none' stroke='%23222' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='4' r='3'/%3E%3Cpath d='M8 7v9M8 10l-5 -3M8 10l5 -4M8 16l-4 7M8 16l4 7'/%3E%3C/svg%3E") no-repeat center/contain;pointer-events:none}
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{background:linear-gradient(transparent 58%,#fff176 58%)}
html[data-th-nav=stick] .tooli2026_dropdown{border:2px solid #222;border-radius:12px 225px 12px 255px/255px 12px 225px 12px;box-shadow:3px 4px 0 #222}
html[data-th-nav=stick] .tooli2026_dropdown a{font:700 16px "Gaegu",var(--tooli2026_body)}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav{background:#1e2230;border-color:#e9edf8;box-shadow:3px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#f3f3f3!important}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){border-color:#e9edf8}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 24' fill='none' stroke='%23f3f3f3' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='8' cy='4' r='3'/%3E%3Cpath d='M8 7v9M8 10l-5 -3M8 10l5 -4M8 16l-4 7M8 16l4 7'/%3E%3C/svg%3E")}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{background:linear-gradient(transparent 58%,#6b5d1e 58%)}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_dropdown{border-color:#e9edf8;box-shadow:3px 4px 0 #080d17}
}

/* ================= 14~16 · 토끼 · 강아지 · 고양이 ================= */
/* 올리거나 고른 메뉴에 귀가 쫑긋 올라온다. */
@media(min-width:761px){
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav{padding-top:12px}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item{border-radius:14px}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item::before,html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item::after{content:"";position:absolute;opacity:0;pointer-events:none;transition:opacity .15s,transform .2s cubic-bezier(.3,1.6,.5,1)}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before,html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{opacity:1}

/* 토끼: 길쭉한 귀 */
html[data-th-nav=bunny] .tooli2026_nav{background:#fff5f8;border-color:#d97a9f;box-shadow:4px 4px 0 #d97a9f}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#7a2f4f!important}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::after{top:-17px;width:9px;height:19px;border:2px solid #d97a9f;border-bottom:0;border-radius:9px 9px 0 0;background:#ffd3e2;box-shadow:inset 0 0 0 2px #fff5f8;transform:translateY(6px)}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::before{left:calc(50% - 13px);rotate:-10deg}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::after{left:calc(50% + 3px);rotate:12deg}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before,html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{transform:none}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#ffe1ec}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffd3e2;box-shadow:inset 0 0 0 2px #d97a9f}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#5e1f3b!important}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav{background:#2d2230;box-shadow:4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#ffd6e6!important}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item::after{background:#6b3a52;box-shadow:inset 0 0 0 2px #2d2230}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#4a2c3d}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#6b3a52}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}

/* 강아지: 양옆으로 늘어진 귀 */
html[data-th-nav=puppy] .tooli2026_nav{background:#fff8ee;border-color:#9b6b43;box-shadow:4px 4px 0 #9b6b43}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#5a3a22!important}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::after{top:-5px;width:11px;height:19px;border:2px solid #7a5233;border-radius:7px 7px 11px 11px;background:#c08a5b}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::before{left:-3px;transform:rotate(-8deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::after{right:-3px;transform:rotate(8deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before{transform:rotate(18deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{transform:rotate(-18deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#f6e4cc}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#f2d2ad;box-shadow:inset 0 0 0 2px #9b6b43}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#3d2614!important}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav{background:#2b231c;border-color:#c08a5b;box-shadow:4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#f6e4cc!important}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#3f3226}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#c08a5b}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d140c!important}

/* 고양이: 세모 귀 */
html[data-th-nav=kitty] .tooli2026_nav{background:#f6f4ff;border-color:#6d63a8;box-shadow:4px 4px 0 #6d63a8}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#3f3779!important}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::after{top:-10px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #6d63a8;transform:translateY(5px)}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::before{left:14%}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::after{right:14%}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before,html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{transform:none}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#e9e5ff}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#6d63a8}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav{background:#232036;border-color:#a99ff0;box-shadow:4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9e5ff!important}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item::after{border-bottom-color:#a99ff0}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:#34305a}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#a99ff0}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#1d1a33!important}
}

/* ================= 17 · 동화 그림책 ================= */
/* 망점 종이 + 굵은 펜 테두리. 올리면 말풍선, 고른 메뉴는 노란 말풍선 */
@media(min-width:761px){
html[data-th-nav=storybook] .tooli2026_nav{background:#fffaf0 radial-gradient(#2b2b2b1c 1px,transparent 1.6px) 0 0/8px 8px;border:3px solid #2b2b2b;border-radius:14px;box-shadow:5px 5px 0 #2b2b2b}
html[data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item{border:2px solid transparent;border-radius:12px}
html[data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#2b2b2b!important;font:700 19px/1.1 "Gaegu",var(--tooli2026_body)!important}
html[data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page])){background:#fff;border-color:#2b2b2b}
html[data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{content:"";position:absolute;left:12px;bottom:-7px;width:10px;height:10px;background:inherit;border-right:2px solid #2b2b2b;border-bottom:2px solid #2b2b2b;transform:rotate(45deg) skew(8deg,8deg)}
html[data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffe066}
html[data-th-nav=storybook] .tooli2026_dropdown{border:3px solid #2b2b2b;border-radius:14px;box-shadow:5px 5px 0 #2b2b2b}
html[data-th-nav=storybook] .tooli2026_dropdown a{font:700 16px "Gaegu",var(--tooli2026_body)}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav{background-color:#22202b;background-image:radial-gradient(#ffffff17 1px,transparent 1.6px);border-color:#f1e9d2;box-shadow:5px 5px 0 #080d17}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#f1e9d2!important}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page])){background:#33303f;border-color:#f1e9d2}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{border-color:#f1e9d2}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#ffe066}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#2b2b2b!important}
html[data-th-theme=dark][data-th-nav=storybook] .tooli2026_dropdown{border-color:#f1e9d2;box-shadow:5px 5px 0 #080d17}
}

/* ================= 18 · 따뜻한 파스텔 ================= */
/* 크림 바탕, 둥근 알약. 메뉴마다 살구·라벤더·버터·민트가 번갈아 */
@media(min-width:761px){
html[data-th-nav=warm] .tooli2026_nav{background:#fff6ea;border-color:#d9a58b;border-radius:18px;box-shadow:4px 4px 0 #e9c3ae}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item{--warm:#ffd9c2;border-radius:999px;transition:background-color .15s}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n+2){--warm:#e6dcf7}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n+3){--warm:#fff0b8}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n){--warm:#d8f0e3}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#6b4a3d!important}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within){background:var(--warm)}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#4a2f25!important}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]){background:#f6b08f;box-shadow:0 3px 0 #d9a58b}
html[data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#3d2a24!important}
html[data-th-nav=warm] .tooli2026_directory_trigger{border-radius:999px;border-color:#d9a58b;box-shadow:none}
html[data-th-nav=warm] .tooli2026_dropdown{background:#fffaf3;border-color:#d9a58b;border-radius:16px;box-shadow:4px 4px 0 #e9c3ae}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav{background:#2e2622;border-color:#8a6a5a;box-shadow:4px 4px 0 #080d17}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item{--warm:#5a4036}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n+2){--warm:#41385a}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n+3){--warm:#5a4e2a}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:nth-of-type(4n){--warm:#2f4a3d}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link,html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within)>.tooli2026_nav_link{color:#f6e3d6!important}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#2e1c14!important}
html[data-th-theme=dark][data-th-nav=warm] .tooli2026_dropdown{background:#2e2622;border-color:#8a6a5a;box-shadow:4px 4px 0 #080d17}
}

/* 어두운 바(오락실·스테이지·네온)의 내 보관함·화면 설정 아이콘 */
@media(min-width:761px){
html[data-th-nav=neon] .tooli2026_site .tooli2026_nav_end :is(a,button){color:#e9edf8}
html[data-th-nav=neon] .tooli2026_site .tooli2026_nav_end svg path[fill="#293047"]{fill:#e9edf8}
html[data-th-nav=neon] .tooli2026_site .tooli2026_nav_end :is(a,button):is(:hover,:focus-visible){background:#1d2547}
}

/* ---- 화면 설정 창: PC는 오른쪽 서랍(위쪽 메뉴 미리보기가 보이게), 휴대폰은 전체 화면. 탭으로 나눈다. */
#tooli2026_settings{padding:22px 24px 0}
#tooli2026_settings[open]{display:flex;flex-direction:column}
#tooli2026_settings>form{display:flex;flex-direction:column;min-height:100%}
#tooli2026_settings .tooli2026_prefs_tabs{display:flex;gap:6px;margin:14px 0 0;border-bottom:2px solid var(--tooli2026_line)}
#tooli2026_settings .tooli2026_prefs_tabs button{margin-bottom:-2px;padding:8px 14px;border:2px solid var(--tooli2026_line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--tooli2026_base);color:var(--tooli2026_secondary);font:14px var(--tooli2026_ui);cursor:pointer}
#tooli2026_settings .tooli2026_prefs_tabs button[aria-selected=true]{position:relative;background:#fff4cf;color:var(--tooli2026_ink);border-bottom:2px solid #fff4cf}
html[data-th-theme=dark] #tooli2026_settings .tooli2026_prefs_tabs button[aria-selected=true]{background:#3a3222;border-bottom-color:#3a3222}
#tooli2026_settings .tooli2026_prefs_panel{flex:1;padding:4px 0 8px}
#tooli2026_settings .tooli2026_prefs_panel fieldset{margin:14px 0}
#tooli2026_settings .tooli2026_prefs_hint{margin:0 0 10px;color:var(--tooli2026_muted);font:12px/1.6 var(--tooli2026_body)}
#tooli2026_settings .tooli2026_nav_skins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tooli2026_settings .tooli2026_nav_skins label{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;min-height:58px;padding:8px 10px;border:1.5px solid var(--tooli2026_border);border-radius:8px;background:var(--tooli2026_surface);cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}
#tooli2026_settings .tooli2026_nav_skins label:hover{border-color:var(--tooli2026_line);transform:translateY(-1px);box-shadow:2px 2px 0 var(--tooli2026_line)}
#tooli2026_settings .tooli2026_nav_skins label:has(input:checked){border-color:var(--tooli2026_line);background:var(--tooli2026_pink-soft,#ffe8f1);box-shadow:3px 3px 0 var(--tooli2026_line)}
#tooli2026_settings .tooli2026_nav_skins input{flex:none;width:16px;height:16px}
#tooli2026_settings .tooli2026_skin_thumb{flex:none;display:flex;align-items:center;gap:3px;width:62px;height:26px;padding:0 4px;border:2px solid var(--t-line);border-radius:5px;background:var(--t-bg)}
#tooli2026_settings .tooli2026_skin_thumb i{flex:1;height:9px;border-radius:2px;background:var(--t-a);box-shadow:inset 0 0 0 1px #0000001a}
#tooli2026_settings .tooli2026_skin_thumb i:nth-child(2){background:var(--t-b)}
#tooli2026_settings .tooli2026_skin_name{display:flex;flex-direction:column;min-width:0;line-height:1.35}
#tooli2026_settings .tooli2026_skin_name b{font:400 14px var(--tooli2026_ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tooli2026_settings .tooli2026_skin_name small{color:var(--tooli2026_muted);font:11px/1.4 var(--tooli2026_body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tooli2026_settings .tooli2026_prefs_actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px -24px 0;padding:12px 24px 16px;border-top:2px solid var(--tooli2026_line);background:var(--tooli2026_surface)}
#tooli2026_settings .tooli2026_prefs_reset{min-height:44px;padding:10px 16px;border:2px solid var(--tooli2026_line);border-radius:6px;background:var(--tooli2026_base);color:var(--tooli2026_ink);box-shadow:2px 2px 0 var(--tooli2026_line);font:14px var(--tooli2026_ui)}
#tooli2026_settings .tooli2026_prefs_reset:hover{background:var(--tooli2026_yellow)}
#tooli2026_settings .tooli2026_prefs_done{margin:0}
#tooli2026_settings [data-skin=arcade]{--t-bg:#1d2234;--t-a:#c9d3e6;--t-b:#ffd36b;--t-line:#11162a}
#tooli2026_settings [data-skin=block]{--t-bg:#fffefa;--t-a:#ffe8f1;--t-b:#293047;--t-line:#293047}
#tooli2026_settings [data-skin=cartridge]{--t-bg:#e8eeff;--t-a:#ffeaaa;--t-b:#ee72a2;--t-line:#293047}
#tooli2026_settings [data-skin=sticker]{--t-bg:#fffefa;--t-a:#e2f7ed;--t-b:#fff0bb;--t-line:#293047}
#tooli2026_settings [data-skin=os]{--t-bg:#f3f1ea;--t-a:#ee72a2;--t-b:#293047;--t-line:#293047}
#tooli2026_settings [data-skin=hud]{--t-bg:#fffefa;--t-a:#e8eeff;--t-b:#ffe8f1;--t-line:#293047}
#tooli2026_settings [data-skin=stage]{--t-bg:#2c344b;--t-a:#9fe8c4;--t-b:#ffd36b;--t-line:#11162a}
#tooli2026_settings [data-skin=keycap]{--t-bg:#dfe3ec;--t-a:#fffefa;--t-b:#ffd36b;--t-line:#293047}
#tooli2026_settings [data-skin=hanji]{--t-bg:#f6efe0;--t-a:#c8443b;--t-b:#2e7d6b;--t-line:#5b3b2e}
#tooli2026_settings [data-skin=neon]{--t-bg:#0b0f1f;--t-a:#7df9ff;--t-b:#ff7be5;--t-line:#7df9ff}
#tooli2026_settings [data-skin=modern]{--t-bg:#f4f6fb;--t-a:#ffffff;--t-b:#1d2234;--t-line:#e1e4ee}
#tooli2026_settings [data-skin=gungseo]{--t-bg:#fbf8f0;--t-a:#111111;--t-b:#c8102e;--t-line:#1d1d1d}
#tooli2026_settings [data-skin=stick]{--t-bg:#ffffff;--t-a:#ffffff;--t-b:#fff176;--t-line:#222222}
#tooli2026_settings [data-skin=bunny]{--t-bg:#fff5f8;--t-a:#ffd3e2;--t-b:#ffe1ec;--t-line:#d97a9f}
#tooli2026_settings [data-skin=puppy]{--t-bg:#fff8ee;--t-a:#c08a5b;--t-b:#f2d2ad;--t-line:#9b6b43}
#tooli2026_settings [data-skin=kitty]{--t-bg:#f6f4ff;--t-a:#6d63a8;--t-b:#e9e5ff;--t-line:#6d63a8}
#tooli2026_settings [data-skin=storybook]{--t-bg:#fffaf0;--t-a:#ffe066;--t-b:#ffffff;--t-line:#2b2b2b}
#tooli2026_settings [data-skin=warm]{--t-bg:#fff6ea;--t-a:#ffd9c2;--t-b:#e6dcf7;--t-line:#d9a58b}
@media(min-width:761px){
#tooli2026_settings{position:fixed;inset:0 0 0 auto;width:min(560px,94vw);max-width:none;height:100dvh;max-height:100dvh;margin:0;border-width:0 0 0 2px;border-radius:0;box-shadow:-8px 0 0 #141b2c33;animation:th-prefs-in .22s ease-out}
#tooli2026_settings::backdrop{background:#10172740;backdrop-filter:none}
#tooli2026_settings.is-previewing::backdrop{background:transparent}
}
@media(max-width:760px){
#tooli2026_settings{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:16px 16px 0}
#tooli2026_settings .tooli2026_nav_skins{grid-template-columns:1fr}
#tooli2026_settings .tooli2026_prefs_actions{margin:8px -16px 0;padding:10px 16px 14px}
}
@keyframes th-prefs-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){#tooli2026_settings{animation:none}}

/* ---- 동물 귀(다시 그림): 귀는 메뉴 글자 위 가운데(강아지는 글자 양옆)에 붙는다. 올리거나 고른 메뉴에서만 쏙 */
@media(min-width:761px){
html:is([data-th-nav=bunny],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item::before,html:is([data-th-nav=bunny],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item::after{content:none!important}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{position:relative;overflow:visible}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{content:"";display:block;position:absolute;left:50%;pointer-events:none;background:no-repeat center/contain;opacity:0;transform:translate(-50%,6px) scale(.7);transition:opacity .15s,transform .22s cubic-bezier(.3,1.6,.5,1)}
html:is([data-th-nav=bunny],[data-th-nav=puppy],[data-th-nav=kitty]) .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))>.tooli2026_nav_link::before{opacity:1;transform:translate(-50%,0) scale(1)}
html[data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{top:-13px;width:36px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M1 16C1 9 3 3 7 1c3 1 7 6 9 12z' fill='%236d63a8'/%3E%3Cpath d='M4.5 14.5c0-4 1-7.5 3-9.5 2 1.5 4 4.5 5 8z' fill='%23ffc4d6'/%3E%3Cg transform='matrix(-1 0 0 1 40 0)'%3E%3Cpath d='M1 16C1 9 3 3 7 1c3 1 7 6 9 12z' fill='%236d63a8'/%3E%3Cpath d='M4.5 14.5c0-4 1-7.5 3-9.5 2 1.5 4 4.5 5 8z' fill='%23ffc4d6'/%3E%3C/g%3E%3C/svg%3E")}
html[data-th-theme=dark][data-th-nav=kitty] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 16'%3E%3Cpath d='M1 16C1 9 3 3 7 1c3 1 7 6 9 12z' fill='%23a99ff0'/%3E%3Cpath d='M4.5 14.5c0-4 1-7.5 3-9.5 2 1.5 4 4.5 5 8z' fill='%23ff9fc6'/%3E%3Cg transform='matrix(-1 0 0 1 40 0)'%3E%3Cpath d='M1 16C1 9 3 3 7 1c3 1 7 6 9 12z' fill='%23a99ff0'/%3E%3Cpath d='M4.5 14.5c0-4 1-7.5 3-9.5 2 1.5 4 4.5 5 8z' fill='%23ff9fc6'/%3E%3C/g%3E%3C/svg%3E")}
html[data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{top:-27px;width:40px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cg transform='rotate(-12 9 24)'%3E%3Crect x='5' y='1.5' width='8' height='22' rx='4' fill='%23ffffff' stroke='%23d97a9f' stroke-width='1.8'/%3E%3Crect x='7.6' y='5' width='2.8' height='15' rx='1.4' fill='%23ffc4d6'/%3E%3C/g%3E%3Cg transform='matrix(-1 0 0 1 36 0)'%3E%3Cg transform='rotate(-12 9 24)'%3E%3Crect x='5' y='1.5' width='8' height='22' rx='4' fill='%23ffffff' stroke='%23d97a9f' stroke-width='1.8'/%3E%3Crect x='7.6' y='5' width='2.8' height='15' rx='1.4' fill='%23ffc4d6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
html[data-th-theme=dark][data-th-nav=bunny] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Cg transform='rotate(-12 9 24)'%3E%3Crect x='5' y='1.5' width='8' height='22' rx='4' fill='%232d2230' stroke='%23e58fae' stroke-width='1.8'/%3E%3Crect x='7.6' y='5' width='2.8' height='15' rx='1.4' fill='%23ff9fc6'/%3E%3C/g%3E%3Cg transform='matrix(-1 0 0 1 36 0)'%3E%3Cg transform='rotate(-12 9 24)'%3E%3Crect x='5' y='1.5' width='8' height='22' rx='4' fill='%232d2230' stroke='%23e58fae' stroke-width='1.8'/%3E%3Crect x='7.6' y='5' width='2.8' height='15' rx='1.4' fill='%23ff9fc6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::after{content:"";display:block;position:absolute;top:2px;left:auto;width:11px;height:19px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M6 1c3 0 5 2 5 6v7c0 3-2 5-5 5S1 17 1 14V5c0-2 2-4 5-4z' fill='%23c08a5b' stroke='%237a5233' stroke-width='1.6'/%3E%3Cpath d='M6 6c1.5 0 2.5 1 2.5 3v4c0 1.5-1 2.5-2.5 2.5S3.5 14.5 3.5 13V9c0-2 1-3 2.5-3z' fill='%23e8c39b'/%3E%3C/svg%3E") no-repeat center/contain;opacity:0;transform-origin:50% 0;transition:opacity .15s,transform .25s cubic-bezier(.3,1.6,.5,1)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::before{left:-4px;transform:rotate(-30deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::after{right:-4px;transform:rotate(30deg) scaleX(-1)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::before{opacity:1;transform:rotate(8deg)}
html[data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within,:has(>.tooli2026_nav_link[aria-current=page]))::after{opacity:1;transform:rotate(-8deg) scaleX(-1)}
html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::before,html[data-th-theme=dark][data-th-nav=puppy] .tooli2026_nav .tooli2026_nav_item::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 20'%3E%3Cpath d='M6 1c3 0 5 2 5 6v7c0 3-2 5-5 5S1 17 1 14V5c0-2 2-4 5-4z' fill='%23a87650' stroke='%23e8c39b' stroke-width='1.6'/%3E%3Cpath d='M6 6c1.5 0 2.5 1 2.5 3v4c0 1.5-1 2.5-2.5 2.5S3.5 14.5 3.5 13V9c0-2 1-3 2.5-3z' fill='%23d9b089'/%3E%3C/svg%3E")}
}

/* ---- 게임 HUD(다시 다듬음): 같은 크기의 인벤토리 칸에 아이콘, 아래에 이름. 고른 메뉴만 칸 테두리가 노랗고 아래에 체력 게이지 */
@media(min-width:761px){
html[data-th-nav=hud] .tooli2026_nav{gap:0;padding-block:6px}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item{border-radius:8px;background:transparent!important}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:4px 7px 6px;font-size:12.5px;line-height:1.2;color:var(--tooli2026_ink)!important}
html[data-th-nav=hud] .tooli2026_nav_icon{display:grid;place-items:center;width:30px;height:28px;border:2px solid #c9cfdc;border-radius:7px;background:#f3f5fa;font-size:16px;line-height:1;box-shadow:inset 0 -3px 0 #e1e5ee;transition:transform .15s,border-color .15s,background-color .15s}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within) .tooli2026_nav_icon{transform:translateY(-2px);border-color:#293047;background:#fff}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]) .tooli2026_nav_icon{border-color:#293047;background:#fff4cf;box-shadow:inset 0 -3px 0 #ffd36b,0 0 0 2px #ffd36b}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:var(--tooli2026_ink)!important;font-weight:700}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link::after{display:none!important}
html[data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link::after{content:"";display:block!important;position:static;width:30px;height:4px;margin-top:1px;border:0;transform:none;background:repeating-linear-gradient(90deg,#4cc38a 0 7px,transparent 7px 8px)}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{color:#e9edf8!important}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav_icon{border-color:#4a5675;background:#222a40;box-shadow:inset 0 -3px 0 #1a2034}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within) .tooli2026_nav_icon{border-color:#e9edf8;background:#2f3a52}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page]) .tooli2026_nav_icon{border-color:#ffd36b;background:#3a3222;box-shadow:inset 0 -3px 0 #c99a35,0 0 0 2px #ffd36b55}
html[data-th-theme=dark][data-th-nav=hud] .tooli2026_nav .tooli2026_nav_item:has(>.tooli2026_nav_link[aria-current=page])>.tooli2026_nav_link{color:#fff!important}
}

/* 읽기 편한 글꼴을 켜면 메뉴 모양이 손글씨·궁서체여도 메뉴 글자는 Noto Sans KR로 또렷하게 */
html[data-th-readable=true] .tooli2026_site :is(.tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link,.tooli2026_nav .tooli2026_nav_home,.tooli2026_dropdown a,.tooli2026_directory a){font-family:"Noto Sans KR","Pretendard",system-ui,-apple-system,"Malgun Gothic",sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important}
@media(min-width:761px){html[data-th-readable=true] .tooli2026_site .tooli2026_nav .tooli2026_nav_item>.tooli2026_nav_link{font-size:14px!important;line-height:1.4!important}}
/* 졸라맨: 올리면 민트 형광펜(고른 메뉴는 노란 형광펜) */
@media(min-width:761px){
html[data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within):not(:has(>.tooli2026_nav_link[aria-current=page]))>.tooli2026_nav_link{background:linear-gradient(transparent 55%,#b8f0d4 55%)}
html[data-th-theme=dark][data-th-nav=stick] .tooli2026_nav .tooli2026_nav_item:is(:hover,.tooli2026_open,:focus-within):not(:has(>.tooli2026_nav_link[aria-current=page]))>.tooli2026_nav_link{background:linear-gradient(transparent 55%,#2f6b55 55%)}
}