:root{color-scheme:dark;--bg:#090c11;--panel:#111722;--panel2:#151d2a;--line:#273247;--line2:#33405a;--text:#eef4ff;--muted:#8d9aae;--green:#37d17f;--blue:#68a9ff;--yellow:#ffc857;--red:#ff6b6b;--cyan:#5ed6df;--shadow:0 16px 50px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 20% -10%,#14243c 0,transparent 28rem),var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.site-header{height:72px;padding:0 max(24px,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(9,12,17,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand-wrap{display:block}.brand{font-size:20px;font-weight:950;letter-spacing:-.03em}.subbrand{font-size:10px;color:var(--muted);letter-spacing:.16em;font-weight:700}.subbrand span{color:var(--yellow)}nav{display:flex;gap:22px;color:#b8c3d4;font-weight:700}nav a:hover{color:#fff}
main{max-width:1480px;margin:auto;padding:30px 24px 64px}footer{max-width:1480px;margin:auto;padding:20px 24px 42px;color:var(--muted);font-size:11px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:900;color:var(--blue);margin-bottom:7px}.hero,.gamehead{display:flex;justify-content:space-between;align-items:end;gap:22px}.hero h1,.gamehead h1{font-size:34px;letter-spacing:-.035em;margin:0 0 5px}.hero p,.gamehead p,.muted{color:var(--muted);margin:0}.back-link{display:inline-block;color:#a9b8cc;margin-bottom:18px}.back-link:hover,.analysis-link:hover{color:#fff}
.toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.toolbar label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.toolbar input,.toolbar select{display:block;margin-top:5px;min-width:72px}.toolbar label:nth-child(3) select{min-width:150px}input,select{background:#0e141e;color:var(--text);border:1px solid var(--line);padding:9px 10px;border-radius:8px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(104,169,255,.12)}button,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#07111e;border:0;padding:10px 14px;border-radius:8px;font-weight:900;cursor:pointer}.button.secondary,button.secondary{background:#202b3d;color:var(--text);border:1px solid var(--line2)}button:hover,.button:hover{filter:brightness(1.08)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stats-5{grid-template-columns:repeat(5,1fr)}.stats>div,.features>div{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:17px;border-radius:11px;box-shadow:var(--shadow)}.stats span,.features span,.prob span,.decision-card span,.explain-grid span,.diagnostic-grid span,.tier-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.stats b,.features b{display:block;font-size:20px;margin:4px 0}.stats small{display:block}
.panel{background:linear-gradient(180deg,rgba(21,29,42,.96),rgba(17,23,34,.98));border:1px solid var(--line);border-radius:13px;padding:20px;margin:18px 0;box-shadow:var(--shadow)}.compact{margin:0}.panel h2{font-size:18px;margin:0 0 14px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title-row h2{margin:0}.panel-title-row p{margin-top:4px}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.top-picks{margin-top:10px}.top-pick{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #202a3b}.top-pick:first-child{border-top:0}.top-pick>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#223149;color:var(--blue);font-weight:900}.top-pick b,.top-pick small{display:block}.top-pick strong{font-size:19px;color:var(--green)}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.diagnostic-grid>div{background:#0e151f;border:1px solid #202b3c;border-radius:9px;padding:12px}.diagnostic-grid b{display:block;font-size:20px;margin-top:4px}.warning-strip{margin-top:12px;padding:10px 12px;border-radius:8px;background:rgba(255,200,87,.09);border:1px solid rgba(255,200,87,.28);color:#ffd77b}.warning-strip.wide{margin:18px 0}
.table{overflow:auto;margin-top:12px}table{width:100%;min-width:1120px;border-collapse:collapse}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #202a39;vertical-align:middle}th{position:sticky;top:0;background:var(--panel);z-index:2;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}tr:hover td{background:rgba(255,255,255,.015)}.rank{color:var(--muted);font-weight:800}.matchup{font-weight:800;white-space:nowrap}.matchup em{font-style:normal;color:var(--muted);font-weight:500;margin:0 3px}.matchup:hover{color:var(--blue)}td small,.pick-cell small,.result-cell small{display:block;color:var(--muted);margin-top:3px}.pick-cell b,.pick-heading span{color:var(--green)}.analysis-link{font-size:12px;color:var(--blue);font-weight:800;white-space:nowrap}.warn-text{color:var(--yellow)!important}.final-row td{background:rgba(255,255,255,.008)}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:950;border:1px solid var(--line)}.badge.ok,.quality-text.ok{color:var(--green);border-color:rgba(55,209,127,.35);background:rgba(55,209,127,.07)}.badge.degraded,.quality-text.degraded{color:var(--yellow);border-color:rgba(255,200,87,.35);background:rgba(255,200,87,.07)}.badge.blocked,.quality-text.blocked{color:var(--red);border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.07)}.badge.unknown,.quality-text.unknown{color:var(--muted)}.result{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;border-radius:7px;font-weight:950}.result.w{color:var(--green);background:rgba(55,209,127,.12);border:1px solid rgba(55,209,127,.32)}.result.l{color:var(--red);background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3)}.result.p{color:var(--yellow);background:rgba(255,200,87,.1);border:1px solid rgba(255,200,87,.3)}
.notice{padding:16px;border:1px solid #33415a;background:#101722;border-radius:10px;color:#bdc8d8}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cols .panel{margin:0}.gamehead{margin-bottom:16px}.quality-card,.prob{background:#121d2d;border:1px solid #2f4668;border-radius:14px;padding:18px 24px;text-align:right;min-width:205px}.quality-card span,.quality-card small{display:block;color:var(--muted)}.quality-card b{font-size:27px}.prob b{display:block;color:var(--green);font-size:40px;letter-spacing:-.04em}.prob small{display:block}.scoreboard{display:flex;align-items:center;gap:10px;font-size:19px;margin:10px 0}.scoreboard b{font-size:27px}.scoreboard em{color:var(--muted);font-style:normal}.decision-card{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:18px 0}.decision-card>div{background:var(--panel);padding:16px}.decision-card strong{display:block;font-size:21px;margin:4px 0}.decision-card>div:first-child strong{color:var(--green)}.decision-card small{display:block;color:var(--muted)}.lead{font-size:16px;color:#c8d2e2}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.explain-grid>div{padding:13px;background:#0e151f;border:1px solid #202b3c;border-radius:9px}.explain-grid b{display:block;font-size:21px;margin:4px 0}.explain-grid small{color:var(--muted)}.rationale-list{padding-left:20px}.rationale-list li{margin:8px 0}.quality-list{display:grid;gap:8px}.quality-issue{display:flex;gap:11px;padding:12px;background:rgba(255,200,87,.06);border:1px solid rgba(255,200,87,.18);border-radius:9px}.quality-issue>span{color:var(--yellow);font-size:18px}.quality-issue p{margin:3px 0 0;color:var(--muted)}.quality-issue.good{background:rgba(55,209,127,.05);border-color:rgba(55,209,127,.16)}.quality-issue.good>span{color:var(--green)}.panel p span{color:var(--muted);display:inline-block;min-width:105px}.history-list>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:10px 0;border-top:1px solid #222c3c}.history-list>div:first-child{border-top:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tier-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.tier-grid>div{background:#0e151f;border:1px solid #202b3c;border-radius:9px;padding:12px}.tier-grid b{font-size:18px;display:block;margin:4px 0}.tier-grid small{color:var(--muted)}
.flash{padding:13px 15px;border-radius:9px;margin:18px 0;border:1px solid rgba(55,209,127,.3);background:rgba(55,209,127,.07);color:#b9f4d3}.flash.error{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.07);color:#ffc3c3}.unlock-panel{max-width:700px}.unlock-panel p{color:var(--muted)}code{background:#0a1018;border:1px solid #263246;padding:2px 5px;border-radius:5px}.inline-form,.upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input{min-width:310px}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.operation{margin:0;position:relative}.operation p{color:var(--muted);min-height:42px}.step{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#213149;color:var(--blue);font-weight:950;margin-bottom:10px}.step.inline{margin:0 8px 0 0;vertical-align:middle}.line-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.line-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#0e151f;border:1px solid #202b3c;border-radius:9px}.line-entry span b,.line-entry span small{display:block}.line-entry div{display:flex;align-items:center;gap:6px}.line-entry em{font-style:normal;color:var(--muted);font-weight:800}.line-entry input{width:82px}.form-actions{margin-top:14px;text-align:right}.upload-form input[type=file]{flex:1;min-width:260px}.pick-heading{margin:12px 0 0}.pick-heading span{font-size:26px}hr{border:0;border-top:1px solid var(--line);margin:16px 0}
@media(max-width:1100px){.stats-5{grid-template-columns:repeat(3,1fr)}.decision-card{grid-template-columns:repeat(3,1fr)}.tier-grid{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr 1fr}.line-grid{grid-template-columns:1fr}}
@media(max-width:760px){main{padding:22px 14px 50px}.site-header{padding:0 14px}.site-header nav{gap:12px;font-size:12px}.hero,.gamehead{align-items:stretch;flex-direction:column}.toolbar{width:100%}.toolbar label{flex:1}.toolbar input,.toolbar select{width:100%}.stats,.stats-5,.features{grid-template-columns:repeat(2,1fr)}.insight-grid,.cols{grid-template-columns:1fr}.decision-card{grid-template-columns:1fr 1fr}.explain-grid{grid-template-columns:1fr}.quality-card,.prob{text-align:left;width:100%}.panel-title-row{align-items:flex-start;flex-direction:column}.ops-grid{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr 1fr}.history-list>div{grid-template-columns:1fr}.brand{font-size:18px}}

/* v0.5.1 clarity + interaction polish */
.help{display:inline-flex!important;align-items:center;gap:5px;position:relative;cursor:help;min-width:0!important;color:inherit!important;outline:none}.help i{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #52627a;border-radius:50%;font-style:normal;font-size:9px;line-height:1;color:#aab8cc;background:#101722;transition:.15s}.help:hover i,.help:focus i{border-color:var(--blue);color:#fff;background:#1c3556}.help:after{content:attr(data-tooltip);position:absolute;z-index:50;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:290px;padding:10px 12px;border-radius:8px;background:#050a11;border:1px solid #3a4b64;color:#eaf1fb;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;box-shadow:0 12px 34px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:.14s}.help:before{content:"";position:absolute;z-index:51;left:50%;bottom:calc(100% + 5px);width:8px;height:8px;background:#050a11;border-right:1px solid #3a4b64;border-bottom:1px solid #3a4b64;transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;transition:.14s}.help:hover:after,.help:hover:before,.help:focus:after,.help:focus:before,.help.tooltip-open:after,.help.tooltip-open:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.help:hover:before,.help:focus:before,.help.tooltip-open:before{transform:translateX(-50%) rotate(45deg)}
th .help:after{left:0;transform:translateY(4px)}th .help:before{left:12px;transform:rotate(45deg)}th .help:hover:after,th .help:focus:after,th .help.tooltip-open:after{transform:translateY(0)}th .help:hover:before,th .help:focus:before,th .help.tooltip-open:before{transform:rotate(45deg)}
.stats>div{min-height:88px;display:flex;flex-direction:column;justify-content:center}.stats b{letter-spacing:-.02em}.stats small{line-height:1.35}.stats .help{width:max-content}.panel-title-row{margin-bottom:12px}.insight-grid .panel{min-height:230px}.top-pick{border-radius:8px;padding:11px 8px}.top-pick:hover{background:#101a28}.top-pick strong{font-variant-numeric:tabular-nums}.diagnostic-grid>div{min-height:68px}.warning-strip{display:flex;gap:7px;flex-direction:column}.warning-strip span{color:#d9c58f;font-size:12px;line-height:1.45}
.slate-panel{padding:22px}.table table{font-variant-numeric:tabular-nums}.table th{height:42px}.table td{line-height:1.25}.pick-cell b{font-size:14px}.result-cell b{white-space:nowrap}.cover-value{display:flex;align-items:baseline;gap:5px}.cover-value small{margin:0}.meter{height:4px;width:72px;background:#263246;border-radius:999px;overflow:hidden;margin-top:7px}.meter span{display:block;height:100%;background:linear-gradient(90deg,#5b9fff,#37d17f);border-radius:999px}.tier-meter{width:100%;height:5px}.tier-grid>div{min-height:82px}.tier-grid span{white-space:nowrap}.tier-grid small{display:block;margin-bottom:8px}
.decision-card>div{min-height:96px;display:flex;flex-direction:column;justify-content:center}.decision-card .decision-primary{background:linear-gradient(145deg,rgba(55,209,127,.09),var(--panel))}.explanation-panel .lead{padding:13px 15px;background:#0e151f;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;line-height:1.55}.explain-grid>div{min-height:94px}.explain-grid small{line-height:1.35}.rationale-list{margin-top:16px;color:#cbd5e4}.rationale-list li::marker{color:var(--blue)}
.metric-section .panel{margin:0}.compare-metrics{display:grid;margin-top:12px;border:1px solid #263246;border-radius:10px;overflow:hidden}.compare-metrics>div{display:grid;grid-template-columns:1.45fr .8fr .8fr;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid #202b3c}.compare-metrics>div:first-child{border-top:0}.compare-metrics>div:nth-child(even){background:#0e151f}.compare-metrics .metric-head{background:#111b29!important;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.compare-metrics b{text-align:right;font-variant-numeric:tabular-nums}.compare-metrics .help{font-size:12px;color:#aebbd0!important}.quality-card{box-shadow:inset 0 1px rgba(255,255,255,.02)}
@media(max-width:760px){.help:after{position:fixed;left:16px!important;right:16px;bottom:20px;width:auto;max-width:none;transform:none!important}.help:before{display:none}.compare-metrics>div{grid-template-columns:1.2fr .7fr .7fr}.insight-grid .panel{min-height:0}}

/* v0.5.2: body-level tooltip portal avoids clipping inside scrollable tables/sticky headers. */
.help:after,.help:before{display:none!important}
.tooltip-portal{position:fixed;z-index:10000;width:max-content;max-width:min(320px,calc(100vw - 20px));padding:10px 12px;border-radius:8px;background:#050a11;border:1px solid #3a4b64;color:#eaf1fb;font-size:12px;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none;box-shadow:0 12px 34px rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}
.tooltip-portal.visible,.tooltip-portal.measuring{opacity:1;visibility:visible}
.tooltip-portal.measuring{left:-9999px!important;top:-9999px!important;transition:none}
.tooltip-portal:after{content:"";position:absolute;left:var(--arrow-left,50%);width:8px;height:8px;background:#050a11;transform:translateX(-50%) rotate(45deg)}
.tooltip-portal[data-placement="above"]:after{bottom:-5px;border-right:1px solid #3a4b64;border-bottom:1px solid #3a4b64}
.tooltip-portal[data-placement="below"]:after{top:-5px;border-left:1px solid #3a4b64;border-top:1px solid #3a4b64}
@media(max-width:760px){.tooltip-portal{left:16px!important;right:16px!important;top:auto!important;bottom:20px!important;width:auto;max-width:none}.tooltip-portal:after{display:none}}
.beta-badge{font-size:9px;border:1px solid #5b6f8e;border-radius:999px;padding:2px 6px;margin-left:6px;color:#9bb8e6}.nav-user{color:#7890b3;font-size:12px;margin-left:10px}.nav-form{display:inline}.link-button{background:none;border:0;color:#9db1d0;padding:0;cursor:pointer}.auth-shell{max-width:440px;margin:9vh auto}.auth-card{padding:30px}.auth-card h1{margin:.25rem 0}.auth-form{display:grid;gap:15px;margin-top:22px}.auth-form label{display:grid;gap:6px;color:#91a6c5;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.auth-form input{width:100%;box-sizing:border-box}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#63a9ff;font-weight:700}.invite-created code{display:block;white-space:normal;word-break:break-all;background:#0b111a;padding:12px;border-radius:6px}.action-cell{display:flex;gap:8px;align-items:center}.action-cell form{margin:0}.pill.bad{color:#ff7b85;border-color:#7d3038}
/* v0.6B production-foundation UI */
.readiness{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.readiness>div{background:#0e151f;border:1px solid #202b3c;border-radius:9px;padding:12px}.readiness span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.readiness b{display:block;font-size:18px;margin-top:4px}.readiness .ready b{color:var(--green)}.readiness .bad b{color:var(--red)}.snapshot-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 15px;border:1px solid rgba(55,209,127,.28);background:rgba(55,209,127,.06);border-radius:10px;margin:16px 0}.snapshot-banner b{color:var(--green)}.freshness{color:var(--muted);font-size:12px}.feedback-form{display:grid;grid-template-columns:190px 1fr auto;gap:8px}.feedback-form textarea{background:#0e141e;color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px;min-height:70px;resize:vertical}.danger-note{color:var(--yellow);font-size:12px}.operation.locked{opacity:.72}.operation.locked button{cursor:not-allowed;background:#2a3444;color:#8f9bad}
@media(max-width:900px){.readiness{grid-template-columns:repeat(3,1fr)}.feedback-form{grid-template-columns:1fr}}
.pool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pool-card{display:flex;justify-content:space-between;align-items:center;padding:18px;border:1px solid var(--line,#d8dee8);border-radius:12px;text-decoration:none}.pool-card:hover{transform:translateY(-1px)}.empty-state{padding:24px;text-align:center;opacity:.7}.danger-zone{margin-top:18px}.danger-zone form{margin-top:10px}
.health-checks{display:grid;gap:.55rem;margin-top:1rem}.health-row{display:grid;grid-template-columns:90px minmax(150px,220px) 1fr;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid var(--border,#283241)}.health-row code{font-size:.85em}@media(max-width:700px){.health-row{grid-template-columns:80px 1fr}.health-row .muted{grid-column:1/-1}}

/* v0.9 membership */
.entitlement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.entitlement-card{border:1px solid var(--border,#303846);border-radius:12px;padding:18px;background:rgba(255,255,255,.02)}.entitlement-card h3{margin-top:0}