.icon[data-v-311907f0]{width:20px;height:20px;fill:#908f8f}.sidebar[data-v-4f0b46da]{width:200px;background-color:#22313f;color:#908f8f;transition:width .3s ease;flex-shrink:0}.sidebar h1[data-v-4f0b46da]{margin:0;padding:20px;font-size:1.5rem}.sidebar ul[data-v-4f0b46da]{list-style-type:none;width:100%;padding:0}.sidebar li[data-v-4f0b46da]{color:#908f8f;text-align:left;padding:15px 20px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:10px}.sidebar li[data-v-4f0b46da]:hover{background-color:#2c3e50}@media (max-width:768px){.sidebar[data-v-4f0b46da]{width:60px;position:fixed;z-index:1000;box-shadow:2px 0 5px rgba(0,0,0,.2);min-height:100vh}.sidebar h1[data-v-4f0b46da]{display:none}.sidebar li[data-v-4f0b46da]{padding:15px 10px;justify-content:center}.sidebar[data-v-4f0b46da] .nav-text{display:none}}.home-view[data-v-681638e8]{width:100%;padding:30px 40px}.content-section[data-v-681638e8]{margin-bottom:30px;padding:25px;background-color:rgba(34,49,63,.5);border-radius:12px;border-left:4px solid #4caf50}.content-section h2[data-v-681638e8]{margin:0 0 15px 0;color:#4caf50}.accent-orange[data-v-681638e8]{border-left-color:#ff9800}.accent-orange h2[data-v-681638e8]{color:#ff9800}.feature-list[data-v-681638e8]{list-style:none;padding:0;margin:0;text-align:left}.feature-list li[data-v-681638e8]{padding:10px 0;color:#d0d0d0;border-bottom:1px solid hsla(0,0%,56%,.2)}.feature-list li[data-v-681638e8]:last-child{border-bottom:none}.sub-list[data-v-681638e8]{list-style:none;padding-left:30px;margin-top:10px}.sub-list li[data-v-681638e8]{padding:6px 0;color:#b0b0b0;border-bottom:none}.two-col-grid[data-v-681638e8]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media (max-width:968px){.two-col-grid[data-v-681638e8]{grid-template-columns:1fr}}@media (max-width:768px){.home-view[data-v-681638e8]{padding:20px 15px}.content-section[data-v-681638e8]{padding:20px}}.board-wrapper[data-v-13a7f104]{position:relative;width:100%;height:100%}.chessboard[data-v-13a7f104]{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%}.chess-square[data-v-13a7f104]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}.light-square[data-v-13a7f104]{background-color:#dfd0b8}.dark-square[data-v-13a7f104]{background-color:#948979}.chess-square.selected.light-square[data-v-13a7f104]{background-color:#e6e6fa}.chess-square.selected.dark-square[data-v-13a7f104]{background-color:#a7d4cd}.chess-square.possible-move[data-v-13a7f104]{position:relative}.chess-square.possible-move[data-v-13a7f104]:before{content:"";position:absolute;top:50%;left:50%;width:30%;height:30%;background-color:rgba(21,52,72,.4);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.chess-square.possible-capture[data-v-13a7f104]:before{content:"✕";position:absolute;top:50%;left:50%;font-size:clamp(16px,4vw,24px);font-weight:700;color:rgba(220,53,69,.8);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.piece-image[data-v-13a7f104]{width:100%;height:100%;pointer-events:none}.timer-base[data-v-483bd7c6]{display:flex;flex-direction:column;align-items:center;padding:10px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;min-width:120px;margin:0}.timer-active[data-v-483bd7c6]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 6px 20px rgba(76,175,80,.3)}.timer-inactive[data-v-483bd7c6]{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#333}.monospace-display[data-v-483bd7c6]{font-family:Courier New,monospace;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.timer-display[data-v-483bd7c6]{font-size:24px;margin-bottom:4px}@keyframes pulse-glow-483bd7c6{0%,to{text-shadow:1px 1px 2px rgba(0,0,0,.1)}50%{text-shadow:0 0 10px hsla(0,0%,100%,.5)}}@media (max-width:768px){.timer-base[data-v-483bd7c6]{padding:8px 12px;min-width:90px}.timer-display[data-v-483bd7c6]{font-size:18px}.player-label[data-v-483bd7c6]{font-size:12px}}@keyframes popup-appear-76a5e6cf{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-overlay[data-v-76a5e6cf]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px);border-radius:4px}.popup-container[data-v-76a5e6cf]{background:#2c3e50;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.4);padding:24px;max-width:320px;width:85%;text-align:center;animation:popup-appear-76a5e6cf .3s ease-out}.btn-time-control[data-v-a935c21a]{background:#34495e;border:2px solid #4a6741;color:#ecf0f1;padding:4px 8px;font-size:12px;min-width:45px;font-family:Courier New,monospace}.btn-time-control[data-v-a935c21a]:hover{background:#4a6741;border-color:#5d8a52;box-shadow:0 4px 12px rgba(74,103,65,.3)}.btn-time-control[data-v-a935c21a]:active{box-shadow:0 2px 8px rgba(74,103,65,.3)}.time-category[data-v-e043e684]{display:flex;flex-direction:column;align-items:center;gap:3px}.category-title[data-v-e043e684]{color:#ecf0f1;font-size:14px;font-weight:600;margin:0;text-align:center}.time-options[data-v-e043e684]{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.time-control-selector[data-v-510244ac]{text-align:center}.selector-header[data-v-510244ac]{margin-bottom:12px}.selector-icon[data-v-510244ac]{font-size:20px;margin-bottom:2px}.selector-title[data-v-510244ac]{font-size:18px;margin:0 0 4px 0;color:#ecf0f1}.selector-message[data-v-510244ac]{font-size:14px;margin:0 0 4px 0;color:#908f8f}.time-categories[data-v-510244ac]{display:flex;flex-direction:column;gap:6px;margin-top:8px}.game-end-notification[data-v-3bf20896]{text-align:center}.notification-header[data-v-3bf20896]{margin-bottom:16px}.game-result-icon[data-v-3bf20896]{font-size:28px;margin-bottom:8px}.notification-title[data-v-3bf20896]{font-size:20px;margin:0 0 8px 0;color:#ecf0f1}.notification-message[data-v-3bf20896]{font-size:14px;margin:0;color:#908f8f}.winner-info[data-v-3bf20896]{background:#22313f;border-radius:8px;padding:12px;margin-bottom:16px}.notification-actions[data-v-3bf20896]{margin-top:16px}.promotion-popup[data-v-4196128c]{background:rgba(44,62,80,.98);border:2px solid #4a6741;border-radius:8px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.5);animation:slideDown-4196128c .3s ease-out;display:inline-block}@keyframes slideDown-4196128c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.piece-selection[data-v-4196128c]{display:flex;gap:6px}.piece-option[data-v-4196128c]{display:flex;align-items:center;justify-content:center;background:#34495e;border:2px solid transparent;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;width:44px;height:44px}.piece-option[data-v-4196128c]:hover{border-color:#4a6741;background:#3d5a73;transform:scale(1.1)}.piece-image[data-v-4196128c]{width:32px;height:32px;pointer-events:none}.app-container[data-v-1e2f4670]{justify-content:center!important;align-items:center!important;gap:0;padding:20px}.game-container[data-v-1e2f4670]{display:flex;flex-direction:column;align-items:center;gap:0}.board-container[data-v-1e2f4670]{position:relative;width:min(512px,calc(100vw - 100px));max-width:512px;aspect-ratio:1/1}.timer-section[data-v-1e2f4670]{display:flex;justify-content:flex-end;width:min(512px,calc(100vw - 100px));max-width:512px;padding-right:0;margin:0}.promotion-popup-wrapper[data-v-1e2f4670]{position:absolute;top:-85px;left:0;width:100%;display:flex;justify-content:center;z-index:100}.app-container{flex-direction:column;overflow:auto;justify-content:space-evenly;align-items:center;background-color:#2c3e50;flex:1}.app-container,.flex{display:flex;min-height:100vh;width:100%}body,html{height:100%;width:100%;margin:0;padding:0}h1,p{color:#908f8f}h1,p,span{font-family:Copperplate,fantasy;text-align:center}span{color:#fff}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#45a049;color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-2px)}.page-header{text-align:center;margin-bottom:40px}.page-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.page-header .tagline{font-size:1.1rem;color:#b0b0b0;font-style:italic}@media (max-width:768px){.app-container{margin-left:60px}.page-header h1{font-size:2rem}.page-header .tagline{font-size:1rem}}