:root{--mirror-bg:#050914;--mirror-panel:#0d1929;--mirror-panel-2:#081321;--mirror-line:#24364d;--mirror-text:#f7fbff;--mirror-muted:#96a6bb;--mirror-green:#2ee67f;--mirror-cyan:#4bc8ff;--mirror-red:#ff7183;--mirror-gold:#ffd166}
*{box-sizing:border-box}
body.dmc-page-mirror{margin:0;background:radial-gradient(circle at 8% 15%,rgba(0,168,255,.18),transparent 31%),radial-gradient(circle at 92% 18%,rgba(215,18,66,.17),transparent 34%),#040912;color:var(--mirror-text);font-family:Inter,system-ui,sans-serif}
button,input,select{font:inherit}
.mirror-page{width:min(1540px,100%);margin:0 auto;padding:20px;min-height:calc(100dvh - 66px)}
.mirror-page [hidden]{display:none!important}
.mirror-eyebrow{display:block;color:var(--mirror-green);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mirror-panel,.mirror-setup-card{border:1px solid var(--mirror-line);background:linear-gradient(145deg,rgba(13,25,41,.97),rgba(6,14,26,.97));border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.34)}
.mirror-btn{border:1px solid #30445f;background:#101d2d;color:#d9e5f3;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer;text-decoration:none;text-align:center;transition:.16s ease}
.mirror-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#4d678a}.mirror-btn:disabled{opacity:.42;cursor:not-allowed}
.mirror-btn-primary{background:var(--mirror-green);border-color:var(--mirror-green);color:#03130a;box-shadow:0 10px 30px rgba(46,230,127,.17)}
.mirror-btn-secondary{background:#111e2f}.mirror-btn-bust{border-color:rgba(255,113,131,.52);background:rgba(112,24,39,.28);color:#ffc1ca}.mirror-btn-large{width:100%;padding:15px}
.mirror-error{min-height:1.3em;margin:8px 0 0;color:#ff9baa;font-weight:750;font-size:.88rem}
.mirror-note{margin:8px 0 0;color:var(--mirror-muted);font-size:.8rem;line-height:1.45}
.mirror-setup{min-height:calc(100dvh - 106px);display:grid;grid-template-columns:1.12fr .88fr;border:1px solid var(--mirror-line);border-radius:26px;overflow:hidden;background:rgba(4,11,21,.74)}
.mirror-hero{padding:clamp(34px,5vw,82px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 12% 14%,rgba(46,230,127,.12),transparent 38%),#0c1a2a}
.mirror-hero h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(4.2rem,7vw,7rem);line-height:.84;letter-spacing:-.035em;margin:16px 0 24px;text-transform:uppercase}
.mirror-hero p{max-width:720px;margin:0;color:#b7c5d6;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}
.mirror-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.mirror-principles span{border:1px solid rgba(46,230,127,.3);background:rgba(46,230,127,.08);color:#c7ffdd;border-radius:999px;padding:10px 14px;font-weight:800;font-size:.83rem}
.mirror-setup-card{align-self:center;margin:28px clamp(22px,4vw,58px);padding:24px}
.mirror-profile-loading{padding:30px;text-align:center;color:var(--mirror-muted)}
.mirror-profile-preview{border:1px solid rgba(75,200,255,.25);border-radius:18px;padding:17px;background:rgba(3,11,22,.55);margin-bottom:16px}
.mirror-profile-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mirror-profile-title span{color:var(--mirror-muted);font-size:.75rem;text-transform:uppercase;font-weight:850}.mirror-profile-title strong{display:block;font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.1rem;line-height:1.1}.mirror-confidence{border:1px solid rgba(46,230,127,.35);border-radius:999px;padding:7px 10px;color:var(--mirror-green)!important;background:rgba(46,230,127,.08)}
.mirror-profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mirror-profile-metrics div{padding:11px;border-radius:12px;background:#091422}.mirror-profile-metrics span{display:block;color:var(--mirror-muted);font-size:.7rem}.mirror-profile-metrics strong{display:block;margin-top:4px;font-size:1.05rem}.mirror-signature{margin:0;color:#b8c8dc;font-size:.82rem}
.mirror-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.mirror-form-grid label,.mirror-dialog label{color:#c8d5e5;font-size:.8rem;font-weight:800}.mirror-form-grid select,.mirror-dialog select{width:100%;margin-top:6px;border:1px solid #30445f;border-radius:12px;padding:12px;background:#091422;color:#fff}.mirror-resume{width:100%;margin-top:10px}
.mirror-match{height:calc(100dvh - 106px);display:grid;grid-template-rows:auto minmax(190px,35%) minmax(0,1fr);gap:12px}
.mirror-match-head{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mirror-match-head h1{font-family:"Barlow Condensed",Impact,sans-serif;margin:3px 0 0;font-size:1.8rem}.mirror-head-actions{display:flex;align-items:center;gap:8px}.mirror-live{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 11px;background:rgba(46,230,127,.09);color:#c5ffda;font-size:.75rem;font-weight:900}.mirror-live i{width:8px;height:8px;background:var(--mirror-green);border-radius:50%;box-shadow:0 0 14px var(--mirror-green)}
.mirror-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.mirror-player-card{min-width:0;border:1px solid #295777;border-radius:22px;padding:16px 20px;background:radial-gradient(circle at 5% 10%,rgba(75,200,255,.11),transparent 35%),linear-gradient(145deg,#101e30,#0a1422);box-shadow:inset 0 3px 0 rgba(75,200,255,.42)}.mirror-player-card.is-active{border-color:var(--mirror-green);box-shadow:inset 0 3px 0 var(--mirror-green),0 0 28px rgba(46,230,127,.16)}.mirror-bot-card{background:radial-gradient(circle at 95% 10%,rgba(255,209,102,.10),transparent 36%),linear-gradient(145deg,#101e30,#0a1422);box-shadow:inset 0 3px 0 rgba(255,209,102,.4)}
.mirror-player-head{display:flex;justify-content:space-between;gap:12px}.mirror-player-head span{display:block;color:var(--mirror-green);font-size:.64rem;letter-spacing:.13em;font-weight:900}.mirror-player-head h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.9rem;margin:2px 0 0}.mirror-player-head>strong{font-size:.88rem;color:#cdd8e7}.mirror-player-head b{font-size:1.1rem;color:#fff}
.mirror-big-score{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(5rem,10vh,8rem);line-height:.78;letter-spacing:-.04em;margin:8px 0;color:#fff}.mirror-player-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid rgba(148,163,184,.14);padding-top:10px}.mirror-player-metrics span{color:var(--mirror-muted);font-size:.76rem}.mirror-player-metrics b{float:right;color:#fff}
.mirror-control-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:12px;min-height:0}.mirror-entry{padding:15px 18px;display:grid;grid-template-columns:160px minmax(200px,1fr);grid-template-rows:auto auto auto auto;gap:10px 14px;align-items:center;min-height:0}.mirror-turn-banner{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.13)}.mirror-turn-banner span{color:var(--mirror-green);font-size:.7rem;font-weight:950;letter-spacing:.14em}.mirror-turn-banner strong{font-size:1rem}.mirror-entry>label{color:var(--mirror-muted);font-weight:800}.mirror-score-input{height:64px;width:100%;border:2px solid #315778;border-radius:14px;background:#07111e;color:#fff;padding:7px 16px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.7rem;outline:none}.mirror-score-input:focus{border-color:var(--mirror-green);box-shadow:0 0 0 4px rgba(46,230,127,.11)}
.mirror-double-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:9px 12px;border-radius:13px;background:#081421}.mirror-double-row label,.mirror-double-row>div>span{color:var(--mirror-muted);font-size:.72rem;font-weight:800}.mirror-double-row select{margin-left:8px;background:#0e1c2c;color:#fff;border:1px solid #31465f;border-radius:8px;padding:6px}.mirror-attempts{display:flex;gap:5px;margin-top:5px}.mirror-attempts button{flex:1;border:1px solid #31465f;border-radius:8px;padding:6px;background:#0d1928;color:#dbe7f4;font-weight:900}.mirror-attempts button.is-active{background:var(--mirror-green);border-color:var(--mirror-green);color:#03130a}
.mirror-quick-scores{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.mirror-quick-scores button,.mirror-checkout-buttons button{border:1px solid #30445f;background:#101d2d;color:#fff;border-radius:9px;padding:9px;font-weight:900;cursor:pointer}.mirror-entry-actions{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.mirror-entry .mirror-error{grid-column:1/-1;margin:0}
.mirror-side-stack{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.mirror-baseline-card{padding:14px 16px}.mirror-baseline-card>strong{display:block;margin-top:5px;font-family:"Barlow Condensed",Impact,sans-serif;font-size:2rem}.mirror-baseline-card p{margin:2px 0 0;color:var(--mirror-muted);font-size:.78rem}.mirror-trail{padding:13px 15px;min-height:0;overflow:hidden}.mirror-section-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px}.mirror-section-head h2{font-size:1rem;margin:2px 0 0}.mirror-section-head>span{color:var(--mirror-muted);font-size:.7rem}.mirror-visit-list{display:grid;gap:6px;max-height:100%;overflow:auto}.mirror-visit{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:7px 9px;border-radius:9px;background:#081421;font-size:.75rem}.mirror-visit strong{color:#fff}.mirror-visit span{color:var(--mirror-muted)}.mirror-visit.is-bot{border-left:3px solid var(--mirror-gold)}.mirror-visit.is-human{border-left:3px solid var(--mirror-green)}
.mirror-dialog{width:min(520px,calc(100% - 28px));border:1px solid #33506d;border-radius:22px;padding:24px;background:linear-gradient(145deg,#0e1c2e,#060d18);color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.72)}.mirror-dialog::backdrop{background:rgba(0,4,10,.8);backdrop-filter:blur(5px)}.mirror-dialog h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.4rem;margin:8px 0}.mirror-dialog p{color:var(--mirror-muted)}.mirror-checkout-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.mirror-dialog-actions{display:flex;gap:8px;justify-content:center;margin-top:18px}.mirror-finish-dialog{text-align:center;width:min(650px,calc(100% - 28px));border-color:rgba(46,230,127,.55)}.mirror-finish-badge{display:inline-block;border-radius:999px;padding:8px 13px;background:var(--mirror-green);color:#03130a;font-weight:950;font-size:.75rem;letter-spacing:.13em}.mirror-finish-score{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0}.mirror-finish-score strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:5rem;line-height:.8}.mirror-finish-score span{font-size:2rem;color:var(--mirror-muted)}.mirror-finish-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mirror-finish-metrics div{padding:12px;background:#071320;border-radius:12px}.mirror-finish-metrics span{display:block;color:var(--mirror-muted);font-size:.72rem}.mirror-finish-metrics strong{display:block;margin-top:4px;font-size:1.15rem}.mirror-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#111f30;border:1px solid #35506d;border-radius:999px;padding:10px 16px;color:#fff;z-index:10000;transition:.2s}.mirror-toast.is-visible{opacity:1;transform:translate(-50%,0)}.mirror-fatal{max-width:700px;margin:10vh auto;padding:32px;text-align:center}.mirror-fatal h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:3rem}
@media(min-width:900px) and (min-height:720px){body.dmc-page-mirror{overflow:hidden}}
@media(max-height:820px) and (min-width:900px){.mirror-page{padding:10px}.mirror-match{height:calc(100dvh - 86px);gap:8px;grid-template-rows:auto minmax(170px,32%) minmax(0,1fr)}.mirror-match-head{padding:9px 14px}.mirror-player-card{padding:11px 16px}.mirror-big-score{font-size:5.2rem}.mirror-entry{padding:10px 14px;gap:7px 12px}.mirror-score-input{height:54px;font-size:2.3rem}.mirror-double-row{padding:6px 9px}.mirror-quick-scores button{padding:7px}.mirror-btn{padding:8px 12px}.mirror-baseline-card{padding:10px 14px}}
@media(max-width:899px){body.dmc-page-mirror{overflow:auto}.mirror-page{padding:12px}.mirror-setup{grid-template-columns:1fr}.mirror-hero{padding:36px 24px}.mirror-hero h1{font-size:4.2rem}.mirror-setup-card{margin:16px}.mirror-match{height:auto;display:block}.mirror-match>*{margin-bottom:10px}.mirror-score-grid,.mirror-control-grid{grid-template-columns:1fr}.mirror-entry{grid-template-columns:1fr}.mirror-entry>*{grid-column:1!important}.mirror-side-stack{display:block}.mirror-side-stack>*{margin-bottom:10px}.mirror-visit-list{max-height:280px}.mirror-big-score{font-size:6rem}}
@media(max-width:560px){.mirror-page{padding:8px}.mirror-match-head{align-items:flex-start}.mirror-head-actions{flex-wrap:wrap;justify-content:flex-end}.mirror-score-grid{gap:8px}.mirror-player-card{padding:12px}.mirror-big-score{font-size:4.7rem}.mirror-player-metrics{grid-template-columns:1fr}.mirror-player-metrics b{float:none;margin-left:6px}.mirror-form-grid,.mirror-profile-metrics,.mirror-double-row,.mirror-finish-metrics{grid-template-columns:1fr}.mirror-quick-scores{grid-template-columns:repeat(4,1fr)}.mirror-entry-actions{grid-template-columns:1fr}.mirror-dialog-actions{flex-direction:column}}

body.dmc-page-mirror-stats{overflow:hidden;background:radial-gradient(circle at 7% 15%,rgba(0,168,255,.16),transparent 30%),radial-gradient(circle at 92% 16%,rgba(215,18,66,.15),transparent 34%),#040912;color:var(--mirror-text);font-family:Inter,system-ui,sans-serif}
.mirror-stats-page{height:calc(100dvh - 66px);padding:12px 18px 8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}
.mirror-stats-page [hidden]{display:none!important}.mirror-stats-head{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mirror-stats-head h1{font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.9rem;margin:3px 0}.mirror-stats-head p{margin:0;color:var(--mirror-muted);font-size:.82rem}.mirror-stats-viewport{min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-color:#36516e #07111d}.mirror-stats-canvas{height:100%;min-width:1460px;display:grid;grid-template-columns:300px 480px 310px 390px;grid-template-rows:minmax(0,1fr);gap:10px}.mirror-stats-canvas>.mirror-panel{min-width:0;overflow:auto;padding:16px}.mirror-verdict-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.mirror-verdict-card h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:2rem;line-height:.95;margin:13px 0}.mirror-verdict-card>p{color:var(--mirror-muted);line-height:1.45;font-size:.82rem}.mirror-verdict-card .mirror-finish-score strong{font-size:4.3rem}.mirror-verdict-delta{border-top:1px solid rgba(148,163,184,.14);padding-top:13px}.mirror-verdict-delta span{display:block;color:var(--mirror-muted);font-size:.72rem}.mirror-verdict-delta strong{font-size:1.55rem;color:var(--mirror-green)}
.mirror-comparison-card,.mirror-profile-card,.mirror-legs-card,.mirror-history-card{display:flex;flex-direction:column}.mirror-comparison-table{display:grid;gap:0}.mirror-comparison-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:8px;align-items:center;padding:10px 6px;border-bottom:1px solid rgba(148,163,184,.12);font-size:.78rem}.mirror-comparison-row span{color:var(--mirror-muted)}.mirror-comparison-row strong{text-align:right}.mirror-comparison-header{background:#071421;border-radius:9px}.mirror-comparison-header span,.mirror-comparison-header strong{color:#dce8f5;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.mirror-profile-card h2{font-family:"Barlow Condensed",Impact,sans-serif;font-size:2.5rem;margin:7px 0 12px}.mirror-profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mirror-profile-stats-grid div{padding:12px;background:#071421;border-radius:11px}.mirror-profile-stats-grid span{display:block;color:var(--mirror-muted);font-size:.68rem}.mirror-profile-stats-grid strong{display:block;font-size:1.2rem;margin-top:4px}.mirror-profile-card>p{color:var(--mirror-muted);font-size:.8rem;line-height:1.5;margin-top:16px}
.mirror-legs-table{display:grid;gap:6px;overflow:auto}.mirror-leg-row{display:grid;grid-template-columns:46px 1fr 1fr 70px;gap:8px;padding:9px;border-radius:9px;background:#071421;font-size:.74rem}.mirror-leg-row span{color:var(--mirror-muted)}.mirror-leg-row strong{text-align:right}.mirror-leg-row.is-human{border-left:3px solid var(--mirror-green)}.mirror-leg-row.is-mirror{border-left:3px solid var(--mirror-gold)}
.mirror-history-list{display:grid;gap:7px;overflow:auto}.mirror-history-item{display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:10px;background:#071421;font-size:.74rem}.mirror-history-item>strong{color:var(--mirror-green)}.mirror-history-item.is-loss>strong{color:var(--mirror-red)}.mirror-history-item span{color:var(--mirror-muted)}.mirror-history-item b{text-align:right}.mirror-horizontal-hint{margin:0;text-align:center;color:#75859b;font-size:.68rem}
@media(max-width:899px){body.dmc-page-mirror-stats{overflow:auto}.mirror-stats-page{height:auto;padding:10px}.mirror-stats-head{align-items:flex-start}.mirror-stats-viewport{overflow:visible}.mirror-stats-canvas{min-width:0;display:grid;grid-template-columns:1fr;height:auto}.mirror-stats-canvas>.mirror-panel{overflow:visible}.mirror-horizontal-hint{display:none}}