/* 게임 바꾸기 메뉴(툴리 던전 · 툴리 미니레이서 제목에서 열림). 목록은 관리자 > 사이트 메뉴의 미니 오락실 하위 메뉴 */
.tgs{position:relative;display:inline-flex;align-items:center;font:inherit}
.tgs .tgs-toggle{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:2px 8px 2px 4px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;font:inherit!important;color:inherit!important;letter-spacing:inherit;line-height:1.2;cursor:pointer;min-width:0;flex:none}
.tgs .tgs-toggle:hover,.tgs.is-open .tgs-toggle{background:rgba(255,224,122,.38)!important}
.tgs .tgs-toggle:focus-visible{outline:2px dashed #293047!important;outline-offset:2px}
.tgs-caret{display:inline-block;width:0;height:0;border-width:6px 5px 0;border-style:solid;border-color:currentColor transparent transparent;margin-top:3px;opacity:.55;transition:transform .15s}
.tgs.is-open .tgs-caret{transform:rotate(180deg)}
.tgs-menu{position:absolute;left:50%;top:calc(100% + 12px);z-index:10050;display:block;width:330px;padding:10px;border:2px solid #293047;border-radius:14px;background:#fffdf6;box-shadow:4px 4px 0 #293047;transform:translateX(-50%);font-size:14px;line-height:1.4;letter-spacing:0;white-space:normal;text-align:left;color:#293047;animation:tgs-in .16s ease-out}
.tgs-menu[hidden]{display:none}
.tgs-menu:before{content:"";position:absolute;left:50%;top:-8px;width:12px;height:12px;border-left:2px solid #293047;border-top:2px solid #293047;background:#fffdf6;transform:translateX(-50%) rotate(45deg)}
@keyframes tgs-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.tgs-menu .tgs-title{display:block;margin:0 4px 8px;padding:0;border:0;background:none;font-size:11px;font-family:inherit;color:#b72f69}
.tgs-menu a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 6px;padding:8px 10px 8px 8px;border:1.5px solid transparent;border-radius:12px;color:#293047!important;text-decoration:none!important;transition:transform .12s,background .12s}
.tgs-menu a:last-child{margin-bottom:0}
.tgs-menu a:hover,.tgs-menu a:focus-visible{background:#f4f9f6;border-color:#d9e6df;transform:translateX(3px);outline:0}
.tgs-menu a.is-current{background:#fff3c4;border-color:#f0d27a}
.tgs-thumb{display:grid;place-items:center;width:52px;height:52px;border:1.5px solid #293047;border-radius:11px;overflow:hidden;box-shadow:2px 2px 0 rgba(41,48,71,.2);background:#eef2f0}
.tgs-thumb img{display:block;max-width:none;image-rendering:pixelated}
.tgs-thumb.is-dungeon{background:radial-gradient(circle at 50% 30%,#4d6a5c,#1f2d2a)}
.tgs-thumb.is-dungeon img{width:46px;height:46px;margin-top:4px}
.tgs-thumb.is-racer{background:linear-gradient(160deg,#eaf6f0,#c9e4d8)}
.tgs-thumb.is-racer img{width:50px;height:auto;image-rendering:auto;transform:rotate(-6deg)}
.tgs-thumb.is-defense{background:radial-gradient(circle at 50% 35%,#3a2a66,#140f26)}
.tgs-thumb.is-defense img{width:40px;height:auto;margin-top:2px}
.tgs-thumb.is-arcade{background:linear-gradient(160deg,#3a2a5a,#1d1630)}
.tgs-thumb.is-arcade svg{width:38px;height:38px}
.tgs-thumb.has-image img{width:100%;height:100%;object-fit:cover;margin:0;transform:none;image-rendering:auto}
.tgs-thumb>i{font-style:normal;font-size:22px;color:#293047}
.tgs-text{display:block;min-width:0}
.tgs-text b{display:block;font-size:15px;line-height:1.3;font-weight:400;font-family:inherit;color:#293047}
.tgs-menu .tgs-text small{display:block;margin:2px 0 0;padding:0;border:0;background:none;font:11px/1.4 "Malgun Gothic",system-ui,sans-serif;color:#6b7387;letter-spacing:0}
.tgs-badge{font-style:normal;padding:3px 8px;border:1.5px solid #293047;border-radius:999px;font-size:10px;line-height:1.2;font-family:inherit;color:#fff;white-space:nowrap;box-shadow:1px 1px 0 #293047;background:#6fa8dc}
.tgs-badge.is-now{background:#5fbf8a}
.tgs-badge.is-pick{background:linear-gradient(135deg,#ff5c8a,#e8455a)}
.tgs-badge.is-hot{background:linear-gradient(135deg,#ff9a3a,#ff6a3a)}
.tgs-badge.is-new{background:#ffe07a;color:#293047}
@media(max-width:760px){.tgs-menu{position:fixed;left:12px;right:12px;top:58px;width:auto;transform:none;animation:none}.tgs-menu:before{display:none}.tgs .tgs-toggle{gap:5px;padding:2px 4px!important}}
@media(prefers-reduced-motion:reduce){.tgs-menu{animation:none}.tgs-menu a{transition:none}}