.ok{--cream:#f6eedc;--paper:#fffcf3;--ink:#1b1a17;--sub:#5b5346;--indigo:#2b4bb3;--red:#d24b2f;--green:#3f7d2a;--yellow:#ffd23f;--sky:#cfe4fa;--pink:#ffd9cf;--mint:#d8efc9;--red-ink:#a8371f;--green-ink:#2f6a1e;--terran:#2b4bb3;--terran-tint:#cfe4fa;--zerg:#7a3b8f;--zerg-tint:#ead9f3;--protoss:#7a5600;--protoss-tint:#f6e6a8;--on-ink-muted:#b8ad96;--terran-on-ink:#9fc4f5;--zerg-on-ink:#d9b3ea;--protoss-on-ink:#f1d77a;--scrim:rgba(27,26,23,.72);--dot:#e3d8bd;--ph:#d9cfb6;--con-void:#0d0c0a;--con-panel:#1f1d19;--con-raised:#2e2b25;--con-edge:#5a5448;--con-edge-hi:#8c8371;--con-text:#e9e2d0;--con-muted:#a79f8c;--con-green:#7ddc6a;--con-amber:#f0c04a;--con-red:#f0705a;--line:2.5px;--line-s:2px;--r-card:20px;--r-flat:16px;--r-btn:14px;--r-in:12px;--r-tag:8px;--r-stage:12px;--sh-card:6px 6px 0 var(--ink);--sh-flat:4px 4px 0 var(--ink);--sh-s:3px 3px 0 var(--ink);--focus:3px 3px 0 var(--indigo);--t:0.12s ease;--font:"Pretendard Variable",Pretendard,ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light;--wrap:1120px;--wrap-narrow:820px;--top-h:60px;--top-bg:hsla(42,59%,91%,.92);--placeholder:#857c6a;--field:#f1e7cf;--field-line:#e0d3b4;--shade:rgba(27,26,23,.22)}:root:has(.ok) body{background-color:#f6eedc}.ok{--row-new:#fff1b8;--sh-lift:10px 10px 0 var(--ink);--sh-press:1px 1px 0 var(--ink);--hp-ok:#3f7d2a;--hp-low:#d24b2f;--meter:#b9dea3;--side-me:#d24b2f;--side-foe:#2b4bb3;--board:#efe2c2;--board-line:#2a2620;--ring:#b5391f;--stone-w:#fffcf3;--bubble-tail:10px;min-height:100vh;background-color:var(--cream);background-image:radial-gradient(var(--dot) 1.1px,transparent 1.2px);background-size:16px 16px;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.ok *,.ok :after,.ok :before{box-sizing:border-box}.ok :where(a){color:inherit}.ok :where(button){font:inherit;color:inherit;letter-spacing:inherit}.ok :where(h1,h2,h3,p,ul,ol,figure){margin:0}.ok :where(ul,ol){padding:0;list-style:none}.ok :focus{outline:none}.ok :focus-visible{outline:2.5px solid var(--indigo);outline-offset:2px}.ok-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ok-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ok-main{max-width:760px;margin:0 auto;padding:40px 20px 0}@media (max-width:479px){.ok-main{padding:22px 16px 0}}.ok-card{background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-card)}.ok-card.flat{border-radius:var(--r-flat);box-shadow:var(--sh-flat)}.ok-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:900;line-height:1.1;text-align:center;text-decoration:none;white-space:nowrap;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-in);box-shadow:var(--sh-s);cursor:pointer;transition:transform var(--t),box-shadow var(--t)}.ok-btn.wide{display:flex;width:100%;margin-top:16px}.ok-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.ok-btn:active{transform:translate(2px,2px);box-shadow:var(--sh-press)}.ok-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 9px;font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:999px}.ok-chip.me,.ok-chip.yellow{background:var(--yellow)}.ok-chip.me{padding:2px 6px;font-size:11px;font-weight:900}.ok-tag{display:inline-block;padding:2px 6px;font-size:11.5px;font-weight:800;line-height:1.25;white-space:nowrap;color:var(--sub);border-radius:var(--r-tag);box-shadow:inset 0 0 0 1.5px var(--ph)}.ok-tag.b{color:var(--paper);background:var(--ink);box-shadow:none}.ok-tag.w{box-shadow:inset 0 0 0 1.5px var(--ink)}.ok-input,.ok-tag.w{color:var(--ink);background:var(--paper)}.ok-input{width:100%;min-width:0;height:50px;padding:0 14px;font:inherit;font-size:17px;font-weight:800;border:var(--line) solid var(--ink);border-radius:var(--r-in);transition:box-shadow var(--t),border-color var(--t)}.ok-input::-moz-placeholder{font-weight:600;color:var(--placeholder)}.ok-input::placeholder{font-weight:600;color:var(--placeholder)}.ok-input:focus{outline:none;border-color:var(--indigo);box-shadow:var(--focus)}.ok-head{text-align:center}.ok-host{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.ok-face{position:relative;flex:none;display:grid;place-items:center;width:76px;height:76px;overflow:hidden;background:var(--paper);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:0 0 0 4px var(--paper),0 0 0 6.5px var(--ink),var(--sh-flat)}.ok-face img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ok-face .stone{width:40px;height:40px;background:var(--ink);border-radius:999px}.ok-bubble{position:relative;max-width:min(250px,100%);padding:10px 14px;font-size:15.5px;font-weight:800;line-height:1.35;text-align:left;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-in);box-shadow:var(--sh-s)}.ok-bubble:after,.ok-bubble:before{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%)}.ok-bubble:before{left:-12px;border-width:8px 12px 8px 0;border-color:transparent var(--ink) transparent transparent}.ok-bubble:after{left:-8px;border-width:6px 9px 6px 0;border-color:transparent var(--paper) transparent transparent}.ok-bubble small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:var(--sub)}.ok-eyebrow{font-size:13.5px;font-weight:800;color:var(--sub)}.ok-h1{margin-top:6px;font-size:clamp(29px,7.4vw,46px);font-weight:900;line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.ok-h1 .who{white-space:nowrap;background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%)}.ok-lead{margin-top:10px;font-size:15.5px;font-weight:600;line-height:1.6;color:var(--sub);text-wrap:balance}.ok-pill{display:inline-block;margin-top:14px;padding:7px 14px;font-size:12.5px;font-weight:700;line-height:1.5;background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:999px;text-wrap:balance}.ok-pill b{white-space:nowrap;font-weight:900;background:linear-gradient(transparent 58%,var(--yellow) 58%)}@media (max-width:479px){.ok-host{margin-bottom:12px}.ok-face{width:66px;height:66px}.ok-lead{margin-top:8px;font-size:14.5px}.ok-pill{margin-top:10px;border-radius:14px}}.ok-go{margin-top:22px;padding:20px}.ok-label{display:block;font-size:14px;font-weight:900}.ok-go .ok-input{margin-top:8px}.ok-go.need .ok-input{border-color:var(--red-ink);box-shadow:3px 3px 0 var(--red-ink)}.ok-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ok-seat{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;min-height:96px;padding:14px 14px 14px 12px;text-align:left;background:var(--paper);border:var(--line) solid var(--ink);border-radius:var(--r-btn);box-shadow:var(--sh-s);cursor:pointer;transition:transform var(--t),box-shadow var(--t)}.ok-seat.black{background:var(--yellow)}.ok-seat:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.ok-seat:active{transform:translate(2px,2px);box-shadow:var(--sh-press)}.ok-seat .ok-seat-ico{grid-row:span 2;width:52px;height:52px}.ok-seat b{align-self:end;font-size:18px;font-weight:900;line-height:1.2;letter-spacing:-.02em}.ok-seat b i{font-style:normal}.ok-seat small{align-self:start;font-size:12.5px;font-weight:700;line-height:1.4;color:var(--ink);opacity:.78}.ok-seat small span{display:block}.ok-seat.came:after{content:"이 색으로 왔어요";position:absolute;top:-11px;right:10px;padding:2px 8px;font-size:11px;font-weight:900;background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:999px}.ok-seat-grid{fill:none;stroke:var(--ink);stroke-width:1.5;opacity:.55}.ok-seat-me{font-size:15px;font-weight:900;fill:var(--ink)}.ok-seat-me.on-b{fill:var(--paper)}@media (max-width:479px){.ok-go{padding:16px}.ok-seats{gap:10px}.ok-seat{grid-template-columns:1fr;justify-items:start;gap:6px;min-height:0;padding:12px}.ok-seat .ok-seat-ico{grid-row:auto;width:40px;height:40px}.ok-seat b{font-size:17px}.ok-seat small{font-size:12px}}.ok-go-help{margin-top:12px;font-size:13px;font-weight:700;color:var(--sub)}.ok-go-help .warn{font-weight:900;color:var(--red-ink)}.ok-score{margin-top:20px;padding:20px;text-align:center}.ok-score-big{margin-top:4px;font-size:clamp(42px,11vw,60px);font-weight:900;line-height:1.1;letter-spacing:-.035em}.ok-score-big .grp{display:inline-block;white-space:nowrap}.ok-score-big.long{font-size:clamp(32px,8.5vw,48px)}.ok-score-big b{font-weight:900}.ok-score-big b.lose{color:var(--red-ink)}.ok-score-big .grp>span{margin-left:4px;font-size:.45em;font-weight:800;letter-spacing:-.01em;color:var(--sub)}.ok-split{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;margin-top:10px}.ok-split .ok-chip{font-size:12.5px}.ok-split .ok-chip .dot{width:11px;height:11px;border:1.5px solid var(--ink);border-radius:999px}.ok-split .ok-chip .dot.b{background:var(--ink)}.ok-score-sub{margin-top:10px;font-size:13px;font-weight:700;color:var(--sub);text-wrap:balance}.ok-live{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:12.5px;font-weight:900;background:var(--yellow);border:var(--line-s) solid var(--ink);border-radius:999px}.ok-live i{width:8px;height:8px;background:var(--red);border:1.5px solid var(--ink);border-radius:999px;animation:ok-blink 1.6s ease-in-out infinite}@keyframes ok-blink{50%{opacity:.25}}.ok-block{margin-top:40px}.ok-h2{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.02em}.ok-rule{margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.6;color:var(--sub)}.ok-empty{padding:26px 0;font-size:14.5px;font-weight:700;text-align:center;color:var(--sub)}.ok-duo{display:grid;gap:40px;margin-top:40px}.ok-duo>.ok-block{margin-top:0}@media (min-width:900px){.ok-duo.two{grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:28px;align-items:start}}.ok-show{margin-top:12px;padding:14px}.ok-show a{text-decoration:none}.ok-mini{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}.ok-mini-bg{fill:var(--board);stroke:var(--ink);stroke-width:2}.ok-mini-grid{fill:none;stroke:var(--board-line);stroke-width:.9}.ok-mini-edge{fill:none;stroke:var(--ink);stroke-width:1.8}.ok-mini-b,.ok-mini-star{fill:var(--ink)}.ok-mini-w{fill:var(--stone-w);stroke:var(--ink);stroke-width:1.5}.ok-mini-last{fill:none;stroke:var(--ring);stroke-width:2.6}.ok-mini-five path{fill:none;stroke-linecap:round}.ok-mini-five .halo{stroke:var(--paper);stroke-width:7}.ok-mini-five .ink{stroke:var(--ink);stroke-width:3}.ok-show-cap{display:grid;gap:2px;margin-top:12px;padding-top:10px;border-top:var(--line-s) solid var(--ph)}.ok-show-cap .vs{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:16px;font-weight:900}.ok-show-cap .meta,.ok-show-cap .vs .x{font-size:13px;font-weight:700;color:var(--sub)}.ok-show-cap .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ok-show-cap .go,.ok-show-cap .meta .res{font-weight:900;color:var(--ink)}.ok-show-cap .go{margin-left:auto;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.ok-vers{display:grid;gap:10px;margin-top:12px}.ok-ver{padding:12px 14px;background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:var(--r-in)}.ok-ver.none{border-style:dashed}.ok-ver .line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ok-ver .ver{font-size:17px;font-weight:900}.ok-ver .rec{margin-left:auto;font-size:13px;font-weight:800;white-space:nowrap;color:var(--sub)}.ok-tot{display:block;margin-top:6px;font-size:12.5px;font-weight:700;line-height:1.5;word-break:keep-all;color:var(--sub)}.ok-past summary .ok-tot{order:9;flex-basis:100%;margin-top:-4px;font-size:12px}.ok-ver .nobody{margin-top:8px;font-size:13.5px;font-weight:900}.ok-ver .sub-h{margin-top:10px;font-size:12.5px;font-weight:900}.ok-winners{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ok-winners .ok-chip b{overflow:hidden;font-weight:900;text-overflow:ellipsis}.ok-winners .ok-chip span{font-weight:700;color:var(--sub)}.ok-winners .ok-chip.star{background:var(--paper);border-style:dashed}.ok-more{margin-top:8px}.ok-more summary,.ok-past summary{cursor:pointer;font-size:13px;font-weight:800;color:var(--sub)}.ok-past{display:grid;gap:6px}.ok-past .ok-pv,.ok-past details{padding:10px 14px;border:var(--line-s) dashed var(--ink);border-radius:var(--r-in)}.ok-past .ok-pv>details{padding:0;border:0}.ok-vgo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:900}.ok-vgo>span{margin-right:2px}.ok-vgo button{min-height:32px;padding:4px 12px;font:inherit;font-size:12.5px;font-weight:900;color:var(--ink);background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);cursor:pointer}.ok-vgo button.b{color:var(--paper);background:var(--ink)}.ok-vgo button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.ok-vgo button:active{transform:translate(1px,1px);box-shadow:var(--sh-press)}.ok-past summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ink)}.ok-past summary .rec{margin-left:auto;color:var(--sub)}.ok-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:var(--line-s) solid var(--ink)}.ok-tab{flex:none;min-height:46px;margin-bottom:-2px;padding:0 12px;font-size:15px;font-weight:800;color:var(--sub);background:none;border:0;border-bottom:4px solid transparent;cursor:pointer}.ok-tab[aria-selected=true]{font-weight:900;color:var(--ink);border-bottom-color:var(--ink)}.ok-tab:hover:not([aria-selected=true]){color:var(--ink)}@media (max-width:379px){.ok-tab{padding:0 9px;font-size:14.5px}}.ok-list{display:grid;margin-top:4px}.ok-list>li{display:grid;align-items:center;gap:10px;min-height:56px;padding:7px 4px;font-size:14.5px;border-top:var(--line-s) solid var(--ph)}.ok-list>li:first-child{border-top:0}.ok-list.rank>li{grid-template-columns:30px minmax(0,1fr) auto 56px}.ok-list.fast>li{grid-template-columns:30px minmax(0,1fr) auto 28px}.ok-list.rows>li{grid-template-columns:minmax(0,1fr) auto 28px}.ok-list .no{justify-self:center;font-weight:900;color:var(--sub)}.ok-list .podium .no{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--ink);background:var(--yellow);border:var(--line-s) solid var(--ink);border-radius:999px}.ok-list .who{display:grid;gap:3px;min-width:0}.ok-list .who .nm{display:flex;align-items:center;gap:6px;min-width:0}.ok-list .who .nm b{min-width:0;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate}.ok-list .who .nm b.won{font-weight:900;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.5em;text-underline-offset:-.28em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.ok-list .who .nm b.hid{font-weight:700;font-style:italic;color:var(--sub)}.ok-list .who .sm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;font-weight:700;color:var(--sub)}.ok-list .rec{font-size:13.5px;font-weight:800;white-space:nowrap}.ok-list .rec em{font-style:normal;font-weight:700;color:var(--sub)}.ok-list .rate{font-weight:700;text-align:right;white-space:nowrap}.ok-list .rate b{font-size:18px;font-weight:900}.ok-list .mv{font-size:13px;font-weight:700;white-space:nowrap;color:var(--sub)}.ok-list .mv b{font-size:19px;font-weight:900;color:var(--ink)}.ok-list .rp{display:inline-grid;place-items:center;width:28px;height:28px;font-size:11px;text-decoration:none;border:var(--line-s) solid var(--ink);border-radius:999px;background:var(--paper)}.ok-list .rp:hover{background:var(--yellow)}.ok-list .rp.off{border:0;background:none}.ok-list .verdict{min-width:44px;text-align:right;white-space:nowrap}.ok .m-win{font-weight:900;color:var(--green-ink)}.ok .m-lose{font-weight:800;color:var(--ink)}.ok .m-draw{font-size:13px;font-weight:700;color:var(--sub)}.ok .m-formula{font-size:13px;font-weight:900;color:var(--indigo)}.ok .m-checking{font-size:12.5px;font-weight:800;color:var(--sub)}.ok-list>li.mine{border-radius:8px;background:var(--row-new);box-shadow:inset 0 0 0 var(--line-s) var(--ink)}@keyframes ok-new{0%{background-color:var(--row-new)}to{background-color:transparent}}.ok-list>li.is-new:not(.mine){animation:ok-new .6s ease-out 1}.ok-note{margin-top:10px;padding:10px 12px;font-size:13px;font-weight:800;background:var(--row-new);border:var(--line-s) solid var(--ink);border-radius:var(--r-in)}.ok-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.ok-puzzle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:40px;padding:14px 16px;text-decoration:none;transition:transform var(--t),box-shadow var(--t)}.ok-puzzle:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.ok-puzzle svg{width:52px;height:52px}.ok-puzzle b{display:block;font-size:16px;font-weight:900}.ok-puzzle span{font-size:13px;font-weight:700;color:var(--sub)}.ok-puzzle .arrow{font-size:20px;font-weight:900;color:var(--ink)}.ok-back{margin-bottom:16px;font-size:14px;font-weight:800}.ok-back a{text-decoration:none}.ok-back a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.ok-hist-bar{display:grid;gap:10px;margin-top:20px}.ok-hist-bar .ok-input{max-width:360px}.ok-filters{display:flex;flex-wrap:wrap;gap:8px}.ok-filters button{min-height:36px;padding:0 12px;font-size:13.5px;font-weight:800;background:var(--paper);border:var(--line-s) solid var(--ink);border-radius:999px;cursor:pointer}.ok-filters button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.ok-hist-count{margin:16px 0 4px;padding-bottom:8px;font-size:13px;font-weight:700;color:var(--sub);border-bottom:var(--line-s) solid var(--ink)}.ok-main.ok-about{margin-top:56px;padding-top:0;font-size:14.5px;font-weight:600;line-height:1.7;color:var(--sub)}.ok-about>p{margin-top:8px}.ok-about h3{margin-top:20px;font-size:15.5px;font-weight:900;color:var(--ink)}.ok-about ul{display:grid;gap:4px;margin-top:6px;padding-left:1.2em;list-style:disc}.ok-foot{display:grid;gap:6px;max-width:640px;margin:56px auto 0;padding:0 20px 48px;font-size:12px;line-height:1.7;text-align:center;color:var(--sub)}.ok-foot a{font-weight:800;text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.ok *,.ok :after,.ok :before{animation:none!important;transition:none!important}}.ok-rule.ok-rule-note{background:var(--paper,#fbf6ea);border:2px solid var(--ink,#1c1a17);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.55;color:var(--ink,#1c1a17)}.ok-streak{flex:none;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:900;color:var(--red-ink);background:var(--pink);border-radius:999px;white-space:nowrap}