/* 툴리 오락실: 게임기 + 점수판 */
.tooli2026_arcade{--arcade_bg:#0b0f1e;--arcade_body:#262c45;--arcade_edge:#151a2e;--arcade_neon:#ffd23f;--arcade_pink:#ff5a7a;--arcade_cyan:#6ff3ff;margin:4px 0 36px}
.tooli2026_arcade_head{margin:6px 0 20px}
.tooli2026_arcade_head h1{margin:4px 0 6px;font:32px/1.3 var(--tooli2026_ui);font-weight:400}
.tooli2026_arcade_head p{margin:0;color:var(--tooli2026_secondary)}
.tooli2026_arcade_grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}

/* 게임기 */
.tooli2026_arcade_cabinet{max-width:440px;width:100%;justify-self:center;padding:14px 14px 16px;border:3px solid var(--tooli2026_line);border-radius:18px 18px 10px 10px;background:var(--arcade_body);box-shadow:6px 6px 0 var(--tooli2026_line)}
.tooli2026_arcade_marquee{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin-bottom:12px;border:2px solid #000;border-radius:8px;background:#141a33;overflow:hidden}
.tooli2026_arcade_marquee b{font:22px/1 NeoDunggeunmo,var(--tooli2026_ui);font-weight:400;letter-spacing:3px;color:var(--arcade_neon);text-shadow:0 0 6px rgba(255,210,63,.6),2px 2px 0 var(--arcade_pink)}
.tooli2026_arcade_marquee i{position:absolute;top:6px;width:6px;height:6px;background:var(--arcade_cyan);box-shadow:0 26px 0 var(--arcade_cyan)}
.tooli2026_arcade_marquee i:nth-of-type(1){left:10px}.tooli2026_arcade_marquee i:nth-of-type(2){right:10px}.tooli2026_arcade_marquee i:nth-of-type(3){left:22px;background:var(--arcade_pink);box-shadow:0 26px 0 var(--arcade_pink)}
.tooli2026_arcade_screen{position:relative;border:4px solid #000;border-radius:10px;background:var(--arcade_bg);overflow:hidden;aspect-ratio:3/4}
.tooli2026_arcade_screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;cursor:crosshair}
.tooli2026_arcade_screen canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--arcade_cyan)}
.tooli2026_arcade_screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.16) 2px 4px)}

