body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-root{--accent:#779556;--accent-hover:#6a854c;--accent-soft:#9ccc65;--mark-correct:#4caf50;background-color:#202020;display:flex;flex-direction:column;min-height:100vh}.page-root[data-custom-bg=true]{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.page-chrome{align-items:flex-end;bottom:12px;display:flex;gap:8px;position:fixed;right:12px;z-index:50}#app{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;padding:24px}@media (max-width:640px){.page-root{min-height:100svh}#app{align-items:flex-start;padding:12px 8px 0}#app:has(.referee-learn){padding-bottom:min(38vh,280px)}.page-root:has(.referee-learn) .page-chrome{bottom:calc(min(38vh, 280px) + 8px)}}[data-board-theme=purple]{--accent:#4a2a72;--accent-hover:#5c3488;--accent-soft:#c4b0e8;--mark-correct:#4a2a72;--play:#9b74d8;--play-hover:#b08ae4;background-color:#140c1c;background-image:radial-gradient(ellipse at 18% 0,rgba(192,132,252,.32),transparent 48%),radial-gradient(ellipse at 88% 100%,rgba(34,211,238,.16),transparent 42%),radial-gradient(ellipse at 50% 55%,rgba(88,28,135,.35),transparent 55%)}[data-board-theme=purple] .app-header{background:#120814;border-bottom-color:rgba(192,132,252,.28)}[data-board-theme=purple] .app-header-title{border-bottom-color:var(--accent);color:#f0f0f0}[data-board-theme=purple] .referee-status{color:#fff;font-size:15px;font-weight:700}[data-board-theme=purple] .chessboard-frame{background:rgba(24,10,42,.2);border-color:rgba(226,210,255,.28);box-shadow:0 10px 28px rgba(22,10,40,.42),0 0 22px rgba(168,130,230,.22),0 0 44px rgba(90,190,210,.1)}[data-board-theme=purple] .chessboard-wrap{border-radius:14px}[data-board-theme=purple] .chessboard-wrap:after{border:1px solid hsla(0,0%,100%,.22);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}[data-board-theme=purple] #chessboard{-webkit-backdrop-filter:blur(14px) saturate(1.35);backdrop-filter:blur(14px) saturate(1.35);background:linear-gradient(135deg,hsla(0,0%,100%,.22),rgba(196,160,255,.08));border:1px solid rgba(214,196,255,.55);border-radius:14px;box-shadow:0 24px 60px rgba(28,10,48,.55),inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 0 40px rgba(192,132,252,.14);overflow:hidden;position:relative;z-index:1}[data-board-theme=purple] #chessboard:after{border:1px solid hsla(0,0%,100%,.55);border-radius:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(40,12,70,.2);content:"";inset:0;pointer-events:none;position:absolute;z-index:20}[data-board-theme=purple] .chessboard-axis-file span,[data-board-theme=purple] .chessboard-axis-rank span{color:#fff}[data-board-theme=purple] .tile{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28);isolation:isolate;outline:1px solid hsla(0,0%,100%,.12);outline-offset:-1px;transition:background .15s ease,box-shadow .15s ease}[data-board-theme=purple] .chess-piece-white{-webkit-filter:drop-shadow(.5px 0 0 #1a1028) drop-shadow(-.5px 0 0 #1a1028) drop-shadow(0 .5px 0 #1a1028) drop-shadow(0 -.5px 0 #1a1028) drop-shadow(2px 2px 3px hsla(0,0%,100%,.7));filter:drop-shadow(.5px 0 0 #1a1028) drop-shadow(-.5px 0 0 #1a1028) drop-shadow(0 .5px 0 #1a1028) drop-shadow(0 -.5px 0 #1a1028) drop-shadow(2px 2px 3px rgba(255,255,255,.7))}[data-board-theme=purple] .chess-piece-black{-webkit-filter:drop-shadow(.5px 0 0 #fff) drop-shadow(-.5px 0 0 #fff) drop-shadow(0 .5px 0 #fff) drop-shadow(0 -.5px 0 #fff) drop-shadow(2px 2px 3px rgba(0,0,0,.55));filter:drop-shadow(.5px 0 0 #ffffff) drop-shadow(-.5px 0 0 #ffffff) drop-shadow(0 .5px 0 #ffffff) drop-shadow(0 -.5px 0 #ffffff) drop-shadow(2px 2px 3px rgba(0,0,0,.55))}[data-board-theme=purple] .black-tile{background-color:#9b74d8;background-image:linear-gradient(135deg,hsla(0,0%,100%,.16),transparent 42%),linear-gradient(160deg,#b08ae4,#8a5fc8)}[data-board-theme=purple] .white-tile{background-color:#e6def6;background-image:linear-gradient(135deg,#eee8f8,#d9d0ee)}[data-board-theme=purple] .black-tile:hover{background-image:linear-gradient(135deg,hsla(0,0%,100%,.22),transparent 42%),linear-gradient(160deg,#bb97ea,#9668d2)}[data-board-theme=purple] .white-tile:hover{background-image:linear-gradient(135deg,#f3eefc,#d2c8ea)}[data-board-theme=purple] .black-tile:hover:not(.tile-highlight):not(.tile-peek):not([class*=tile-mark]){box-shadow:inset 0 0 0 2px rgba(34,211,238,.7),inset 0 0 18px rgba(34,211,238,.18)}[data-board-theme=purple] .white-tile:hover:not(.tile-highlight):not(.tile-peek):not([class*=tile-mark]){box-shadow:inset 0 0 0 2px rgba(232,121,249,.55),inset 0 0 16px rgba(192,132,252,.18)}[data-board-theme=purple] .tile-highlight:not(.chess-piece-tile):before{background-color:#111018;box-shadow:0 0 0 3px #fff,0 0 10px rgba(34,211,238,.7);opacity:1}[data-board-theme=purple] .tile-highlight.chess-piece-tile:before{border-color:rgba(34,211,238,.95);box-shadow:0 0 16px rgba(34,211,238,.55)}[data-board-theme=purple] .tile-mark-move:not(.chess-piece-tile):after{background-color:rgba(34,211,238,.95);box-shadow:0 0 8px #22d3ee,0 0 18px rgba(34,211,238,.55)}[data-board-theme=purple] .tile-mark-capture,[data-board-theme=purple] .tile-mark-key.chess-piece-tile,[data-board-theme=purple] .tile-mark-move.chess-piece-tile,[data-board-theme=purple] .tile-mark-wrong{box-shadow:inset 0 0 0 5px rgba(34,211,238,.95),inset 0 0 22px rgba(34,211,238,.28)}[data-board-theme=purple] .tile-mark-correct{box-shadow:inset 0 0 0 5px rgba(74,42,114,.98),inset 0 0 22px rgba(74,42,114,.4)}[data-board-theme=purple] .tile-mark-key,[data-board-theme=purple] .tile-mark-key.chess-piece-tile{box-shadow:inset 0 0 0 5px rgba(253,224,71,.98),inset 0 0 22px rgba(253,224,71,.3)}[data-board-theme=purple] .tile-mark-capture{box-shadow:inset 0 0 0 5px rgba(251,113,133,.95),inset 0 0 20px rgba(251,113,133,.32)}[data-board-theme=purple] .tile.tile-peek.black-tile{background-color:initial;background-image:linear-gradient(135deg,#67e8f9,#22d3ee)}[data-board-theme=purple] .tile.tile-peek.white-tile{background-color:initial;background-image:linear-gradient(135deg,#e0faff,#a5f3fc)}[data-board-theme=purple] .tile-peek-overlay{background:rgba(34,211,238,.32);box-shadow:inset 0 0 0 3px #155e75;outline-color:#ecfeff}@media (max-width:640px){[data-board-theme=purple] .chessboard-axis-file span,[data-board-theme=purple] .chessboard-axis-rank span{font-size:14px}}@media (prefers-reduced-motion:reduce){[data-board-theme=purple] .tile{transition:none}}[data-board-theme=classic]{background-color:#1b1c1b}[data-board-theme=classic] .app-header{background:#171817;border-bottom-color:#4a5c3d}[data-board-theme=classic] .app-header-title{border-bottom-color:#8fbc70;color:#d8d8d8}[data-board-theme=classic] .referee-status{color:#f0f0f0}[data-board-theme=classic] .chessboard-frame{background:rgba(12,14,10,.18);border-color:hsla(0,0%,100%,.2);border-radius:14px;box-shadow:0 14px 32px rgba(0,0,0,.4)}[data-board-theme=classic] .chessboard-wrap{border-radius:10px}[data-board-theme=classic] #chessboard{background-color:#779556;border:1px solid hsla(0,0%,100%,.18);border-radius:10px;overflow:hidden;position:relative}[data-board-theme=classic] #chessboard:after{border:1px solid hsla(0,0%,100%,.22);border-radius:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);content:"";inset:0;pointer-events:none;position:absolute;z-index:20}[data-board-theme=classic] .tile{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14);isolation:isolate;transition:background-color .15s ease,box-shadow .15s ease}[data-board-theme=classic] .black-tile{background-color:#779556;background-image:linear-gradient(160deg,#82a05e,#6e8b4e)}[data-board-theme=classic] .white-tile{background-color:#ebecd0;background-image:linear-gradient(160deg,#f4eed8,#e3e4c6)}[data-board-theme=classic] .black-tile:hover{background-image:linear-gradient(160deg,#8aac66,#779556)}[data-board-theme=classic] .white-tile:hover{background-image:linear-gradient(160deg,#f7f3e0,#dddcb8)}[data-board-theme=classic] .black-tile:hover:not(.tile-highlight):not(.tile-peek):not([class*=tile-mark]){box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.28)}[data-board-theme=classic] .white-tile:hover:not(.tile-highlight):not(.tile-peek):not([class*=tile-mark]){box-shadow:inset 0 0 0 2px rgba(90,110,60,.35)}[data-board-theme=classic] .chess-piece-black,[data-board-theme=classic] .chess-piece-white{-webkit-filter:drop-shadow(0 1px 1px rgba(20,24,16,.35));filter:drop-shadow(0 1px 1px rgba(20,24,16,.35))}[data-board-theme=classic] .tile-highlight:not(.chess-piece-tile):before{background-color:rgba(32,40,24,.45)}[data-board-theme=classic] .tile-highlight.chess-piece-tile:before{border-color:rgba(32,40,24,.5)}@media (prefers-reduced-motion:reduce){[data-board-theme=classic] .tile{transition:none}}.chessboard-frame{--board-size:calc(var(--tile-size, 75px)*8);--axis-gutter:34px;-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);background:rgba(10,8,14,.18);border:1px solid hsla(0,0%,100%,.22);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.28);display:grid;grid-template-columns:var(--axis-gutter) var(--board-size) var(--axis-gutter);grid-template-rows:var(--axis-gutter) var(--board-size) var(--axis-gutter)}.chessboard-wrap{grid-column:2;grid-row:2;position:relative}#chessboard,.chessboard-wrap{height:var(--board-size);width:var(--board-size)}#chessboard{background-color:blue;display:grid;grid-template-columns:repeat(8,75px);grid-template-columns:repeat(8,var(--tile-size,75px));grid-template-rows:repeat(8,75px);grid-template-rows:repeat(8,var(--tile-size,75px))}.board-arrows{height:var(--board-size);left:0;pointer-events:none;position:absolute;top:0;width:var(--board-size);z-index:4}.chess-piece-drag-preview{background-position:50%;background-repeat:no-repeat;background-size:75px;background-size:var(--tile-size,75px);cursor:grabbing;height:75px;height:var(--tile-size,75px);pointer-events:none;position:absolute;width:75px;width:var(--tile-size,75px);z-index:12}.chessboard-axis-rank{align-items:center;display:flex;flex-direction:column;grid-column:1;grid-row:2;justify-content:space-around}.chessboard-axis-file span,.chessboard-axis-rank span{-webkit-text-stroke:.85px rgba(8,6,12,.95);color:#fff;font-size:17px;font-weight:800;letter-spacing:.04em;paint-order:stroke fill;text-align:center;text-shadow:0 0 2px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.75)}.chessboard-axis-rank span{height:75px;height:var(--tile-size,75px);line-height:75px;line-height:var(--tile-size,75px)}.chessboard-axis-file{align-items:center;display:flex;grid-column:2;grid-row:3}.chessboard-axis-file span{width:75px;width:var(--tile-size,75px)}@media (max-width:640px){.chessboard-frame{--axis-gutter:24px;border-radius:14px}.chessboard-axis-file span,.chessboard-axis-rank span{font-size:14px}}.modal{bottom:0;left:0;position:absolute;right:0;top:0}.modal.hidden{display:none}.modal>.modal-body{align-items:center;background-color:hsla(0,0%,50%,.8);display:flex;height:200px;justify-content:space-around;left:calc(50% - 300px);position:absolute;top:calc(50% - 100px);width:600px}.modal>.modal-body>img{border-radius:50%;height:80px;padding:16px}.modal>.modal-body>img:hover{background-color:hsla(0,0%,100%,.3);cursor:pointer}.modal>.modal-body>.checkmate-body{display:flex;flex-direction:column;gap:32px}.modal>.modal-body>.checkmate-body>span{font-size:24px}.modal>.modal-body>.checkmate-body>button{background-color:var(--accent);border:none;border-radius:8px;color:#fff;font-size:24px;padding:16px 32px}.modal>.modal-body>.checkmate-body>button:hover{cursor:pointer}.tile{display:grid;place-content:center}.tile,.tile .chess-piece{height:75px;height:var(--tile-size,75px);position:relative;width:75px;width:var(--tile-size,75px)}.tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:75px;background-size:var(--tile-size,75px);z-index:1}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.black-tile{background-color:#779556}.white-tile{background-color:#ebecd0}.tile img{width:60px;width:calc(var(--tile-size, 75px)*.8)}.tile-highlight:not(.chess-piece-tile):before{background-color:rgba(0,0,0,.4);border-radius:50%;content:" ";height:20.25px;height:calc(var(--tile-size, 75px)*.27);width:20.25px;width:calc(var(--tile-size, 75px)*.27)}.tile-highlight.chess-piece-tile:before{border:5px solid rgba(0,0,0,.4);border-radius:50%;content:" ";height:65.25px;height:calc(var(--tile-size, 75px)*.87);position:absolute;width:65.25px;width:calc(var(--tile-size, 75px)*.87)}.tile-mark-key:not(.chess-piece-tile):after,.tile-mark-move:not(.chess-piece-tile):after{background-color:rgba(66,165,245,.75);border-radius:50%;content:" ";height:21.75px;height:calc(var(--tile-size, 75px)*.29);width:21.75px;width:calc(var(--tile-size, 75px)*.29)}.tile-mark-key:not(.chess-piece-tile):after{background-color:rgba(255,193,7,.9)}.tile-mark-capture,.tile-mark-correct,.tile-mark-key.chess-piece-tile,.tile-mark-move.chess-piece-tile,.tile-mark-wrong{box-shadow:inset 0 0 0 5px rgba(66,165,245,.85)}.tile-mark-key,.tile-mark-key.chess-piece-tile{box-shadow:inset 0 0 0 5px rgba(255,193,7,.95)}.tile-mark-capture{box-shadow:inset 0 0 0 5px rgba(229,57,53,.9)}.tile-mark-wrong{box-shadow:inset 0 0 0 5px #e53935}.tile-mark-correct{box-shadow:inset 0 0 0 5px var(--mark-correct)}.tile.tile-peek.black-tile{background-color:#4fc3f7}.tile.tile-peek.white-tile{background-color:#b3e5fc}.tile-peek-overlay{background:rgba(3,155,229,.38);box-shadow:inset 0 0 0 3px #01579b;height:100%;left:0;outline:2px dashed #e3f2fd;outline-offset:-5px;pointer-events:none;position:absolute;top:0;width:100%;z-index:6}.simple-hand-animation{height:32px;width:32px;will-change:transform,left,top}.simple-hand-animation:before{background:rgba(255,192,203,.5);height:40px;width:40px}.simple-hand-animation:after{background-image:url(/static/media/openhand.1073a19fb059796c7cb9.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:32px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32px;z-index:2}.simple-hand-animation.grabbing:after{background-image:url(/static/media/closedhand.95ae928c03d2026f8621.svg)}.simple-hand-animation{height:48px;pointer-events:none;position:relative;width:48px;will-change:left,top}.simple-hand-animation:before{background:rgba(255,192,203,.55);border-radius:50%;content:"";height:58px;width:58px;z-index:1}.simple-hand-animation img,.simple-hand-animation:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.simple-hand-animation img{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));height:48px;pointer-events:none;-webkit-user-select:none;user-select:none;width:48px;z-index:2}.geometry-frame{--board-size:calc(var(--tile-size, 75px)*8);--geometry-hot:#ff1744;-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);background:rgba(10,8,14,.18);border:1px solid hsla(0,0%,100%,.22);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.28);height:var(--board-size);overflow:hidden;width:var(--board-size)}.geometry-canvas{background:radial-gradient(ellipse at 30% 20%,hsla(0,0%,100%,.08),transparent 55%),linear-gradient(160deg,rgba(40,48,40,.55),rgba(18,22,18,.8));cursor:grab;display:block;height:100%;touch-action:none;width:100%}.geometry-frame[data-quiz=true] .geometry-canvas{cursor:pointer}.geometry-axes line{stroke:hsla(0,0%,100%,.22);stroke-width:.03}.geometry-stroke{stroke:#e8f5e9;stroke-width:.055;stroke-linecap:round}.geometry-stroke.is-dashed{stroke:#b3e5fc;stroke-dasharray:.12 .1;stroke-width:.045}.geometry-angle-arc.is-hot,.geometry-circle.is-hot,.geometry-mark.is-hot,.geometry-stroke.is-hot{stroke:var(--geometry-hot);stroke-width:.11;-webkit-filter:drop-shadow(0 0 6px var(--geometry-hot));filter:drop-shadow(0 0 6px var(--geometry-hot))}.geometry-angle.is-hot{fill:rgba(255,23,68,.5);stroke:none}.geometry-angle-arc.is-hot{fill:none;stroke-width:.09}.geometry-mark.is-hot{stroke-width:.08;fill:none}.geometry-circle{stroke:#ce93d8;stroke-width:.04}.geometry-ghost{stroke:#ffcc80;stroke-width:.05;stroke-dasharray:.1 .08;opacity:.9}.geometry-mark{stroke:#fff59d;stroke-width:.05;fill:none}.geometry-point circle{fill:#fff;stroke:#263238;stroke-width:.02}.geometry-point-halo{fill:rgba(255,23,68,.32);stroke:var(--geometry-hot);stroke-width:.045}.geometry-point.is-hot circle:not(.geometry-point-halo){fill:var(--geometry-hot);stroke:#ffebee;stroke-width:.035}.geometry-label,.geometry-point text{fill:#fff;stroke:rgba(0,0,0,.75);stroke-width:.04px;font-family:Segoe UI,system-ui,sans-serif;font-size:.28px;font-weight:700;paint-order:stroke fill;pointer-events:none}.geometry-point.is-hot text{fill:var(--geometry-hot);stroke:rgba(0,0,0,.85)}.geometry-hand circle{fill:#779556;fill:var(--play,var(--accent,#779556));stroke:#fff;stroke-width:.03}[data-board-theme=purple] .geometry-frame{background:rgba(24,10,42,.2);border-color:rgba(226,210,255,.28)}[data-board-theme=purple] .geometry-canvas{background:radial-gradient(ellipse at 18% 0,rgba(192,132,252,.28),transparent 48%),linear-gradient(160deg,rgba(40,18,60,.7),rgba(16,8,28,.9))}.lesson-coach{align-self:stretch;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:12px;box-sizing:border-box;color:#f3f3f3;display:flex;flex-direction:column;max-width:90vw;min-height:0;padding:20px;width:280px}.lesson-coach-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;text-align:start}.lesson-coach[dir=rtl] .lesson-coach-body,.lesson-coach[dir=rtl] .lesson-coach-content,.lesson-coach[dir=rtl] .lesson-coach-quiz p,.lesson-coach[dir=rtl] .lesson-coach-wait p,.lesson-coach[dir=rtl] h2{direction:rtl;overflow-wrap:break-word;text-align:right;unicode-bidi:isolate;word-break:normal}.lesson-coach[dir=rtl] .lesson-coach-content{line-height:1.65}.lesson-coach[dir=rtl] .lesson-coach-field-label,.lesson-coach[dir=rtl] .lesson-coach-kicker,.lesson-coach[dir=rtl] .lesson-coach-recap-label,.lesson-coach[dir=rtl] .lesson-coach-topic{text-align:right}.lesson-coach[dir=rtl] h2{width:100%}.coach-line{display:block;width:100%}.chess-ref-wrap{-webkit-margin-end:4px;gap:6px;margin-inline-end:4px;vertical-align:middle;white-space:nowrap}.chess-ref-wrap,.lesson-play-move{align-items:center;display:inline-flex}.lesson-play-move{background:var(--accent);background:var(--play,var(--accent));border:none;border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.28);color:#fff;cursor:pointer;flex-shrink:0;height:22px;justify-content:center;padding:0;width:22px}.lesson-play-move:hover:not(:disabled){background:var(--accent-hover);background:var(--play-hover,var(--accent-hover))}.lesson-play-move:disabled{cursor:default;opacity:.55}.lesson-coach[dir=rtl] .coach-line[dir=ltr]{direction:ltr;text-align:right;unicode-bidi:isolate}.ltr-run{direction:ltr;unicode-bidi:isolate}.lesson-coach-handle{display:none;flex-shrink:0}.lesson-coach-heading{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.lesson-coach-heading-text{flex:1 1 auto;min-width:0}.lesson-coach-reset{align-items:center;background:#3d3d3d;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;margin-top:2px;padding:0;width:36px}.lesson-coach-reset svg{height:18px;width:18px}.lesson-coach-reset:hover:not(:disabled){background:var(--accent)}.lesson-coach-reset:disabled{cursor:default;opacity:.4}.lesson-coach-kicker{color:var(--accent-soft);font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 8px;text-transform:uppercase}.lesson-coach-empty h2{font-size:20px}.lesson-coach-content.lesson-coach-empty{overflow:visible}.lesson-coach-empty-hint{color:#cfcfcf;font-size:14px;margin-top:4px}.lesson-coach-examples{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.lesson-coach-example-wrap{display:inline-flex;max-width:100%;position:relative}.lesson-coach-example{align-items:center;background:var(--accent);border:none;border-radius:999px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:600;gap:6px;line-height:1.3;max-width:100%;padding:8px 12px;text-align:start;text-decoration:none}.lesson-coach-example-copy{display:inline-flex;flex-shrink:0}.lesson-coach-example-copy svg{height:15px;width:15px}.lesson-coach-example.is-copied,.lesson-coach-example:hover{background:var(--accent-hover)}.lesson-coach-example-mark{align-items:center;background:#2e7d32;border-radius:50%;box-shadow:0 0 0 2px #2a2a2a;color:#fff;display:flex;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-6px;width:18px;z-index:2}.lesson-coach-example-mark svg{height:12px;width:12px}.lesson-coach-example-tip{background:#151515;border:1px solid var(--accent);border-radius:10px;color:#fff;font-size:12px;font-weight:600;left:0;line-height:1.35;margin:0;max-width:min(240px,calc(100% + 80px));padding:8px 12px;pointer-events:none;position:absolute;text-align:start;top:calc(100% + 8px);width:-webkit-max-content;width:max-content;z-index:3}.lesson-coach-topic{color:var(--accent-soft);font-size:13px;font-weight:700;line-height:1.4;margin:0 0 8px}.lesson-coach-field-label,.lesson-coach-recap-label{color:var(--accent-soft);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.lesson-coach-what,.lesson-coach-why{margin:0 0 12px}.lesson-coach h2{font-size:22px;line-height:1.25;margin:0 0 12px}.lesson-coach p,.lesson-coach-body{color:#f5f5f5;font-size:16px;line-height:1.5;margin:0 0 12px}.lesson-coach-body p{margin:0 0 10px}.lesson-coach-body p:last-child{margin-bottom:12px}.lesson-coach-nav-wrap{background:#2a2a2a;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding-top:16px}.lesson-coach-slide-count{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#cfcfcf;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;margin:0;text-align:center}.lesson-coach-quiz,.lesson-coach-wait{background:#1f1f1f;border:1px solid var(--accent);border-radius:8px;margin-top:8px;padding:12px}.lesson-coach-quiz-label{color:var(--accent-soft);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.lesson-coach-quiz-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.lesson-coach-quiz-head .lesson-coach-quiz-label{margin:0}.lesson-coach-quiz-timer{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--accent-soft);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.lesson-coach-hint{color:#f0f0f0;font-size:14px;font-style:italic}.lesson-coach-feedback{color:#fff;font-weight:600;min-width:0;overflow-wrap:break-word}.lesson-coach[dir=rtl] .lesson-coach-quiz p.lesson-coach-feedback{direction:ltr;text-align:start}.lesson-coach-choices{display:flex;flex-direction:column;gap:8px;margin-top:10px}.lesson-coach-choice-row{align-items:stretch;display:flex;gap:8px}.lesson-coach-choice{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font:inherit;font-size:14px;font-weight:600;min-width:0;padding:10px 12px;text-align:start}.lesson-coach-choice .chess-ref{color:#e3f2fd}.lesson-coach-choice:hover{background:var(--accent-hover)}.lesson-coach-copy{align-items:center;background:#3d3d3d;border:1px solid var(--accent);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:13px;font-weight:600;padding:10px 12px;text-decoration:none}.lesson-coach-copy:hover{background:#4a4a4a}.lesson-coach-nav{display:flex;gap:8px}.lesson-coach-nav button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 12px}.lesson-coach-nav-icon{flex:0 0 42px;padding:10px 0}.lesson-coach-nav-icon svg{display:block;height:16px;margin:0 auto;width:16px}.lesson-coach-nav button:disabled{cursor:default;opacity:.4}.lesson-coach-nav button.lesson-coach-next-generating:disabled{-webkit-animation:lesson-generating-pulse 1.4s ease-in-out infinite;animation:lesson-generating-pulse 1.4s ease-in-out infinite;cursor:wait;opacity:1}.lesson-generating-label{align-items:baseline;display:inline-flex;justify-content:center}.lesson-generating-dots:after{-webkit-animation:lesson-generating-dots 1.2s steps(4) infinite;animation:lesson-generating-dots 1.2s steps(4) infinite;content:"";display:inline-block;text-align:start;width:1.15em}@-webkit-keyframes lesson-generating-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes lesson-generating-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@-webkit-keyframes lesson-generating-pulse{0%,to{-webkit-filter:brightness(.82);filter:brightness(.82)}50%{-webkit-filter:brightness(1.12);filter:brightness(1.12)}}@keyframes lesson-generating-pulse{0%,to{-webkit-filter:brightness(.82);filter:brightness(.82)}50%{-webkit-filter:brightness(1.12);filter:brightness(1.12)}}.lesson-coach-nav button:not(:disabled):hover{background:var(--accent-hover)}.lesson-coach-finish{background:#3d3d3d;border:1px solid #555;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:10px 12px;width:100%}.lesson-coach-finish:hover{background:#4a4a4a}.lesson-coach-playback{align-items:center;display:flex;gap:12px;justify-content:center;margin:14px 0 6px}.lesson-coach-playback button{align-items:center;appearance:none;-webkit-appearance:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0}.lesson-coach-play-line{background:var(--accent);background:var(--play,var(--accent));box-shadow:0 2px 10px rgba(0,0,0,.28);height:56px;width:56px}.lesson-coach-play-line svg{height:28px;width:28px}.lesson-coach-playback-play svg{margin-left:3px}.lesson-coach-play-line:hover:not(:disabled){background:var(--accent-hover);background:var(--play-hover,var(--accent-hover))}.lesson-coach-playback-replay,.lesson-coach-playback-stop{background:#3d3d3d;height:40px;width:40px}.lesson-coach-playback-replay svg,.lesson-coach-playback-stop svg{height:18px;width:18px}.lesson-coach-playback-replay:hover:not(:disabled),.lesson-coach-playback-stop:hover:not(:disabled){background:#4a4a4a}.lesson-coach-play-line:disabled,.lesson-coach-playback-replay:disabled,.lesson-coach-playback-stop:disabled{box-shadow:none;cursor:default;opacity:.4}.chess-ref{appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:3px;color:#b3e5fc;cursor:pointer;direction:ltr;display:inline;font:inherit;font-weight:700;line-height:inherit;margin:0;padding:0;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:1.5px;text-underline-offset:3px;unicode-bidi:isolate;vertical-align:initial;white-space:nowrap}.chess-ref:focus,.chess-ref:hover{background:rgba(129,212,250,.16);color:#e3f2fd;outline:none}.lesson-coach[data-link-mode=triangles] .chess-ref{color:#ff8a80}.lesson-coach[data-link-mode=triangles] .chess-ref:focus,.lesson-coach[data-link-mode=triangles] .chess-ref:hover{background:rgba(255,23,68,.42);color:#fff}@media (max-width:640px){.lesson-coach{border:1px solid #3d3d3d;border-bottom:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom))}.lesson-coach-handle{background:#555;border-radius:999px;display:block;height:4px;margin:0 auto 10px;width:36px}.lesson-coach h2{font-size:17px;margin:0 0 8px}.lesson-coach p,.lesson-coach-body{font-size:14px;margin:0 0 8px}.lesson-coach-quiz,.lesson-coach-wait{margin-top:4px;padding:8px 10px}.lesson-coach-nav-wrap{margin-top:auto;padding-top:10px}.lesson-coach-finish,.lesson-coach-nav button{padding:8px 10px}}.about-page{--about-bg:#f6f3fb;--about-ink:#1c1428;--about-muted:#5c5268;--about-accent:#7c4dcc;--about-accent-strong:#4a2a72;--about-card:#fff;--about-line:#e6def6;background:var(--about-bg);color:var(--about-ink);min-height:100vh}.about-page,.about-page *{box-sizing:border-box}.about-demo,.about-footer,.about-header,.about-hero,.about-section{margin-left:auto;margin-right:auto;width:min(1120px,calc(100% - 32px))}.about-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px 0 8px}.about-brand{align-items:center;color:var(--about-ink);display:inline-flex;font-weight:800;gap:10px;letter-spacing:-.02em;text-decoration:none}.about-logo-mark{flex-shrink:0;height:28px;width:28px}.about-subnav{align-items:center;display:flex;gap:4px;margin-left:auto}.about-subnav a{border-radius:999px;color:var(--about-muted);font-size:14px;font-weight:700;padding:10px 16px;text-decoration:none}.about-subnav a[aria-current=page]{color:var(--about-ink)}.about-subnav a.about-subnav-chess,.about-subnav a.about-subnav-triangles{background:var(--about-accent);color:#fff}.about-subnav a.about-subnav-chess:hover,.about-subnav a.about-subnav-triangles:hover{background:var(--about-accent-strong);color:#fff}.about-hero{padding:36px 0 28px}.about-kicker{color:var(--about-accent-strong);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 12px;max-width:46ch}.about-hero h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;line-height:1.08;margin:0 0 14px;max-width:16ch}.about-hero h1 span{color:var(--about-accent)}.about-lede{color:var(--about-muted);font-size:18px;line-height:1.5;margin:0 0 12px;max-width:46ch}.about-lede-more{margin-bottom:22px}.about-body{color:var(--about-muted);font-size:17px;line-height:1.5;max-width:46ch}.about-body p{margin:0 0 12px}.about-body p:last-child{margin-bottom:0}.about-prompt-label{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.about-prompt{margin:0 0 14px}.about-prompt-row{align-items:center;background:#fff;border:1px solid var(--about-line);border-radius:999px;box-shadow:0 10px 30px rgba(74,42,114,.08);display:flex;gap:10px;padding:6px 6px 6px 18px}.about-prompt-input{background:transparent;border:none;color:var(--about-ink);flex:1 1;font:inherit;font-size:16px;min-width:0;outline:none}.about-prompt-submit{align-items:center;background:var(--about-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;text-decoration:none;width:44px}.about-prompt-submit svg{height:22px;width:22px}.about-prompt-submit:hover{background:var(--about-accent-strong)}.about-prompt-submit:disabled,.about-prompt-submit[aria-disabled=true]{cursor:default;opacity:.45}.about-prompt-status{color:var(--about-accent-strong);font-size:14px;font-weight:700;margin:8px 0 0}.about-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.about-example-wrap{display:inline-flex;max-width:100%;position:relative}.about-example{align-items:center;background:#efe8f8;border:1px solid var(--about-line);border-radius:999px;color:var(--about-accent-strong);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:700;gap:6px;padding:8px 12px;text-decoration:none}.about-example-copy{display:inline-flex;flex-shrink:0}.about-example-copy svg{height:15px;width:15px}.about-example.is-copied,.about-example:hover{background:#e4d8f4}.about-example-mark{align-items:center;background:#2e7d32;border-radius:50%;box-shadow:0 0 0 2px var(--about-bg);color:#fff;display:flex;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-6px;width:18px;z-index:2}.about-example-mark svg{height:12px;width:12px}.about-example-tip{background:#151515;border:1px solid var(--about-accent);border-radius:10px;color:#fff;font-size:12px;font-weight:600;left:0;line-height:1.35;margin:0;max-width:min(240px,calc(100% + 80px));padding:8px 12px;pointer-events:none;position:absolute;text-align:start;top:calc(100% + 8px);width:-webkit-max-content;width:max-content;z-index:3}.about-demo{--tile-size:min(36px,calc(6.25vw - 32.5px));align-items:stretch;background:linear-gradient(160deg,#3a2460,#1c1428);border-radius:28px;box-shadow:0 24px 60px rgba(28,10,48,.28),0 0 0 1px rgba(226,210,255,.35);display:flex;gap:20px;margin:8px auto 48px;padding:22px}.about-demo-surfaces{grid-gap:12px;display:grid;flex:1 1 auto;gap:12px;grid-template-columns:1fr 1fr;min-width:0}.about-demo-surface{background:hsla(0,0%,100%,.08);border-radius:20px;color:#f5f0ff;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px}.about-demo-surface a{color:inherit;display:flex;flex-direction:column;gap:4px;text-decoration:none}.about-demo-surface a:hover strong{text-decoration:underline}.about-demo-surface strong{font-size:16px}.about-demo-surface span{color:#cbbce6;font-size:13px}.about-demo-board{align-items:stretch;aspect-ratio:1/1;container-type:size;display:flex;justify-content:stretch;min-width:0;width:100%}.about-demo-board .chessboard-frame,.about-demo-board .geometry-frame{--axis-gutter:0px;--board-size:100cqw;--tile-size:calc(100cqw/8);box-sizing:border-box;height:100%;max-width:none;width:100%}.about-demo-board .chessboard-frame{grid-template-columns:var(--board-size);grid-template-rows:var(--board-size)}.about-demo-board #chessboard,.about-demo-board .board-arrows,.about-demo-board .chessboard-wrap{grid-column:1;grid-row:1;height:100%;width:100%}.about-demo-board #chessboard{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.about-demo-board .chessboard-axis-file,.about-demo-board .chessboard-axis-rank{display:none}.about-demo-board .tile{height:100%;position:relative;width:100%}.about-demo-board .tile .chess-piece{background-position:50%;background-repeat:no-repeat;background-size:contain;height:auto;inset:8%;position:absolute;width:auto}.about-demo-board .tile img{width:80%}.about-tutor{flex:1 1 260px;max-width:320px;min-height:0;width:280px}.about-page .about-tutor .lesson-coach-handle{display:none}.about-tutor .lesson-coach-slide-count{margin-bottom:8px;text-align:start}.about-progress{display:flex;gap:6px;margin:0 0 14px}.about-progress span{background:#3d3d3d;border-radius:999px;flex:1 1;height:6px}.about-progress span.is-current,.about-progress span.is-done{background:#7c4dcc;background:var(--accent,#7c4dcc)}.about-moves{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:#f5f5f5;font-variant-numeric:tabular-nums;font-weight:700;list-style:none;margin:0 0 16px;padding:0}.about-moves li{margin:0 0 6px}.about-moves li:last-child{color:#c4b0e8}.about-tutor .about-prompt-row{background:#1f1f1f;border-color:#3d3d3d;box-shadow:none;padding:4px 4px 4px 14px}.about-tutor .about-prompt-input{color:#f5f5f5}.about-tutor .about-prompt-input::-webkit-input-placeholder{color:#9a9a9a}.about-tutor .about-prompt-input::placeholder{color:#9a9a9a}.about-tutor .about-prompt-submit{height:36px;width:36px}.about-section{padding:12px 0 40px}.about-section h2{font-size:28px;letter-spacing:-.03em;margin:0 0 18px}.about-compare,.about-steps,.about-subjects{grid-gap:16px;display:grid;gap:16px}.about-steps{align-items:stretch;grid-template-columns:1fr auto 1fr auto 1fr}.about-card{background:var(--about-card);border:1px solid var(--about-line);border-radius:20px;box-shadow:0 10px 24px rgba(74,42,114,.06);padding:20px}.about-card h3,.about-subject strong{display:block;font-size:18px;margin:0 0 6px}.about-card p,.about-subject span{color:var(--about-muted);font-size:15px;line-height:1.45;margin:0}.about-icon{height:56px;margin-bottom:12px;width:56px}.about-icon img,.about-icon svg{height:56px;object-fit:contain;width:56px}.about-step-arrow{align-items:center;color:var(--about-accent);display:flex;font-size:28px;font-weight:700}.about-compare{grid-template-columns:1fr 1fr}.about-compare-col{background:var(--about-card);border:1px solid var(--about-line);border-radius:20px;padding:20px}.about-compare-col h3{font-size:16px;margin:0 0 14px}.about-flow{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.about-chip,.about-ghost{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:8px 12px}.about-chip{background:#efe8f8;color:var(--about-accent-strong)}.about-ghost{background:transparent;border:1px dashed #c9bddb;color:#8a8196}.about-mini-surface{display:flex;flex-direction:column;gap:2px}.about-mini-surface span{background:#9b74d8;border-radius:2px;display:block;height:6px;width:22px}.about-mini-surface span:nth-child(2){background:#7c4dcc;width:18px}.about-mini-surface span:nth-child(3){background:#4a2a72;width:14px}.about-shared{align-items:center;background:var(--about-card);border:1px solid var(--about-line);border-radius:20px;display:flex;gap:18px;justify-content:center;padding:28px 16px}.about-shared-actor{align-items:center;display:flex;flex-direction:column;font-weight:700;gap:6px}.about-shared-actor svg{height:56px;width:56px}.about-shared-arrows{color:var(--about-accent);font-size:28px;font-weight:700}.about-shared-board{align-items:center;display:flex;flex-direction:column;gap:8px}.about-shared-board .about-logo-mark{height:40px;width:40px}.about-subjects{grid-template-columns:repeat(6,minmax(0,1fr))}.about-subject{background:#ece7f3;border-radius:18px;color:inherit;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:16px;text-decoration:none}.about-subject img{height:40px;width:40px}.about-subject-icon{color:#8d8499;font-size:28px;line-height:1}.about-subject.is-active{background:#fff;border:2px solid var(--about-accent);box-shadow:0 10px 24px rgba(74,42,114,.1)}.about-subject.is-soon{opacity:.7}.about-footnote{color:var(--about-muted);font-size:13px;margin:12px 0 0}.about-footer{border-top:1px solid var(--about-line);display:flex;gap:24px;justify-content:space-between;padding:28px 0 40px}.about-footer-brand{display:flex;gap:12px;max-width:52ch}.about-footer-brand p{color:var(--about-muted);font-size:14px;line-height:1.5;margin:6px 0 0}.about-footer-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.about-footer-github{align-items:center;color:var(--about-muted);display:inline-flex;font-weight:700;gap:8px;text-decoration:none;white-space:nowrap}.about-footer-github:hover{color:var(--about-accent)}.about-footer-github svg{height:18px;width:18px}.about-footer-credit{color:var(--about-muted);font-weight:700;margin:0;white-space:nowrap}@media (max-width:900px){.about-compare,.about-steps,.about-subjects{grid-template-columns:1fr}.about-step-arrow{display:none}.about-demo{--tile-size:min(40px,calc(6.25vw - 7.5px));flex-direction:column}.about-demo-surfaces{grid-template-columns:1fr 1fr}.about-tutor{max-width:none;width:100%}}@media (max-width:640px){.about-demo,.about-footer,.about-header,.about-hero,.about-section{width:min(1120px,calc(100% - 20px))}.about-hero{padding-top:20px}.about-body,.about-lede{font-size:16px}.about-demo-surfaces{grid-template-columns:1fr}.about-hero h1{max-width:none}.about-shared{flex-wrap:wrap}.about-footer{flex-direction:column}}.board-theme-picker{align-items:center;border:none;display:flex;gap:8px;margin:0;padding:0;position:relative}.board-theme-picker-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.board-theme-picker-options{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,8%,.72);border:1px solid hsla(0,0%,100%,.22);border-radius:999px;display:flex;height:32px;overflow:hidden}.board-theme-picker-options button{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:#eee;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.02em;padding:0 10px}.board-theme-picker-options button:hover{color:#fff}.board-theme-picker-options button.is-active{background:var(--accent);color:#fff}@media (max-width:640px){.board-theme-picker-options button{padding:0 8px}}.change-bg-wrap{flex-shrink:0;position:relative}.change-bg-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,8%,.72);border:1px solid hsla(0,0%,100%,.22);border-radius:999px;box-sizing:border-box;color:#eee;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:4px;height:32px;letter-spacing:.02em;padding:0 8px;text-decoration:none}.change-bg-btn svg{height:16px;width:16px}.change-bg-btn:hover{border-color:hsla(0,0%,100%,.4);color:#fff}.change-bg-btn.is-copied,.change-bg-tip{background:var(--accent);color:#fff}.change-bg-tip{border-radius:10px;bottom:calc(100% + 8px);font-size:11px;font-weight:600;line-height:1.35;margin:0;max-width:min(320px,calc(100vw - 24px));padding:8px 12px;pointer-events:none;position:absolute;right:0;text-align:start;width:-webkit-max-content;width:max-content;z-index:1}.board-undo-bar{display:flex;gap:8px;justify-content:center;margin-top:10px;width:100%}.board-undo-bar button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;max-width:160px;padding:8px 12px}.board-undo-bar button:disabled{cursor:default;opacity:.4}.board-undo-bar button:not(:disabled):hover{background:var(--accent-hover)}@media (max-width:640px){.board-undo-bar{margin-bottom:8px;margin-top:8px}.board-undo-bar button{padding:8px 10px}}.lesson-catalog-bar{align-items:center;display:flex;flex-shrink:0;z-index:40}.lesson-catalog{display:inline-block;position:relative}.lesson-catalog-toggle{align-items:center;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;color:#f3f3f3;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;list-style:none;padding:6px 12px;-webkit-user-select:none;user-select:none}.lesson-catalog-toggle::-webkit-details-marker{display:none}.lesson-catalog-toggle:hover,.lesson-catalog[open] .lesson-catalog-toggle{border-color:var(--accent)}.lesson-catalog-count{background:var(--accent);border-radius:999px;color:#fff;font-size:11px;height:18px;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.lesson-catalog-list{background:#2a2a2a;border:1px solid #3d3d3d;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.45);list-style:none;margin:0;max-height:320px;max-width:min(320px,80vw);min-width:240px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}.lesson-catalog-empty{color:#e8e8e8;font-size:14px;padding:12px 10px}.lesson-catalog-item{align-items:stretch;display:flex;gap:4px}.lesson-catalog-open{align-items:flex-start;background:transparent;border:none;border-radius:6px;color:#f3f3f3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 10px;text-align:start}.lesson-catalog-open:hover{background:#353535}.lesson-catalog-open[dir=rtl]{align-items:flex-end}.lesson-catalog-title{font-size:14px;font-weight:600}.lesson-catalog-kind{color:var(--accent-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.lesson-catalog-remove{background:transparent;border:none;border-radius:6px;color:#f2f2f2;cursor:pointer;font-size:18px;line-height:1;width:32px}.lesson-catalog-remove:hover{background:#3a2a2a;color:#fff}@media (max-width:640px){.lesson-catalog-toggle{font-size:12px;padding:5px 10px}}.lesson-debug{position:relative}.lesson-debug-toggle{align-items:center;background:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;color:#f3f3f3;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.lesson-debug-open .lesson-debug-toggle,.lesson-debug-toggle:hover{border-color:#ffc107}.lesson-debug-count{background:#5c4a12;border-radius:999px;color:#ffc107;font-size:11px;height:18px;line-height:18px;min-width:18px;padding:0 5px;text-align:center}.lesson-debug-panel{background:#1a1a1a;border:1px solid #3d3d3d;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:flex;flex-direction:column;max-height:min(52vh,420px);position:absolute;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 24px));z-index:50}.lesson-debug-toolbar{border-bottom:1px solid #333;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.lesson-debug-toolbar button{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#ddd;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px}.lesson-debug-toolbar button.is-active,.lesson-debug-toolbar button:hover{border-color:#ffc107;color:#fff}.lesson-debug-list{list-style:none;margin:0;overflow:auto;padding:8px}.lesson-debug-empty{color:#e6e6e6;font-size:14px;padding:12px 4px}.lesson-debug-item{background:#242424;border-left:3px solid #666;border-radius:8px;margin:0 0 8px;padding:8px}.lesson-debug-item.kind-tool{border-left-color:#64b5f6}.lesson-debug-item.kind-user-move{border-left-color:var(--accent-soft)}.lesson-debug-item.kind-visual{border-left-color:#ffc107}.lesson-debug-meta{align-items:baseline;display:flex;gap:8px;margin-bottom:6px}.lesson-debug-kind{color:#f0f0f0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lesson-debug-name{color:#fff;font-size:13px;font-weight:700}.lesson-debug-time{color:#e8e8e8;font-size:11px;margin-left:auto}.lesson-debug-item pre{color:#f2f2f2;font-size:11px;line-height:1.35;margin:0;max-height:140px;overflow:auto;white-space:pre-wrap;word-break:break-word}@media (max-width:640px){.lesson-debug-panel{bottom:auto;left:8px;max-height:min(48vh,360px);position:fixed;right:8px;top:56px;width:auto}}.referee{align-items:flex-start;display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.app-header{background:#151515;border-bottom:1px solid #3d3d3d;box-shadow:0 1px 0 rgba(0,0,0,.35);flex-shrink:0;gap:12px;justify-content:space-between;min-height:56px;padding:0 20px;z-index:40}.app-header,.app-header-nav{align-items:stretch;display:flex}.app-header-nav{gap:16px}.app-header-title{align-items:center;border-bottom:3px solid var(--accent);color:#fff;display:flex;font-size:17px;font-weight:700;letter-spacing:.01em;margin:0;padding:0 4px}.app-header-title a{color:inherit;text-decoration:none}.app-header-title a:hover{opacity:.85}.area-switch{-webkit-margin-start:12px;align-items:center;align-self:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;display:inline-flex;gap:4px;margin-inline-start:12px;padding:3px}.area-switch-tab{-webkit-appearance:none;appearance:none;background:transparent;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-block;font:inherit;font-size:13px;font-weight:700;padding:6px 12px;text-decoration:none}.area-switch-tab.is-active{background:var(--accent);color:#fff}.app-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.referee-board{align-items:center;display:flex;flex-direction:column;position:relative}.referee-status{color:#ddd;font-size:14px;font-weight:600;margin:0;text-align:right}.referee-learn{--panel-width:300px;--tile-size:min(75px,calc(12.5vw - var(--panel-width)/8 - 12.5px),calc(100svh/8 - 21px));align-items:stretch;flex-wrap:nowrap;gap:20px}.referee-learn .lesson-coach{flex:0 0 var(--panel-width);max-width:var(--panel-width);overflow:hidden;width:var(--panel-width)}@media (max-width:640px){.referee-learn{--tile-size:min(44px,calc(12.5vw - 3.5px),calc(100svh/8 - 36px));align-items:center;flex-direction:column;gap:0;width:100%}.app-header{min-height:48px;padding:0 8px}.app-header-title{font-size:14px}.referee-learn .lesson-coach{align-self:auto;border-radius:16px 16px 0 0;bottom:0;flex:none;height:min(38vh,280px);left:0;max-height:min(38vh,280px);max-width:none;overflow:hidden;position:fixed;right:0;width:100%;z-index:20}}
/*# sourceMappingURL=main.81c18fb1.css.map*/