:root{color:#e9f1ec;font-synthesis:none;--bg:#07110f;--surface:#0d1a17;--surface-2:#12231f;--border:#a5c1b229;--mint:#8ce0b8;--mint-strong:#3ed58e;--gold:#e6b95c;--orange:#d9824a;--muted:#8da29a;--danger:#ef8d7d;background:#07110f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 62% 0%, #255b442e, transparent 32%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.toast{z-index:60;color:#092018;background:var(--mint);white-space:nowrap;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700;position:fixed;top:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000059}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#07110fe0;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{width:38px;height:38px;color:var(--mint);border:1px solid #8ce0b86b;border-radius:8px;place-items:center;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 18px #3ed58e14}.brand-lockup h1{letter-spacing:-.03em;margin:2px 0 0;font-size:17px}.eyebrow,.section-kicker{letter-spacing:.18em;color:var(--mint);margin:0;font:500 10px/1 DM Mono,monospace}.privacy-chip{border:1px solid var(--border);color:#abc0b7;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.privacy-chip span,.live-dot:before{background:var(--mint-strong);width:7px;height:7px;box-shadow:0 0 10px var(--mint-strong);border-radius:50%}main{max-width:1580px;margin:0 auto;padding:34px}.hero-copy{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.hero-copy h2{letter-spacing:-.055em;margin:12px 0;font-size:clamp(30px,4vw,54px);line-height:1.08}.hero-copy h2 em{color:var(--mint);font-style:normal}.hero-copy>div>p:last-child{color:var(--muted);max-width:650px;margin:0}.status-ribbon{border:1px solid var(--border);background:#0d1a17b8;border-radius:14px;display:flex;overflow:hidden}.status-ribbon div{border-left:1px solid var(--border);flex-direction:column;min-width:112px;padding:15px 24px;display:flex}.status-ribbon div:first-child{border-left:0}.status-ribbon strong{color:#fff;font:500 20px DM Mono,monospace}.status-ribbon span{color:var(--muted);margin-top:3px;font-size:11px}.usage-guide{margin:0 0 18px;padding:0;overflow:hidden}.usage-guide summary{cursor:pointer;color:var(--text);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:800;list-style:none;display:flex}.usage-guide[open] summary{border-bottom-color:var(--border)}.usage-guide summary span{color:var(--muted);font-size:10px;font-weight:500}.usage-steps{background:var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.usage-steps article{background:var(--surface);min-height:116px;padding:15px}.usage-steps article>b{color:#092018;background:var(--mint);border-radius:50%;place-items:center;width:24px;height:24px;margin-bottom:9px;font:700 10px DM Mono;display:grid}.usage-steps strong{margin-bottom:5px;font-size:11px;display:block}.usage-steps p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.usage-steps em{color:var(--mint);font-style:normal;font-weight:700}.workspace-grid{grid-template-columns:260px minmax(420px,1fr) 330px;align-items:start;gap:16px;display:grid}.control-stack,.analysis-stack{gap:14px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#12231ff0,#0b1815fa);border-radius:16px;box-shadow:0 18px 40px #00000029}.setup-panel,.relic-panel,.recommendation-panel,.eta-panel,.reset-panel{padding:18px}.panel-heading{gap:12px;margin-bottom:16px;display:flex}.panel-heading .step{color:var(--gold);margin-top:3px;font:500 10px DM Mono}.panel h3{margin:0;font-size:15px}.panel-heading p,.muted{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.6}.segmented{background:#07120f;border-radius:10px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:9px 3px;font:500 11px DM Mono}.segmented button.active{background:var(--surface-2);color:var(--mint);box-shadow:0 1px 8px #0000004d}.mode-switch{background:#07120f;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:4px;display:grid}.mode-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 4px;font-size:10px}.mode-switch button.active{color:var(--mint);background:var(--surface-2)}.file-button.primary-file{color:#072016;background:var(--mint);border-color:#0000;font-weight:800}.primary-button,.secondary-button,.ghost-button,.file-button{text-align:center;border:1px solid #0000;border-radius:10px;width:100%;padding:11px 12px;display:block}.primary-button{color:#072016;background:var(--mint);font-weight:800}.secondary-button{color:#102018;background:var(--gold);border:0;font-weight:700}.ghost-button,.file-button{color:#b9cbc3;border-color:var(--border);background:#ffffff06;margin-top:8px}.file-button{cursor:pointer;font-size:12px}.file-button input{display:none}.inline-error{color:var(--danger);font-size:11px;line-height:1.5}.roi-state{background:#07120f;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.roi-state span{color:var(--gold);font-size:12px}.roi-state.ready span{color:var(--mint)}.roi-state small{color:var(--muted);font-size:10px}.capture-panel{min-width:0;padding:20px}.capture-toolbar,.panel-title-row,.board-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.capture-toolbar-actions{align-items:center;gap:8px;display:flex}.capture-toolbar-actions .small-button{margin:0}.capture-toolbar h3,.panel-title-row h3{margin-top:6px;font-size:18px}.capture-state,.beta-badge{letter-spacing:.1em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:7px 9px;font:500 9px DM Mono}.capture-state.active{color:var(--mint);border-color:#3ed58e59}.capture-stage{aspect-ratio:16/9;touch-action:none;-webkit-user-select:none;user-select:none;background:#050b09;border:1px dashed #8ce0b838;border-radius:12px;margin-top:16px;position:relative;overflow:hidden}.capture-stage video,.capture-stage img{object-fit:contain;pointer-events:none;width:100%;height:100%}.empty-capture{text-align:center;color:var(--muted);place-content:center;display:grid;position:absolute;inset:0}.empty-capture strong{color:#dbe7e1;font-size:13px}.empty-capture p{margin:6px 0;font-size:11px}.scan-icon{color:var(--mint);margin-bottom:8px;font-size:36px}.roi-box{border:2px solid var(--gold);pointer-events:none;background:#e6b95c14;position:absolute;box-shadow:0 0 0 9999px #0000005c}.roi-box span{background:var(--gold);color:#201606;white-space:nowrap;border-radius:4px;padding:4px 7px;font:600 9px DM Mono;position:absolute;top:-24px;left:-2px}.roi-verification{border:1px solid var(--border);background:#091512;border-radius:12px;margin:14px 0 0;padding:14px}.verification-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.verification-heading h4{margin:2px 0 0;font-size:12px}.verification-heading>span{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:4px 8px;font-size:9px}.verification-heading>span.confirmed{border-color:var(--mint);color:var(--mint)}.roi-preview-wrap{background:#020806;border:1px solid #8ce0b857;border-radius:8px;width:100%;min-height:100px;position:relative;overflow:hidden}.roi-preview-wrap canvas{object-fit:contain;width:100%;height:auto;min-height:100px;display:block}.grid-overlay{pointer-events:none;background-image:linear-gradient(90deg,#8ce0b875 1px,#0000 1px),linear-gradient(#8ce0b875 1px,#0000 1px);display:block;position:absolute;inset:0}.subregion,.slot-divider{pointer-events:none;box-sizing:border-box;position:absolute}.subregion{border:2px solid var(--mint);background:#3ed58e09}.subregion>span{z-index:2;color:#06110d;background:var(--mint);white-space:nowrap;border-radius:3px;padding:2px 4px;font:700 8px DM Mono;position:absolute;top:2px;left:3px}.gauge-region{background:#74b9ff14;border-color:#74b9ff}.gauge-region>span{color:#06101a;background:#74b9ff}.slots-region{border-color:var(--gold);background:#e6b95c14}.slots-region>span{color:#201606;background:var(--gold)}.reward-region{z-index:4;background:#c792ea1c;border-color:#c792ea}.reward-region>span{color:#160b1e;background:#c792ea}.reward-progress.ready{border-color:#3ed58e73}.slot-divider{z-index:3;border-left:1px dashed #ffffffa6}.slot-divider>span{color:#fff;text-shadow:0 1px 2px #000;font:700 8px DM Mono;position:absolute;bottom:2px;right:3px}.attention{animation:.9s ease-in-out infinite alternate attention-pulse;box-shadow:0 0 0 2px #e6b95c73,0 0 18px #e6b95c40}@keyframes attention-pulse{0%{filter:brightness()}to{filter:brightness(1.3)}}.layout-warning{color:var(--danger)!important}.frame-monitor{border:1px solid var(--border);background:#050e0ca6;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:12px 0;padding:11px 13px;display:grid}.frame-monitor h4{margin:3px 0 0;font-size:12px}.frame-monitor>strong{color:var(--muted);font-size:10px}.frame-monitor>p{color:var(--muted);grid-column:1/-1;margin:3px 0 0;font-size:9px;line-height:1.5}.frame-monitor.ready>strong,.frame-monitor.stable>strong{color:var(--mint)}.frame-monitor.transition>strong,.frame-monitor.calibrating>strong,.frame-monitor.changed>strong{color:var(--gold)}.frame-monitor.blocked{border-color:#dc5c5c73}.frame-monitor.blocked>strong{color:var(--danger)}.collapsed-preview{border:1px dashed var(--border);background:#050e0c8c;border-radius:10px;justify-content:space-between;align-items:center;margin:14px 0 0;padding:14px;display:flex}.collapsed-preview strong{color:var(--mint);font-size:11px}.collapsed-preview span{color:var(--muted);font-size:9px}.roi-verification>p{color:var(--muted);margin:9px 0;font-size:10px;line-height:1.5}.verification-actions{grid-template-columns:2fr 1fr;gap:7px;display:grid}.verification-actions button{padding:8px;font-size:10px}.notice-card{border-radius:9px;gap:10px;margin:12px 0 18px;padding:11px;font-size:11px;line-height:1.5;display:flex}.notice-card.warning{color:#cdbb92;background:#e6b95c14;border:1px solid #e6b95c33}.notice-card>span{color:var(--gold);font-weight:800}.notice-card p{margin:0}.notice-card strong{color:#f1ddb0;display:block}.remaining-summary{grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 14px;display:grid}.remaining-summary div{border:1px solid var(--border);background:#050e0cb3;border-radius:9px;min-width:0;padding:10px}.remaining-summary span,.remaining-summary strong,.remaining-summary small{display:block}.remaining-summary span{color:var(--muted);font-size:8px}.remaining-summary strong{color:#fff;white-space:nowrap;margin-top:4px;font:700 12px DM Mono}.remaining-summary small{color:var(--gold);margin-top:2px;font-size:7px}.reward-progress{border:1px solid var(--border);background:#050e0cb3;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin:0 0 14px;padding:11px 13px;display:grid}.reward-progress h4{margin:3px 0 0;font-size:12px}.reward-progress>strong{color:var(--gold);font-size:10px}.reward-progress>p{color:var(--muted);grid-column:1/-1;margin:3px 0 0;font-size:9px;line-height:1.5}.reward-progress.pending{border-color:#e6b95c4d}.board-toolbar{margin:16px 0 12px}.board-toolbar>div{flex-direction:column;display:flex}.board-toolbar strong{font-size:13px}.board-toolbar span{color:var(--muted);margin-top:3px;font-size:10px}.manual-board-guide{border-left:3px solid var(--gold);background:#e2be6312;margin:0 0 12px;padding:10px 12px}.manual-board-guide strong,.manual-board-guide span{display:block}.manual-board-guide strong{color:var(--gold);font-size:10px}.manual-board-guide span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.5}.manual-board-guide b{color:var(--text)}.manual-board-guide i{color:var(--mint);font-style:normal}.small-button{border:1px solid var(--border);color:var(--mint);background:0 0;border-radius:8px;padding:7px 9px;font-size:10px}.board-wrap{max-width:640px;margin:0 auto}.board-grid{border:1px solid var(--border);aspect-ratio:1;background:#06100d;border-radius:10px;gap:2px;padding:8px;display:grid}.grid-cell{color:#ffffff8c;border:0;border-radius:3px;min-width:0;font:500 8px DM Mono;transition:transform .12s,filter .12s}.grid-cell:hover{filter:brightness(1.2);transform:scale(.94)}.grid-cell.covered{background:linear-gradient(135deg,#86553a,#5b382a);box-shadow:inset 0 0 0 1px #ffc8961f}.grid-cell.open{background:#173c2b}.grid-cell.uncertain{background:repeating-linear-gradient(135deg,#6f642c,#6f642c 4px,#4d471f 4px 8px)}.legend{color:var(--muted);justify-content:center;gap:16px;margin-top:10px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:8px;height:8px}.legend i.covered{background:#86553a}.legend i.open{background:#215a3d}.legend i.uncertain{background:#8a7b32}.panel-title-row{margin-bottom:11px}.live-dot{color:var(--mint);align-items:center;gap:6px;font:500 9px DM Mono;display:flex}.live-dot:before{content:"";display:block}.slot-list{gap:7px;margin-top:14px;display:grid}.slot-row{background:#050e0c99;border-radius:10px;grid-template-columns:34px 1fr 46px;align-items:center;gap:9px;padding:8px;display:grid}.slot-icon{color:#fff;background:#66412d;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.slot-icon.specialBomb{background:#735521}.slot-icon.laserX,.slot-icon.laserY{color:var(--mint);background:#275c48}.slot-row strong{font-size:11px;display:block}.slot-row small{color:var(--muted);font-size:9px}.slot-row input{border:1px solid var(--border);color:#fff;text-align:center;background:#07120f;border-radius:7px;width:46px;padding:7px 4px}.empty-result{text-align:center;color:var(--muted);padding:18px 10px;font-size:11px}.empty-result>span{color:var(--mint);font-size:28px}.empty-result p{line-height:1.5}.recommendation-card{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.recommendation-head{justify-content:space-between;font-size:12px;display:flex}.recommendation-head span{color:var(--mint);font:500 11px DM Mono}.recommendation-card ol{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.recommendation-card li{background:#ffffff05;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:7px;font-size:10px;display:grid}.recommendation-card li.best{background:#3ed58e14;border:1px solid #3ed58e2b}.rank{color:var(--gold);font:500 9px DM Mono}.gain{color:var(--muted)}.gauge-input{align-items:end;gap:6px;margin:12px 0;display:flex}.gauge-input label{color:var(--muted);flex:1;font-size:10px}.gauge-input input{border:1px solid var(--border);color:#fff;background:#07120f;border-radius:8px;width:100%;margin-top:5px;padding:8px;display:block}.gauge-input>span{color:var(--muted);padding-bottom:8px;font:500 10px DM Mono}.eta-value{letter-spacing:-.04em;color:#fff;margin:10px 0 5px;font-size:22px;font-weight:800}.eta-value small{color:var(--muted);font-size:11px}.progress-track{background:#07120f;border-radius:999px;height:5px;overflow:hidden}.progress-track span{background:var(--mint);height:100%;display:block}.eta-details{grid-template-columns:1fr 1fr;gap:7px;display:grid}.eta-details div{background:#ffffff06;border-radius:7px;padding:8px}.eta-details dt{color:var(--muted);font-size:9px}.eta-details dd{margin:3px 0 0;font-size:11px}.reset-panel div{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.reset-panel button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:7px;padding:7px;font-size:10px}@media (width<=1180px){.workspace-grid{grid-template-columns:230px 1fr}.analysis-stack{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.reset-panel{grid-column:1/-1}.hero-copy{align-items:start}.status-ribbon{display:none}.usage-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar{padding:0 18px}.privacy-chip{display:none}main{padding:22px 14px}.workspace-grid{grid-template-columns:1fr}.analysis-stack{grid-column:auto;grid-template-columns:1fr}.hero-copy h2{font-size:34px}.control-stack{grid-template-columns:1fr}.capture-panel{padding:14px}.board-toolbar{align-items:flex-start}.topbar h1{font-size:14px}.usage-steps{grid-template-columns:1fr}}