#slt-wrap *{box-sizing:border-box;margin:0;padding:0}
#slt-wrap{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#111;max-width:100%;line-height:1}
#slt-wrap input,#slt-wrap select,#slt-wrap button,#slt-wrap textarea{font-family:'Plus Jakarta Sans',system-ui,sans-serif}

/* Top bar */
#slt-wrap .slt-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ebebeb;margin-bottom:20px;flex-wrap:wrap;gap:10px}
#slt-wrap .slt-brand{display:flex;align-items:center;gap:10px}
#slt-wrap .slt-brand-icon{width:32px;height:32px;background:#e8192c;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#slt-wrap .slt-brand-sq{width:11px;height:11px;background:#fff;border-radius:3px}
#slt-wrap .slt-brand-text{font-size:14px;font-weight:700;color:#111}
#slt-wrap .slt-brand-sub{font-size:10px;color:#bbb;margin-top:2px}

/* SEA toggle */
#slt-wrap .slt-sea-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;padding:8px 12px;border:1px solid #ebebeb;border-radius:20px;transition:border-color .2s,background .2s}
#slt-wrap .slt-sea-toggle:hover{border-color:#ddd}
#slt-wrap .slt-sea-toggle.active{border-color:#e8192c;background:#fef5f5}
#slt-wrap .slt-sea-tog{width:32px;height:18px;background:#e0e0e0;border-radius:9px;position:relative;transition:background .2s;flex-shrink:0}
#slt-wrap .slt-sea-toggle.active .slt-sea-tog{background:#e8192c}
#slt-wrap .slt-sea-dot{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
#slt-wrap .slt-sea-toggle.active .slt-sea-dot{transform:translateX(14px)}
#slt-wrap .slt-sea-label{font-size:12px;font-weight:600;color:#888}
#slt-wrap .slt-sea-toggle.active .slt-sea-label{color:#e8192c}

/* Mode tabs */
#slt-wrap .slt-tabs{display:flex;gap:0;border:1px solid #ebebeb;border-radius:10px;overflow:hidden;margin-bottom:20px}
#slt-wrap .slt-tab{flex:1;padding:12px;text-align:center;cursor:pointer;font-size:13px;font-weight:600;color:#bbb;background:#fafafa;border-right:1px solid #ebebeb;transition:background .15s,color .15s;user-select:none}
#slt-wrap .slt-tab:last-child{border-right:none}
#slt-wrap .slt-tab.active{background:#fff;color:#111}
#slt-wrap .slt-tab-sub{font-size:10px;font-weight:400;color:#ccc;margin-top:2px}
#slt-wrap .slt-tab.active .slt-tab-sub{color:#bbb}

/* Cards */
#slt-wrap .slt-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:18px;margin-bottom:12px}
#slt-wrap .slt-card-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ccc;margin-bottom:14px}

