.chess{color:var(--text-color);min-height:100vh;min-height:100svh;padding:calc(var(--nav-size) * 2) calc(var(--nav-size) * .3) calc(var(--nav-size) * 1.5);--fg-blue:var(--scheme-accent);--fg-mint:var(--scheme-primary);--bg-orange:var(--scheme-backdrop-a,var(--scheme-accent-bg));--bg-pink:var(--scheme-backdrop-b,var(--scheme-primary-bg));--bg-blue:var(--scheme-backdrop-a,var(--scheme-accent-bg));--bg-mint:var(--scheme-backdrop-b,var(--scheme-primary-bg));background:linear-gradient(-45deg, var(--bg-orange), var(--bg-pink), var(--bg-blue), var(--bg-mint));background-size:400% 400%;flex-direction:column;align-items:center;animation:12s infinite chessGradientShift;display:flex;position:relative;overflow-x:hidden}.light-theme .chess{animation-duration:15s}.dark-theme .chess{animation-duration:10s}@keyframes chessGradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.chess-floating{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.chess-circle{background:radial-gradient(circle, var(--white1-transp,#f4f7fd33) 0%, transparent 70%);border-radius:50%;animation:6s ease-in-out infinite chessFloat;position:absolute}.chess-circle-1{width:180px;height:180px;animation-duration:9s;top:8%;left:6%}.chess-circle-2{width:120px;height:120px;animation-duration:11s;animation-delay:-2s;top:55%;right:8%}.chess-circle-3{width:220px;height:220px;animation-duration:13s;animation-delay:-4s;bottom:5%;left:55%}@keyframes chessFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(180deg)}}.chess-section{z-index:2;width:100%;max-width:calc(var(--nav-size) * 22);flex-direction:column;align-items:center;display:flex;position:relative}.chess-hero{padding:calc(var(--nav-size) * 1.2) 0 calc(var(--nav-size) * .6)}.chess-title-wrap{text-align:center;max-width:calc(var(--nav-size) * 19);margin:0 auto}.chess-eyebrow{margin:0 0 calc(var(--nav-size) * .15);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--text-color-accent)}.chess-title{font-weight:var(--font-weight-bold);letter-spacing:-.01em;font-size:var(--font-size-display);line-height:var(--line-height-tight);margin:0 0 calc(var(--nav-size) * .35);position:relative}.chess-title:after{content:"";left:50%;bottom:calc(var(--nav-size) * -.22);width:calc(var(--nav-size) * 1.6);background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint), var(--fg-pink));border-radius:999px;height:4px;position:absolute;transform:translate(-50%)}.chess-subtitle{color:var(--text-color-accent);font-size:var(--font-size-large);line-height:var(--line-height-relaxed);max-width:calc(var(--nav-size) * 14);margin:0 auto calc(var(--nav-size) * .5)}.chess-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.chess-reveal.is-visible{opacity:1;transform:translateY(0)}.chess-tabs{gap:calc(var(--nav-size) * .2);flex-wrap:wrap;justify-content:center;display:flex}.chess-tab{align-items:center;gap:calc(var(--nav-size) * .15);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);letter-spacing:.08em;text-transform:uppercase;color:var(--text-color);border:1px solid var(--border-nav);padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .5);cursor:pointer;background:0 0;border-radius:999px;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.chess-tab:hover:not(:disabled){color:var(--fg-mint);background:color-mix(in srgb, var(--bg-1) 70%, transparent);transform:translateY(-1px)}.chess-tab-icon{line-height:1}.chess-tab.is-active{color:var(--text-color-inv);background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));box-shadow:0 4px 14px #00000038, 0 0 0 3px color-mix(in srgb, var(--fg-mint) 25%, transparent);border-color:#0000}.chess-tab.is-active:hover{color:var(--text-color-inv);background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint))}.chess-panel{width:100%}.chess-panel-intro{max-width:calc(var(--nav-size) * 16);margin:0 auto calc(var(--nav-size) * .6);text-align:center;color:var(--text-color-accent);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.chess-btn{font-family:inherit;font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase;padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .45);cursor:pointer;color:var(--text-color-inv);background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));border:1px solid #0000;border-radius:999px;transition:transform .2s,box-shadow .2s}.chess-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));transform:translateY(-1px)}.chess-btn:disabled{opacity:.45;cursor:not-allowed}.chess-btn--outline{color:var(--text-color);border-color:var(--border-nav);background:0 0}.chess-btn--outline:hover:not(:disabled){background:var(--bg-accent);box-shadow:none}.chess-btn--icon{width:calc(var(--nav-size) * .9);height:calc(var(--nav-size) * .9);letter-spacing:0;font-size:calc(var(--nav-size) * .34);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.chess-select-label{align-items:center;gap:calc(var(--nav-size) * .15);display:inline-flex}.chess-select-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold,600);letter-spacing:.08em;text-transform:uppercase;color:var(--text-color-accent)}.chess-select{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold,600);color:var(--text-color);background-color:var(--bg-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(var(--nav-size) * .22) center;background-size:calc(var(--nav-size) * .24);border:1px solid var(--border-nav);padding:calc(var(--nav-size) * .16) calc(var(--nav-size) * .6) calc(var(--nav-size) * .16) calc(var(--nav-size) * .4);cursor:pointer;border-radius:999px;transition:transform .2s,border-color .2s,box-shadow .2s}.chess-select:hover{border-color:var(--fg-mint)}.chess-select:focus-visible{border-color:var(--fg-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--fg-blue) 30%, transparent);outline:none}.chess-play-controls{gap:calc(var(--nav-size) * .25);margin-bottom:calc(var(--nav-size) * .5);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.chess-control-group{gap:calc(var(--nav-size) * .18);flex-wrap:wrap;justify-content:center;display:inline-flex}.chess-play-layout{gap:calc(var(--nav-size) * .5);flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;display:flex}.chess-board-stage{--chess-eval-width:calc(var(--nav-size) * .55);--chess-eval-gap:calc(var(--nav-size) * .22);align-items:stretch;gap:var(--chess-eval-gap);flex:0 1 calc(var(--nav-size) * 11 + var(--chess-eval-width) + var(--chess-eval-gap));max-width:100%;display:flex}.chess-board-stage .chess-board-wrap{flex:auto;min-width:0}.chess-eval{--eval-light:#fbfbfb;--eval-dark:#1c1c1c;width:var(--chess-eval-width);gap:calc(var(--nav-size) * .12);padding-bottom:calc(var(--nav-size) * .34);flex-direction:column;flex:none;display:flex}.chess-eval-track{border-radius:var(--border-radius-lg);background:var(--eval-light);min-height:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--scheme-primary) 34%, transparent);flex:auto;position:relative;overflow:hidden}.chess-eval-dark{background:var(--eval-dark);transition:height .32s;position:absolute;left:0;right:0}.chess-eval-dark--top{top:0}.chess-eval-dark--bottom{bottom:0}.chess-eval-readout{font-size:calc(var(--nav-size) * .22);font-weight:var(--font-weight-bold,700);text-align:center;color:var(--text-color-accent);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;line-height:1}.chess-play-side{flex:1 1 calc(var(--nav-size) * 6);min-width:calc(var(--nav-size) * 5);max-width:calc(var(--nav-size) * 8);gap:calc(var(--nav-size) * .35);flex-direction:column;display:flex}.chess-status{justify-content:center;align-items:center;gap:calc(var(--nav-size) * .15);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);text-align:center;padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .35);background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius);margin:0;display:flex}.chess-status-spinner{width:calc(var(--nav-size) * .28);height:calc(var(--nav-size) * .28);border:2px solid var(--border-nav);border-top-color:var(--fg-mint);border-radius:50%;flex-shrink:0;animation:.8s linear infinite chessSpin}@keyframes chessSpin{to{transform:rotate(360deg)}}.chess-movelist{max-height:calc(var(--nav-size) * 7);padding:calc(var(--nav-size) * .16);background:var(--bg-accent);border:1px solid var(--border-nav);border-radius:var(--border-radius);scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.chess-moverow{align-items:center;gap:calc(var(--nav-size) * .08);grid-template-columns:2.4ch minmax(0,1fr) minmax(0,1fr);display:grid}.chess-movenum{color:var(--text-color-accent);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.chess-movesan{font-family:CutiveMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:var(--font-size-small);color:var(--text-color);text-align:left;overflow-wrap:anywhere;background:0 0;border:none;border-radius:4px;min-width:0;min-height:0;padding:2px 5px}.chess-movesan.is-waiting{color:var(--text-color-accent)}.chess-movesan.is-empty{visibility:hidden}button.chess-movesan{cursor:pointer}button.chess-movesan:hover:not(:disabled){color:var(--fg-mint);box-shadow:none;background:0 0;transform:none}button.chess-movesan.is-active,button.chess-movesan.is-active:hover:not(:disabled){background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.chess-board-wrap{--chess-light:oklch(from var(--scheme-primary) .935 min(c, .05) h);--chess-dark:oklch(from var(--scheme-primary) .635 min(c, .115) h);--chess-last-from:color-mix(in srgb, var(--scheme-accent) 15%, transparent);--chess-last-to:color-mix(in srgb, var(--scheme-accent) 34%, transparent);--chess-pick:color-mix(in srgb, var(--scheme-accent) 46%, transparent);--chess-hover:color-mix(in srgb, var(--text-color) 13%, transparent);--chess-ring:color-mix(in srgb, var(--scheme-accent) 92%, transparent);--chess-hint:color-mix(in srgb, var(--scheme-accent) 95%, transparent);--chess-alarm:color-mix(in srgb, var(--red0) 44%, transparent);--chess-alarm-ring:color-mix(in srgb, var(--red0) 85%, transparent);--chess-marker-light:color-mix(in srgb, var(--dark-blue0) 34%, transparent);--chess-marker-dark:color-mix(in srgb, var(--white0) 34%, transparent);width:min(100%, calc(var(--nav-size) * 11));flex:0 1 calc(var(--nav-size) * 11);position:relative;container-type:inline-size}.dark-theme .chess-board-wrap{--chess-light:oklch(from var(--scheme-primary) .7 min(c, .045) h);--chess-dark:oklch(from var(--scheme-primary) .45 min(c, .105) h)}.chess-board-shell{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.chess-board-ranks,.chess-board-files{font-size:calc(var(--nav-size) * .24);font-weight:var(--font-weight-semibold,600);color:var(--text-color-accent);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.chess-board-ranks{width:calc(var(--nav-size) * .36);grid-area:1/1;grid-template-rows:repeat(8,1fr)}.chess-board-files{height:calc(var(--nav-size) * .34);grid-area:2/2;grid-template-columns:repeat(8,1fr)}.chess-board{aspect-ratio:1;border-radius:var(--border-radius-lg);background:var(--chess-dark,#739552);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--scheme-primary) 34%, transparent), 0 2px 4px #0003, 0 18px 36px -14px #00000080;grid-area:1/2;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative}.chess-square{min-width:0;min-height:0;color:inherit;font-size:inherit;line-height:inherit;box-shadow:none;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:0;transition:none;display:flex;position:relative;transform:none}.chess-square.chess-square--light{background-color:var(--chess-light,#ebecd0);background-image:none}.chess-square.chess-square--dark{background-color:var(--chess-dark,#739552);background-image:none}.chess-board .chess-square:disabled{opacity:1;cursor:default;color:inherit;background-image:none}.chess-square:first-child{border-top-left-radius:var(--border-radius-lg)}.chess-square:nth-child(8){border-top-right-radius:var(--border-radius-lg)}.chess-square:nth-child(57){border-bottom-left-radius:var(--border-radius-lg)}.chess-square:nth-child(64){border-bottom-right-radius:var(--border-radius-lg)}.chess-square:not(:disabled){touch-action:none}.chess-square:before{content:"";border-radius:inherit;pointer-events:none;background-color:#0000;transition:background-color .14s,box-shadow .14s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 #0000}.chess-square--last-from:before{background-color:var(--chess-last-from)}.chess-square--last-to:before{background-color:var(--chess-last-to)}.chess-square--hint-from:before{background-color:color-mix(in srgb, var(--chess-hint) 18%, transparent);box-shadow:inset 0 0 0 .5cqi var(--chess-hint)}.chess-square--selected:before{background-color:var(--chess-pick);box-shadow:inset 0 0 0 .5cqi var(--chess-ring)}.chess-square--check:before{background-color:var(--chess-alarm);box-shadow:inset 0 0 0 .5cqi var(--chess-alarm-ring);animation:1.2s ease-in-out infinite chessCheckPulse}.chess-square--wrong:before{background-color:var(--chess-alarm);box-shadow:inset 0 0 0 .5cqi var(--chess-alarm-ring);animation:.5s chessWrongFlash}.chess-square:not(:disabled):hover{box-shadow:none;background-image:none;transform:none}.chess-square.chess-square--light:not(:disabled):hover{background-color:var(--chess-light,#ebecd0)}.chess-square.chess-square--dark:not(:disabled):hover{background-color:var(--chess-dark,#739552)}.chess-square:not(:disabled):hover:before{background-color:var(--chess-hover)}.chess-square--target:after,.chess-square--capture:after,.chess-square--hint-to:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.chess-square--target:after{background:var(--chess-marker-light);width:28%;height:28%}.chess-square--capture:after{border:.55cqi solid var(--chess-marker-light);top:4%;bottom:4%;left:4%;right:4%}.chess-square--hint-to:after{background:var(--chess-hint);width:30%;height:30%;animation:1.4s ease-in-out infinite chessHintPulse}.chess-square--dark.chess-square--target:after{background:var(--chess-marker-dark)}.chess-square--dark.chess-square--capture:after{border:.55cqi solid var(--chess-marker-dark);top:4%;bottom:4%;left:4%;right:4%}@keyframes chessCheckPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes chessHintPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes chessWrongFlash{0%,to{opacity:1}50%{opacity:.2}}.chess-piece{-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 2px #0000004d);width:100%;height:100%;transition:transform .12s;display:block}.chess-piece--w{--piece-fill:#fbfbfb;--piece-stroke:#262626}.chess-piece--b{--piece-fill:#1c1c1c;--piece-stroke:#f4f4f4}.chess-piece-svg{width:100%;height:100%;display:block;overflow:visible}.chess-piece-svg path,.chess-piece-svg line,.chess-piece-svg circle,.chess-piece-svg ellipse{fill:var(--piece-fill,#fbfbfb);stroke:var(--piece-stroke,#262626);stroke-miterlimit:10}.chess-piece-svg .chess-piece-detail{fill:none}.chess-board--live .chess-square:not(:disabled){cursor:grab}.chess-board.is-dragging{cursor:grabbing}.chess-square:not(:disabled):hover .chess-piece{transform:scale(1.07)}.chess-square--last-to .chess-piece{animation:.24s cubic-bezier(.2,.9,.3,1.3) chessLand}@keyframes chessLand{0%{transform:scale(.84)}to{transform:scale(1)}}.chess-promotion{z-index:3;background:color-mix(in srgb, var(--dark-blue0) 68%, transparent);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;gap:2cqi;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chess-promotion-btn{aspect-ratio:1;background:var(--bg-1);border:2px solid var(--border-nav);border-radius:var(--border-radius-lg);cursor:pointer;justify-content:center;align-items:center;width:17cqi;min-width:0;min-height:0;padding:0;transition:transform .12s,border-color .12s;display:flex}.chess-promotion-btn:hover:not(:disabled){border-color:var(--fg-mint);background:var(--bg-1);transform:translateY(-2px)}.chess-openings-layout{grid-template-columns:minmax(0, calc(var(--nav-size) * 5.6)) minmax(0, 1fr);gap:calc(var(--nav-size) * .4);align-items:start;width:100%;display:grid}.chess-opening-list{max-height:calc(var(--nav-size) * 11.5);padding:calc(var(--nav-size) * .16);background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.chess-opening-item{justify-content:space-between;align-items:center;gap:calc(var(--nav-size) * .2);min-height:calc(var(--nav-size) * 1.05);font-family:inherit;font-size:var(--font-size-small);text-align:left;color:var(--text-color);border-radius:var(--border-radius);padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .24);cursor:pointer;background:0 0;border:none;transition:background-color .15s,box-shadow .15s;display:flex}.chess-opening-item:hover:not(:disabled){background-color:var(--bg-accent);color:var(--text-color);box-shadow:none;background-image:none;transform:none}.chess-opening-item.is-active,.chess-opening-item.is-active:hover:not(:disabled){background-color:var(--bg-accent);background-image:linear-gradient(90deg, color-mix(in srgb, var(--scheme-accent) 24%, transparent), transparent 74%);color:var(--text-color);box-shadow:inset 3px 0 0 0 var(--scheme-accent)}.chess-opening-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.chess-opening-name{font-weight:var(--font-weight-medium,500)}.chess-opening-sub{font-size:var(--font-size-xs);color:var(--text-color-accent)}.chess-opening-eco{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold,600);color:var(--text-color-accent);letter-spacing:.06em;flex-shrink:0}.chess-opening-detail{background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:calc(var(--nav-size) * .45);gap:calc(var(--nav-size) * .35);flex-direction:column;min-width:0;display:flex}.chess-opening-head{gap:calc(var(--nav-size) * .12);flex-direction:column;display:flex}.chess-opening-head-main{align-items:center;gap:calc(var(--nav-size) * .2);flex-wrap:wrap;display:flex}.chess-opening-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold,700);letter-spacing:-.01em;margin:0}.chess-opening-eco--badge{padding:2px calc(var(--nav-size) * .2);color:var(--text-color);background:color-mix(in srgb, var(--scheme-accent) 20%, transparent);border:1px solid color-mix(in srgb, var(--scheme-accent) 45%, transparent);letter-spacing:.08em;border-radius:999px}.chess-opening-desc{max-width:calc(var(--nav-size) * 21);color:var(--text-color-accent);font-size:var(--font-size-small);line-height:var(--line-height-relaxed);margin:0}.chess-opening-stage{grid-template-columns:minmax(0, calc(var(--nav-size) * 8.6)) minmax(0, 1fr);gap:calc(var(--nav-size) * .45);align-items:start;display:grid}.chess-opening-boardcol{gap:calc(var(--nav-size) * .22);flex-direction:column;min-width:0;display:flex}.chess-opening-board{width:100%;max-width:calc(var(--nav-size) * 8.6)}.chess-opening-turn{align-items:center;gap:calc(var(--nav-size) * .15);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold,600);color:var(--text-color);margin:0;display:flex}.chess-turn-dot{width:calc(var(--nav-size) * .2);height:calc(var(--nav-size) * .2);border:1px solid var(--border-nav);border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #00000059}.chess-turn-dot--w{background:var(--white0)}.chess-turn-dot--b{background:var(--dark-blue0)}.chess-progress{align-items:center;gap:calc(var(--nav-size) * .2);display:flex}.chess-progress-track{height:calc(var(--nav-size) * .16);background:color-mix(in srgb, var(--text-color) 18%, transparent);border-radius:999px;flex:auto;overflow:hidden}.chess-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--fg-blue), var(--fg-mint));height:100%;transition:width .25s}.chess-progress-label{font-size:var(--font-size-xs);color:var(--text-color-accent);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.chess-opening-nav{justify-content:space-between;align-items:center;gap:calc(var(--nav-size) * .2);flex-wrap:wrap;display:flex}.chess-opening-nav-group{align-items:center;gap:calc(var(--nav-size) * .15);flex-wrap:wrap;display:inline-flex}.chess-btn--chip{padding:calc(var(--nav-size) * .14) calc(var(--nav-size) * .3);font-size:var(--font-size-xs)}.chess-btn--chip.is-on,.chess-btn--chip.is-on:hover:not(:disabled){background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv);border-color:#0000}.chess-opening-side{gap:calc(var(--nav-size) * .3);flex-direction:column;min-width:0;display:flex}.chess-opening-status{min-height:calc(var(--nav-size) * .95);padding:calc(var(--nav-size) * .16) calc(var(--nav-size) * .24);font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--text-color);background:var(--bg-accent);border:1px solid var(--border-nav);border-left:3px solid var(--border-nav);border-radius:var(--border-radius);align-items:center;margin:0;display:flex}.chess-opening-status.is-ok{border-left-color:var(--fg-mint)}.chess-opening-status.is-warn{border-left-color:var(--fg-orange)}.chess-ideas-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold,700);text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-accent);margin:0}.chess-ideas{gap:calc(var(--nav-size) * .18);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chess-idea{padding-left:calc(var(--nav-size) * .35);font-size:var(--font-size-small);line-height:var(--line-height-base);color:var(--text-color-accent);position:relative}.chess-idea:before{content:"";width:calc(var(--nav-size) * .16);height:calc(var(--nav-size) * .16);background:var(--fg-mint);border-radius:50%;position:absolute;top:.6em;left:0}.chess-principles-grid{grid-template-columns:repeat(auto-fit, minmax(calc(var(--nav-size) * 5.5), 1fr));gap:calc(var(--nav-size) * .4);width:100%;display:grid}.chess-principle-card{background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:calc(var(--nav-size) * .45);gap:calc(var(--nav-size) * .18);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.chess-principle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chess-principle-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold,700);letter-spacing:.12em;color:var(--fg-mint)}.chess-principle-title{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold,600);margin:0}.chess-principle-body{font-size:var(--font-size-base);color:var(--text-color-accent);line-height:var(--line-height-relaxed);margin:0}.chess-piece--drag{z-index:5;pointer-events:none;filter:drop-shadow(0 10px 14px #00000073);width:11cqi;height:11cqi;position:absolute;transform:translate(-50%,-50%)scale(1.1)}.chess-result{align-items:center;gap:calc(var(--nav-size) * .18);text-align:center;padding:calc(var(--nav-size) * .4);background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.chess-result-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold,700);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-orange)}.chess-result-sub{font-size:var(--font-size-base);color:var(--text-color-accent);margin-bottom:calc(var(--nav-size) * .1)}.chess-captured{gap:calc(var(--nav-size) * .1);padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .25);background:var(--bg-1);border:1px solid var(--border-nav);border-radius:var(--border-radius);flex-direction:column;display:flex}.chess-captured-row{justify-content:space-between;align-items:center;gap:calc(var(--nav-size) * .2);display:flex}.chess-captured-side{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold,600);text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-accent)}.chess-captured-pieces{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;display:flex}.chess-captured-piece{width:calc(var(--nav-size) * .36);height:calc(var(--nav-size) * .36);flex:none;display:block}.chess-captured-piece--w{--piece-fill:#fbfbfb;--piece-stroke:#262626}.chess-captured-piece--b{--piece-fill:#1c1c1c;--piece-stroke:#f4f4f4}.chess-captured-diff{margin-left:calc(var(--nav-size) * .12);font-size:var(--font-size-small);font-weight:var(--font-weight-bold,700);color:var(--fg-mint);font-variant-numeric:tabular-nums}@media (max-width:1080px){.chess-opening-stage{grid-template-columns:minmax(0,1fr)}.chess-opening-board{max-width:none;width:min(100%, calc(var(--nav-size) * 9.5));margin:0 auto}}@media (max-width:820px){.chess-openings-layout{grid-template-columns:minmax(0,1fr)}.chess-opening-list{scrollbar-width:none;flex-direction:row;max-height:none;overflow:auto hidden}.chess-opening-list::-webkit-scrollbar{display:none}.chess-opening-item{flex:none}.chess-opening-item-text{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.chess,.chess-circle{animation:none}.chess-reveal{opacity:1;transition:none;transform:none}.chess-progress-fill,.chess-eval-dark,.chess-square:before,.chess-square--target:after,.chess-square--capture:after,.chess-square--hint-to:after{transition:none}}