/* REBAR — field kit. Readable Korean typography with restrained block-game chrome. */
:root{--ui:"Pretendard","Malgun Gothic",system-ui,sans-serif;--dlg:var(--ui);--bg:#121a22;--panel:#18232d;--panel2:#23323e;--line:#415361;--txt:#f2f5f3;--dim:#b6c6cf;--acc:#f5c451;--ok:#88d6a0;--top:#ffb377;--bot:#91caff}
body{font-size:15px;line-height:1.5}
button{border-radius:4px;min-height:40px;padding:9px 15px;font-weight:650;border-color:#536673;box-shadow:inset 0 1px #ffffff12,0 3px 0 #0b1218;transition:background .15s,transform .15s}
button:hover{background:#344b59;border-color:#a2b6be;transform:translateY(-1px)}
button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff12}
button.pri{background:var(--acc);color:#202817;border-color:#ffe19a;box-shadow:inset 0 2px #fff4c455,0 4px 0 #866329}
button:focus-visible,[role=button]:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffe097;outline-offset:3px}
select,input[type=number]{min-height:38px;border-radius:4px;border-color:#596d7a;font-size:14px;width:100px;padding:7px 9px}
.card,.pick,.qbox div,.kpi div{border-radius:5px;border-color:var(--line);box-shadow:inset 0 1px #ffffff0a,0 5px 16px #0003}
#intro{align-items:center;justify-content:flex-start;padding:7vw;background:linear-gradient(90deg,#08111af2 0%,#08111ae0 38%,#08111a8a 64%,#08111a2e 100%)}
#intro>div{text-align:left;max-width:650px}
.eyebrow{font-size:13px;letter-spacing:3px;font-weight:800;color:var(--acc);border-left:3px solid var(--acc);padding-left:13px;margin-bottom:34px}
.introTag{color:#c2d0d4;font-size:15px;margin-bottom:12px}
#intro h1{font-size:clamp(36px,4.7vw,68px);font-weight:900;line-height:1.15;letter-spacing:-2px;text-shadow:0 4px #0006;margin-bottom:24px}
#intro h1 span{display:block;color:#f2f6f8}#intro h1 em{font-style:normal;color:var(--acc)}#intro>div{position:relative;z-index:1}
#intro p{font-size:16px;line-height:1.85;max-width:660px;color:#cfdae1;margin-bottom:30px;word-break:keep-all;text-shadow:0 2px 10px #0009}
#btnBoot{font-size:17px;padding:15px 24px;min-width:252px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 0 #866329}
.introMeta{display:flex;align-items:center;gap:14px;color:#b4c4cc;font-size:12px;margin-top:32px}
.introMeta i{width:18px;height:1px;background:#65737a}
#pc{background:radial-gradient(ellipse at top right,#2a414d55,transparent 65%),#111b24}
#pcBar{height:52px;background:#17252f;border-color:#3d515e;padding:0 26px;color:#b5c6d0;font-size:13px}
#pcBar b{color:#f2f4ed;font-size:15px}#pcBar .dot{background:var(--ok);box-shadow:0 0 10px #88d6a030}
#pcNav{width:216px;padding:25px 14px;background:#14212b;border-color:#344955}
.navBrand{padding:0 14px 28px}.navBrand span{display:block;font-size:30px;font-weight:900;letter-spacing:3px;color:#f5c451;line-height:1.2}.navBrand small{font-size:10px;letter-spacing:1px;color:#bac8cf}
#pcNav button{color:#c3d0d7;font-size:14px;border-radius:4px;margin-bottom:10px;padding:13px 14px;box-shadow:none}
#pcNav button.on{background:#f5c45118;border-color:#ac8841;color:#ffe09a;box-shadow:inset 3px 0 var(--acc)}
#pcMain{padding:30px 34px}.pane{max-width:1300px;margin:auto}.pane h2{font-size:28px;letter-spacing:-.8px}.pane .lead{color:#bbccd4;font-size:14px;line-height:1.8;margin-top:8px;margin-bottom:24px}.pane h3,.box h3{font-size:14px;margin-top:26px}
.picks{gap:16px}.pick{background:#1b2c37;padding:20px;position:relative}.pick:hover{background:#233b48;border-color:#819ba8}.pick.on{background:#302f26;border-color:var(--acc);box-shadow:inset 0 3px var(--acc)}.pick b{font-size:19px;margin-bottom:10px}.pick .d{font-size:14px;color:#c5d2d9;line-height:1.7;min-height:72px}.pick .d b{display:inline;font-size:inherit;margin:0;color:#f4f6ed}.pick .kg{font-size:13px;border-color:#52606b;padding-top:14px;margin-top:16px}.pick .kg b{font-size:17px}.pick> b>span{display:block;margin-top:4px;color:#c2d0d7!important}.pick .kg>span:last-child{color:#bdccd5!important}
.qbox{gap:12px}.qbox div{background:#1b2b35;padding:15px 18px}.qbox small,.kpi small{font-size:13px;color:#b7cad3}.qbox b{font-size:25px}.qbox b i{color:#c0cfd5;font-size:13px}
.frow{font-size:14px;padding:10px 0;border-color:#384c59}.frow>span{color:#d6e0e5}.frow em{color:#aebfc9;font-size:12px}.note{font-size:13px;color:#b8cbd5;line-height:1.85}.warn{font-size:13px;border-radius:4px;background:#32281e;color:#ffdb9f;border-color:#866a3f}.keys{font-size:14px;gap:10px}.keys div{background:#1b2c38;border-color:#425c6c;padding:12px}
#pcFoot{padding:16px 28px;background:#17252f;border-color:#3d515e;box-shadow:0 -8px 20px #0002}#pcFoot .msg{font-size:13px;color:#bcccd4}#pcFoot button.pri{padding:12px 26px}
table{font-size:14px}th,td{padding:11px 12px;border-color:#364c59}th{background:#213541;color:#c5d3d9;font-size:12px}tbody tr:nth-child(even){background:#ffffff03}tbody tr:hover{background:#ffffff06}.tw{border-color:#3d5360;border-radius:4px;max-height:380px}
#cut{padding-bottom:5vh}#cutBox{display:block;width:min(840px,90%);min-height:155px;padding:32px 34px 42px;background:#14222bf5;border:1px solid #74868b;border-left:5px solid var(--acc);border-radius:5px;box-shadow:0 6px 0 #081118,0 18px 50px #0006;animation:cutIn .2s ease-out}#cutBox::before,#cutBox::after{display:none}#cutWho{left:23px;top:-19px;border:1px solid #ffe3a0;border-radius:3px;background:var(--acc);color:#20281d;padding:5px 17px;font:800 14px var(--ui);text-shadow:none;letter-spacing:0}#cutTxt{font-family:var(--dlg);font-size:21px;font-weight:650;text-align:left;line-height:1.75;letter-spacing:0;text-shadow:none}#cutTxt em{color:#ffcf69}.dialogHint{position:absolute;bottom:12px;right:22px;font-size:12px;color:#b9c8d0;display:flex;gap:8px;align-items:center}kbd{font-family:var(--ui);font-size:10px;font-weight:750;padding:1px 5px;border:1px solid #82929b;border-bottom-width:2px;border-radius:3px}#cutNext{left:29px;bottom:17px;border-left-width:5px;border-right-width:5px;border-top:6px solid var(--acc)}
#stat{top:20px;left:20px;padding:15px 17px;min-width:252px;background:#14222bef;border-top:3px solid var(--acc)}.panelLabel{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1.3px;color:#c0cfd5;margin-bottom:11px;font-weight:750}.panelLabel>span:last-child{margin-left:auto;color:var(--acc)}.liveDot{width:6px;height:6px;background:var(--ok)}#clock{font-size:32px;letter-spacing:-1px}#clock small{letter-spacing:0;font-family:var(--ui);font-size:11px}.srow{font-size:13px;margin-top:7px;color:#b9cbd4}#prog{height:7px;border-radius:1px;margin-top:13px}#progBar{background:var(--ok)}
#mission{position:absolute;left:20px;top:223px;max-width:252px;display:flex;gap:10px;align-items:center;padding:12px;background:#14222bed;pointer-events:none}.missionIndex{font-size:20px;font-weight:850;color:var(--acc);line-height:1}.missionIndex+div{border-left:1px solid #50606a;padding-left:10px}#mission small{display:block;color:#b2c6cf;font-size:10px;margin-bottom:3px}#mission b{font-size:13px;font-weight:600;display:block;line-height:1.55}#hud.cine #mission,#hud.cine #crosshair{display:none}
#sched{left:auto;right:20px;top:20px;width:min(780px,calc(100% - 310px));background:#14222bef;border-color:#536773;border-radius:5px;backdrop-filter:blur(10px)}#schedHead{font-size:14px;padding:11px 14px;border-color:#485c68;gap:8px}#schedHead .lg{font-size:12px;color:#c7d1d6}#schedHead .fold{font-size:12px;color:#cfdae0}#beamList{padding:10px;gap:8px}.brow{flex-basis:105px;padding:5px;background:#ffffff03;border-radius:3px}.bhead{font-size:13px;margin-bottom:6px}.bgrp{font-size:11px}.zcell{padding:5px 3px;margin-bottom:4px;border-radius:3px;background:#0c172199;border-color:#4d606c}.zn{font-size:11px;line-height:1.5;color:#c0cdd4}.ch{font-size:12px;line-height:1.6}.ch.fin{opacity:1}.brow.done{opacity:.7}.brow.hl{background:#f5c45115}
#carry{bottom:22px;gap:5px;padding:9px 12px;background:#14222bf2;border:1px solid #677a85;border-bottom:4px solid #090f14;border-radius:4px;max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:center}.slot{width:30px;height:32px;border-radius:2px;background:#0d1720;border:1px solid #60707a;box-shadow:inset 2px 2px #0005}.slot.f{background:linear-gradient(135deg,#1a2832 38%,#ba8351 39%,#e3bc80 46%,#946038 51%,#1a2832 53%);border-color:#f5c451}#carryTxt{font-size:14px;color:#d5dfe2;white-space:nowrap;margin-left:10px}
#tip{bottom:94px;font-size:14px;line-height:1.7;background:#14222bf2;border-color:#687a84;border-radius:4px;padding:10px 18px;width:max-content;max-width:min(740px,calc(100% - 40px))}#tip .k{background:#354957;border:1px solid #7c8c95;border-bottom-width:3px;border-radius:3px;color:#fff;font-size:12px;padding:0 6px}
#ctl{left:20px;bottom:22px;padding:6px;gap:4px;background:#14222bef}#ctl button{font-size:12px;padding:7px 9px;min-height:34px;background:transparent;border-color:transparent;box-shadow:none}#ctl button:hover{background:#344b59;border-color:#82929b}#ctl .sep{height:22px}
#toast{top:auto;bottom:162px;font-size:14px;max-width:calc(100% - 40px);white-space:normal;text-align:center;background:#162630f5;border-radius:4px;padding:12px 18px}#busy{top:57%;background:#14222bf2;padding:14px;border:1px solid #6d7e84;border-radius:4px;width:270px}#busyTxt{font-size:14px;margin-bottom:9px}#busyBar{border-radius:2px}#crane{background:#162630f7;border-top:3px solid var(--acc);padding:25px;box-shadow:0 14px 50px #0005}#crane p{font-size:14px;color:#c2d0d8;line-height:1.8}#crane h3{font-size:22px;margin-bottom:12px}#craneNum{font-size:14px}
#crosshair{display:none;position:absolute;left:50%;top:50%;width:5px;height:5px;background:#ffffeb;border:1px solid #000a;box-shadow:0 0 2px #000;pointer-events:none;transform:translate(-50%,-50%)}
.ov{background:#0b141bee}.box{padding:30px;max-height:calc(100vh - 48px);overflow:auto}.box h1{font-size:30px}.box .sub{font-size:14px}.kpi div{background:#20303b;padding:16px}.kpi b{font-size:23px}
@media(max-width:1180px){#ctl{bottom:98px;max-width:270px;flex-wrap:wrap}#ctl .sep{display:none}#tip{max-width:calc(100% - 340px);left:calc(50% + 140px)}#pcNav{width:184px}#pcMain{padding:24px}.pick{padding:15px}.pick .d{min-height:100px}}
@media(max-width:820px){#intro{padding:8vw}.eyebrow{font-size:11px}#intro h1{font-size:44px}#pcBar{padding:0 16px}#pcBar>span:last-child{display:none}#pcBody{flex-direction:column}#pcNav{width:100%;display:flex;gap:6px;padding:10px;border-right:0;border-bottom:1px solid #415563;overflow:auto}.navBrand{display:none}#pcNav button{width:auto;flex-shrink:0;margin:0;font-size:13px;padding:8px 12px}#pcMain{padding:20px}.pane h2{font-size:24px}.pick .d{min-height:0}.picks{grid-template-columns:1fr}.cols2{grid-template-columns:1fr}#pcFoot{padding:12px 16px;flex-wrap:wrap}#pcFoot .msg{flex-basis:100%}#stat{left:12px;top:12px;min-width:222px;padding:12px}#clock{font-size:28px}#sched{right:12px;top:12px;width:calc(100% - 248px)}#schedHead{flex-wrap:wrap;font-size:13px;padding:9px}#schedHead .lg{display:none}#schedHead .fold{font-size:11px}#mission{left:12px;top:205px;max-width:222px}#ctl{left:12px;bottom:93px;max-width:222px}#tip{left:50%;bottom:166px;max-width:calc(100% - 28px);font-size:13px}#toast{bottom:228px}#cutTxt{font-size:18px}#cutBox{padding:27px 22px 40px;min-height:150px}#cut{padding-bottom:28px}.kpi{grid-template-columns:repeat(2,1fr)}}
@media(max-height:650px){#mission{display:none}#beamList{max-height:205px;overflow:auto}#intro{padding-top:24px;padding-bottom:24px}.eyebrow{margin-bottom:18px}#intro h1{font-size:40px;margin-bottom:16px}#intro p{margin-bottom:18px}.introMeta{margin-top:20px}#cut{padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.ch.match{color:#ffe1a0;background:#f5c45124;box-shadow:inset 3px 0 #f5c451;border-radius:2px}
@media(max-width:820px){#tip{bottom:186px}#toast{bottom:250px}}