@font-face{font-family:YutChronicle;src:url('./assets/fonts/SongMyung-Regular.woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#0b1822;color:#efe3c6;font-family:YutChronicle,serif}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #9e8757;background:#233743;padding:12px 18px;border-radius:4px;min-height:46px}button:hover{border-color:#ffdb85;background:#324b59}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe4a1;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:#e1c38c;text-decoration:none}#lobby{max-width:1160px;margin:auto;padding:24px 36px}nav{display:flex;justify-content:space-between;align-items:center}.brand{padding:58px 0 45px;background:linear-gradient(90deg,#0b1822 10%,#0b182233 80%),url('./assets/title-battle.webp') right center/cover;border-bottom:1px solid #a2885744}.brand small{letter-spacing:4px;color:#ccad74}.brand h1{font-size:clamp(44px,7vw,82px);font-weight:400;line-height:1.05;margin:20px 0}.brand em{color:#e7be70;font-style:normal}.brand p{line-height:1.7;color:#d2cec2}.setup{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0;padding:20px;background:#142630;border:1px solid #7b71504d}.setup fieldset{border:0;padding:0;margin:0}.setup legend{font-size:12px;color:#b9aa8d;margin-bottom:12px}.setup label{display:inline-flex;gap:6px;align-items:center;margin-right:12px;line-height:1.8}.repeat{font-size:13px;color:#c6bda8;align-self:end}input{accent-color:#d4ad65;width:18px;height:18px}.pick-heading{display:flex;justify-content:space-between;align-items:center}.pick-heading h2{font-weight:400}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{text-align:left;padding:0;overflow:hidden;background:#142630}.game-art{height:180px;background-repeat:no-repeat;background-color:#0a1823;display:block;position:relative}.game-card h3{font-size:25px;font-weight:400;margin:18px 20px 8px}.game-card p{font-size:14px;line-height:1.6;color:#c6c2b4;margin:0 20px 20px}.game-card small{display:block;font-size:11px;letter-spacing:2px;color:#e1bf7d;margin:0 20px 18px}.rope-art{background:linear-gradient(130deg,#264455,#131c25)}.rope-art:before{content:'영차!';position:absolute;inset:20px;text-align:center;font-size:46px;color:#e4c186;line-height:100px}.rope-art:after{content:'';position:absolute;left:0;right:0;top:120px;height:10px;background:repeating-linear-gradient(60deg,#a87f44 0 5px,#ebcf8b 5px 10px);transform:rotate(-5deg)}footer{text-align:center;font-size:12px;color:#b2ac9e;padding:36px 0;line-height:1.8}dialog{color:#f3e4be;background:#132832;border:1px solid #bba477;border-radius:10px;padding:28px;max-width:520px;width:calc(100% - 30px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#020a12db}dialog h2{font-size:30px;font-weight:400}dialog p{line-height:1.9;word-break:keep-all}dialog small{letter-spacing:3px;color:#d1b578}dialog button{margin:8px 5px 0 0}.go,#again{background:#c5a464;color:#11212b}.keys{color:#b1cddd;font-size:14px}.result-poses{display:flex;justify-content:center}.result-pose{width:45%;aspect-ratio:3/4;background:url('./assets/duel-outcomes.webp') 0 0/200% 200%}.result-pose.horde{background-position:100% 100%}#leave{position:fixed;right:12px;top:10px;z-index:80;background:#0c1a24e8;border:1px solid #b39866;padding:10px;font-size:12px}#error{position:fixed;inset:auto 10px 10px;z-index:100;background:#622d27;padding:20px}.arena{position:fixed;inset:0;z-index:40;background:radial-gradient(ellipse at 50% 60%,#203643,#07131d 85%);overflow:auto;padding:20px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}.arena header h2{font-size:30px;font-weight:400;margin:12px}.arena header p{font-size:14px;line-height:1.7;color:#c8c5b9;max-width:650px}.arena-clock{font-size:22px;color:#ffe1a0;min-height:30px}.arena-art{width:min(580px,90vw);aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;max-height:48dvh}.arena-art.neol{aspect-ratio:3/2;width:min(820px,95vw);background-size:200% 200%;max-height:49dvh}.arena-controls{display:flex;gap:18px;width:min(760px,100%);margin-top:15px}.arena-side{flex:1;min-width:0;border:1px solid #7097ac;padding:12px;background:#153143}.arena-side[data-side=H]{border-color:#ae8272;background:#3b2929}.arena-side h3{font-size:18px;font-weight:400;margin:2px 0 8px}.arena-side button{width:100%;touch-action:none;user-select:none;-webkit-user-select:none;min-height:64px;background:#bca16b;color:#112633}.arena-side output{display:block;font-size:20px;margin:8px}.arena-side small{display:block;font-size:12px;min-height:30px;line-height:1.5}.meter{height:24px;background:#071019;border:1px solid #b99e6c;position:relative;overflow:hidden;margin:8px 0}.meter i{display:block;background:#d1b579;height:100%;width:0}.meter em{position:absolute;left:64%;height:100%;width:3px;background:white;top:0}.meter .needle{position:absolute;width:4px;background:#fff;height:100%;top:0}.meter .sweet{position:absolute;left:43%;width:14%;height:100%;background:#f1d88366}.tug-field{width:min(930px,96vw);height:250px;position:relative;background:linear-gradient(#203944,#384b41);border:1px solid #859174;overflow:hidden;margin:20px 0}.tug-line{position:absolute;left:50%;height:100%;border-left:2px dashed #dbc58d;opacity:.6}.tug-rope{position:absolute;left:10%;right:10%;top:50%;height:9px;background:repeating-linear-gradient(45deg,#b0854b 0 5px,#e1bd78 5px 9px)}.tug-knot{position:absolute;top:44%;width:10px;height:50px;background:#dd6349;transform:translateX(-50%);transition:left .08s}.tug-army{position:absolute;top:15%;width:38%;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-content:center;height:180px}.tug-army.A{left:3%}.tug-army.H{right:3%}.soldier{width:13px;height:24px;border-radius:7px 7px 2px 2px;background:#7babd4;border-bottom:9px solid #365f8b;transform:rotate(-15deg)}.H .soldier{background:#a5b276;border-color:#895441;transform:rotate(15deg)}.tug-cue{height:24px;position:relative;width:min(500px,80vw);background:#102630;border:1px solid #9f8d65}.tug-cue i{position:absolute;left:46%;width:8%;background:#ebce7a99;height:100%}.tug-cue em{position:absolute;width:4px;height:100%;background:#fff;top:0}.arena[data-game=tug] .arena-side button{min-height:90px}.arena[data-game=tug] .arena-side[data-side=A] button{background:linear-gradient(90deg,#e2c88d,#668fa5)}.arena[data-game=tug] .arena-side[data-side=H] button{background:linear-gradient(90deg,#987263,#e2c88d)}.guide-options select{font:inherit;padding:10px;color:#172c37;background:#e4d2ac}.duel-arena[data-game=chicken]{z-index:45;top:50%;bottom:auto;transform:translate(-50%,-50%)}.duel-arena[data-game=chicken] .duel-lane:before{content:'';display:block;aspect-ratio:3/4;max-height:220px;background:url('./assets/duel-outcomes.webp') 0 0/200% 200%}.duel-arena[data-game=chicken] .duel-lane[data-side=H]:before{background-position:0 100%}body.playing #lobby{display:none}[hidden]{display:none!important}@media(max-width:760px){#lobby{padding:16px}.game-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-art{height:140px}.brand{padding:36px 0}.setup{gap:20px;padding:16px}.game-card h3{margin:14px 12px 6px;font-size:22px}.game-card p,.game-card small{margin-left:12px;margin-right:12px}.arena{padding:12px 8px}.arena-controls{gap:8px}.arena-side{padding:9px}.arena-side h3{font-size:15px}.arena header p{font-size:12px}.tug-field{height:200px}.tug-army{height:135px}.soldier{width:10px;height:20px}.game-card p{min-height:44px}}@media(max-height:650px){.arena{padding:5px 12px}.arena header h2{font-size:23px;margin:5px}.arena header p{margin:5px}.arena-art{max-height:32dvh}.arena-art.neol{max-height:35dvh}.arena-controls{margin-top:7px}.arena-side{padding:5px}.arena-side button{min-height:46px}.tug-field{height:145px;margin:8px}.tug-army{height:100px}.arena[data-game=tug] .arena-side button{min-height:58px}.arena-side output{margin:3px}.duel-arena[data-game=chicken] .duel-lane:before{max-height:115px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep every illustrated animation cell at its native aspect ratio. */
.game-art{display:flex;justify-content:center;align-items:center}.card-sprite{display:block;height:100%;max-width:100%;background-repeat:no-repeat}.arena-art{width:min(580px,90vw,48dvh);max-height:none;flex-shrink:0}.arena-art.neol{width:min(820px,95vw,73.5dvh);max-height:none}.arena[data-game=tuho] .arena-art{clip-path:inset(0 1.8%)}.arena[data-game=neol] .meter i{opacity:.15}.arena[data-game=neol] .meter em{background:#e6be68}.arena[data-game=neol] .meter .needle{z-index:2}.result-pose{max-height:42dvh;width:auto;height:min(290px,42dvh)}@media(max-height:650px){.arena-art{width:min(580px,85vw,32dvh)}.arena-art.neol{width:min(820px,95vw,52.5dvh)}}

.tug-field{height:auto;aspect-ratio:3/1;flex-shrink:0}.tug-illustration{position:absolute;inset:0;background:url('./assets/tug-frames-v1.webp') 0 0/200% 200%}.tug-line{z-index:1}.tug-army{top:auto;bottom:6px;height:36px;opacity:.9;z-index:2;gap:2px}.tug-rope{top:auto;bottom:20px;height:6px;z-index:2}.tug-knot{top:auto;bottom:3px;height:34px;z-index:3}.soldier{width:10px;height:16px;border-bottom-width:6px}.tug-field .tug-army{transform-origin:bottom center}@media(max-width:600px){.tug-army{height:28px;bottom:2px}.soldier{width:5px;height:9px;border-bottom-width:3px}.tug-rope{bottom:12px}.tug-knot{bottom:0;height:25px}}
.arena header,.arena-controls,.tug-cue{flex-shrink:0}.tug-field{width:min(900px,94vw,110dvh)}.result-pose{width:45%;height:auto;max-height:none;flex:none;aspect-ratio:3/4}
.lk-copy{display:block;margin-top:14px;font-size:12px;line-height:1.7;color:#64748b}
.lk-copy a{color:#64748b;text-decoration:underline;text-underline-offset:3px}
.lk-copy a:hover{color:#94a3b8}