/* 화면 위 안내 */
.tooli2026_arcade_overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(11,15,30,.55);text-align:center;color:#f4f6ff}
.tooli2026_arcade_overlay[hidden]{display:none}
.tooli2026_arcade_overlay>div{display:grid;justify-items:center;gap:12px}
.tooli2026_arcade_overlay>div[hidden]{display:none}
.tooli2026_arcade_overlay strong{font:40px/1.05 NeoDunggeunmo,var(--tooli2026_ui);font-weight:400;color:var(--arcade_neon);text-shadow:3px 3px 0 var(--arcade_pink)}
.tooli2026_arcade_title p{margin:0;font:15px/1.4 NeoDunggeunmo,var(--tooli2026_ui);color:var(--arcade_cyan)}
.tooli2026_arcade_start{min-height:44px;padding:8px 20px;border:2px solid #000;border-radius:8px;background:var(--arcade_neon);color:#1d2033;font:18px/1 NeoDunggeunmo,var(--tooli2026_ui);box-shadow:3px 3px 0 #000;cursor:pointer}
.tooli2026_arcade_start:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}
.tooli2026_arcade_start:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.tooli2026_arcade_blink{font:13px/1 NeoDunggeunmo,monospace;letter-spacing:2px;color:#f4f6ff;animation:tooli2026_arcade_blink 1.1s steps(2) infinite}
@keyframes tooli2026_arcade_blink{50%{opacity:0}}
.tooli2026_arcade_over dl{display:grid;grid-template-columns:auto auto;gap:4px 14px;margin:0;font:16px/1.4 NeoDunggeunmo,var(--tooli2026_ui)}
.tooli2026_arcade_over dt{color:#c8cfe6;text-align:right}.tooli2026_arcade_over dd{margin:0;color:#fff;text-align:left}
.tooli2026_arcade_result{min-height:1.5em;margin:0;font-size:14px;color:var(--arcade_cyan)}
.tooli2026_arcade_result a{color:var(--arcade_neon);text-decoration:underline}

/* 휴대폰 버튼 */
.tooli2026_arcade_pad{display:none;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin-top:12px}
.tooli2026_arcade_pad button{min-height:54px;border:2px solid #000;border-radius:12px;background:#3a4266;color:#fff;font:20px/1 NeoDunggeunmo,var(--tooli2026_ui);box-shadow:0 4px 0 #000;touch-action:none;user-select:none;-webkit-user-select:none}
.tooli2026_arcade_pad button:active{transform:translateY(3px);box-shadow:0 1px 0 #000}
.tooli2026_arcade_pad .is-fire{background:var(--arcade_pink);border-radius:30px}
@media (pointer:coarse),(hover:none){.tooli2026_arcade_pad{display:grid}}
.tooli2026_arcade_tools{display:flex;justify-content:center;gap:8px;margin-top:12px}
.tooli2026_arcade_tools .tooli2026_btn{min-height:36px;padding:4px 12px;font-size:13px}

/* 오른쪽 칸 */
.tooli2026_arcade_side{display:grid;gap:16px;min-width:0}
.tooli2026_arcade_card{padding:16px 18px;border:2px solid var(--tooli2026_line);border-radius:12px;background:var(--tooli2026_surface);box-shadow:4px 4px 0 var(--tooli2026_line)}
.tooli2026_arcade_card h2{margin:0 0 10px;font:17px/1.4 var(--tooli2026_ui);font-weight:400}
.tooli2026_arcade_card h2+ul+h2,.tooli2026_arcade_card ul+h2{margin-top:14px}
.tooli2026_arcade_me dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.tooli2026_arcade_me dt{color:var(--tooli2026_muted);font-size:14px}
.tooli2026_arcade_me dd{margin:0;text-align:right;font:18px/1.3 var(--tooli2026_ui)}
.tooli2026_arcade_reward{margin:12px 0 0;padding:8px 10px;border:2px dashed var(--tooli2026_border);border-radius:8px;font-size:13px;color:var(--tooli2026_secondary)}
.tooli2026_arcade_reward.is-done{border-style:solid;border-color:var(--tooli2026_line);background:var(--tooli2026_yellow);color:#1d2033}
.tooli2026_arcade_guest{margin:0;font-size:14px;color:var(--tooli2026_secondary)}
.tooli2026_arcade_guest a{color:var(--tooli2026_accent);text-decoration:underline}

.tooli2026_arcade_board{background:#141a33;color:#f4f6ff;border-color:#000}
.tooli2026_arcade_board h2{color:var(--arcade_neon);font-family:NeoDunggeunmo,var(--tooli2026_ui);letter-spacing:2px;text-align:center}
.tooli2026_arcade_tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}
.tooli2026_arcade_tabs button{min-height:32px;border:2px solid #3a4266;border-radius:6px;background:transparent;color:#c8cfe6;font-size:13px;cursor:pointer}
.tooli2026_arcade_tabs button[aria-selected="true"]{border-color:var(--arcade_neon);background:var(--arcade_neon);color:#1d2033}
.tooli2026_arcade_rank{list-style:none;margin:0;padding:0;font-family:NeoDunggeunmo,var(--tooli2026_ui)}
.tooli2026_arcade_rank li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px dashed #3a4266;font-size:14px}
.tooli2026_arcade_rank li:last-child{border-bottom:0}
.tooli2026_arcade_rank b{font-weight:400;color:#c8cfe6;text-align:center}
.tooli2026_arcade_rank span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tooli2026_arcade_rank em{font-style:normal;color:#fff}
.tooli2026_arcade_rank .is-rank1 b{color:#ffd23f}.tooli2026_arcade_rank .is-rank1 em{color:#ffd23f}
.tooli2026_arcade_rank .is-rank2 b{color:#d9e1f2}
.tooli2026_arcade_rank .is-rank3 b{color:#ff9b3d}
.tooli2026_arcade_rank .is-me{background:rgba(111,243,255,.12);border-radius:4px}
.tooli2026_arcade_rank .is-me span::after{content:" ◀ 나";color:var(--arcade_cyan);font-size:12px}
.tooli2026_arcade_rank .is-empty{display:block;padding:14px 4px;color:#c8cfe6;text-align:center;font-family:var(--tooli2026_body);font-size:13px}

.tooli2026_arcade_help ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--tooli2026_secondary)}
.tooli2026_arcade_help p{margin:12px 0 0;font-size:13px;color:var(--tooli2026_muted)}
.tooli2026_arcade_help kbd{display:inline-block;min-width:22px;padding:1px 5px;margin-right:2px;border:2px solid var(--tooli2026_line);border-radius:5px;background:var(--tooli2026_base,#fff);font:12px/1.4 NeoDunggeunmo,monospace;text-align:center;box-shadow:0 2px 0 var(--tooli2026_line)}
.tooli2026_arcade_items i{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border:2px solid currentColor;background:#0b0f1e;font:12px/1 NeoDunggeunmo,monospace;font-style:normal}
.tooli2026_arcade_items .is-p,.tooli2026_arcade_items .is-w{color:#ff9b3d}.tooli2026_arcade_items .is-b{color:#4aa8ff}.tooli2026_arcade_items .is-c{color:#ffd23f}.tooli2026_arcade_items .is-m{color:#ff7ad9}.tooli2026_arcade_items .is-l{color:#ff5a7a}.tooli2026_arcade_items .is-g{color:#5be37d}

@media (max-width:860px){
	.tooli2026_arcade_grid{grid-template-columns:minmax(0,1fr)}
	.tooli2026_arcade_side{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width:420px){
	.tooli2026_arcade_cabinet{padding:10px;border-radius:14px 14px 8px 8px}
	.tooli2026_arcade_head h1{font-size:26px}
	.tooli2026_arcade_overlay strong{font-size:32px}
}

/* 게임기 위 길잡이 */
.tooli2026_arcade_crumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:0 0 6px;font-size:14px}
.tooli2026_arcade_crumb a{color:var(--tooli2026_accent)}
.tooli2026_arcade_crumb>a{font-family:var(--tooli2026_ui)}
.tooli2026_arcade_crumb span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--tooli2026_muted)}
.tooli2026_arcade_crumb span a{padding:2px 9px;border:2px solid var(--tooli2026_line);border-radius:20px;background:var(--tooli2026_surface);color:inherit;color:var(--tooli2026_ink);text-decoration:none;font-size:13px}
.tooli2026_arcade_crumb span a:hover{background:var(--tooli2026_yellow);color:#1d2033}
.tooli2026_arcade_cabinet.is-brick{--arcade_body:#2c2a45}

/* 로비 */
.tooli2026_arcade_row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;margin:0;padding:0;list-style:none}
.tooli2026_arcade_machine>a,.tooli2026_arcade_machine.is-soon{display:flex;flex-direction:column;height:100%;padding:12px 12px 0;border:3px solid var(--tooli2026_line);border-radius:16px 16px 8px 8px;background:var(--arcade_body);box-shadow:6px 6px 0 var(--tooli2026_line);color:#f4f6ff;text-decoration:none;transition:transform .12s,box-shadow .12s}
.tooli2026_arcade_machine.is-brick>a{background:#2c2a45}
.tooli2026_arcade_machine>a:hover,.tooli2026_arcade_machine>a:focus-visible{transform:translate(-3px,-4px);box-shadow:9px 10px 0 var(--tooli2026_line)}
.tooli2026_arcade_machine .tooli2026_arcade_marquee{height:38px;margin-bottom:10px}
.tooli2026_arcade_machine .tooli2026_arcade_marquee b{font-size:18px}
.tooli2026_arcade_machine .tooli2026_arcade_screen{display:block;border-width:3px}
.tooli2026_arcade_machine .tooli2026_arcade_screen canvas{cursor:pointer}
.tooli2026_arcade_machine .tooli2026_arcade_screen em{position:absolute;left:50%;bottom:14%;z-index:1;transform:translateX(-50%);padding:6px 14px;border:2px solid #000;border-radius:8px;background:var(--arcade_neon);color:#1d2033;font:15px/1 NeoDunggeunmo,var(--tooli2026_ui);font-style:normal;box-shadow:3px 3px 0 #000;white-space:nowrap;opacity:0;transition:opacity .15s}
.tooli2026_arcade_machine>a:hover .tooli2026_arcade_screen em,.tooli2026_arcade_machine>a:focus-visible .tooli2026_arcade_screen em{opacity:1}
@media (hover:none){.tooli2026_arcade_machine .tooli2026_arcade_screen em{opacity:1}}
.tooli2026_arcade_plate{display:grid;gap:4px;margin:12px -12px 0;padding:12px 14px 14px;border-top:3px solid #000;border-radius:0 0 5px 5px;background:var(--tooli2026_surface);color:var(--tooli2026_ink)}
.tooli2026_arcade_plate small{font:13px/1 NeoDunggeunmo,var(--tooli2026_ui);color:var(--tooli2026_pink)}
.tooli2026_arcade_plate strong{font:21px/1.3 var(--tooli2026_ui);font-weight:400}
.tooli2026_arcade_desc{font-size:13px;line-height:1.6;color:var(--tooli2026_secondary)}
.tooli2026_arcade_stats{display:grid;gap:3px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--tooli2026_border);font-size:13px;color:var(--tooli2026_muted)}
.tooli2026_arcade_stats b{margin-left:4px;font-weight:600;color:var(--tooli2026_ink)}
.tooli2026_arcade_stats i{margin-left:6px;padding:0 6px;border-radius:10px;background:var(--tooli2026_yellow);color:#1d2033;font-style:normal;font-size:12px}
.tooli2026_arcade_machine.is-soon{opacity:.75}
.tooli2026_arcade_soon{position:absolute;inset:0;display:grid;place-items:center;font:72px/1 NeoDunggeunmo,monospace;color:#3a4266}
.tooli2026_arcade_machine.is-soon .tooli2026_arcade_marquee b{color:#c8cfe6;text-shadow:none;font-size:15px}
@media (max-width:600px){
	.tooli2026_arcade_row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
	.tooli2026_arcade_machine>a,.tooli2026_arcade_machine.is-soon{padding:8px 8px 0;border-radius:12px 12px 6px 6px;box-shadow:4px 4px 0 var(--tooli2026_line)}
	.tooli2026_arcade_machine .tooli2026_arcade_marquee{height:28px;margin-bottom:8px}
	.tooli2026_arcade_machine .tooli2026_arcade_marquee b{font-size:12px;letter-spacing:1px}
	.tooli2026_arcade_machine .tooli2026_arcade_marquee i{display:none}
	.tooli2026_arcade_plate{margin:8px -8px 0;padding:9px 10px 11px}
	.tooli2026_arcade_plate strong{font-size:16px}
	.tooli2026_arcade_desc{display:none}
	.tooli2026_arcade_stats{font-size:12px}
	.tooli2026_arcade_machine .tooli2026_arcade_screen em{font-size:12px;padding:4px 8px}
	.tooli2026_arcade_soon{font-size:48px}
}
