.study-layout{margin-left:166px;padding:32px;display:grid;grid-template-columns:minmax(280px,680px) minmax(270px,380px);gap:28px;justify-content:center}.study-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:5px;overflow:hidden}.study-square{border:0;padding:0;position:relative;aspect-ratio:1;cursor:pointer;min-width:0}.study-square.light{background:#ebecd0}.study-square.dark{background:#779556}.study-square.selected{background:#f6df57}.study-square.legal:after{content:'';position:absolute;width:24%;height:24%;border-radius:50%;background:#24242444;left:38%;top:38%}.study-square small{position:absolute;left:3px;bottom:1px;color:#313829;font-weight:bold}.study-square svg{width:90%;height:90%}.study-panel{background:#262522;border-radius:8px;padding:24px}.study-panel h1{font-size:26px;margin-top:0}.study-panel textarea,.study-panel input,.study-panel select{width:100%;box-sizing:border-box;background:#1b1b19;border:1px solid #555;color:#eee;border-radius:5px;padding:12px;margin:8px 0;font:inherit}.study-panel textarea{min-height:120px}.study-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.study-actions button{flex:1}.study-status{min-height:40px;color:#b9d58c}.study-moves{max-height:180px;overflow:auto;display:flex;flex-wrap:wrap;gap:6px}.study-moves button{background:#393835;color:#eee;border:0;border-radius:3px;padding:8px}.study-moves button[aria-current=true]{background:#769656}.study-caption{padding:12px;background:#262522;margin-bottom:12px;border-radius:5px}dialog{background:#302e2b;color:white;border:1px solid #666;border-radius:8px}dialog button{padding:18px;cursor:pointer}@media(max-width:900px){.study-layout{grid-template-columns:1fr;margin-left:0;padding:14px;padding-top:90px}.study-panel{padding:18px}.study-board{max-width:680px;width:100%;margin:auto}}

.study-tabs{display:flex;border-bottom:2px solid #42413e;margin-bottom:18px}.study-tabs button{flex:1;background:none;color:#aaa;border:0;border-bottom:3px solid transparent;padding:14px;cursor:pointer;font:inherit;font-weight:700}.study-tabs .active{color:white;border-color:#81b64c}.engine-tool{background:#1d1c1a;border-radius:6px;padding:12px;margin-bottom:12px;font-size:13px}.engine-tool input{width:auto}.engine-tool p{overflow-wrap:anywhere;color:#c3c0ba}.position-eval{float:right;background:#eee;color:#222;padding:8px;border-radius:3px;font-weight:700}.puzzle-bubble{background:#eee;color:#333;padding:20px;border-radius:16px;font-size:18px;line-height:1.5}.puzzle-journey{background:linear-gradient(140deg,#294a2b,#456a38,#203923);border-radius:8px;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:20px 0}.puzzle-journey span{display:grid;place-items:center;background:#bf934c;color:#392b18;font-size:24px;font-weight:800;border:5px solid #805c31;border-radius:18px;width:56px;height:56px;box-shadow:0 6px #523d27;transform:rotate(-10deg)}.puzzle-journey span:nth-child(2n){margin-left:100px;transform:rotate(10deg)}.puzzle-journey span:nth-child(2n+1){margin-right:100px}.puzzle-start{width:100%;padding:20px;font-size:22px}