/* Form fields */
#slt-wrap .slt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#slt-wrap .slt-field{display:flex;flex-direction:column;gap:4px}
#slt-wrap .slt-field label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#bbb;display:block}
#slt-wrap .slt-field input[type=number],#slt-wrap .slt-field select{font-size:13px;padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;background:#fff;color:#111;width:100%;outline:none;transition:border-color .15s,background .3s;-webkit-appearance:auto;appearance:auto;height:auto;line-height:normal;box-shadow:none}
#slt-wrap .slt-field input[type=number]:focus,#slt-wrap .slt-field select:focus{border-color:#111;box-shadow:none}
#slt-wrap .slt-hint{font-size:10px;color:#ccc}
#slt-wrap .slt-pwarn{font-size:11px;color:#e8192c;display:none;margin-top:3px;font-weight:500;line-height:1.4}
#slt-wrap .slt-field-flash{animation:slt-flash .7s ease}
@keyframes slt-flash{0%{background:#fef0f0;border-color:#e8192c}100%{background:#fff;border-color:#ebebeb}}

/* Score card */
#slt-wrap .slt-score-card{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:20px;margin-bottom:12px;display:flex;gap:20px;align-items:flex-start}
#slt-wrap .slt-score-circle{flex-shrink:0;position:relative;width:88px;height:88px}
#slt-wrap .slt-score-circle svg{width:88px;height:88px}
#slt-wrap .slt-score-inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#slt-wrap .slt-score-n{font-size:26px;font-weight:800;color:#111;line-height:1}
#slt-wrap .slt-score-d{font-size:10px;color:#ccc;margin-top:1px}
#slt-wrap .slt-score-right{flex:1;padding-top:2px}
#slt-wrap .slt-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:7px}
#slt-wrap .slt-pill.ready{background:#fef0f0;color:#e8192c}
#slt-wrap .slt-pill.caution{background:#fff8e6;color:#b8820a}
#slt-wrap .slt-pill.notready{background:#f3f3f3;color:#888}
#slt-wrap .slt-pill-dot{width:5px;height:5px;border-radius:50%}
#slt-wrap .slt-pill.ready .slt-pill-dot{background:#e8192c}
#slt-wrap .slt-pill.caution .slt-pill-dot{background:#b8820a}
#slt-wrap .slt-pill.notready .slt-pill-dot{background:#888}
#slt-wrap .slt-verdict{font-size:17px;font-weight:700;color:#111;margin-bottom:4px;line-height:1.2}
#slt-wrap .slt-verdict-sub{font-size:12px;color:#999;line-height:1.5}

/* Two col layout */
#slt-wrap .slt-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}

/* Field list (inputs summary) */
#slt-wrap .slt-field-list{display:flex;flex-direction:column;gap:0}
#slt-wrap .slt-field-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f5f5f5}
#slt-wrap .slt-field-row:last-child{border-bottom:none;padding-bottom:0}
#slt-wrap .slt-field-label{font-size:12px;color:#bbb}
#slt-wrap .slt-field-val{font-size:12px;font-weight:600;color:#111}

/* Factors */
#slt-wrap .slt-factors{display:flex;flex-direction:column;gap:0}
#slt-wrap .slt-factor{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #f5f5f5}
#slt-wrap .slt-factor:last-child{border-bottom:none}
#slt-wrap .slt-fn{font-size:12px;color:#999;flex:1}
#slt-wrap .slt-fb{flex:0 0 80px;height:3px;background:#f0f0f0;border-radius:2px;overflow:hidden}
#slt-wrap .slt-ff{height:100%;border-radius:2px;transition:width .4s}
#slt-wrap .slt-fval{font-size:11px;font-weight:700;min-width:22px;text-align:right}

/* Metrics */
#slt-wrap .slt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
#slt-wrap .slt-metric{background:#fafafa;border-radius:8px;padding:14px;text-align:center}
#slt-wrap .slt-metric-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ccc;margin-bottom:6px}
#slt-wrap .slt-metric-val{font-size:18px;font-weight:800;color:#111}
#slt-wrap .slt-metric-val.good{color:#e8192c}
#slt-wrap .slt-metric-val.bad{color:#bbb}

/* Scenarios */
#slt-wrap .slt-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
#slt-wrap .slt-scenario{border-radius:8px;padding:14px;text-align:center}
#slt-wrap .slt-scenario.bear{background:#f8f8f8}
#slt-wrap .slt-scenario.base{background:#111}
#slt-wrap .slt-scenario.bull{background:#fef0f0}
#slt-wrap .slt-scenario-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}
#slt-wrap .slt-scenario.bear .slt-scenario-label{color:#ccc}
#slt-wrap .slt-scenario.base .slt-scenario-label{color:#666}
#slt-wrap .slt-scenario.bull .slt-scenario-label{color:#e8192c}
#slt-wrap .slt-scenario-val{font-size:16px;font-weight:800;margin-bottom:3px}
#slt-wrap .slt-scenario.bear .slt-scenario-val{color:#999}
#slt-wrap .slt-scenario.base .slt-scenario-val{color:#fff}
#slt-wrap .slt-scenario.bull .slt-scenario-val{color:#e8192c}
#slt-wrap .slt-scenario-copies{font-size:10px}
#slt-wrap .slt-scenario.bear .slt-scenario-copies{color:#ccc}
#slt-wrap .slt-scenario.base .slt-scenario-copies{color:#555}
#slt-wrap .slt-scenario.bull .slt-scenario-copies{color:#e8192c}
#slt-wrap .slt-chart-wrap{position:relative;width:100%;height:160px}

/* Tips */
#slt-wrap .slt-tips{display:flex;flex-direction:column;gap:10px}
#slt-wrap .slt-tip{display:flex;gap:10px;align-items:flex-start}
#slt-wrap .slt-tip-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:5px}
#slt-wrap .slt-tip.bad .slt-tip-dot{background:#e8192c}
#slt-wrap .slt-tip.warn .slt-tip-dot{background:#b8820a}
#slt-wrap .slt-tip.good .slt-tip-dot{background:#bbb}
#slt-wrap .slt-tip-text{font-size:12px;color:#888;line-height:1.6}

/* Share */
#slt-wrap .slt-share-preview{border:1px solid #ebebeb;border-radius:10px;padding:16px;margin-bottom:12px}
#slt-wrap .slt-share-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
#slt-wrap .slt-share-game{font-size:14px;font-weight:700;color:#111}
#slt-wrap .slt-share-via{font-size:11px;color:#ccc;margin-top:3px}
#slt-wrap .slt-share-right{text-align:right;flex-shrink:0}
#slt-wrap .slt-share-numwrap{display:flex;align-items:baseline;gap:3px;justify-content:flex-end}
#slt-wrap .slt-share-big{font-size:34px;font-weight:800;color:#111;line-height:1}
#slt-wrap .slt-share-denom{font-size:12px;color:#ccc}
#slt-wrap .slt-share-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #f0f0f0;border-radius:8px;overflow:hidden}
#slt-wrap .slt-share-stat{padding:10px;text-align:center;border-right:1px solid #f0f0f0}
#slt-wrap .slt-share-stat:last-child{border-right:none}
#slt-wrap .slt-share-stat-label{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ccc;margin-bottom:4px}
#slt-wrap .slt-share-stat-val{font-size:13px;font-weight:700;color:#111}
#slt-wrap .slt-name-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#bbb;display:block;margin-bottom:4px}
#slt-wrap .slt-name-input{font-size:13px;padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;background:#fff;color:#111;width:100%;outline:none;transition:border-color .15s;margin-bottom:10px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;box-shadow:none}
#slt-wrap .slt-name-input:focus{border-color:#111;box-shadow:none}
#slt-wrap .slt-url-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}
#slt-wrap .slt-url-box{flex:1;font-size:11px;font-family:monospace;padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;background:#fafafa;color:#bbb;word-break:break-all;line-height:1.5}
#slt-wrap .slt-copy-btn{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:0 16px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;cursor:pointer;white-space:nowrap;font-family:'Plus Jakarta Sans',system-ui,sans-serif;transition:background .15s,border-color .15s}
#slt-wrap .slt-copy-btn:hover{background:#e8192c;border-color:#e8192c}
#slt-wrap .slt-fine{font-size:11px;color:#ccc}

/* Search */
#slt-wrap .slt-search-row{display:flex;gap:8px;margin-bottom:6px}
#slt-wrap .slt-search-input{flex:1;font-size:13px;padding:9px 12px;border:1px solid #ebebeb;border-radius:8px;background:#fff;color:#111;outline:none;transition:border-color .15s;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
#slt-wrap .slt-search-input:focus{border-color:#111}
#slt-wrap .slt-search-btn{font-size:12px;font-weight:600;padding:0 16px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
#slt-wrap .slt-search-btn:hover{background:#e8192c;border-color:#e8192c}
#slt-wrap .slt-search-hint{font-size:11px;color:#bbb;margin-bottom:8px;line-height:1.5}
#slt-wrap .slt-dropdown{background:#fff;border:1px solid #ebebeb;border-radius:10px;overflow:hidden;display:none;margin-bottom:10px}
#slt-wrap .slt-dropdown.active{display:block}
#slt-wrap .slt-result{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background .1s}
#slt-wrap .slt-result:last-child{border-bottom:none}
#slt-wrap .slt-result:hover{background:#fafafa}
#slt-wrap .slt-result-img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#f0f0f0}
#slt-wrap .slt-result-name{font-size:13px;font-weight:600;color:#111;margin-bottom:2px}
#slt-wrap .slt-result-meta{font-size:11px;color:#bbb}
#slt-wrap .slt-result-meta span{color:#e8192c;font-weight:700}
#slt-wrap .slt-searching{padding:14px;font-size:12px;color:#bbb;text-align:center}
#slt-wrap .slt-no-results{padding:14px;font-size:12px;color:#bbb;text-align:center}

/* Selected game card */
#slt-wrap .slt-selected-card{display:none;align-items:center;gap:12px;padding:12px;background:#fafafa;border:1px solid #ebebeb;border-radius:10px;margin-bottom:10px}
#slt-wrap .slt-selected-card.active{display:flex}
#slt-wrap .slt-selected-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f0f0f0}
#slt-wrap .slt-selected-name{font-size:13px;font-weight:700;color:#111;margin-bottom:2px}
#slt-wrap .slt-selected-meta{font-size:11px;color:#bbb}
#slt-wrap .slt-clear-btn{margin-left:auto;font-size:11px;color:#bbb;cursor:pointer;padding:4px 10px;border:1px solid #ebebeb;border-radius:6px;background:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;flex-shrink:0;transition:color .15s,border-color .15s}
#slt-wrap .slt-clear-btn:hover{color:#e8192c;border-color:#e8192c}

/* Comparison board */
#slt-wrap .slt-comp-board{background:#fff;border:1px solid #ebebeb;border-radius:12px;overflow:hidden;margin-bottom:12px}
#slt-wrap .slt-comp-header{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #ebebeb}
#slt-wrap .slt-comp-header-cell{padding:14px 16px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ccc}
#slt-wrap .slt-comp-header-cell.yours{color:#111}
#slt-wrap .slt-comp-header-cell.theirs{color:#888}
#slt-wrap .slt-comp-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #f5f5f5}
#slt-wrap .slt-comp-row:last-child{border-bottom:none}
#slt-wrap .slt-comp-row.highlight{background:#fafafa}
#slt-wrap .slt-comp-cell{padding:12px 16px;font-size:13px;color:#111}
#slt-wrap .slt-comp-cell.label{font-size:11px;color:#bbb;font-weight:500;display:flex;align-items:center}
#slt-wrap .slt-comp-cell.yours{font-weight:700}
#slt-wrap .slt-comp-cell.theirs{color:#888}
#slt-wrap .slt-comp-cell.gap{font-size:11px}
#slt-wrap .slt-gap-pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700}
#slt-wrap .slt-gap-pill.behind{background:#fef0f0;color:#e8192c}
#slt-wrap .slt-gap-pill.ahead{background:#f0fef0;color:#2a7a2a}
#slt-wrap .slt-gap-pill.close{background:#fff8e6;color:#b8820a}
#slt-wrap .slt-comp-verdict{padding:16px;background:#fafafa;border-top:1px solid #ebebeb}
#slt-wrap .slt-comp-verdict-title{font-size:13px;font-weight:700;color:#111;margin-bottom:8px}
#slt-wrap .slt-comp-actions{display:flex;flex-direction:column;gap:8px}
#slt-wrap .slt-comp-action{display:flex;gap:8px;align-items:flex-start}
#slt-wrap .slt-comp-action-dot{width:5px;height:5px;border-radius:50%;background:#e8192c;flex-shrink:0;margin-top:5px}
#slt-wrap .slt-comp-action-text{font-size:12px;color:#888;line-height:1.6}
#slt-wrap .slt-comp-empty{padding:40px;text-align:center}
#slt-wrap .slt-comp-empty-title{font-size:14px;font-weight:600;color:#bbb;margin-bottom:6px}
#slt-wrap .slt-comp-empty-sub{font-size:12px;color:#ccc;line-height:1.6}

/* Mode panels */
#slt-wrap .slt-panel{display:none}
#slt-wrap .slt-panel.active{display:block}

/* SEA note */
#slt-wrap .slt-sea-note{font-size:11px;color:#e8192c;margin-top:8px;padding:8px 10px;background:#fef5f5;border-radius:6px;border-left:2px solid #e8192c;line-height:1.5;display:none}
#slt-wrap .slt-sea-note.active{display:block}

#slt-wrap .slt-divider{border:none;border-top:1px solid #f0f0f0;margin:14px 0}

#slt-wrap .slt-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:600px){#slt-wrap .slt-form-grid{grid-template-columns:1fr}#slt-wrap .slt-form-grid-3{grid-template-columns:1fr}}