@font-face{font-family:BK Galmuri;src:url(/playground/bukangi/galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:BK Galmuri;src:url(/playground/bukangi/galmuri11-bold.woff2)format("woff2");font-weight:700;font-display:swap}.bukangi{--night:#070d1c;--panel:#0e1830;--panel-2:#14213f;--line:#22335c;--ink:#e8ecf7;--mute:#8c96ba;--amber:#ffc24a;--sea:#3fb6d9;--up:#5be38a;--down:#ff6b6b;--shadow:#03060d;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:BK 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(.bukangi){overflow:hidden}.bukangi>.bk-head,.bukangi>.park{width:min(100%,222.222dvh - 444.444px);margin-inline:auto}.bukangi>.chart,.bukangi>.lede,.bukangi>.source{width:min(100%,1280px);margin-inline:auto}.bukangi *,.bukangi :before,.bukangi :after{box-sizing:border-box}.bukangi [hidden]{display:none!important}.bukangi .bk-head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.bukangi .back{color:var(--mute);text-decoration:none}.bukangi .back:hover{color:var(--ink)}.bukangi .back:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.bukangi .eyebrow{color:var(--sea);letter-spacing:.04em;margin-left:auto}.bukangi h1{margin:0;font-size:20px;font-weight:700;line-height:1.3}.bukangi .lede{color:var(--mute);max-width:62ch;margin:0}.bukangi .lede b{color:var(--ink);font-weight:400}.bukangi .mute{color:var(--mute)}.bukangi .park{background:var(--shadow);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow);position:relative}.bukangi .screen{position:relative;overflow:hidden}.bukangi .screen canvas{aspect-ratio:400/180;width:100%;height:auto;display:block}.bukangi .tag{pointer-events:none;white-space:nowrap;color:#fff;border-bottom:2px solid var(--sea);background:#05070fcc;padding:3px 5px 2px;font-size:12px;line-height:1;position:absolute;top:60%;left:50%;transform:translate(-50%,-100%)}@container (max-width:560px){.bukangi .tag{padding:2px 3px 1px;font-size:11px}}.bukangi .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) bk-toast;display:flex;position:absolute;top:17.2222%;left:50%;transform:translate(-50%)}.bukangi .banner b{color:var(--amber);font-weight:700}.bukangi .banner .fin{background:var(--sea);clip-path:polygon(0 100%,70% 0,55% 100%);width:10px;height:10px}@keyframes bk-toast{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.bukangi .banner{animation:none}}.bukangi .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){.bukangi .controls{flex-wrap:nowrap;gap:8px;padding:8px 10px}.bukangi .count{display:none}.bukangi input[type=range]{flex-basis:60px}.bukangi .speed .btn{padding-inline:7px}}.bukangi .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}.bukangi .btn:active{box-shadow:none;transform:translate(2px,2px)}.bukangi .btn:focus-visible,.bukangi input[type=range]:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.bukangi .btn[aria-pressed=true]{background:var(--amber);color:#1a1200;border-color:var(--amber)}.bukangi .play{place-items:center;width:40px;height:32px;padding:0;display:grid}.bukangi .play svg{fill:currentColor;width:14px;height:14px}.bukangi .speed{gap:6px;display:flex}.bukangi input[type=range]{min-width:0;accent-color:var(--amber);flex:200px}.bukangi .count{color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}.bukangi .board{background:var(--panel);border-top:2px solid var(--line);font-size:11px}.bukangi .board-head{border-bottom:2px solid var(--line);background:var(--panel-2);justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px 6px;display:flex}.bukangi .board-date{color:var(--amber);font-variant-numeric:tabular-nums;font-size:18px;line-height:1}.bukangi .board-day{color:var(--mute)}.bukangi .stats{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.bukangi .stats>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:6px;padding:4px 10px;display:flex}.bukangi .stats>div:nth-child(odd){border-right:1px solid var(--line)}.bukangi .stats>div:nth-last-child(-n+2){border-bottom:0}.bukangi .stats dt{color:var(--mute)}.bukangi .stats dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.bukangi .stats b{font-weight:700}.bukangi .stats .W{color:var(--up)}.bukangi .stats .L{color:var(--down)}.bukangi .stats .D{color:var(--mute)}.bukangi .events{gap:3px;min-height:calc(4.8em + 16px);margin:0;padding:7px 10px 9px;list-style:none;display:grid}.bukangi .events li{padding-left:12px;position:relative}.bukangi .events li:before{content:"";background:var(--sea);width:5px;height:5px;position:absolute;top:.62em;left:0}@container (min-width:900px){.bukangi .board{z-index:30;border:2px solid var(--line);width:clamp(260px,26cqi,340px);box-shadow:3px 3px 0 var(--shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070d1cd6;font-size:clamp(10px,.85cqi,12px);position:absolute;top:10px;left:10px}.bukangi .board-date{font-size:clamp(14px,1.5cqi,20px)}.bukangi .events{min-height:0}}.bukangi .chart{background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow)}.bukangi .chart summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:10px 12px;font-weight:700;list-style:none;display:flex}.bukangi .chart summary::-webkit-details-marker{display:none}.bukangi .chart summary:before{content:"▶";color:var(--amber);font-size:10px;transition:transform .2s}.bukangi .chart[open] summary:before{transform:rotate(90deg)}.bukangi .chart summary:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.bukangi .chart-body{gap:8px;padding:0 12px 12px;display:grid}.bukangi .chart-note{color:var(--mute)}.bukangi .chart canvas{width:min(100%,720px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.bukangi .source{color:var(--mute);margin:0}