.mcps-main-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:1rem;}
.mcps-panel{border-radius:18px;position:relative;overflow:hidden;}
.mcps-chart-panel{width:100%;border:none;box-shadow:none;background:transparent;display:flex;flex-direction:column;min-height:620px;}
.mcps-panel-inner{padding:20px;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:380px;}
.mcps-screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:0 4px;}
.mcps-screen-label{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#747276;}
.mcps-screen-mode{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.mcps-mode-chip{padding:3px 20px;border-radius:4px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.06em;color:#747276;background:linear-gradient(145deg,#f2f0ed,#e6e3de);border:1px solid rgba(149,146,146,.4);box-shadow:inset 2px 2px 4px rgba(110,107,110,.18),inset -1px -1px 3px rgba(244,241,237,.65);cursor:pointer;transition:all 120ms ease;}
.mcps-mode-chip.active{color:#27452a;background:linear-gradient(145deg,rgba(190,210,118,.35),rgba(137,161,83,.25));border-color:rgba(112,141,61,.6);box-shadow:3px 3px 6px rgba(82,87,99,.15),-2px -2px 4px rgba(248,246,242,.6);}
.mcps-mode-chip:disabled{opacity:.6;cursor:not-allowed;}
.mcps-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
.mcps-stat-card{padding:10px 12px;border:1px solid rgba(137,161,83,.24);border-radius:12px;background:rgba(30,45,30,.52);position:relative;overflow:hidden;}
.mcps-stat-card::after{content:"";position:absolute;inset:0;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;}
.mcps-stat-label{font-family:'IBM Plex Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:rgba(214,228,164,.55);margin-bottom:4px;position:relative;z-index:1;}
.mcps-stat-value{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;line-height:1;color:#dbe6a2;position:relative;z-index:1;}
.mcps-stat-value .unit{font-size:12px;font-weight:500;color:rgba(214,228,164,.5);margin-left:2px;}
.mcps-stat-card.highlight .mcps-stat-value{color:#f6dc6e;text-shadow:0 0 12px rgba(246,220,110,.3);}
.mcps-time-readout{align-self:flex-end;margin:-6px 6px 8px 0;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;color:#747276;}
.mcps-chart-shell{flex:1;min-height:260px;border:none;border-radius:16px;padding:12px;background:radial-gradient(circle at 22% 28%,rgba(190,210,118,.92),rgba(123,181,66,.9) 28%,rgba(55,94,46,.92) 64%,rgba(38,38,38,.96)),linear-gradient(145deg,#a8c45c,#708d3d);box-shadow:inset 0 0 18px rgba(38,38,38,.16);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.mcps-chart-shell::before{content:"";position:absolute;inset:0;border-radius:16px;background:repeating-linear-gradient(0deg,rgba(38,38,38,.12) 0,rgba(38,38,38,.12) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(55,94,46,.14) 0,rgba(55,94,46,.14) 1px,transparent 1px,transparent 4px);opacity:.92;pointer-events:none;z-index:2;}
.mcps-chart-shell::after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,rgba(123,181,66,.04) 0%,transparent 15%,transparent 85%,rgba(123,181,66,.04) 100%);pointer-events:none;z-index:3;}
.mcps-radar-chart{width:min(290px,72vw);height:min(290px,72vw);position:relative;z-index:1;}
.mcps-radar-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.mcps-radar-ring{position:absolute;border:1px solid rgba(137,161,83,.16);border-radius:50%;}
.mcps-radar-ring:nth-child(1){width:20%;height:20%;}.mcps-radar-ring:nth-child(2){width:40%;height:40%;}.mcps-radar-ring:nth-child(3){width:60%;height:60%;}.mcps-radar-ring:nth-child(4){width:80%;height:80%;}.mcps-radar-ring:nth-child(5){width:100%;height:100%;}
.mcps-radar-axis{position:absolute;top:50%;left:50%;width:50%;height:1px;background:rgba(137,161,83,.16);transform-origin:left center;}
.mcps-radar-axis:nth-child(6){transform:rotate(0deg)}.mcps-radar-axis:nth-child(7){transform:rotate(45deg)}.mcps-radar-axis:nth-child(8){transform:rotate(90deg)}.mcps-radar-axis:nth-child(9){transform:rotate(135deg)}.mcps-radar-axis:nth-child(10){transform:rotate(180deg)}.mcps-radar-axis:nth-child(11){transform:rotate(225deg)}.mcps-radar-axis:nth-child(12){transform:rotate(270deg)}.mcps-radar-axis:nth-child(13){transform:rotate(315deg)}
.mcps-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(204,230,122,.2),transparent 22%,transparent);animation:mcps-sweep 4s linear infinite;mix-blend-mode:screen;}
@keyframes mcps-sweep{to{transform:rotate(360deg)}}
.mcps-radar-data{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(123,181,66,.35));}
.mcps-radar-data svg{width:100%;height:100%;}
.mcps-radar-labels{position:absolute;inset:-8px;z-index:4;}
.mcps-radar-labels span{position:absolute;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(219,230,162,.75);white-space:nowrap;text-shadow:0 0 10px rgba(123,181,66,.3);}
.mcps-radar-labels .top{top:-8px;left:50%;transform:translateX(-50%)}.mcps-radar-labels .top-r{top:8%;right:-14px}.mcps-radar-labels .right{top:50%;right:-14px;transform:translateY(-50%)}.mcps-radar-labels .bot-r{bottom:8%;right:-14px}.mcps-radar-labels .bottom{bottom:-8px;left:50%;transform:translateX(-50%)}.mcps-radar-labels .bot-l{bottom:8%;left:-14px}.mcps-radar-labels .left{top:50%;left:-14px;transform:translateY(-50%)}.mcps-radar-labels .top-l{top:8%;left:-14px}
.mcps-radar-cta{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;border:0;background:transparent;font-family:'Rajdhani',sans-serif;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#dbe6a2;text-shadow:0 0 14px rgba(123,181,66,.4);white-space:nowrap;cursor:pointer;transition:transform 200ms ease;}
.mcps-radar-cta:hover{transform:translate(-50%,-50%) scale(1.08)}.mcps-radar-cta:active{transform:translate(-50%,-50%) scale(.95)}
.mcps-chartjs-container{position:absolute;inset:0;z-index:1;}
.mcps-chartjs-container canvas{display:block;width:100%;height:100%;}
.mcps-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:0 4px;}
.mcps-chart-legend,.mcps-chart-legend div,.mcps-footer-actions{display:flex;align-items:center;gap:8px;}
.mcps-chart-legend{gap:16px;flex-wrap:wrap;}
.mcps-chart-legend div{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#747276;letter-spacing:.04em;}
.mcps-legend-dot{width:8px;height:8px;border-radius:50%;}.mcps-legend-dot.green{background:#7bb542;box-shadow:0 0 4px rgba(123,181,66,.4)}.mcps-legend-dot.gold{background:#f6dc6e;box-shadow:0 0 4px rgba(246,220,110,.4)}
.mcps-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.mcps-best-panel,.mcps-grade-panel{background:linear-gradient(145deg,#ebe8e3,#d6d2cc);border:1px solid #9f9a95;border-radius:18px;box-shadow:8px 8px 16px rgba(78,76,80,.18),-6px -6px 11px rgba(250,248,245,.78);position:relative;overflow:hidden;}
.mcps-best-inner,.mcps-grade-inner{padding:20px;position:relative;z-index:1;}
.mcps-best-header,.mcps-grade-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.mcps-best-title,.mcps-grade-header span{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#747276;}
.mcps-best-crown{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#d9ab2d;}
.mcps-best-display{position:relative;padding:28px 20px 24px;border:1px solid rgba(137,161,83,.24);border-radius:14px;background:linear-gradient(170deg,rgba(30,45,30,.7),rgba(20,32,20,.85));box-shadow:inset 0 0 30px rgba(123,181,66,.06),inset 0 0 60px rgba(0,0,0,.15),0 0 20px rgba(123,181,66,.08);text-align:center;overflow:hidden;}
.mcps-best-display::before{content:"";position:absolute;inset:0;border-radius:14px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:2;}
.mcps-best-display-label{font-family:'IBM Plex Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:rgba(214,228,164,.4);margin-bottom:8px;position:relative;z-index:4;}
.mcps-best-cps-number{font-family:'Orbitron','Rajdhani',sans-serif;font-size:clamp(54px,9vw,86px);font-weight:900;line-height:1;color:#bed26c;text-shadow:0 0 20px rgba(190,210,108,.5),0 0 40px rgba(123,181,66,.3);position:relative;z-index:4;letter-spacing:.04em;}
.mcps-best-cps-unit{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:rgba(214,228,164,.5);margin-top:6px;position:relative;z-index:4;}
.mcps-best-display .corner{position:absolute;width:16px;height:16px;z-index:4}.mcps-best-display .corner::before,.mcps-best-display .corner::after{content:"";position:absolute;background:rgba(123,181,66,.3)}.corner-tl{top:8px;left:8px}.corner-tr{top:8px;right:8px}.corner-bl{bottom:8px;left:8px}.corner-br{bottom:8px;right:8px}.corner::before{width:16px;height:1px}.corner::after{width:1px;height:16px}.corner-tl::before,.corner-tl::after,.corner-tr::before,.corner-tr::after{top:0}.corner-bl::before,.corner-bl::after,.corner-br::before,.corner-br::after{bottom:0}.corner-tl::before,.corner-tl::after,.corner-bl::before,.corner-bl::after{left:0}.corner-tr::before,.corner-tr::after,.corner-br::before,.corner-br::after{right:0}
.mcps-best-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;}.mcps-best-meta div{padding:8px 6px;border:1px solid rgba(149,146,146,.3);border-radius:6px;background:linear-gradient(145deg,#f2f0ed,#e6e3de);box-shadow:inset 2px 2px 4px rgba(110,107,110,.18),inset -1px -1px 3px rgba(244,241,237,.65);text-align:center;}.mcps-best-meta span{display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#959292;margin-bottom:2px;}.mcps-best-meta strong{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:700;color:#1f232a;line-height:1;}.mcps-best-meta .gold{color:#d9ab2d;}
.mcps-reset-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;margin-top:10px;border:1px solid #ab2f79;border-radius:6px;background:linear-gradient(145deg,rgba(171,47,121,.1),rgba(171,47,121,.05));font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#8a2462;cursor:pointer;transition:all 150ms ease;}.mcps-reset-btn:hover{color:#ab2f79;background:linear-gradient(145deg,rgba(171,47,121,.15),rgba(171,47,121,.08));}
.mcps-grade-header em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:10px;color:#959292;letter-spacing:.06em;}.mcps-grade-list{display:flex;flex-direction:column;gap:6px;}.mcps-grade-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(145deg,#f2f0ed,#e6e3de);border:1px solid rgba(149,146,146,.4);border-radius:6px;box-shadow:inset 2px 2px 4px rgba(110,107,110,.18),inset -1px -1px 3px rgba(244,241,237,.65);transition:all 150ms ease;}.mcps-grade-item.current{background:linear-gradient(145deg,rgba(190,210,118,.35),rgba(137,161,83,.25));border-color:rgba(112,141,61,.6);box-shadow:3px 3px 6px rgba(82,87,99,.15),-2px -2px 4px rgba(248,246,242,.6);}.mcps-grade-rank{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Orbitron','Rajdhani',sans-serif;font-weight:800;color:#fff;background:#747276;}.mcps-grade-rank.s{background:#d9ab2d}.mcps-grade-rank.a{background:#7bb542}.mcps-grade-rank.b{background:#525ca8}.mcps-grade-rank.c{background:#959292}.mcps-grade-rank.d{background:#ab2f79}.mcps-grade-info{min-width:92px;}.mcps-grade-info strong{display:block;font-family:'Rajdhani',sans-serif;font-size:15px;color:#1f232a;}.mcps-grade-info span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#747276;}.mcps-grade-bar{flex:1;height:6px;border-radius:99px;background:rgba(149,146,146,.22);overflow:hidden;}.mcps-grade-bar i{display:block;height:100%;border-radius:99px;background:#7bb542;}.mcps-grade-bar i.s{background:#d9ab2d}.mcps-grade-bar i.a{background:#7bb542}.mcps-grade-bar i.b{background:#525ca8}.mcps-grade-bar i.c{background:#959292}.mcps-grade-bar i.d{background:#ab2f79}.mcps-grade-item b{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#ab2f79;}
.mcps-result-card{margin-top:16px;padding:16px;border:1px solid rgba(148,181,79,.35);border-radius:14px;background:linear-gradient(180deg,rgba(230,227,222,.52),rgba(255,255,255,.34));box-shadow:0 12px 30px rgba(0,0,0,.08);position:relative;overflow:hidden;}.mcps-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#747276;}.mcps-result-card p{margin:0;color:#525054;}.mcps-new-pb{display:block;margin-top:10px;color:#ab2f79;font-family:'Rajdhani',sans-serif;font-size:18px;}

@keyframes mcps-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px) rotate(-1deg)}20%,40%,60%,80%{transform:translateX(4px) rotate(1deg)}}
@keyframes mcps-sparkle{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@keyframes mcps-flash{0%{opacity:.55}100%{opacity:0}}
.mcps-chart-shell.celebrate{animation:mcps-shake .5s ease-in-out}
.mcps-firework-particle{position:fixed;width:7px;height:7px;border-radius:50%;z-index:99999;pointer-events:none;animation:mcps-sparkle .7s ease-out forwards;}
.mcps-firework-flash{position:fixed;z-index:99998;background:radial-gradient(circle,#faffd0 0%,#cce67a 30%,transparent 60%);animation:mcps-flash .4s ease-out forwards;pointer-events:none;}
[data-theme="dark"] .mcps-best-panel,[data-theme="dark"] .mcps-grade-panel,[data-theme="dark"] .mcps-result-card{background:rgba(20,24,20,.78);border-color:rgba(148,181,79,.24);}[data-theme="dark"] .mcps-mode-chip,[data-theme="dark"] .mcps-best-meta div,[data-theme="dark"] .mcps-grade-item{background:#1e241e;color:#d8d5cf;border-color:#3a3e3a;}[data-theme="dark"] .mcps-grade-info strong,[data-theme="dark"] .mcps-best-meta strong{color:#d8d5cf;}[data-theme="dark"] .mcps-result-card p{color:#ccc8c3;}
@media(max-width:860px){.mcps-sidebar{grid-template-columns:1fr}.mcps-chart-panel{min-height:520px}.mcps-chart-footer{align-items:flex-start;flex-direction:column}.mcps-footer-actions{width:100%;justify-content:flex-end}}
@media(max-width:640px){.mcps-screen-header{align-items:flex-start;flex-direction:column}.mcps-screen-mode{justify-content:flex-start}.mcps-stats-row{grid-template-columns:repeat(2,1fr)}.mcps-panel-inner{padding:12px}.mcps-chart-shell{min-height:220px}.mcps-radar-labels span{font-size:9px}.mcps-best-meta{grid-template-columns:1fr}.mcps-grade-item{align-items:flex-start;flex-wrap:wrap}.mcps-grade-bar{flex-basis:100%}}