.review{--bar: 26px;--ranks: 16px;--left: calc(var(--bar) + var(--ranks) + 12px);--board: max(280px, min( calc(100vh - 196px) , calc(100vw - 2 * var(--gutter) - var(--left) - 470px), 820px));display:grid;grid-template-columns:auto minmax(360px,440px);justify-content:center;align-items:start;gap:22px;padding:12px var(--gutter) 24px}.stage{width:calc(var(--board) + var(--left))}.player-bar{display:flex;align-items:center;gap:10px;height:56px;margin-left:var(--left);min-width:0}.avatar{width:40px;height:40px;flex:none;border-radius:4px;object-fit:cover;background:var(--panel-3)}.avatar.initial{display:grid;place-items:center;color:#fff;font:800 18px/1 var(--font);text-transform:uppercase}.player-info{display:flex;align-items:baseline;gap:6px;min-width:0}.player-name{overflow:hidden;color:#fff;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.player-rating,.player-material{color:#d3c9bb;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.player-material{font-size:13px;font-weight:700}.title-badge{padding:1px 4px;border-radius:3px;background:#a7332f;color:#fff;font-size:11px;font-weight:800}.clock{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:128px;height:42px;margin-left:auto;padding:0 14px;border-radius:4px;font:700 26px/1 var(--font);font-variant-numeric:tabular-nums;opacity:.6}.clock.white{background:#fff;color:#312e2b}.clock.black{background:#262421;color:#fff}.clock.active{opacity:1}.clock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.clock:not(.active) svg{display:none}.board-area{display:flex;gap:6px}#evalbar{width:var(--bar);height:var(--board);flex:none;margin-right:6px}.ranks{display:grid;grid-template-rows:repeat(8,1fr);width:var(--ranks);height:var(--board);flex:none}.ranks span,.files span{display:grid;place-items:center;color:#e4d8c6;font-size:15px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.files{display:grid;grid-template-columns:repeat(8,1fr);width:var(--board);height:28px;margin-left:var(--left)}#board{width:var(--board);height:var(--board);flex:none}#board .board-coords{display:none}.panel{position:sticky;top:72px;display:flex;flex-direction:column;height:calc(var(--board) + 140px);min-height:560px;overflow:hidden;background:var(--panel);border-radius:var(--radius);box-shadow:0 18px 44px -14px #000000d9;color:#c3c2c1}.panel-head{position:relative;display:grid;grid-template-columns:40px 1fr 80px;align-items:center;padding:8px 10px;background:#21201d}.panel-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#fff;font:800 17px/1 var(--font)}.panel-title img{width:22px;height:22px}.panel-tools{display:flex;justify-content:flex-end}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:none;color:#989795}.icon-btn:hover{background:#ffffff0f;color:#fff}.icon-btn svg,.next-btn svg,.nav-buttons svg,.foot-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=true] .sound-off,#sound[aria-pressed=false] .sound-on{display:none}.settings-menu{position:absolute;top:50px;inset-inline-end:10px;z-index:10;width:220px;padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 30px #00000080}.menu-label{margin:0 0 8px;color:#989795;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.theme-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.theme-swatch{aspect-ratio:1;border:2px solid transparent;border-radius:6px}.theme-swatch[aria-pressed=true]{border-color:var(--green)}.menu-item{display:flex;justify-content:space-between;width:100%;padding:8px 10px;border:0;border-radius:6px;background:var(--panel-3);color:#fff;font-weight:700}.menu-item:hover{background:var(--panel-4)}kbd{color:#989795;font:inherit}.panel-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.view{display:flex;flex-direction:column;gap:12px}.panel-foot{display:flex;flex-direction:column;gap:10px;padding:12px 16px 14px}.coach{display:flex;align-items:flex-start;gap:14px}.coach-avatar{width:68px;height:68px;flex:none;border-radius:50%;box-shadow:0 0 0 2px #fff,0 6px 14px #00000080}.bubble{position:relative;flex:1;min-width:0;min-height:60px;padding:11px 14px;border-radius:10px;background:#fff;color:#312e2b;font-size:14.5px;line-height:1.45}.bubble:before{content:"";position:absolute;top:22px;left:-8px;border:8px solid transparent;border-right-color:#fff;border-left:0}[dir=rtl] .bubble:before{left:auto;right:-8px;border-right:0;border-left:8px solid #fff}.stage{direction:ltr}.quote-translation{margin-top:8px!important;color:#312e2b;font-size:14.5px;opacity:0;transition:opacity .4s}.quote-translation.visible{opacity:1}.bubble p{margin:0}.bubble-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:800}.bubble-head img{width:22px;height:22px;flex:none}.bubble-title{flex:1}.bubble-eval{padding:3px 7px;border-radius:4px;background:#e9e8e6;color:#312e2b;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.bubble-eval.black{background:#403d39;color:#fff}.bubble .best-line{margin-top:6px;color:#6a6762;font-size:14px}.bubble .best-line b{color:#3d7a1f}.next-btn{width:100%;flex:none}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#1d1c1a;border-radius:var(--radius)}.tabs button{padding:9px 6px;border:0;border-radius:6px;background:none;color:#989795;font-weight:700}.tabs button[aria-selected=true]{background:var(--panel-3);color:#fff}.tab-panel{display:flex;flex-direction:column;gap:10px}.tab-panel input,.tab-panel textarea{width:100%;padding:11px 13px;border:1px solid var(--panel-3);border-radius:6px;background:#1d1c1a;color:#fff}.tab-panel textarea{resize:vertical;min-height:140px;font:13px/1.5 ui-monospace,Cascadia Code,Consolas,monospace}.tab-panel input:focus,.tab-panel textarea:focus{outline:none;border-color:var(--green)}.inline-field{display:flex;gap:8px}.inline-field input{flex:1;min-width:0}.strength{display:flex;align-items:center;justify-content:space-between;gap:10px}.strength-label{color:#989795;font-size:13px;font-weight:700}.segmented{display:inline-flex;padding:3px;background:#1d1c1a;border-radius:var(--radius)}.segmented button{padding:6px 11px;border:0;border-radius:6px;background:none;color:#989795;font-size:13px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--panel-3);color:#fff}.segmented button.max[aria-pressed=true]{color:#ffd166}.segmented button:disabled{opacity:.4;cursor:not-allowed}.strength-note{margin:-4px 0 0;color:#989795;font-size:12.5px;text-align:end}.form-error{margin:0;padding:10px 12px;border-radius:6px;background:#fa412d24;color:#ff9e92;font-size:14px}.view-import .link-btn{align-self:center}.game-list{display:flex;flex-direction:column;gap:4px;max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.game-item{display:grid;grid-template-columns:30px 1fr;column-gap:10px;width:100%;padding:7px 10px;border:0;border-radius:6px;background:var(--panel-2);text-align:left}.game-item:hover{background:var(--panel-4)}.game-result{display:grid;grid-row:span 2;place-items:center;width:30px;height:30px;border-radius:5px;color:#fff;font-weight:800}.game-result.win{background:var(--green)}.game-result.loss{background:#c23a2c}.game-result.draw{background:#6b6964}.game-opponent{color:#fff;font-weight:700}.game-meta{color:#989795;font-size:12.5px;text-transform:capitalize}.progress{height:10px;overflow:hidden;border-radius:99px;background:#1d1c1a}.progress-fill{width:0;height:100%;background:var(--green);transition:width .25s}.progress-detail{margin:0;color:#989795;font-size:13px;text-align:center}.view-progress .dark-btn{align-self:center}.graph{display:block;width:100%;height:72px;flex:none;border-radius:4px;cursor:pointer}.stats{width:100%;border-collapse:collapse;font-size:14.5px}.stats th{padding:6px 0;color:#c3c2c1;font-weight:700;text-align:left;white-space:nowrap}.stats td{width:22%;padding:5px 0;text-align:center}.stats td.middle{width:12%}.stats .player-head{color:#fff;font-size:13px;font-weight:700}.stats .player-head span{display:block;max-width:110px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats .avatar{width:58px;height:58px;margin:0 auto;border:3px solid transparent}.stats .avatar.initial{font-size:24px}.stats .winner .avatar{border-color:var(--green)}.score-box{display:inline-block;min-width:64px;padding:7px 10px;border-radius:5px;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.score-box.white{background:#fff;color:#312e2b}.score-box.black{background:#403d39;color:#fff}.stats .count{font-size:16px;font-weight:800}.stats .icon{width:24px;height:24px;vertical-align:middle}.stats tr.divider td{height:12px;padding:0;border-bottom:1px solid var(--line)}.stats tr.divider+tr th,.stats tr.divider+tr td{padding-top:12px}.stats .muted-cell{color:#989795}.view-review{height:100%}.moves{flex:1;min-height:110px;overflow-y:auto;font-size:14.5px}.move-row{display:grid;grid-template-columns:48px 1fr 1fr;align-items:center;min-height:30px}.move-row:nth-child(2n){background:#ffffff05}.move-number{padding-inline-start:12px;color:#989795}.move{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:3px 6px;border:0;border-radius:4px;background:none;color:#e2e1df;font-weight:700;text-align:left}.move:hover{background:#ffffff12}.move.current{background:var(--panel-4);box-shadow:inset 0 -2px #ffffffd9}.move.empty{color:#989795;cursor:default}.move .class-icon,.move .figurine{width:18px;height:18px}.move .figurine{margin-right:-2px}.nav-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.nav-buttons button{display:grid;place-items:center;height:46px;border:0;border-radius:6px;background:var(--panel-3);box-shadow:inset 0 -3px #00000040;color:#fff}.nav-buttons button:hover{background:var(--panel-4)}.nav-buttons svg{width:24px;height:24px;stroke-width:2.6}#play .pause-icon,#play.playing .play-icon{display:none}#play.playing .pause-icon{display:inline}#play .play-icon{fill:currentColor}.foot-links{display:flex;justify-content:center;gap:26px}#edit-link{color:#e0b54f}#edit-link:hover{color:#ffd166}.edit-promo{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(255,209,102,.3);border-radius:10px;background:linear-gradient(115deg,#ffd16621,#ffd16608);color:#fff;text-align:start}.edit-promo:hover{background:#ffd16629}.edit-promo img{width:44px;height:44px;flex:none;border-radius:50%;box-shadow:0 0 0 2px #fff}.edit-promo-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.edit-promo-text b{color:#ffd166;font-size:15px}.edit-promo-text span{color:#d9d2c7;font-size:13px}.edit-promo svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}[dir=rtl] .edit-promo svg{transform:scaleX(-1)}.foot-link{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#989795;font-weight:700}.foot-link:hover{color:#fff}.foot-link svg{width:18px;height:18px}.progress-title{margin:6px 0 0;color:#fff;font-weight:800;text-align:center}.quote-bubble{min-height:104px}.quote{font-size:16px;font-style:italic;font-weight:600;line-height:1.5}.quote .caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;background:#312e2b;vertical-align:-2px;animation:blink .9s steps(1) infinite}.quote .quote-close{visibility:hidden}.quote.done .caret{display:none}.quote.done .quote-close{visibility:visible}@keyframes blink{50%{opacity:0}}.quote-author{margin-top:8px!important;color:#5c9a38;font-size:13.5px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}.quote-author.visible{opacity:1;transform:none}.hear-btn{margin-top:10px;padding:7px 12px;border:0;border-radius:6px;background:var(--green);box-shadow:inset 0 -3px 0 var(--green-edge);color:#fff;font-weight:800}.review-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;direction:ltr;gap:8px}.review-actions:empty{display:none}.action-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border:0;border-radius:6px;background:var(--panel-3);box-shadow:inset 0 -3px #00000040;color:#fff;font-size:13.5px;font-weight:800}.action-btn:hover:not(:disabled){background:var(--panel-4)}.action-btn.best{background:var(--green);box-shadow:inset 0 -3px 0 var(--green-edge)}.action-btn.best:hover:not(:disabled){background:var(--green-hover)}.action-btn.square{width:36px;justify-content:center;padding:0;font-size:18px}.action-btn img{width:18px;height:18px}.action-btn:disabled{opacity:.45;cursor:default}.bubble .verdict{margin-top:6px;color:#4e7f2c;font-weight:700}.line-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.line-chip{padding:2px 7px;border:0;border-radius:4px;background:#efedea;color:#312e2b;font-size:13px;font-weight:700}.line-chip.played{background:#dcebcf}.line-chip.current{background:var(--green);color:#fff}.toast{position:fixed;left:50%;bottom:28px;z-index:50;padding:10px 18px;border-radius:var(--radius);background:#fff;color:#312e2b;font-weight:700;box-shadow:0 12px 30px #00000073;transform:translate(-50%)}@media(max-width:1000px){.review{--board: min(calc(100vw - 2 * var(--gutter) - var(--left)), 640px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.panel{position:static;width:100%;max-width:680px;height:auto;min-height:0}.panel-body{overflow:visible}.moves{max-height:280px}}@media(max-width:520px){.review{--bar: 14px;--ranks: 12px;--left: calc(var(--bar) + var(--ranks) + 8px)}#evalbar{margin-right:2px}.evalbar-score{display:none}.ranks span,.files span{font-size:11px}.player-bar{height:50px}.avatar{width:34px;height:34px}.clock{min-width:96px;height:36px;font-size:21px}.coach-avatar{width:54px;height:54px}.green-btn.big{height:56px;font-size:20px}}