:root{--paper:#efe9d3;--paper2:#e2dabd;--ink:#3f3d1d;--red:#b33a26;--line:#3f3d1d6b;--serif:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif CJK JP", "Noto Serif KR", serif;--ui:"Malgun Gothic", "Yu Gothic UI", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--ui);color:var(--ink);background:#05060a;margin:0;overflow:hidden}#c{z-index:1;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}#hud.hidden>*,#hud.joining>:not(.join):not(.credit),#hud.ingame>.times,#hud.ingame>.show,#hud.ingame>.map,#hud.ingame>.spots,#hud.ingame>.keys,#hud.ingame>.title,#hud.ingame>.prompt{display:none}.hide,.hiddenish{display:none!important}button{font:inherit;color:inherit}kbd{font:700 12px var(--ui);border:1px solid var(--line);color:var(--ink);background:#f8f3df;padding:0 5px}.panel{pointer-events:auto;background:var(--paper);border:1px solid var(--ink);box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--line), 0 8px 26px #00000059;position:absolute}.title{min-width:214px;padding:10px 16px 11px;top:20px;left:20px}.title h1{font:700 25px/1.15 var(--serif);letter-spacing:.08em;color:var(--red);margin:0}.title .sub{font:600 12px/1.3 var(--serif);letter-spacing:.18em;margin-top:3px}.title .where{border-top:1px solid var(--line);margin-top:9px;padding-top:8px;font-size:14px;font-weight:700}.title .net{margin-top:3px;font-size:13px}.title .net.bad{color:var(--red)}.title .sound{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.title .sound button{all:unset;cursor:pointer;border:1px solid var(--ink);font:700 13px/20px var(--serif);padding:0 7px}.title .sound button:hover{background:var(--paper2)}.title .sound button:focus-visible{outline:2px solid var(--red)}.title .sound button.off{background:var(--ink);color:var(--paper);text-decoration:line-through}.title .sound input{min-width:0;height:16px;accent-color:var(--red);cursor:pointer;flex:1;margin:0}.times{white-space:nowrap;display:flex;top:20px;left:50%;transform:translate(-50%)}.times button{all:unset;cursor:pointer;border-right:1px solid var(--line);text-align:center;padding:9px 13px 8px;position:relative}.times button:last-child{border-right:0}.times button b{font:700 17px/1 var(--serif);letter-spacing:.03em;display:block}.times button span{margin-top:4px;font-size:12px;display:block}.times button.on{background:var(--red);color:#fbf6e4}.times button:not(.on):hover{background:var(--paper2)}.times button:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.times .live{text-align:left;min-width:190px;padding-left:26px}.times .live i{background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:13px;left:11px}.times .live.on i{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.show{white-space:nowrap;align-items:center;gap:5px;padding:7px 9px;display:flex;top:92px;left:50%;transform:translate(-50%)}.show .lab{font:700 13px var(--serif);letter-spacing:.1em;margin-right:5px}.show button{all:unset;cursor:pointer;border:1px solid var(--line);padding:5px 9px;font-size:13px}.show button.on{background:var(--ink);color:var(--paper)}.show button:hover:not(.on){background:var(--paper2)}.show button.fw{border-color:var(--red);color:var(--red);font-weight:700}.show button:focus-visible{outline:2px solid var(--red)}.map{width:220px;padding:8px;top:20px;right:20px}.map canvas{cursor:pointer;width:100%;height:auto;display:block}.map .cap{font:700 13px var(--serif);letter-spacing:.1em;justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.map .cap small{font:400 11px var(--ui);letter-spacing:0}.spots{grid-template-columns:1fr 1fr;gap:4px;width:220px;padding:7px;display:grid;top:395px;right:20px}.spots button{all:unset;cursor:pointer;text-align:center;border:1px solid var(--line);padding:5px 4px;font-size:12.5px}.spots button:hover{background:var(--paper2)}.spots button:focus-visible{outline:2px solid var(--red)}.spots .book{color:var(--red);border-color:var(--red);grid-column:1/-1;font-weight:700}.chat{background:#efe9d3e6;flex-direction:column;width:340px;display:flex;bottom:30px;left:20px}.chat .log{overflow-wrap:anywhere;min-height:26px;max-height:176px;padding:7px 10px 4px;font-size:13.5px;line-height:1.45;overflow-y:auto}.chat .line b{color:var(--red)}.chat .line.sys{color:#6b6a45;font-size:12.5px}.chat input{border:0;border-top:1px solid var(--line);width:100%;font:14px var(--ui);color:var(--ink);background:#f8f3df;outline:none;padding:7px 10px}.chat input:focus{box-shadow:inset 0 0 0 2px var(--red);background:#fffdf2}.keys{white-space:nowrap;padding:7px 11px;font-size:12.5px;line-height:1.75;bottom:30px;right:20px}.prompt{color:#f4eed6;opacity:0;white-space:nowrap;background:#18160cdb;border-radius:3px;padding:7px 14px;font-size:15px;font-weight:600;transition:opacity .12s;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.prompt.on{opacity:1}.toast{background:var(--red);color:#fbf6e4;font:700 17px var(--serif);letter-spacing:.04em;opacity:0;white-space:nowrap;padding:9px 18px;transition:opacity .2s;position:absolute;top:150px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.card{pointer-events:auto;background:#0a0a0659;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cardbox{width:min(520px,92vw);max-height:82vh;padding:20px 24px 16px;font-size:15px;line-height:1.6;position:static;overflow-y:auto}.cardbox h3{font:700 21px/1.3 var(--serif);color:var(--red);margin:0 0 8px}.cardbox h4{font:700 15px var(--serif);margin:12px 0 4px}.cardbox p{margin:6px 0}.cardbox .sm{color:#6b6a45;font-size:13px}.cardbox .close{all:unset;cursor:pointer;border:1px solid var(--ink);margin-top:10px;padding:5px 12px;font-size:14px;display:inline-block}.cardbox .close:hover,.cardbox .close:focus-visible{background:var(--paper2)}.menu{border-collapse:collapse;width:100%;font-size:14.5px}.menu td{border-bottom:1px solid var(--line);padding:4px 6px}.menu .pr{white-space:nowrap;font-variant-numeric:tabular-nums;width:1%}.book{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.book .slot{text-align:center;font-size:12px;line-height:1.3}.book .seal{aspect-ratio:1}.book .slot:not(.got){color:#6b6a45}.book .slot.got{font-weight:700}.gamebar{pointer-events:none;position:absolute;inset:0}.gbox{width:300px;padding:12px 14px;top:20px;left:20px}.gbox h3{font:700 16px/1.3 var(--serif);color:var(--red);margin:0 0 8px}.gbox .stats{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px;display:grid}.gbox .stats span{font-size:12px;display:block}.gbox .stats b{font:700 21px var(--serif);font-variant-numeric:tabular-nums}.gbox .hint{margin:8px 0;font-size:13px;line-height:1.5}.gbox button{all:unset;cursor:pointer;border:1px solid var(--ink);padding:4px 10px;font-size:13px}.gbox button:hover,.gbox button:focus-visible{background:var(--paper2)}.gmsg{font:700 28px var(--serif);color:#fff8dc;text-shadow:0 2px 8px #000;white-space:nowrap;position:absolute;top:18%;left:50%;transform:translate(-50%)}.gres{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gres .panel{text-align:center;padding:18px 34px;font-size:15px;position:static}.gres h2{font:700 42px var(--serif);color:var(--red);letter-spacing:.1em;margin:0 0 4px}.gres p{margin:0 0 12px}.gres button{all:unset;cursor:pointer;background:var(--red);color:#fbf6e4;padding:7px 20px;font-weight:700}.gres button:hover,.gres button:focus-visible{background:#8f2c1c}.join{pointer-events:none;position:absolute;inset:0}.joinbox{width:400px;max-height:94vh;padding:24px 26px 18px;top:50%;left:7vw;overflow-y:auto;transform:translateY(-50%)}.joinbox h2{font:700 44px/1.1 var(--serif);letter-spacing:.1em;color:var(--red);margin:0}.joinbox .lead{font:600 15px var(--serif);letter-spacing:.08em;margin:6px 0 18px}.joinbox .f{margin:11px 0;display:block}.joinbox .f>span{margin-bottom:5px;font-size:13.5px;font-weight:700;display:block}.joinbox input{border:1px solid var(--ink);width:100%;font:16px var(--ui);color:var(--ink);background:#fbf8ea;padding:9px 11px}.joinbox input:focus{outline:2px solid var(--red);outline-offset:1px}.seg{display:flex}.seg button{all:unset;cursor:pointer;text-align:center;border:1px solid var(--ink);flex:1;margin-right:-1px;padding:7px 0;font-size:14px}.seg button.on{background:var(--ink);color:var(--paper)}.seg button:focus-visible{outline:2px solid var(--red);outline-offset:1px;position:relative}.sw{flex-wrap:wrap;gap:6px;display:flex}.sw button{all:unset;cursor:pointer;background:var(--c);border:1px solid var(--ink);width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--paper)}.sw button.on{outline:3px solid var(--red);outline-offset:1px}.sw button:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.joinbox .go{all:unset;cursor:pointer;text-align:center;background:var(--red);color:#fbf6e4;width:100%;font:700 22px var(--serif);letter-spacing:.3em;margin-top:16px;padding:11px 0;display:block}.joinbox .go:hover,.joinbox .go:focus-visible{background:#8f2c1c}.joinbox .note{color:#6b6a45;margin:11px 0 0;font-size:12.5px}.credit{color:#e8e4d0;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:12px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.mv{z-index:0;transform-origin:0 0;pointer-events:none;visibility:hidden;will-change:transform;position:fixed;top:0;left:0}.mv.on{visibility:visible}.mv iframe{border:0;width:100%;height:100%;display:block}.mv.blocked{z-index:3;pointer-events:auto;top:198px;left:20px;width:358px!important;height:202px!important;transform:none!important}.fps{color:#e8e4d0;text-shadow:0 1px 2px #000;font:12px ui-monospace,Consolas,monospace;position:absolute;top:196px;left:20px}@media (max-width:1180px),(max-height:700px){.spots,.keys{display:none}.map{width:150px}.times button{padding:7px 9px}.times .live{min-width:150px}.chat .log{max-height:76px}}