:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0ee;background:#10191b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{cursor:pointer}header{height:76px;border-bottom:1px solid #283537;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#121d20}.brand{display:flex;gap:13px;align-items:center}.brand-icon{background:#d7a859;color:#16211f;border-radius:13px;padding:6px 11px;font-size:31px}.brand strong{font-size:21px;letter-spacing:5px;display:block}.brand small{color:#8ca3a1;font-size:9px;letter-spacing:2px}.status{display:flex;align-items:center;gap:9px;color:#bccfcb;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:#d1a75b}.dot.ok{background:#61b894}.pill{border:1px solid #354547;border-radius:99px;padding:6px 12px;margin-left:14px}main{display:flex;min-height:calc(100vh - 76px)}.side{width:254px;border-right:1px solid #293637;background:#142022;padding:31px 19px;flex-shrink:0;display:flex;flex-direction:column;gap:9px}.side-title,.eyebrow{color:#d6ab68;font-size:10px;font-weight:800;letter-spacing:1.7px}.side-title{margin:12px 9px}.nav{width:100%;border:0;background:transparent;color:#a9bcba;padding:14px 12px;text-align:left;border-radius:11px;font-size:13px;display:flex;gap:12px;align-items:center}.nav span{font-size:24px;line-height:15px}.nav.active{background:#2d3d3d;color:#fff;font-weight:700}.nav:hover,.flat:hover{background:#263737}.sideline{height:1px;background:#2b3a3b;margin:16px 3px}.field{color:#acbfbd;font-size:12px;display:flex;flex-direction:column;gap:9px;margin:9px 4px}.field select{width:100%;background:#1f3032;color:white;border:1px solid #374b4c;border-radius:8px;padding:10px}.toggle{font-size:12px;color:#b8c9c6;display:flex;gap:9px;align-items:center;margin:7px 4px}.toggle input{accent-color:#d5ac69}.muted{color:#8ea3a1}.tiny{font-size:11px;line-height:1.6}.flat{background:transparent;color:#d8b67f;border:0;padding:12px 5px;text-align:left;font-size:12px}.side-footer{font-size:11px;color:#708985;line-height:1.7;margin-top:auto;padding:40px 5px 0}.work{width:100%;max-width:1450px;margin:0 auto;padding:33px clamp(18px,3vw,50px)}.topline{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:25px}.topline h1{font-size:clamp(23px,2.4vw,32px);font-weight:750;letter-spacing:-.8px;margin:9px 0}.topline p{font-size:13px;color:#95aaa6;margin:0}.outline{border:1px solid #405253;border-radius:9px;background:transparent;color:#e0e8e6;padding:10px 16px;white-space:nowrap}.board-layout{display:grid;grid-template-columns:minmax(315px,610px) minmax(285px,1fr);gap:32px;align-items:start}.board-panel{min-width:0}.player{display:flex;align-items:center;gap:10px;padding:10px 0 15px}.player:last-of-type{padding:15px 0}.player strong{display:block;font-size:13px}.player small{display:block;font-size:11px;color:#809a96;margin-top:4px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:22px}.avatar.black{background:#263332;color:#d9b271}.avatar.white{background:#ebdfcb;color:#172524}.score{margin-left:auto;color:#d9ae6d;font-weight:bold}.chessboard{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));box-shadow:0 22px 48px #0003;border:5px solid #334345;border-radius:6px;overflow:hidden}.square{position:relative;display:grid;place-items:center;aspect-ratio:1;cursor:pointer;user-select:none}.light{background:#e9d9b7}.dark{background:#76928a}.square.selected{background:#e6bb65}.square.move{box-shadow:inset 0 0 0 5px #d9b055aa}.square.hint-from{box-shadow:inset 0 0 0 5px #478ed3}.square.hint-to{box-shadow:inset 0 0 0 5px #e9af38}.square.legal:after{content:"";position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#203a3690;pointer-events:none}.piece{font-family:Arial,"DejaVu Sans",sans-serif;font-size:clamp(26px,5vw,58px);line-height:1;z-index:1;filter:drop-shadow(0 2px 1px #0004)}.piece.white-piece{color:#fff8e7;-webkit-text-stroke:1.7px #3d4440}.piece.black-piece{color:#1a2928;-webkit-text-stroke:1px #d9d8bf}.coordinate{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:800;color:#34544d}.light .coordinate{color:#618178}.board-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:7px}.board-actions button,.inline-buttons button{border:1px solid #384c4b;border-radius:9px;background:#223234;color:#e4efec;padding:11px 5px;font-size:11px}.board-actions button:last-child{background:#d0a564;color:#182321;font-weight:800;border-color:#d0a564}.right-panel{display:flex;flex-direction:column;gap:17px}.coach-box,.info-box{background:#182629;border:1px solid #304143;border-radius:13px;padding:20px}.coach-box{background:linear-gradient(145deg,#273b39,#1a2c2d);border-color:#476159}.coach-head{display:flex;align-items:center;gap:12px}.coach-avatar{background:#dab16f;color:#192521;border-radius:12px;width:41px;height:41px;display:grid;place-items:center;font-size:26px;font-weight:900}.coach-head strong{display:block;font-size:13px}.coach-head small{display:block;color:#a1b7ad;font-size:11px;margin-top:4px}.sound{margin-left:auto;color:#d7ae70;font-size:21px}.coach-text{font-size:15px;line-height:1.8;padding:23px 2px;color:#eef5ee;min-height:98px}.speech-btn{border:1px solid #698373;border-radius:8px;padding:10px 13px;background:#384e45;color:#e6f0e8;font-size:11px}.box-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.box-head strong{font-size:13px}.tag{font-size:9px;color:#7ac4a3;background:#263d38;padding:5px 8px;border-radius:5px;letter-spacing:1px}.eval-row{display:flex;align-items:baseline;gap:13px}.eval-row strong{font-size:24px;color:#e5ecea}.eval-row span{font-size:11px}.evalbar{height:6px;background:#3a4240;border-radius:7px;overflow:hidden;margin:15px 0}.evalbar span{display:block;background:#d6b278;width:50%;height:100%;transition:width .3s}.variations{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#afbfbb;line-height:1.6}.variation{padding:8px 0;border-bottom:1px solid #293b3c}.variation:last-child{border:0}.variation b{color:#dbc192;margin-right:8px}.lessons{display:grid;gap:8px}.lesson{padding:12px;background:#223437;border:1px solid #365052;color:#dae9e4;border-radius:9px;text-align:left}.lesson.active{border-color:#dcb479;background:#3a3b34}.lesson strong{display:block;font-size:12px}.lesson small{color:#9eb3aa;font-size:10px}.history{max-height:120px;overflow:auto;font-size:12px;line-height:1.9}.info-box textarea{width:100%;resize:vertical;padding:10px;color:#e3efeb;background:#101d20;border:1px solid #3c5051;border-radius:7px;font-size:12px}.inline-buttons{display:flex;gap:8px;margin:10px 0}.inline-buttons button{padding:10px 14px}.link-btn{border:0;background:transparent;color:#d7b173;font-size:11px}.palette{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.palette button{padding:4px 0;background:#30403e;border:1px solid #405855;border-radius:6px;font-size:25px;color:#fff}.palette button.active{border-color:#f0c878;background:#746044}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:#fff;background:#4a3b2f;border:1px solid #ae8a54;border-radius:9px;padding:13px 18px;display:none;font-size:12px;max-width:90vw;z-index:30}@media(max-width:1150px){.side{width:195px;padding:20px 10px}.board-layout{gap:17px}.work{padding:22px}}@media(max-width:850px){header{padding:0 15px}.side{width:100%;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #354749;gap:3px;padding:9px}.side .side-title,.side .sideline,.side .field,.side .toggle,.side .flat,.side .tiny,.side-footer{display:none}.nav{flex:1;min-width:105px;padding:10px 7px;font-size:11px;justify-content:center}.nav span{font-size:18px}main{display:block}.board-layout{grid-template-columns:1fr}.board-panel{max-width:640px;margin:auto}.right-panel{max-width:640px;margin:auto;width:100%}.topline{align-items:flex-start}.topline h1{font-size:22px}.board-actions button{font-size:10px}.piece{font-size:clamp(28px,9vw,62px)}}

/* Elemzett lépés előnézete; nem takarja a figurákra történő kattintást. */
.chessboard{position:relative}
.move-arrow-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.variation{cursor:pointer;border-radius:6px;padding:9px 7px;transition:background .13s}
.variation:hover,.variation:focus-visible{background:#2b4544;outline:1px solid #cba15f}

[hidden]{display:none!important}
.board-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
#continueMove:not([hidden]){background:#3d5949;border-color:#7ca98c;color:#fff;font-weight:750}