@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#0d1b2a}.login-form{background-color:#2c2c2c;padding:30px 40px;border-radius:8px;border:2px solid #555;box-shadow:0 4px 15px #0000004d;width:100%;max-width:400px;box-sizing:border-box}.login-form h2{text-align:center;color:#eee;margin-top:0;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ccc;font-weight:600}.form-group input{width:100%;padding:10px;border-radius:4px;border:1px solid #777;background-color:#333;color:#fff;font-size:1em;box-sizing:border-box}.login-button{width:100%;padding:12px;border-radius:5px;border:none;background-color:#4a6d4a;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:5px}.login-button:hover{background-color:#5a7d5a}.login-button:disabled{background-color:#444;cursor:not-allowed}.login-error{color:#ff6b6b;text-align:center;margin-top:0;margin-bottom:15px}.login-success{color:#6bff6b;text-align:center;margin-top:0;margin-bottom:15px}.login-hint{color:#888;text-align:center;font-size:.9em;margin-top:15px;margin-bottom:0}.form-links{display:flex;justify-content:space-between;margin-top:20px}.toggle-link{background:none;border:none;color:#a0c4ff;cursor:pointer;padding:0;font-size:.9em;font-family:inherit}.toggle-link:hover{text-decoration:underline}.form-links:has(:first-child:last-child){justify-content:center}@media (max-width: 900px){.login-container{height:auto;min-height:100vh;padding:16px;box-sizing:border-box}.login-form{padding:24px 20px}}.page-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;box-sizing:border-box;font-family:Arial,sans-serif}.game-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:1100px}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:80vmin;max-width:800px;aspect-ratio:1 / 1;border:4px solid #333;flex-shrink:0;touch-action:none}.square{position:relative;padding:0;aspect-ratio:1 / 1;overflow:hidden}.square.none{cursor:default}.square.light{background-color:#f0d9b5}.square.dark{background-color:#b58863}.square.light.last-move-to,.square.light.last-move-from{background-color:#a7d089}.square.dark.last-move-to,.square.dark.last-move-from{background-color:#88a76d}.chess-piece{width:100%;height:100%;cursor:grab;z-index:5;background-position:center;background-repeat:no-repeat;transition:opacity .1s ease-in-out;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.chess-piece:active{cursor:grabbing}.dragging-ghost{position:fixed;top:0;left:0;z-index:1000;opacity:1;pointer-events:none;transition:none;cursor:grabbing}.bishop.white,.bishop.black,.rook.white,.rook.black,.knight.white,.knight.black{background-size:contain}.pawn.white,.pawn.black{background-size:95%}.king.white,.king.black,.queen.white,.queen.black{background-size:contain}[data-piece-style=png] .knight.white,[data-piece-style=png] .knight.black{background-size:100% 90%}[data-piece-style=png] .pawn.white,[data-piece-style=png] .pawn.black{background-size:95% 85%}[data-piece-style=png] .rook.white,[data-piece-style=png] .rook.black{background-position:center 85%}[data-piece-style=png] .king.white{background-image:url(/king_white.png)}[data-piece-style=png] .queen.white{background-image:url(/queen_white.png)}[data-piece-style=png] .bishop.white{background-image:url(/bishop_white.png)}[data-piece-style=png] .knight.white{background-image:url(/knight_white.png)}[data-piece-style=png] .rook.white{background-image:url(rook_white.png)}[data-piece-style=png] .pawn.white{background-image:url(pawn_white.png)}[data-piece-style=png] .king.black{background-image:url(/king_black.png)}[data-piece-style=png] .queen.black{background-image:url(/queen_black.png)}[data-piece-style=png] .bishop.black{background-image:url(/bishop_black.png)}[data-piece-style=png] .knight.black{background-image:url(/knight_black.png)}[data-piece-style=png] .rook.black{background-image:url(rook_black.png)}[data-piece-style=png] .pawn.black{background-image:url(pawn_black.png)}[data-piece-style=svg] .king.white{background-image:url(/king_white.svg)}[data-piece-style=svg] .queen.white{background-image:url(/queen_white.svg)}[data-piece-style=svg] .bishop.white{background-image:url(/bishop_white.svg)}[data-piece-style=svg] .knight.white{background-image:url(/knight_white.svg)}[data-piece-style=svg] .rook.white{background-image:url(rook_white.svg)}[data-piece-style=svg] .pawn.white{background-image:url(pawn_white.svg)}[data-piece-style=svg] .king.black{background-image:url(/king_black.svg)}[data-piece-style=svg] .queen.black{background-image:url(/queen_black.svg)}[data-piece-style=svg] .bishop.black{background-image:url(/bishop_black.svg)}[data-piece-style=svg] .knight.black{background-image:url(/knight_black.svg)}[data-piece-style=svg] .rook.black{background-image:url(rook_black.svg)}[data-piece-style=svg] .pawn.black{background-image:url(pawn_black.svg)}.square.selected:before{content:"";position:absolute;inset:0;background-color:#ffeb7873;z-index:0}.possible-move:after{content:"";display:block;width:30%;height:30%;border-radius:50%;background-color:#0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.possible-move:not(.none):after{width:90%;height:90%;background-color:transparent;border:5px solid rgba(0,0,0,.2);box-sizing:border-box}.label-rank,.label-file{position:absolute;font-size:14px;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.label-rank{top:2px;left:2px}.label-file{bottom:2px;right:2px}.square.light .label-rank,.square.light .label-file{color:#b58863}.square.dark .label-rank,.square.dark .label-file{color:#f0d9b5}.puzzle-info-panel{color:#fff;background-color:#2c2c2c;border:2px solid #555;border-radius:8px;padding:10px 20px;box-sizing:border-box;width:220px}.small-banner{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border-bottom:1px solid #444;margin-bottom:10px}.small-banner-logo{width:30px;height:40px;margin-bottom:8px}.small-banner-title{font-size:1.1em;font-weight:700;color:#eee;margin:0;letter-spacing:.5px}.small-banner-user-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-top:10px;border-top:1px solid #444}.small-banner-email{font-size:.95em;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.small-banner-logout{background:none;border:none;color:#a0c4ff;cursor:pointer;padding:0;font-size:.9em;font-family:inherit;font-weight:600;flex-shrink:0}.small-banner-logout:hover{text-decoration:underline;color:#c0d8ff}.puzzle-info-panel h2{font-size:1.4em;margin:0 0 15px;color:#eee;text-align:center;font-weight:600;word-wrap:break-word}.slider-with-buttons{display:flex;align-items:center;gap:8px;width:100%}.slider-button{background-color:#555;color:#eee;border:1px solid #777;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;padding:0;line-height:1}.slider-button:hover:not(:disabled){background-color:#666;border-color:#999}.slider-button:disabled{opacity:.5;cursor:not-allowed}.difficulty-slider{flex-grow:1}.difficulty-slider-container{margin-bottom:15px;padding:10px;background-color:#383838;border-radius:6px;border:1px solid #555}.difficulty-label{display:block;font-size:.9em;color:#ccc;margin-bottom:8px;font-weight:600;text-align:center}.difficulty-slider{width:100%;cursor:pointer;accent-color:#a0c4ff}.difficulty-values{display:flex;justify-content:space-between;font-size:.75em;color:#888;margin-top:4px}.puzzle-info-panel .moves-counter{font-size:1.2em;color:#ccc;text-align:center}.error-panel{background-color:#382a2a;border-color:#833}.back-link-container{margin-bottom:12px;text-align:left}.back-to-home-link{background:none;border:none;color:#a0c4ff;cursor:pointer;padding:0;font-size:1em;font-family:inherit;font-weight:600}.back-to-home-link:hover{text-decoration:underline;color:#c0d8ff}.back-to-home-link:disabled{color:#666;text-decoration:none;cursor:not-allowed}.puzzle-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.retry-button,.next-puzzle-button,.skip-button,.reset-button{display:block;width:100%;margin-top:0;padding:10px 15px;font-size:1.1em;font-weight:600;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s;box-sizing:border-box}.retry-button{background-color:#8c3a3a;border:1px solid #a35353}.retry-button:hover{background-color:#a04f4f;border-color:#b36b6b}.next-puzzle-button{background-color:#4a6d4a;border:1px solid #6a8d6a}.next-puzzle-button:hover{background-color:#5a7d5a;border-color:#7a9d7a}.skip-button{background-color:#555;border:1px solid #777}.skip-button:hover{background-color:#666;border-color:#888}.reset-button{background-color:#a67c00;border:1px solid #c0941a}.reset-button:hover{background-color:#c0941a;border-color:#d9ab3a}.skip-button:disabled,.reset-button:disabled{background-color:#444;border-color:#555;color:#888;cursor:not-allowed}.board-controls{display:flex;flex-direction:column;gap:12px;margin-top:15px;padding-top:10px;border-top:1px solid #444}.piece-style-selector{display:flex;flex-direction:column;gap:4px}.piece-style-selector label{font-size:.9em;font-weight:600;color:#ccc}.piece-style-selector select{width:100%;padding:8px 10px;font-size:1em;font-family:inherit;color:#e0e0e0;background-color:#3e3e3e;border:1px solid #555;border-radius:5px;cursor:pointer}.piece-style-selector select:focus{outline:none;border-color:#a0c4ff;box-shadow:0 0 0 2px #a0c4ff4d}.flip-board-button{padding:8px 12px;font-size:1em;font-weight:600;color:#fff;background-color:#007bff;border:1px solid #0056b3;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s}.flip-board-button:hover{background-color:#0056b3;border-color:#004494}.flip-board-button:disabled{background-color:#444;border-color:#555;color:#888;cursor:not-allowed}.fen-viewer-container{margin-top:15px;padding-top:10px;border-top:1px solid #444}.fen-toggle-button{background:none;border:none;color:#a0c4ff;cursor:pointer;padding:0;font-size:.9em;font-family:inherit;font-weight:600}.fen-toggle-button:hover{text-decoration:underline;color:#c0d8ff}.fen-display-input{width:100%;box-sizing:border-box;margin-top:8px;padding:6px 8px;background-color:#1e1e1e;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-family:Courier New,Courier,monospace;font-size:.9em}.attribution-footer{width:100%;max-width:1100px;box-sizing:border-box;margin-top:20px;padding:0 20px;font-size:.8em;color:#999;text-align:center}.promotion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.promotion-modal{background-color:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 15px #0003;text-align:center}.promotion-modal h3{margin-top:0;color:#333}.promotion-choices{display:flex;gap:15px;margin-top:15px}.promotion-choice{width:80px;height:80px;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:background-color .2s,border-color .2s;background-size:contain}.promotion-choice:hover{background-color:#e3e3e3;border-color:#999}.promotion-cancel{margin-top:20px;padding:8px 16px;font-size:14px;font-weight:600;color:#555;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s}.promotion-cancel:hover{background-color:#e0e0e0;border-color:#bbb}.eval-controls{margin:8px 0;text-align:center}.eval-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.eval-display{margin-top:6px;font-weight:600}@media (max-width: 900px){.page-wrapper{padding:8px}.game-container{flex-direction:column;align-items:center;justify-content:flex-start;gap:14px}.chessboard{width:min(96vmin,100%);max-width:none}.puzzle-info-panel{width:100%;max-width:520px;display:flex;flex-direction:column}.puzzle-info-panel .back-link-container{order:98;margin-bottom:0;margin-top:12px}.puzzle-info-panel .small-banner{order:99;border-bottom:none;margin-bottom:0;border-top:1px solid #444;margin-top:10px}.attribution-footer{padding:0 8px}.slider-button{width:32px;height:32px}.difficulty-slider-container{padding:6px 10px;margin-bottom:8px}.difficulty-label{margin-bottom:4px}.promotion-modal{padding:16px 18px;max-width:calc(100vw - 24px);box-sizing:border-box}.promotion-choices{flex-wrap:wrap;justify-content:center;gap:12px}.promotion-choice{width:64px;height:64px}}.puzzle-home-wrapper{justify-content:flex-start;padding-top:40px}.puzzle-home-header{display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:900px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}.account-name-header{color:#ccc;margin-right:20px;font-weight:600}.logout-button-header{background:none;border:1px solid #555;color:#a0c4ff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.logout-button-header:hover{background-color:#333;border-color:#a0c4ff}.account-linking-section{width:100%;max-width:900px;margin-bottom:30px}.section-title{color:#888;font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.account-inputs-container{display:flex;gap:20px;flex-wrap:wrap}.account-input-group{flex:1;min-width:250px;display:flex;flex-direction:column}.account-input-group label{font-size:.85em;color:#ccc;margin-bottom:6px;font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center}.account-input-group input{width:100%;padding:10px 12px;background-color:#2c2c2c;border:2px solid #444;border-radius:6px;color:#eee;font-size:.95em;outline:none;transition:border-color .3s}.account-input-group input:focus{border-color:#a0c4ff}.account-input-group.verified input{border-color:#4a6d4a;background-color:#4a6d4a1a}.account-input-group.failed input{border-color:#8c3a3a;background-color:#8c3a3a1a}.status-indicator{position:absolute;right:12px;font-weight:700;font-size:1.2em}.account-input-group.verified .status-indicator{color:#6bff6b}.account-input-group.failed .status-indicator{color:#ff6b6b}.account-input-group.verifying .status-indicator{color:#a0c4ff}.divider-line{width:100%;max-width:900px;height:1px;background-color:#333;margin-bottom:30px}.puzzle-tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,250px));justify-content:center;gap:30px;width:100%;max-width:900px}.puzzle-tile{background-color:#2c2c2c;border:2px solid #444;border-radius:12px;padding:20px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s;text-align:center;box-shadow:0 4px 6px #0000004d}.puzzle-tile:hover{transform:translateY(-5px);background-color:#383838;border-color:#a0c4ff}.puzzle-tile:active{transform:translateY(-2px)}.puzzle-tile-icon{color:#a0c4ff;margin-bottom:15px}.puzzle-tile-title{color:#eee;margin:0 0 10px;font-size:1.5em;font-weight:700}.puzzle-tile-description{color:#aaa;margin:0;font-size:.95em;line-height:1.4}@media (max-width: 900px){.puzzle-home-wrapper{padding-top:20px}.puzzle-tiles-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),250px));gap:16px}.account-input-group{min-width:0}}.site-footer{width:100%;box-sizing:border-box;padding:16px 20px;margin-top:auto;text-align:center;font-size:.8em;color:#999;border-top:1px solid rgba(255,255,255,.08)}.site-footer-links a{color:#b58863;text-decoration:none}.site-footer-links a:hover{text-decoration:underline}.site-footer-sep{margin:0 8px;color:#666}.site-footer-copy{margin-top:6px;color:#777}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:100vh;width:100%;box-sizing:border-box}@media (max-width: 900px){.app-container{padding:12px 6px}}body,html,#root{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#0d1b2a;color:#ffffffde;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}