#nprogress{z-index:10001!important}#nprogress .bar{background:#22dd2b;height:4px}body{overflow-y:hidden}.sidebar{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border-right:1px solid #2a2a2a;box-shadow:4px 0 20px #0006,2px 0 8px #0000004d,inset -1px 0 0 #ffffff1a;color:#f8f9fa;display:flex;flex-direction:column;gap:28px;height:100dvh;margin:0;min-width:220px;overflow:hidden;padding:16px 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:220px}.sidebar:before{background:linear-gradient(90deg,#0000,#6366f180,#a855f780,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.sidebar:hover{background:linear-gradient(145deg,#121212,#1f1f1f);box-shadow:6px 0 25px #00000080,3px 0 12px #0006,inset -1px 0 0 #ffffff26}button{background:none;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;margin:0 12px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s ease}button:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}button:active{background:#ffffff1f;transform:translateY(0)}button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}button:hover:before{left:100%}.toggle{display:flex;font-size:3rem;justify-content:flex-end;margin-bottom:8px;padding:0 12px}.toggle button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;display:flex;height:40px;justify-content:center;margin:0;padding:8px;width:40px}.toggle button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0000004d}.sidebar.collapsed{min-width:56px;width:56px}.sidebar.collapsed .toggle{justify-content:center;padding:0 8px}.sidebar.collapsed button{margin:0 4px;text-align:center}.sidebar.collapsed:before{opacity:.7}.sidebar.collapsed *{overflow:hidden;white-space:nowrap}.logo{margin-left:15%}@media (max-width:768px){.sidebar.collapsed{min-width:56px;width:56px}.sidebar{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border-right:1px solid #2a2a2a;box-shadow:4px 0 20px #0006,2px 0 8px #0000004d,inset -1px 0 0 #ffffff1a;color:#f8f9fa;display:flex;flex-direction:column;gap:28px;height:100svh;margin:0;min-width:170px;padding:16px 0;transition:all .3s cubic-bezier(.4,0,.2,1);width:170px}.sidebar,button{overflow:hidden;position:relative}button{background:none;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;margin:0 12px;padding:10px 16px;transition:all .2s ease}}.homepage{display:flex;flex-direction:row;max-height:100dvh;min-height:100dvh;width:100%}.card{margin-left:5%;text-align:center}.card-container{grid-gap:2rem;align-content:center;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;padding:2rem}.sidebar-div{max-height:100vh}.card-root{align-items:stretch;display:flex;height:460px;justify-content:center;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.8,.25,1);width:320px}.card-root:hover{transform:translateY(-8px)}.card-glow{background:radial-gradient(circle at 30% 25%,#5a8cff40,#0000 60%),radial-gradient(circle at 75% 75%,#8c5aff2e,#0000 65%);filter:blur(28px);mix-blend-mode:screen;opacity:.55}.card-glow,.card-sheen{border-radius:28px;inset:0;pointer-events:none;position:absolute}.card-sheen{background:linear-gradient(140deg,#ffffff14,#fff0 45%),linear-gradient(20deg,#ffffff0a,#fff0 60%);opacity:.6}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#141414,#1b1b1c 60%,#121318);border:1px solid #ffffff12;border-radius:24px;box-shadow:0 10px 30px -4px #0009,0 4px 12px #0006,inset 0 1px 0 #ffffff14,inset 0 -1px 0 #00000080;display:flex;flex:1 1;flex-direction:column;gap:26px;overflow:hidden;padding:30px 26px 26px;position:relative;z-index:2}.card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:10%;opacity:.5;position:absolute;top:0;width:80%}.card-root:hover .card{border-color:#5a8cff66;box-shadow:0 18px 50px -6px #000000bf,0 8px 22px #0000008c,0 0 0 1px #6e96ff40,inset 0 1px 0 #ffffff26}.card-top{align-items:center;display:flex;flex-direction:column;gap:18px}.card-image-wrap{position:relative}.card-image-wrap:after{background:radial-gradient(circle at 50% 50%,#6496ff59,#0000 70%);content:"";filter:blur(22px);inset:-12px;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s}.card-root:hover .card-image-wrap:after{opacity:1}.card-image{border:2px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 26px #0009,0 4px 14px #00000080,0 2px 4px #0006;height:104px;object-fit:cover;transition:transform .55s cubic-bezier(.23,1,.32,1),border-color .4s;width:104px}.card-root:hover .card-image{border-color:#82aaff8c;transform:scale(1.07) rotate(1.5deg)}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(95deg,#fff,#9fc9ff 40%,#dbe9ff 60%,#fff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));font-size:1.85rem;font-weight:700;letter-spacing:-.03em;margin:0;text-align:center;transition:transform .4s,letter-spacing .45s}.card-root:hover .card-title{letter-spacing:-.04em;transform:translateY(-4px)}.card-middle{display:flex;width:100%}.card-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;box-shadow:inset 0 2px 4px #00000059;color:#fff;font-size:15px;font-weight:400;letter-spacing:.2px;outline:none;padding:16px 18px;transition:border-color .35s,background .35s,box-shadow .4s,transform .4s;width:100%}.card-input::placeholder{color:#ffffff73;font-weight:300;letter-spacing:.5px}.card-input:focus{background:#78aaff12;border-color:#8cb9ff8c;box-shadow:0 0 0 3px #6ea0ff40,0 4px 14px -2px #6ea0ff59,inset 0 2px 4px #00000059;transform:translateY(-2px)}.card-btn{background:linear-gradient(140deg,#4895ff,#397fd6 45%,#2f6ab8 70%,#25549a);border:1px solid #73a5ff8c;border-radius:16px;box-shadow:0 8px 26px -4px #3c78d280,0 4px 14px #0000008c,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:17px 26px;position:relative;transition:transform .55s cubic-bezier(.23,1,.32,1),box-shadow .55s,filter .55s;width:100%}.card-btn:before{background:linear-gradient(110deg,#ffffffa6,#fff0 70%);content:"";filter:blur(4px);height:100%;left:-60%;opacity:.55;position:absolute;top:0;transform:skewX(-25deg);transition:left .85s cubic-bezier(.23,1,.32,1);width:50%}.card-root:hover .card-btn:before{left:130%}.card-btn:hover{box-shadow:0 14px 40px -6px #4682e699,0 6px 20px #0009,0 0 0 1px #78b4ff59,inset 0 1px 0 #ffffff59;transform:translateY(-4px)}.card-btn:active{box-shadow:0 10px 24px -4px #4682e68c,0 4px 12px #0000008c,inset 0 1px 0 #fff6;transform:translateY(-1px)}.card-btn:disabled{cursor:not-allowed;filter:grayscale(.4) brightness(.85);opacity:.55;transform:none}.loading-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000d9;flex-direction:column;font-size:1.5rem;font-weight:600;gap:28px;height:100vh;letter-spacing:.5px;text-align:center;width:100vw;z-index:2147483647}.loading-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#bcdcff 40%,#fff 80%);-webkit-background-clip:text;background-clip:text;line-height:1.25;max-width:640px;padding:0 20px;text-shadow:0 4px 14px #000000a6}.spinner{animation:spin 1s linear infinite;border:4px solid #78aaff40;border-radius:50%;border-top-color:#5a9dff;box-shadow:0 0 0 1px #ffffff0f,0 0 22px #5a96ff73,inset 0 2px 4px #000000a6;height:66px;position:relative;width:66px}.spinner:after{background:radial-gradient(circle at 30% 30%,#8cbeff8c,#4678dc00 70%);border-radius:50%;content:"";filter:blur(4px);inset:6px;opacity:.85;position:absolute}@media (max-width:840px){.card-root{height:430px;width:300px}.card{gap:22px;padding:26px 22px 22px}.card-title{font-size:1.65rem}.card-image{height:96px;width:96px}.card-input{font-size:14px;padding:14px 16px}.card-btn{font-size:14px;padding:15px 22px}.loading-text{font-size:1.3rem}.spinner{height:58px;width:58px}}@media (max-width:520px){.card-root{height:400px;width:260px}.card{gap:20px;padding:24px 18px 20px}.card-title{font-size:1.45rem}.card-image{height:84px;width:84px}.card-input{font-size:13.5px;padding:13px 15px}.card-btn{font-size:13.5px;padding:14px 20px}.loading-text{font-size:1.1rem}.spinner{height:52px;width:52px}}.table{background-color:#1c1f24;color:#e0e0e0;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.main-table{border-collapse:collapse;color:#e0e0e0;min-width:680px;table-layout:fixed;width:100%}.table-scroll{flex:1 1;overflow-x:auto;overflow-y:auto;scrollbar-color:#3a3f47 #1c1f24;scrollbar-width:thin}.table-scroll::-webkit-scrollbar{height:10px;width:10px}.table-scroll::-webkit-scrollbar-track{background:#1c1f24}.table-scroll::-webkit-scrollbar-thumb{background:#3a3f47;border-radius:6px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#4a515b}.w-date{width:8%}.w-players{width:34%}.w-rating,.w-result{width:9%}.w-link{width:14%}.w-analyse,.w-time{width:10%}.table td,.table th{border-bottom:1px solid #ffffff14;color:#e0e0e0;font-size:.95rem;font-weight:500;overflow:hidden;padding:14px 16px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.table th{background-color:#1c1f24;color:#bdbdbd;font-weight:600;position:sticky;top:0;z-index:2}.table tr:hover td{background:#ffffff14;transition:background .15s}.table a{color:#5ab1ff;text-decoration:none;transition:color .2s}.table a:hover{color:#3390ff;text-decoration:underline}.filter-header{align-items:center;display:flex;gap:4px}.filter-label{flex:0 0 auto}.filter-button{background:#262b33;border:1px solid #3a3f47;border-radius:4px;cursor:pointer;font-size:.75rem;line-height:1;padding:2px 4px;transition:transform .2s}.filter-button:hover{background:#313842;transform:scale(1.15)}.player-filter-container{align-items:center;background:#262b33;border:1px solid #3a3f47;border-radius:6px;display:flex;gap:4px;padding:4px 6px}.player-filter-input{background:#1f2329;border:1px solid #3a3f47;border-radius:4px;color:#e0e0e0;font-size:1rem;outline:none;padding:4px 6px;width:200px}.player-filter-input:focus{border-color:#5ab1ff;box-shadow:0 0 4px #5ab1ff66}.player-filter-go{background:#2e333b;border:1px solid #3a3f47;border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:1rem;padding:4px 7px;transition:background .2s,transform .1s}.player-filter-go:hover{background:#3b424c}.player-filter-go:active{background:#262b33;transform:scale(.92)}.dropdown button,.dropdown input,.dropdown select{background-color:#262b33;border:1px solid #3a3f47;border-radius:6px;color:#e0e0e0;font-size:.72rem;max-width:140px;outline:none;padding:6px 8px;transition:border .2s,box-shadow .2s,background .2s}.dropdown-small select{font-size:.85rem;padding:4px 6px}.dropdown input:focus,.dropdown select:focus{border-color:#5ab1ff;box-shadow:0 0 6px #5ab1ff80}.analyse-button{background:#2a2e36;border:none;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#e0e0e0;cursor:pointer;font-size:.8rem;font-weight:500;padding:7px 12px;transition:background .2s,transform .1s,box-shadow .2s}.analyse-button:hover{background:#3b414b;box-shadow:0 4px 8px #0006;transform:scale(1.05)}.analyse-button:active{background:#262a33;box-shadow:0 1px 2px #0000004d;transform:scale(.95)}.table-footer{background:#ffffff05;border-top:1px solid #ffffff14;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:10px 16px 16px}.footer-left{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-start}.games-count{color:#bdbdbd;font-size:.8rem;letter-spacing:.5px}.page-size{position:relative}.page-size-trigger{align-items:center;background:#262b33;border:1px solid #3a3f47;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 10px;transition:background .2s,border-color .2s}.page-size-trigger:hover{background:#323840;border-color:#5ab1ff}.page-size-menu{background:#262b33;border:1px solid #3a3f47;border-radius:8px;bottom:110%;box-shadow:0 6px 16px #00000080;display:flex;flex-direction:column;gap:2px;left:0;min-width:110px;padding:4px;position:absolute;z-index:30}.page-size-item{border-radius:5px;color:#e0e0e0;cursor:pointer;font-size:.72rem;padding:6px 8px}.page-size-item:hover{background:#3b424c}.page-size-item.active{background:#5ab1ff;color:#fff}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:2px}.pagination-btn{background:#262b33;border:1px solid #3a3f47;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#e0e0e0;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3b414b;border-color:#5ab1ff;box-shadow:0 4px 8px #0006;transform:scale(1.05)}.pagination-btn:disabled{background:#1a1d22;cursor:not-allowed;opacity:.45}.pagination-btn.active{background:#5ab1ff;border-color:#5ab1ff;box-shadow:0 0 8px #5ab1ff80;color:#fff}.pagination-btn:active:not(:disabled){box-shadow:0 1px 2px #00000059;transform:scale(.94)}.loading-overlay{align-items:center;background:#000c;color:#fff;display:flex;font-size:1.4rem;inset:0;justify-content:center;position:fixed;z-index:9999}@media (max-width:1100px){.w-players{width:36%}.w-link{width:12%}}@media (max-width:900px){.w-date{width:9%}.w-players{width:38%}.w-link{width:12%}.w-rating{width:10%}.w-time{width:11%}.w-analyse{width:10%}}@media (max-width:768px){.table{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll{overflow-x:visible}.main-table{min-width:680px}.table td,.table th{font-size:.8rem;padding:12px 10px}.table-date-column,.table-game-link-column,.table-rating-column,.w-date,.w-link,.w-rating{display:none}.w-players{width:55%}.w-analyse,.w-result,.w-time{width:15%}.player-filter-input{width:90px}.player-filter-go{font-size:.62rem;padding:4px 6px}.table-footer{padding:12px 12px 18px}.footer-left{gap:14px}.page-size-trigger{font-size:.7rem;padding:6px 8px}.page-size-item{font-size:.68rem;padding:5px 8px}.games-count{font-size:.72rem}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-thumb{background:#5ab1ff;border-radius:4px}}@media (max-width:480px){.table td,.table th{font-size:.72rem;padding:11px 8px}.player-filter-input{font-size:.62rem;width:70px}.player-filter-go{padding:4px 5px}.analyse-button{font-size:.68rem;padding:6px 8px;width:100%}.w-players{width:60%}.w-result{width:16%}.w-analyse,.w-time{width:12%}.page-size-trigger{font-size:.64rem;padding:5px 7px}.page-size-item{font-size:.62rem}.pagination-btn{font-size:11px;padding:6px 8px}.games-count{font-size:.65rem}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;height:2px;left:0;position:fixed;top:0;width:100%;z-index:1031}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d;display:block;height:100%;opacity:1;position:absolute;right:0;transform:rotate(3deg) translateY(-4px);width:100px}#nprogress .spinner{display:block;position:fixed;right:15px;top:15px;z-index:1031}#nprogress .spinner-icon{animation:nprogress-spinner .4s linear infinite;border-color:#29d #0000 #0000 #29d;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;height:18px;width:18px}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#221a1a}.match{flex-direction:row;height:100dvh}.main-content,.match{display:flex;width:100%}.main-content{flex:1 1;overflow-y:auto}.refresh-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:5px 10px;position:absolute;right:0;top:0;z-index:1000}.evalbar-outer{align-self:stretch;background:#000;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:32px}.evalbar-white{background:#fff}.evalbar-black,.evalbar-white{transition:height .34s cubic-bezier(.4,0,.2,1);width:100%}.evalbar-black{background:#000}.bar{background-color:#000;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;height:640px;overflow:hidden;width:40px}@media (max-width:768px){.bar{background-color:#000;border:1px solid #ccc;border-radius:4px;display:flex;flex-direction:column;height:320px;overflow:hidden;width:20px}}.container{background-color:#0e0e0e;border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#fff;font-family:sans-serif;padding:16px;width:350px}.header{justify-content:space-between;margin-bottom:10px}.header,.playerBox{align-items:center;display:flex}.playerBox{flex:1 1;flex-direction:column}.nameWhite{color:#fff}.nameBlack,.nameWhite{font-size:1rem;font-weight:700}.nameBlack{color:#90ee90}.label{color:#aaa;font-size:.8rem}.vs{color:#888;font-size:1.2rem;margin:0 8px}.metricsRow{display:flex;justify-content:space-between;margin-bottom:8px}.metric{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:5px}.bigValue{font-size:1.4rem;font-weight:700;margin-bottom:4px}.meterBar{border-radius:3px;height:6px;width:100%}.eloRow{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.elo{font-size:1.1rem;font-weight:700}.eloLabel{color:#aaa;font-size:.8rem}.moveSection{margin-bottom:10px}.moveSection,.moveSectionRed{background-color:#1e1e1e;border-radius:8px;padding:10px}.sectionHeader{color:#90ee90;display:flex;justify-content:space-between}.sectionHeader,.sectionHeaderRed{font-weight:700;margin-bottom:8px}.sectionHeaderRed{color:#ff6961}.header-white{color:#fff;margin-left:68%}.row{display:flex;justify-content:space-between;margin-bottom:4px}.labelMove{flex:1 1}.count{text-align:center;width:24px}.reviewButton{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:12px;padding:12px;transition:background-color .3s ease;width:100%}@media (max-width:768px){.container{background-color:#0e0e0e;border-radius:12px;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;color:#fff;font-family:sans-serif;height:100%;padding:16px;width:100%}.header-white{color:#fff;margin-left:78%}}.analytics-root{display:flex;justify-content:space-between;position:absolute;width:100%}.analytics-evalbar{left:5.4%;margin-top:5.9%;position:relative;transition:height 1.4s ease}.analytics-board-container{background:#0000;flex-shrink:0;height:640px;margin-top:1.5%;position:relative;width:640px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-loading-spinner{display:inline-block}.analytics-board-hidden{display:none}.analytics-board-footer,.analytics-board-header{color:#fff;display:flex;font-size:1.5rem}.analytics-loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.analytics-loading-text{color:#fff;font-size:1.5rem}.analytics-icon-container{align-items:center;border-radius:50%;box-shadow:0 0 2px #0000004d;display:flex;justify-content:center;pointer-events:none;position:absolute;z-index:10000}.analytics-move-icon-svg{fill:#fff}.boardpluseval{display:flex;gap:6.1%;margin-left:-20%}.boardplusside{display:flex;gap:20%}.analytics-board-footer,.analytics-board-header{position:relative}.analytics-time-display{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.time-square{border:1px solid;border-radius:3px;font-family:Courier New,monospace;font-size:.85em;font-weight:600;padding:2px 8px;text-align:center}.time-square-white{background:#fff;border-color:#999;color:#000}.time-square-black{background:#000;border-color:#444;color:#fff}@media (max-width:768px){.analytics-board-container{background:#0000;flex-shrink:0;height:320px;margin-top:15.5%;position:relative;width:320px}.analytics-board-hidden{display:none}.analytics-board-footer,.analytics-board-header{color:#fff;display:flex;font-size:1rem}.analytics-loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.analytics-loading-text{color:#fff;font-size:1.5rem}.analytics-icon-container{align-items:center;border-radius:50%;box-shadow:0 0 2px #0000004d;display:flex;justify-content:center;pointer-events:none;position:absolute;z-index:100000}.analytics-move-icon-svg{fill:#fff}.boardpluseval{display:flex;gap:6.1%;margin-left:-4%;margin-top:5%}.analytics-evalbar{display:flex;flex-direction:row;left:5.4%;margin-top:20.2%;position:relative;transition:height 1.4s ease}.boardplusside{display:flex;flex-direction:column;gap:5%;margin-left:2.5%}.gamebox{background-color:#000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000000000}}.ah-sidebar{align-items:stretch;background:#1a0909;border-top:2px solid #ccc;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;max-width:100vw;min-height:140px;padding:10px 0 8px;width:360px}.ah-moveBox{background-color:#fff;border-radius:8px;box-sizing:border-box;overflow-x:auto;padding:4px 5px 6px;width:100%}.ah-moveTitle{color:#3c2c2c;display:none;font-size:16px;margin:0 0 5px;text-align:center}.ah-opening{color:#914c4c;display:block;font-size:13px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ah-moveLogLine{background:#181818;border-radius:6px;display:flex;flex-direction:row;gap:18px;max-width:422px;min-height:25px;overflow-x:auto;padding:6px 0 7px;scrollbar-color:#888 #222;scrollbar-width:thin}.ah-moveBtn{align-items:center;background:#0000;border:none;border-radius:4px;color:#eee;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:400;justify-content:center;margin:0;min-width:52px;outline:none;padding:2px 0;transition:background .15s,color .15s}.ah-moveBtn-active{background:#ffe5d9;color:#000;font-weight:700;z-index:1}.ah-controls{align-items:stretch;display:flex;flex-direction:column;gap:8px;width:100%}.ah-controls-row{flex-direction:row;gap:7px;margin-bottom:0;margin-top:2px;width:100%}.ah-controls-row,.ah-navBtn{align-items:center;display:flex;justify-content:center}.ah-navBtn{background:#365136;border:none;border-radius:6px;box-shadow:0 1px 2px #0002;color:#eee;cursor:pointer;font-size:1.6rem;font-weight:700;min-height:25px;min-width:49px;outline:none;padding:4px 7px;transition:all .15s}.ah-navBtn:disabled{cursor:not-allowed;opacity:.5}.ah-flipBtn{align-items:center;background:#223522;border:none;border-radius:6px;box-shadow:0 1px 2px #0002;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-left:2px;min-height:40px;min-width:30px;padding:1px}.ah-tacticBtn{background:#471515;border:1px solid #633;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;margin:0 auto;min-width:90px;padding:3px 11px;transition:background .18s}.ah-moveBtn:focus-visible{outline:2px solid #ffe5d9}.ah-moveLogLine::-webkit-scrollbar{height:6px}.ah-moveLogLine::-webkit-scrollbar-thumb{background:#333;border-radius:6px}.ah-flipBtn,.ah-moveBtn,.ah-navBtn,.ah-tacticBtn{touch-action:manipulation;-webkit-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.vertical-menu-container{left:0;position:fixed;top:0;width:100%;z-index:1000}.menu-toggle-btn{align-items:center;background:#1a1a1a;border-bottom:1px solid #2a2a2a;box-shadow:0 2px 10px #00000080;display:flex;justify-content:flex-end;padding:10px 16px;z-index:1001}.menu-toggle-btn button{background:none;border:none;color:#e2e8f0;cursor:pointer;font-size:.5rem;padding:0;width:40px}.app-sidebar{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);color:#f8f9fa;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:100%;transition:max-height .3s ease-in-out;width:100%}.app-sidebar.closed{box-shadow:0 4px 20px #0006;max-height:500px;padding:16px 0}.app-sidebar.closed:before{background:linear-gradient(90deg,#0000,#6366f180,#a855f780,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.app-sidebar .app-logo,.app-sidebar .nav-item-dashboard,.app-sidebar .nav-item-home,.app-sidebar .nav-item-matches{border-bottom:1px solid #ffffff0d;margin:0;padding:12px 24px}.app-sidebar .app-logo h1,.app-sidebar .nav-item-dashboard h1,.app-sidebar .nav-item-home h1,.app-sidebar .nav-item-matches h1{font-size:1.2rem;margin:0}.app-sidebar button{background:none;border:none;color:#e2e8f0;cursor:pointer;padding:0;text-align:left;transition:all .2s ease;width:100%}.app-sidebar button:hover{background:#ffffff14;color:#fff;transform:none}.app-sidebar button:active{background:#ffffff1f;transform:none}.app-sidebar button:before,.app-sidebar button:hover:before{display:none}@media (min-width:769px){.vertical-menu-container{min-width:220px;position:relative;width:220px}.menu-toggle-btn{display:none}.app-sidebar{border-right:1px solid #2a2a2a;box-shadow:4px 0 20px #0006,2px 0 8px #0000004d,inset -1px 0 0 #ffffff1a;gap:28px;height:100vh;max-height:none;padding:16px 0;position:relative;top:auto}.app-sidebar.closed{max-height:none;min-width:56px;width:56px}.app-sidebar.closed .app-logo,.app-sidebar.closed .nav-item-dashboard,.app-sidebar.closed .nav-item-home,.app-sidebar.closed .nav-item-matches{padding:12px 0;text-align:center}.app-sidebar.closed h1{visibility:hidden;width:0}.app-sidebar.closed .menu-toggle-btn button h1{visibility:visible;width:auto}.app-sidebar.closed button{margin:0 4px;padding:0 4px;text-align:center}.app-sidebar .app-logo,.app-sidebar .nav-item-dashboard,.app-sidebar .nav-item-home,.app-sidebar .nav-item-matches{padding:10px 16px}.app-sidebar.closed .app-logo,.app-sidebar.closed .nav-item-dashboard,.app-sidebar.closed .nav-item-home,.app-sidebar.closed .nav-item-matches{padding:10px 0}}.dashboardbuttons{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:170px;margin:0;padding:0;position:relative;text-align:left;width:300px}.dashboardbuttons:before{background:none;content:"";inset:0;position:absolute}.dboardcrd{background:linear-gradient(145deg,#24262b,#1d1f24);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 2px 6px #00000040;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;width:100%}.dboardcrd:hover{border-color:#ffffff26;box-shadow:0 8px 18px #00000059;transform:translateY(-5px)}.dboardcrd-content h1{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:8px}.dboardcrd-content p{color:#ffffffa6;font-size:.88rem;line-height:1.4}.opening-content,.opening-content *{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}.opening-layout{display:grid;grid-template-columns:auto 1fr;min-height:100vh;width:100%}.opening-main{min-width:0}.opening-layout.opening-layout--collapsed{grid-template-columns:0 1fr}.chess-opening-dashboard{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);color:#e5e5e5;min-height:100vh;overflow-x:hidden;width:100%}.chess-opening-main-content{margin:0 auto;max-width:1600px;padding:1rem;width:100%}@media (min-width:768px){.chess-opening-main-content{padding:1.5rem}}@media (min-width:1024px){.chess-opening-main-content{padding:2rem}}.chess-opening-dashboard-header{margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.chess-opening-dashboard-header{margin-bottom:2rem;text-align:left}}.chess-opening-dashboard-header h1{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}@media (min-width:768px){.chess-opening-dashboard-header h1{font-size:2.2rem}}@media (min-width:1024px){.chess-opening-dashboard-header h1{font-size:2.5rem}}.chess-opening-header-subtitle{color:#9ca3af;font-size:.95rem;font-weight:400}@media (min-width:768px){.chess-opening-header-subtitle{font-size:1.1rem}}.chess-opening-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem;width:100%}@media (min-width:640px){.chess-opening-metrics-grid{gap:1.2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.chess-opening-metrics-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem}}.chess-opening-metric-card{align-items:center;background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease;width:100%}@media (min-width:768px){.chess-opening-metric-card{padding:1.5rem}}.chess-opening-metric-card:before{background:linear-gradient(135deg,#4f46e5,#06b6d4);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.chess-opening-metric-card:hover:before{opacity:.1}.chess-opening-metric-card:hover{border-color:#4f46e54d;box-shadow:0 8px 25px #4f46e533;transform:translateY(-2px)}.chess-opening-metric-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:42px;justify-content:center;position:relative;width:42px;z-index:1}@media (min-width:768px){.chess-opening-metric-icon{font-size:1.5rem;height:48px;width:48px}}.chess-opening-metric-content{flex:1 1;min-width:0;position:relative;z-index:1}.chess-opening-metric-value{color:#fff;display:block;font-size:1.5rem;font-weight:700;line-height:1;word-break:break-word}@media (min-width:768px){.chess-opening-metric-value{font-size:1.8rem}}@media (min-width:1024px){.chess-opening-metric-value{font-size:2rem}}.chess-opening-metric-label{color:#9ca3af;display:block;font-size:.8rem;font-weight:500;margin-top:.25rem}@media (min-width:768px){.chess-opening-metric-label{font-size:.9rem}}.chess-opening-dashboard-content{display:flex;flex-direction:column;gap:2rem;width:100%}@media (min-width:1024px){.chess-opening-dashboard-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:380px 1fr}}@media (min-width:1400px){.chess-opening-dashboard-content{grid-template-columns:420px 1fr}}.chess-opening-left-panel{display:flex;flex-direction:column;gap:1.5rem;width:100%}.chess-opening-filters-section,.chess-opening-openings-list,.chess-opening-search-section{background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;padding:1.2rem;width:100%}@media (min-width:768px){.chess-opening-filters-section,.chess-opening-openings-list,.chess-opening-search-section{padding:1.5rem}}.chess-opening-filters-section h3,.chess-opening-openings-list h3,.chess-opening-search-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}@media (min-width:768px){.chess-opening-filters-section h3,.chess-opening-openings-list h3,.chess-opening-search-section h3{font-size:1.25rem}}.chess-opening-search-form{margin-bottom:1rem;width:100%}.chess-opening-search-input-container{display:flex;flex-direction:column;gap:.75rem;position:relative;width:100%}@media (min-width:640px){.chess-opening-search-input-container{flex-direction:row;gap:.5rem}}.chess-opening-search-input{background:#2a2a2a;border:2px solid #0000;border-radius:8px;color:#e5e5e5;flex:1 1;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.chess-opening-search-input:focus{background:#333;border-color:#4f46e5;outline:none}.chess-opening-search-input::placeholder{color:#6b7280}.chess-opening-search-button{background:linear-gradient(135deg,#4f46e5,#06b6d4);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;min-width:50px;padding:.75rem 1rem;transition:all .3s ease}@media (min-width:640px){.chess-opening-search-button{min-width:60px}}.chess-opening-search-button:hover{box-shadow:0 4px 15px #4f46e54d;transform:translateY(-1px)}.chess-opening-search-suggestions{background:#2a2a2a;border:2px solid #4f46e5;border-radius:8px;box-shadow:0 8px 25px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@media (min-width:640px){.chess-opening-search-suggestions{right:70px}}.chess-opening-search-suggestion-item{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.chess-opening-search-suggestion-item:last-child{border-bottom:none}.chess-opening-search-suggestion-item:hover{background:#333}.chess-opening-suggestion-icon{flex-shrink:0;font-size:1.2rem}.chess-opening-suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.chess-opening-suggestion-name{color:#fff;font-size:.9rem;font-weight:600}.chess-opening-suggestion-games{color:#9ca3af;font-size:.75rem}.chess-opening-search-no-results{color:#9ca3af;font-style:italic;padding:1rem;text-align:center}.chess-opening-search-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;font-size:.85rem;padding:.5rem .75rem}.chess-opening-search-success{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#86efac;font-size:.85rem;padding:.5rem .75rem}.chess-opening-filter-buttons{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (min-width:640px){.chess-opening-filter-buttons{flex-direction:row;flex-wrap:wrap}}@media (min-width:1024px){.chess-opening-filter-buttons{flex-direction:column}}.chess-opening-filter-button{align-items:center;background:#2a2a2a;border:2px solid #0000;border-radius:8px;color:#e5e5e5;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}@media (min-width:640px){.chess-opening-filter-button{flex:1 1;min-width:0}}@media (min-width:1024px){.chess-opening-filter-button{flex:none;width:100%}}.chess-opening-filter-button:hover{background:#333;border-color:#4f46e54d;transform:translateY(-1px)}.chess-opening-filter-active{background:linear-gradient(135deg,#4f46e533,#06b6d433);border-color:#4f46e5;color:#fff}.chess-opening-filter-icon{flex-shrink:0;font-size:1rem}.chess-opening-openings-items{display:flex;flex-direction:column;gap:.5rem;width:100%}.chess-opening-opening-item{align-items:center;background:#2a2a2a;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .3s ease;width:100%}.chess-opening-opening-item:hover{background:#333;border-color:#4f46e54d;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.chess-opening-opening-selected{background:linear-gradient(135deg,#4f46e533,#06b6d433);border-color:#4f46e5}.chess-opening-opening-rank{align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.chess-opening-opening-icon{flex-shrink:0;font-size:1.5rem}.chess-opening-opening-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.chess-opening-opening-name{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-opening-opening-stat{color:#9ca3af;font-size:.75rem;font-weight:500}.chess-opening-opening-arrow{color:#4f46e5;flex-shrink:0;font-size:1.2rem;font-weight:600;transition:transform .3s ease}.chess-opening-opening-item:hover .chess-opening-opening-arrow{transform:translateX(3px)}.chess-opening-right-panel{width:100%}.chess-opening-opening-details{background:#1f1f1f;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;width:100%}@media (min-width:768px){.chess-opening-opening-details{padding:2rem}}.chess-opening-opening-header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}@media (min-width:640px){.chess-opening-opening-header{align-items:center;flex-direction:row;justify-content:space-between}}.chess-opening-opening-title{align-items:center;display:flex;gap:.75rem}.chess-opening-opening-emoji{font-size:2rem}@media (min-width:768px){.chess-opening-opening-emoji{font-size:2.5rem}}.chess-opening-opening-title h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}@media (min-width:768px){.chess-opening-opening-title h2{font-size:1.8rem}}@media (min-width:1024px){.chess-opening-opening-title h2{font-size:2rem}}.chess-opening-opening-games{color:#9ca3af;font-size:.9rem;font-weight:500;white-space:nowrap}@media (min-width:768px){.chess-opening-opening-games{font-size:1rem}}.chess-opening-opening-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem;width:100%}@media (min-width:640px){.chess-opening-opening-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.chess-opening-opening-stats{gap:1.2rem;grid-template-columns:repeat(4,1fr)}}.chess-opening-stat-card{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:10px;padding:1.2rem;text-align:center;transition:all .3s ease;width:100%}.chess-opening-stat-card:hover{background:#333;border-color:#4f46e54d;box-shadow:0 4px 15px #4f46e51a;transform:translateY(-2px)}.chess-opening-stat-value{color:#fff;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}@media (min-width:768px){.chess-opening-stat-value{font-size:1.8rem}}.chess-opening-stat-label{color:#9ca3af;font-size:.8rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}@media (min-width:768px){.chess-opening-stat-label{font-size:.85rem}}.chess-opening-chart-section{width:100%}.chess-opening-chart-section h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.chess-opening-chart-section h3{font-size:1.5rem;text-align:left}}.chess-opening-pie-chart-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;width:100%}@media (min-width:768px){.chess-opening-pie-chart-container{align-items:center;flex-direction:row;justify-content:space-between}}.chess-opening-pie-chart{background:conic-gradient(from 0deg,#e5e7eb 0deg 0deg,#374151 0deg 0deg,#6b7280 0deg 0deg,#dc2626 0deg 1turn);background:conic-gradient(from 0deg,#e5e7eb 0deg calc(var(--white-percent, 0)*3.6deg),#374151 calc(var(--white-percent, 0)*3.6deg) calc((var(--white-percent, 0) + var(--black-percent, 0))*3.6deg),#6b7280 calc((var(--white-percent, 0) + var(--black-percent, 0))*3.6deg) calc((var(--white-percent, 0) + var(--black-percent, 0) + var(--draw-percent, 0))*3.6deg),#dc2626 calc((var(--white-percent, 0) + var(--black-percent, 0) + var(--draw-percent, 0))*3.6deg) 1turn);border-radius:50%;flex-shrink:0;height:200px;position:relative;width:200px}@media (min-width:768px){.chess-opening-pie-chart{height:220px;width:220px}}.chess-opening-pie-center{align-items:center;background:#1f1f1f;border:3px solid #ffffff1a;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@media (min-width:768px){.chess-opening-pie-center{height:90px;width:90px}}.chess-opening-pie-total{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}@media (min-width:768px){.chess-opening-pie-total{font-size:1.8rem}}.chess-opening-pie-label{color:#9ca3af;font-size:.7rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}@media (min-width:768px){.chess-opening-pie-label{font-size:.75rem}}.chess-opening-pie-legend{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.chess-opening-pie-legend{gap:1rem}}.chess-opening-legend-item{align-items:center;color:#e5e5e5;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}@media (min-width:768px){.chess-opening-legend-item{font-size:1rem}}.chess-opening-legend-color{border-radius:3px;flex-shrink:0;height:16px;width:16px}@media (min-width:768px){.chess-opening-legend-color{height:18px;width:18px}}.chess-opening-legend-white{background:#e5e7eb}.chess-opening-legend-black{background:#374151}.chess-opening-legend-draw{background:#6b7280}.chess-opening-legend-loss{background:#dc2626}@media (max-width:640px){.chess-opening-dashboard{font-size:14px}.chess-opening-opening-item{gap:.5rem;padding:.75rem}.chess-opening-opening-icon{font-size:1.2rem}.chess-opening-opening-rank{font-size:.7rem;height:20px;width:20px}}.chess-opening-loading{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;height:200px;justify-content:center}.chess-opening-spinner{animation:chess-opening-spin 1s ease-in-out infinite;border:2px solid #4f46e54d;border-radius:50%;border-top-color:#4f46e5;height:20px;width:20px}@keyframes chess-opening-spin{to{transform:rotate(1turn)}}.chess-opening-search-suggestions::-webkit-scrollbar{width:6px}.chess-opening-search-suggestions::-webkit-scrollbar-track{background:#1f1f1f;border-radius:3px}.chess-opening-search-suggestions::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:3px}.chess-opening-search-suggestions::-webkit-scrollbar-thumb:hover{background:#4338ca}.rish{background:#1c1f24;display:flex;height:100%;width:100%}.sidebarclass{flex-shrink:0}.welcome{color:#fff;flex:1 1;padding:32px}.welcome header h1{font-size:1.8rem;font-weight:600;margin-bottom:8px}.welcome header p{color:#aaa;font-size:.95rem;margin-bottom:28px}.griddiv{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#21262d;--border-primary:#30363d;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-blue:#58a6ff;--accent-green:#4caf50;--accent-amber:#ffc107;--accent-red:#f44336}.phase-stats-page{background:#0d1117;background:var(--bg-primary);color:#f0f6fc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh}.page-header{background:linear-gradient(180deg,#161b22,#0d1117);background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-primary);padding:3rem 2rem 2.5rem}.header-content{margin:0 auto;max-width:1200px;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.page-header p{color:#8b949e;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.summary-card{background:#21262d;background:var(--bg-card);border:1px solid #30363d;border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;transition:all .2s ease}.summary-card:hover{border-color:#58a6ff;border-color:var(--accent-blue);transform:translateY(-3px)}.summary-value{font-size:2.25rem;font-weight:600;margin-bottom:.5rem}.summary-label{color:#8b949e;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.phase-navigation{background:#161b22;background:var(--bg-secondary);border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:10}.nav-tabs{display:flex;margin:0 auto;max-width:1200px}.nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8b949e;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.nav-tab:hover{color:#f0f6fc;color:var(--text-primary)}.nav-tab.active{border-bottom-color:#58a6ff;border-bottom-color:var(--accent-blue);color:#58a6ff;color:var(--accent-blue)}.page-content{margin:0 auto;max-width:1200px;padding:2.5rem 2rem}.chart-title{color:#8b949e;color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.accuracy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.accuracy-card{background:#21262d;background:var(--bg-card);border:1px solid #30363d;border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.accuracy-label{color:#8b949e;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;text-transform:uppercase}.accuracy-value{font-size:3rem;font-weight:700;margin-bottom:1rem}.accuracy-bar{background:#30363d;border-radius:3px;height:6px;margin-bottom:1rem}.accuracy-fill{border-radius:3px;height:100%}.accuracy-stats{color:#8b949e;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between}.performance-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.comparison-chart,.error-analysis{background:#21262d;background:var(--bg-card);border:1px solid #30363d;border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.bars-container{display:flex;flex-direction:column;gap:1.5rem}.bar-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 60px}.bar-label{font-weight:600}.bar-track{background:#30363d;border-radius:4px;height:8px}.bar-fill{border-radius:4px;height:100%}.bar-value{color:#8b949e;color:var(--text-secondary);text-align:right}.error-grid{display:flex;flex-direction:column;gap:1rem;text-align:center}.error-item{background:#161b22;background:var(--bg-secondary);border-radius:8px;padding:1rem}.error-phase{color:#8b949e;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.error-count{color:#f44336;color:var(--accent-red);font-size:2rem;font-weight:700}.error-label{color:#8b949e;color:var(--text-secondary);font-size:.75rem}.phase-details{animation:fadeIn .4s ease}.phase-header{align-items:center;background:#21262d;background:var(--bg-card);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.phase-header h3{font-size:2rem;margin:0}.phase-accuracy{text-align:right}.accuracy-number{display:block;font-size:2.5rem;font-weight:700}.accuracy-text{color:#8b949e;color:var(--text-secondary)}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.metric-card{background:#21262d;background:var(--bg-card);border:1px solid #30363d;border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center}.metric-value{font-size:2.25rem;font-weight:700}.metric-label{color:#8b949e;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.metric-card.error .metric-value{color:#f44336;color:var(--accent-red)}.metric-card.warning .metric-value{color:#ffc107;color:var(--accent-amber)}.analysis-insights{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{background:#161b22;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border-primary);border-radius:8px;padding:2rem;text-align:center}.insight-title{color:#8b949e;color:var(--text-secondary);margin-bottom:1rem}.insight-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.insight-desc{color:#8b949e;color:var(--text-secondary);font-style:italic}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.loader{animation:rotation 1s linear infinite;border:5px solid #30363d;border-bottom-color:#58a6ff;border:5px solid var(--border-primary);border-bottom-color:var(--accent-blue);border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;width:48px}.no-data-message{color:#8b949e;color:var(--text-secondary);font-size:1.2rem}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.performance-comparison{grid-template-columns:1fr}}@media (max-width:768px){.page-header{padding:2rem 1rem}.page-content{padding:1.5rem 1rem}.summary-cards{grid-template-columns:repeat(2,1fr)}.phase-header{flex-direction:column;gap:1rem;text-align:center}}.chess-analytics-main-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.chess-analytics-header-section{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;box-shadow:0 12px 35px #0006;margin-bottom:40px;padding:30px 20px;text-align:center}.chess-analytics-main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#64c8ff,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;margin:0 0 10px}.chess-analytics-subtitle{color:#b8c5d6;font-size:1.2rem;font-weight:300;margin:0}.chess-analytics-loading-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.chess-analytics-loading-spinner{animation:chess-analytics-spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#64c8ff;height:50px;width:50px}@keyframes chess-analytics-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chess-analytics-loading-text{color:#888;font-size:1.2rem;margin:0}.chess-analytics-error-wrapper{background:linear-gradient(135deg,#4a1f1f,#661a1a);border-radius:15px;margin:20px 0;padding:40px;text-align:center}.chess-analytics-error-title{color:#ff6b6b;font-size:1.5rem;margin:0 0 10px}.chess-analytics-error-message{color:#e0e0e0;margin:0 0 15px}.chess-analytics-retry-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:12px 24px;transition:all .3s ease}.chess-analytics-retry-button:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.chess-analytics-insights-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:50px}.chess-analytics-insight-card{background:linear-gradient(135deg,#1a2744,#2d3e63);border:2px solid #3a4a6b;border-radius:18px;box-shadow:0 10px 30px #0000004d;padding:30px;transition:all .3s ease}.chess-analytics-insight-card:hover{border-color:#64c8ff;box-shadow:0 15px 40px #0006;transform:translateY(-6px)}.chess-analytics-insight-title{color:#64c8ff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.chess-analytics-insight-content{align-items:center;display:flex;justify-content:space-between}.chess-analytics-piece-name{color:#fff;font-size:2rem;font-weight:700}.chess-analytics-performance-score{color:#10b981;font-size:1.6rem;font-weight:600}.chess-analytics-poor-score{color:#ef4444;font-size:1.6rem;font-weight:600}.chess-analytics-metrics-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr}.chess-analytics-section-title{color:#64c8ff;font-size:2rem;font-weight:600;margin:0 0 15px;text-align:center}.chess-analytics-instruction-text{color:#9ca3af;font-size:1.1rem;font-style:italic;margin:0 0 35px;text-align:center}.chess-analytics-piece-cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.chess-analytics-piece-card{background:linear-gradient(135deg,#1f2937,#374151);border:2px solid #4b5563;border-radius:18px;box-shadow:0 8px 25px #0000004d;cursor:pointer;padding:25px;position:relative;transition:all .3s ease}.chess-analytics-piece-card:hover{border-color:#64c8ff;box-shadow:0 12px 35px #0006;transform:translateY(-4px)}.chess-analytics-piece-card-selected{border-color:#10b981!important;box-shadow:0 12px 35px #10b9814d!important}.chess-analytics-piece-card[data-tooltip]:hover:after{background:#000;border-radius:6px;box-shadow:0 5px 15px #00000080;color:#fff;content:attr(data-tooltip);font-size:.9rem;left:50%;padding:8px 12px;position:absolute;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:1000}.chess-analytics-piece-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.chess-analytics-piece-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.chess-analytics-piece-icon{filter:sepia(1) hue-rotate(180deg) brightness(1.3);font-size:2.2rem}.chess-analytics-key-metrics{margin-bottom:20px}.chess-analytics-metric-row{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0}.chess-analytics-metric-row:last-child{border-bottom:none;margin-bottom:0}.chess-analytics-metric-label{color:#9ca3af;font-size:.95rem;font-weight:500}.chess-analytics-metric-value{color:#fff;font-size:1.1rem;font-weight:600}.chess-analytics-overall-score{margin-top:20px}.chess-analytics-score-bar{background:#374151;border-radius:12px;height:14px;margin-bottom:8px;overflow:hidden}.chess-analytics-score-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .4s ease}.chess-analytics-score-text{color:#10b981;display:block;font-size:1rem;font-weight:600;text-align:center}.chess-analytics-detailed-stats-section{background:linear-gradient(135deg,#111827,#1f2937);border:2px solid #374151;border-radius:20px;box-shadow:0 12px 35px #0006;padding:35px}.chess-analytics-detailed-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chess-analytics-stat-card{background:linear-gradient(135deg,#1f2937,#374151);border:1px solid #4b5563;border-radius:15px;box-shadow:0 6px 20px #0003;padding:25px}.chess-analytics-stat-card-title{border-bottom:2px solid #64c8ff;color:#64c8ff;font-size:1.3rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.chess-analytics-stat-details{display:flex;flex-direction:column;gap:12px}.chess-analytics-detail-row{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:8px 0}.chess-analytics-detail-row:last-child{border-bottom:none}.chess-analytics-detail-row span:first-child{color:#9ca3af;font-weight:500}.chess-analytics-detail-row span:last-child{color:#fff;font-weight:600}.chess-analytics-success-rate{color:#10b981!important}.chess-analytics-impact-score{color:#fbbf24!important}.chess-analytics-move-quality-bars{display:flex;flex-direction:column;gap:15px}.chess-analytics-quality-item{align-items:center;display:flex;gap:12px}.chess-analytics-quality-label{color:#9ca3af;font-size:.9rem;font-weight:500;width:80px}.chess-analytics-quality-bar{background:#374151;border-radius:8px;flex:1 1;height:10px;overflow:hidden}.chess-analytics-quality-excellent-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .4s ease}.chess-analytics-quality-good-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .4s ease}.chess-analytics-quality-poor-fill{background:linear-gradient(90deg,#ef4444,#f87171);height:100%;transition:width .4s ease}.chess-analytics-quality-percent{color:#fff;font-size:.9rem;font-weight:600;text-align:right;width:50px}@media (max-width:768px){.chess-analytics-main-container{padding:15px}.chess-analytics-main-title{font-size:2.2rem}.chess-analytics-detailed-grid,.chess-analytics-insights-grid,.chess-analytics-piece-cards-grid{grid-template-columns:1fr}.chess-analytics-quality-item{align-items:stretch;flex-direction:column;gap:8px}.chess-analytics-quality-label{text-align:center;width:auto}}@media (max-width:480px){.chess-analytics-header-section{padding:25px 15px}.chess-analytics-main-title{font-size:1.8rem}.chess-analytics-insight-card,.chess-analytics-piece-card,.chess-analytics-stat-card{padding:20px}.chess-analytics-detailed-stats-section{padding:25px}}