@font-face{font-family:KR Galmuri;src:url(/playground/kbo-race/galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:KR Galmuri;src:url(/playground/kbo-race/galmuri11-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:KR GalmuriMono;src:url(/playground/kbo-race/galmurimono11.woff2)format("woff2");font-display:swap}.kbo-race{--night:#090e1d;--panel:#10172c;--panel-2:#161f3a;--line:#26325a;--ink:#e8ecf7;--mute:#8c96ba;--amber:#ffc24a;--up:#5be38a;--down:#ff6b6b;--shadow:#04060d;--row:34px;--mono:"KR GalmuriMono", "KR Galmuri", ui-monospace, monospace;z-index:45;overscroll-behavior:contain;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--night);-webkit-font-smoothing:none;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 28px);align-content:start;gap:14px;font-family:KR Galmuri,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:12px;line-height:1.6;display:grid;position:fixed;inset:0;overflow-y:auto;container-type:inline-size}html:has(.kbo-race){overflow:hidden}.kbo-race>.kr-head,.kbo-race>.park{width:min(100%,222.222dvh - 444.444px);margin-inline:auto}.kbo-race>.chart,.kbo-race>.lede,.kbo-race>.source{width:min(100%,1280px);margin-inline:auto}.kbo-race *,.kbo-race :before,.kbo-race :after{box-sizing:border-box}.kbo-race [hidden]{display:none!important}.kbo-race .kr-head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.kbo-race .back{color:var(--mute);text-decoration:none}.kbo-race .back:hover{color:var(--ink)}.kbo-race .back:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.kbo-race .eyebrow{color:var(--amber);letter-spacing:.04em;margin-left:auto}.kbo-race h1{margin:0;font-size:20px;font-weight:700;line-height:1.3}.kbo-race .lede{color:var(--mute);max-width:62ch;margin:0}.kbo-race .lede b{color:var(--ink);font-weight:400}.kbo-race .park{background:var(--shadow);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow);position:relative}.kbo-race .screen{position:relative;overflow:hidden}.kbo-race .screen canvas{aspect-ratio:400/180;width:100%;height:auto;display:block}.kbo-race .tags{pointer-events:none;position:absolute;inset:0}.kbo-race .tag{transform:translate(-50%, calc(-100% - var(--lift,0px)));white-space:nowrap;color:#fff;border-bottom:2px solid var(--tc);background:#05070fdb;align-items:baseline;gap:4px;padding:3px 5px 2px;font-size:12px;line-height:1;transition:transform .3s;display:flex;position:absolute;top:63.8889%}.kbo-race .tag b{font-family:var(--mono);color:var(--mute);font-weight:400}.kbo-race .tag.lead b{color:var(--amber)}.kbo-race .tag.on{outline:2px solid var(--amber)}@container (max-width:560px){.kbo-race .tag{padding:2px 3px 1px;font-size:11px}}.kbo-race .banner{z-index:40;color:var(--ink);border:2px solid var(--amber);box-shadow:3px 3px 0 var(--shadow);white-space:nowrap;background:#0b1122;align-items:center;gap:8px;padding:7px 12px 6px;font-size:12px;line-height:1;animation:.32s cubic-bezier(.2,.9,.3,1.3) kr-toast;display:flex;position:absolute;top:18.3333%;left:50%;transform:translate(-50%)}.kbo-race .banner b{color:var(--amber);font-weight:700}.kbo-race .banner .was{color:var(--mute)}.kbo-race .banner .crown{background:var(--amber);clip-path:polygon(0 100%,0 20%,25% 60%,50% 0,75% 60%,100% 20%,100% 100%);width:14px;height:9px}@keyframes kr-toast{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.kbo-race .banner{animation:none}}.kbo-race .controls{background:var(--panel);border-top:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 12px;display:flex}@container (max-width:560px){.kbo-race .controls{flex-wrap:nowrap;gap:8px;padding:8px 10px}.kbo-race .count{display:none}.kbo-race input[type=range]{flex-basis:60px}.kbo-race .speed .btn{padding-inline:7px}}.kbo-race .btn{font:inherit;color:var(--ink);background:var(--panel-2);border:2px solid var(--line);cursor:pointer;box-shadow:2px 2px 0 var(--shadow);padding:4px 10px}.kbo-race .btn:active{box-shadow:none;transform:translate(2px,2px)}.kbo-race .btn:focus-visible,.kbo-race input[type=range]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.kbo-race .btn[aria-pressed=true]{background:var(--amber);color:#1a1200;border-color:var(--amber)}.kbo-race .play{min-width:92px}.kbo-race .speed{gap:6px;display:flex}.kbo-race input[type=range]{min-width:0;accent-color:var(--amber);flex:200px}.kbo-race .count{color:var(--mute);font-family:var(--mono);white-space:nowrap}.kbo-race .board{--row:21px;background:var(--panel);border-top:2px solid var(--line);font-size:11px}.kbo-race .board-head{border-bottom:2px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 8px;display:flex}.kbo-race .board-date{font-family:var(--mono);color:var(--amber);font-size:24px;line-height:1}.kbo-race .board-day{color:var(--mute)}.kbo-race .cols,.kbo-race .row{grid-template-columns:22px 18px minmax(0,1fr) 72px 40px 36px 26px;align-items:center;gap:6px;padding-inline:10px;display:grid}.kbo-race .cols{color:var(--mute);border-bottom:1px solid var(--line);height:26px}.kbo-race .cols span:nth-child(n+4),.kbo-race .row .num{text-align:right}.kbo-race .rows{height:calc(var(--row) * 10);position:relative}.kbo-race .row{height:var(--row);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;transition:transform .42s cubic-bezier(.3,.7,.2,1),background-color .2s;position:absolute;top:0;left:0;right:0}.kbo-race .row:hover{background:var(--panel-2)}.kbo-race .row:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.kbo-race .row[aria-pressed=true]{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--tc)}.kbo-race .row.lead .rk{color:var(--amber)}.kbo-race .rk{font-family:var(--mono);text-align:right}.kbo-race .nm{white-space:nowrap;text-overflow:ellipsis;padding-left:2px;overflow:hidden}.kbo-race .num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.kbo-race .mv{text-align:right;font-size:11px;font-family:var(--mono)}.kbo-race .mv.up{color:var(--up)}.kbo-race .mv.down{color:var(--down)}.kbo-race .games{border-top:2px solid var(--line);gap:6px;padding:10px 12px 12px;display:grid}.kbo-race .game-list{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.kbo-race .game-list li{white-space:nowrap;font-family:var(--mono)}.kbo-race .game-list .w{color:var(--ink)}.kbo-race .game-list .l{color:var(--mute)}.kbo-race .chart{background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow)}.kbo-race .chart summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:10px 12px;font-weight:700;list-style:none;display:flex}.kbo-race .chart summary::-webkit-details-marker{display:none}.kbo-race .chart summary:before{content:"▶";color:var(--amber);font-size:10px;transition:transform .2s}.kbo-race .chart[open] summary:before{transform:rotate(90deg)}.kbo-race .chart summary:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.kbo-race .chart-body{gap:8px;padding:0 12px 12px;display:grid}.kbo-race .chart-note{color:var(--mute)}.kbo-race .chart-box{overflow:auto hidden}.kbo-race .chart-inner{min-width:520px;position:relative}.kbo-race .chart canvas{width:100%;height:clamp(180px,34cqi,260px);image-rendering:pixelated;image-rendering:crisp-edges;display:block}.kbo-race .months{height:18px;color:var(--mute);position:relative}.kbo-race .months span{white-space:nowrap;position:absolute;top:2px;transform:translate(-2px)}.kbo-race .source{color:var(--mute);margin:0}.kbo-race .play{place-items:center;width:40px;min-width:0;height:32px;padding:0;display:grid}.kbo-race .play svg{fill:currentColor;width:14px;height:14px}.kbo-race .board .cols,.kbo-race .board .row{grid-template-columns:20px 12px minmax(0,1fr) 64px 36px 30px 24px;gap:5px;padding-inline:8px}.kbo-race .board .cols{height:22px}.kbo-race .board-head{padding:7px 10px 6px}.kbo-race .board-date{font-size:18px}.kbo-race .mini{width:12px;height:19px}.kbo-race .games{padding:6px 10px 8px}@container (min-width:900px){.kbo-race .board{--row:clamp(16px, 1.75cqi, 21px);z-index:30;border:2px solid var(--line);width:clamp(250px,24cqi,320px);box-shadow:3px 3px 0 var(--shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090e1dd6;font-size:clamp(10px,.85cqi,12px);position:absolute;top:10px;left:10px}.kbo-race .board .cols{height:18px}.kbo-race .board-date{font-size:clamp(14px,1.5cqi,20px)}.kbo-race .board .row:hover{background:#161f3ae6}.kbo-race .games{padding:5px 10px 7px}.kbo-race .game-list{gap:2px 10px}}