:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#211a32;--muted:#746e80;--line:#e7e1eb;--plum:#5f3dc4;--pink:#f04d86;--paper:#fffdfb;--cream:#f7f1ee}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 15% 0%, #fff0f5, transparent 32rem), var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}:is(html:has(.overlay-shell),body:has(.overlay-shell)){background:0 0!important}button,input,select{font:inherit}button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dcd3e3;border-radius:.75rem;padding:.72rem 1rem;font-weight:750;transition:all .18s}button:hover:not(:disabled){border-color:var(--plum);transform:translateY(-1px);box-shadow:0 6px 18px #5f3dc420}button:disabled{opacity:.42;cursor:not-allowed}button.active,.controls button:first-of-type{background:var(--ink);color:#fff;border-color:var(--ink)}.login-link{color:var(--plum);font-size:.82rem;font-weight:800;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:.15rem;font-size:clamp(1.5rem,3vw,2.3rem)}h2{margin-bottom:0;font-size:1.15rem}h3{margin-bottom:.35rem;font-size:.95rem}.eyebrow{color:var(--pink);letter-spacing:.13em;margin-bottom:.35rem;font-size:.68rem;font-weight:900;display:block}.console-shell{max-width:1560px;margin:auto;padding:24px}.topbar,.panel-heading,.status-row,.inventory-row,.queue-item{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topbar{margin-bottom:18px}.status-row{background:#ffffffb8;border:1px solid #fff;border-radius:999px;padding:.5rem .6rem .5rem 1rem;box-shadow:0 8px 30px #41283f12}.status-dot{background:#a8a0ac;border-radius:50%;width:9px;height:9px}.status-dot.live{background:#24a66a;box-shadow:0 0 0 5px #24a66a20}.demo-banner,.collector-banner,.error-banner{border-radius:.8rem;margin:0 0 14px;padding:.75rem 1rem;font-size:.88rem}.demo-banner{background:#fff0c8;border:1px solid #f2d47b}.collector-banner{color:#49358b;background:#eee9ff}.error-banner{color:#8a2929;background:#ffe9e9;border:1px solid #f4caca}.pending-banner{background:#fff5d8;border:1px solid #efc56b;border-radius:.8rem;align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.pending-banner>div{flex:1;gap:2px;display:grid}.pending-banner span{color:var(--muted);font-size:.76rem}.pending-banner button{padding:.5rem .7rem;font-size:.78rem}.panel{background:#fffefaeb;border:1px solid #fff;border-radius:1.25rem;padding:18px;box-shadow:0 18px 60px #41283f12}.main-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.board-panel{min-width:0}.panel-heading{margin-bottom:14px}.panel-heading>span{color:var(--muted);font-size:.78rem}.controls{gap:16px;display:grid}.controls>h2{margin-top:-10px}.controls label,.login-card label{gap:.35rem;font-size:.78rem;font-weight:800;display:grid}input,select{border:1px solid var(--line);background:#fff;border-radius:.65rem;width:100%;padding:.7rem .8rem}.control-group{border-top:1px solid var(--line);padding-top:14px}.control-group p,.inventory p{color:var(--muted);font-size:.76rem;line-height:1.45}.control-group>button{width:100%}.split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger{color:#a5224c;background:#fff2f6!important;border-color:#f2c7d5!important}.controls button.danger{color:#a5224c}.inventory-row{padding:.5rem 0}.inventory-row span{flex:1}.inventory-row button{padding:.4rem .55rem}.inventory-editor{flex-wrap:wrap}.inventory-editor input{width:68px;padding:.42rem .5rem}.unsupported{background:#f7f3f8;border-radius:.6rem;padding:.65rem}.bottom-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px;margin-top:18px;display:grid}table{border-collapse:collapse;width:100%;font-size:.82rem}th{color:var(--muted);text-align:left}th,td{border-bottom:1px solid var(--line);padding:.7rem .45rem}.queue-item{border-bottom:1px solid var(--line);padding:.75rem 0;font-size:.84rem}.queue-item strong{color:var(--pink)}.board-scroll{width:100%;max-width:100%;overflow:visible}.board-scroll-hint{display:none}.board-stage{background:linear-gradient(135deg,#fff 0%,#fff6fa 100%);border-radius:1rem;width:100%;position:relative;overflow:hidden}.board-svg{width:100%;height:100%;display:block}.board-cell{cursor:pointer}.cell-label{text-align:center;word-break:keep-all;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:850;line-height:1.12;display:flex}.center-widget{color:var(--muted);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:1px dashed #d8cada;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:29% 25%}.center-widget strong{color:var(--ink);margin-top:.4rem;font-size:clamp(1rem,3vw,2.4rem)}.token-wrapper{aspect-ratio:1;filter:drop-shadow(0 8px 8px #7b315c40);pointer-events:none;width:9%;transition:left .55s cubic-bezier(.22,.8,.25,1),top .55s cubic-bezier(.22,.8,.25,1);position:absolute;transform:translate(-50%,-57%)}.token-animation,.token-lottie{width:100%;height:100%;position:absolute;inset:0}.token-static{aspect-ratio:1;background:#fa478c;border:2px solid #5c1f45;border-radius:50%;width:36%;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #ffffff75}.token-animation.is-moving .token-static{opacity:0}.overlay-shell{background:0 0;place-items:center;width:100vw;height:100vh;min-height:0;padding:1.5vw;display:grid;overflow:hidden}.overlay-shell .board-scroll{width:min(97vw, calc((100vh - 3vw) * var(--board-aspect)));overflow:hidden}.overlay-shell .board-stage{background:0 0;width:100%}.overlay-status{z-index:5;color:#fff;background:#211a32dd;border-radius:999px;padding:.55rem 1rem;font-size:.8rem;position:fixed;top:16px;left:50%;transform:translate(-50%)}.mission-panel{margin-top:18px}.mission-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 110px 190px 120px auto;align-items:end;gap:10px;padding-bottom:16px;display:grid}.mission-form label{gap:.35rem;font-size:.78rem;font-weight:800;display:grid}.mission-list{gap:10px;margin-top:14px;display:grid}.mission-card{border:1px solid var(--line);border-radius:.8rem;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.mission-card>div:first-child{gap:3px;display:grid}.mission-card span,.mission-card small{color:var(--muted);font-size:.75rem}.mission-actions{flex-wrap:wrap;gap:7px;display:flex}.mission-actions button{padding:.5rem .7rem;font-size:.78rem}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:1.3rem;gap:16px;width:min(420px,100%);padding:32px;display:grid;box-shadow:0 24px 80px #41283f25}.login-card p{color:var(--muted)}.login-card button{background:var(--ink);color:#fff}.shared-login-link{border:1px solid var(--plum);color:var(--plum);text-align:center;border-radius:.75rem;padding:.72rem 1rem;font-weight:800;text-decoration:none;display:block}@media (max-width:980px){.main-grid,.bottom-grid{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls>.eyebrow,.controls>h2,.controls>label,.inventory{grid-column:1/-1}.topbar{align-items:flex-start}.status-row{border-radius:1rem;flex-wrap:wrap;justify-content:flex-end}}@media (max-width:820px){.mission-form{grid-template-columns:1fr 1fr}.mission-form>button{min-height:44px}}@media (max-width:620px){.console-shell{padding:12px}.topbar{min-width:0;display:grid}.topbar>*{min-width:0}.status-row{border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto auto;justify-content:stretch;gap:.5rem;width:100%;min-width:0;padding:.5rem;display:grid}.status-row>span:nth-child(2){min-width:0;font-size:.78rem}.status-row button{white-space:nowrap;padding:.58rem .65rem;font-size:.78rem}.login-link{font-size:.76rem}.controls{grid-template-columns:1fr}.board-panel .board-scroll{overscroll-behavior-x:contain;scrollbar-gutter:stable;padding-bottom:8px;overflow-x:auto}.board-panel .board-scroll-hint{width:max-content;color:var(--muted);margin:0 0 6px;font-size:.72rem;font-weight:750;display:block;position:sticky;left:0}.board-panel .board-stage{width:720px}.cell-label{font-size:11px}.panel{min-width:0;padding:12px}.table-panel{overflow-x:auto}.center-widget{font-size:.78rem}.mission-form{grid-template-columns:1fr}.mission-card{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}