[data-jd-theme=F06]{--jd-bg: #0a1020;--jd-surface: #272536;--jd-deep: #08111c;--jd-line: #3a3752;--jd-ink: #cbc9d0;--jd-sub: #7e7c8c;--jd-accent: #38d3f0;--jd-accent2: #f2c14e;--jd-ok: #4fbf83;--jd-info: #4d9df6;--jd-font-display: "Pretendard Variable", Pretendard, sans-serif;--jd-font-body: "Pretendard Variable", Pretendard, sans-serif;--jd-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--jd-mode: dark;--app-pop: var(--jd-accent2);--app-warn: var(--jd-accent2);--app-danger: #f0506e;--app-on-accent: #08111c;--card-bg: var(--jd-surface);--card-border: 1px solid var(--jd-line);--card-radius: 10px;--card-shadow: 0 0 0 1px rgba(56, 211, 240, .05), 0 10px 28px rgba(0, 0, 0, .38);--app-hover: #2e2c40;--app-track: #1c1a2b;--p-a: var(--jd-accent);--p-b: var(--app-pop)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--jd-bg);color:var(--jd-ink);font-family:var(--jd-font-body);font-size:13px;line-height:1.55;word-break:keep-all;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:var(--jd-accent);text-decoration:none}.app{display:grid;grid-template-rows:57px minmax(0,1fr);height:100dvh}.hdr{display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--jd-surface);border-bottom:1px solid var(--jd-line)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{width:20px;height:20px;border-radius:6px;background:var(--jd-accent);display:grid;place-items:center;color:var(--app-on-accent);font-family:var(--jd-font-mono);font-size:12px;font-weight:700}.brand-name{font-family:var(--jd-font-display);font-size:15px;font-weight:600;letter-spacing:-.01em}.brand-tag{font-family:var(--jd-font-mono);font-size:11px;color:var(--jd-sub);border:1px solid var(--jd-line);border-radius:999px;padding:2px 8px;white-space:nowrap}.tabs{display:flex;gap:2px;margin-left:8px}.tab{padding:7px 14px;border-radius:6px;font-size:13px;color:var(--jd-sub);white-space:nowrap;transition:background .15s ease,color .15s ease}.tab:hover{background:var(--app-hover);color:var(--jd-ink)}.tab.on{background:var(--app-hover);color:var(--jd-ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--jd-accent)}.hdr-right{margin-left:auto;display:flex;align-items:center;gap:12px}.ghost-link{font-size:12px;color:var(--jd-sub);white-space:nowrap}.ghost-link:hover{color:var(--jd-accent)}.main{overflow:hidden auto;padding:20px;scrollbar-gutter:stable}.view{max-width:1180px;margin:0 auto}.view-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;flex-wrap:wrap}.view-title{font-family:var(--jd-font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.view-desc{font-size:12px;color:var(--jd-sub)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.card-band{overflow:hidden}.band{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--jd-line);background:color-mix(in srgb,var(--jd-ink) 4%,transparent);font-size:12px;font-weight:500;white-space:nowrap}.band-sub{margin-left:auto;font-family:var(--jd-font-mono);font-size:11px;color:var(--jd-sub);font-weight:400}.body{padding:14px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;transition:opacity .15s ease,border-color .15s ease}.btn-primary{background:var(--jd-accent);color:var(--app-on-accent)}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{border:1px solid var(--jd-line);color:var(--jd-ink)}.btn-ghost:hover{border-color:var(--jd-sub)}.btn-ghost.on{border-color:var(--jd-accent);color:var(--jd-accent)}select,input[type=text],input[type=number]{background:var(--jd-deep);border:1px solid var(--jd-line);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--jd-ink);outline:none}select:focus,input:focus,textarea:focus{border-color:var(--jd-accent)}label.fld{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--jd-sub);white-space:nowrap}.mono{font-family:var(--jd-font-mono)}.num{font-family:var(--jd-font-mono);color:var(--jd-accent)}.arena-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.board-wrap{padding:12px;display:flex;flex-direction:column;gap:10px}canvas.board{width:100%;max-width:min(100%,52vh);aspect-ratio:1 / 1;height:auto;display:block;margin:0 auto;border-radius:8px;background:var(--jd-deep)}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fighter{padding:10px 12px;border-radius:8px;border:1px solid var(--jd-line);background:var(--jd-deep);min-width:0}.fighter.a{box-shadow:inset 3px 0 0 var(--p-a)}.fighter.b{box-shadow:inset 3px 0 0 var(--p-b)}.fighter-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighter-sub{font-family:var(--jd-font-mono);font-size:11px;color:var(--jd-sub);white-space:nowrap}.pips{display:flex;gap:3px;margin:6px 0 4px}.pip{width:100%;height:7px;border-radius:3px;background:var(--app-track)}.pip.on{background:var(--jd-ok)}.pip.eng{height:5px}.pip.eng.on{background:var(--jd-accent)}.cmdline{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;background:var(--jd-deep);border:1px solid var(--jd-line)}.cmd{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--jd-font-mono);font-size:13px}.cmd.b{justify-content:flex-end}.cmd-tag{padding:3px 10px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--jd-line)}.cmd.a .cmd-tag{color:var(--p-a);border-color:color-mix(in srgb,var(--p-a) 45%,transparent);background:color-mix(in srgb,var(--p-a) 10%,transparent)}.cmd.b .cmd-tag{color:var(--p-b);border-color:color-mix(in srgb,var(--p-b) 45%,transparent);background:color-mix(in srgb,var(--p-b) 10%,transparent)}.cmd-note{font-size:11px;color:var(--jd-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tick-badge{font-family:var(--jd-font-mono);font-size:12px;color:var(--jd-sub);white-space:nowrap}.hitflag{color:var(--app-danger);font-weight:600}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scrub{flex:1;min-width:160px;accent-color:var(--jd-accent)}.side-card+.side-card{margin-top:12px}.kv{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px 10px;font-size:12px}.kv dt{color:var(--jd-sub);white-space:nowrap}.kv dd{font-family:var(--jd-font-mono);min-width:0;overflow-wrap:anywhere}.rules{font-size:12px;color:var(--jd-sub);line-height:1.75}.rules b{color:var(--jd-ink);font-weight:600}.rules code{font-family:var(--jd-font-mono);color:var(--jd-accent)}.bench{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;align-items:start}textarea.code{width:100%;min-height:460px;resize:vertical;background:var(--jd-deep);border:1px solid var(--jd-line);border-radius:8px;padding:12px;font-family:var(--jd-font-mono);font-size:12px;line-height:1.65;color:var(--jd-ink);outline:none;tab-size:2}.log{font-family:var(--jd-font-mono);font-size:11.5px;line-height:1.7;background:var(--jd-deep);border:1px solid var(--jd-line);border-radius:8px;padding:10px 12px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.log .ok{color:var(--jd-ok)}.log .err{color:var(--app-danger)}.log .warn{color:var(--app-warn)}.log .dim{color:var(--jd-sub)}.botlist{display:flex;flex-direction:column;gap:4px}.botitem{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;border:1px solid transparent;text-align:left;width:100%}.botitem:hover{background:var(--app-hover)}.botitem.on{border-color:var(--jd-accent);background:var(--app-hover)}.botitem .nm{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.botitem .og{margin-left:auto;font-family:var(--jd-font-mono);font-size:10px;color:var(--jd-sub);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.chip.ok{color:var(--jd-ok);background:color-mix(in srgb,var(--jd-ok) 14%,transparent)}.chip.warn{color:var(--app-warn);background:color-mix(in srgb,var(--app-warn) 16%,transparent)}.chip.danger{color:var(--app-danger);background:color-mix(in srgb,var(--app-danger) 14%,transparent)}.chip.mut{color:var(--jd-sub);background:color-mix(in srgb,var(--jd-sub) 14%,transparent)}.tbl{overflow:hidden}.trow{display:grid;grid-template-columns:34px minmax(0,1fr) 74px 62px 62px 62px 72px 72px 64px;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--jd-line)}.trow:last-child{border-bottom:0}.trow.thead{font-size:11px;color:var(--jd-sub);letter-spacing:.04em;background:color-mix(in srgb,var(--jd-ink) 4%,transparent);padding:7px 14px}.trow.clickable{cursor:pointer}.trow.clickable:hover{background:var(--app-hover)}.tc-num{font-family:var(--jd-font-mono);font-size:12px;text-align:right;white-space:nowrap}.tc-num.hi{color:var(--jd-accent)}.tc-rank{font-family:var(--jd-font-mono);font-size:12px;color:var(--jd-sub)}.tc-name{min-width:0}.tc-name b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-name span{display:block;font-size:11px;color:var(--jd-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{height:6px;border-radius:3px;background:var(--app-track);overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;background:var(--jd-accent)}.matrix{overflow:auto}.mgrid{display:grid;gap:2px;min-width:520px;font-family:var(--jd-font-mono);font-size:11px}.mcell{padding:7px 4px;text-align:center;border-radius:4px;background:var(--jd-deep);white-space:nowrap}.mcell.hd{color:var(--jd-sub);background:transparent}.mcell.self{background:transparent;color:var(--jd-sub)}.mcell.win{background:color-mix(in srgb,var(--jd-accent) 22%,var(--jd-deep));color:var(--jd-ink)}.mcell.lose{background:color-mix(in srgb,var(--app-danger) 18%,var(--jd-deep));color:var(--jd-ink)}.mcell.even{background:color-mix(in srgb,var(--jd-sub) 16%,var(--jd-deep))}.cycle-note{margin-top:10px;font-size:12px;color:var(--jd-sub)}.cycle-note b{color:var(--app-pop)}.empty{padding:40px 20px;text-align:center;color:var(--jd-sub);font-size:13px}.hint{font-size:11px;color:var(--jd-sub);margin-top:8px;line-height:1.7}.hint code{font-family:var(--jd-font-mono);color:var(--jd-accent)}@media(max-width:1000px){.arena-grid,.bench{grid-template-columns:minmax(0,1fr)}.trow{grid-template-columns:30px minmax(0,1fr) 66px 54px 54px 54px}.trow>.hide-sm{display:none}}@media(max-width:640px){.hdr{gap:8px;padding:0 12px}.brand-tag,.hdr-right{display:none}.tab{padding:7px 9px;font-size:12px}.main{padding:12px}}