.chess-piece{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,filter .2s ease;-webkit-user-select:none;user-select:none;position:relative}.chess-piece:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.chess-piece:active{transform:scale(1.05)}.chess-piece--white{filter:drop-shadow(0 2px 4px rgba(218,165,32,.4))}.chess-piece--black{filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}@media (prefers-contrast: high){.chess-piece--white svg{filter:brightness(1.2) contrast(1.3)}.chess-piece--black svg{filter:brightness(.8) contrast(1.3)}}@media (prefers-reduced-motion: reduce){.chess-piece{transition:none}.chess-piece:hover{transform:none}}.chess-piece:focus-visible{outline:3px solid #4A90E2;outline-offset:2px;border-radius:4px}.chess-piece--king svg,.chess-piece--queen svg{padding:2px}.chess-piece--knight svg{transform:scale(1.05)}.chess-piece--pawn svg{padding:4px}@media (prefers-contrast: more){.chess-piece--white:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px);pointer-events:none;border-radius:4px}.chess-piece--black:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;border-radius:4px}}.chess-piece--draggable{cursor:grab}.chess-piece--draggable:active{cursor:grabbing}.chess-piece--dragging{opacity:.3;cursor:grabbing;pointer-events:none}.chess-piece--selected{transform:scale(1.15);filter:drop-shadow(0 6px 12px rgba(74,144,226,.6))}.chess-piece-ghost{position:absolute;pointer-events:none;opacity:.8;z-index:9999;transform:translate(-50%,-50%);transition:none}:root{--greek-gold: #d4af37;--greek-bronze: #cd7f32;--olympus-blue: #1e3a5f;--marble-light: #f5f5dc;--marble-dark: #8b7d6b;--stone-dark: #4a4a4a;--divine-purple: #6a1b9a;--highlight-gold: #ffd700;--border-bronze: #b8860b}._boardContainer_z9t9m_16{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:100vh;background:linear-gradient(135deg,var(--olympus-blue) 0%,var(--stone-dark) 100%)}._board_z9t9m_16{display:flex;flex-direction:row;gap:.5rem;padding:2rem;background:linear-gradient(145deg,var(--greek-bronze),var(--border-bronze));border-radius:12px;box-shadow:0 10px 30px #00000080,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d;border:3px solid var(--greek-gold);position:relative}._board_z9t9m_16:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(45deg,var(--divine-purple),var(--olympus-blue));border-radius:14px;z-index:-1;opacity:.5}._rankLabels_z9t9m_53{display:flex;flex-direction:column;justify-content:space-around;padding:.5rem 0}._rankLabel_z9t9m_53{display:flex;align-items:center;justify-content:center;height:12.5%;font-size:1.2rem;font-weight:700;color:var(--greek-gold);text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Georgia,serif}._boardGrid_z9t9m_72{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:0;position:relative;aspect-ratio:1;width:min(80vw,600px);height:min(80vw,600px);box-shadow:inset 0 0 20px #0006;border:2px solid var(--border-bronze)}._square_z9t9m_85{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(0,0,0,.1)}._lightSquare_z9t9m_96{background:linear-gradient(135deg,var(--marble-light) 0%,#e8e8d0 100%);background-image:linear-gradient(135deg,var(--marble-light) 0%,#e8e8d0 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}._darkSquare_z9t9m_103{background:linear-gradient(135deg,var(--marble-dark) 0%,#75674f 100%);background-image:linear-gradient(135deg,var(--marble-dark) 0%,#75674f 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}._square_z9t9m_85:hover{transform:scale(1.05);z-index:10}._lightSquare_z9t9m_96:hover{background:linear-gradient(135deg,#fffef0,beige);box-shadow:inset 0 0 15px #d4af3766,0 4px 8px #0000004d}._darkSquare_z9t9m_103:hover{background:linear-gradient(135deg,#9d8e7a,#8b7d6b);box-shadow:inset 0 0 15px #d4af374d,0 4px 8px #0000004d}._square_z9t9m_85._selected_z9t9m_129{box-shadow:inset 0 0 20px #ffd70099,0 0 20px #ffd700cc,0 4px 12px #0006;border:2px solid var(--highlight-gold);transform:scale(1.08);z-index:20}._square_z9t9m_85._selected_z9t9m_129:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);pointer-events:none}._square_z9t9m_85._hovered_z9t9m_147{box-shadow:inset 0 0 10px #d4af374d}._square_z9t9m_85._dragTarget_z9t9m_152{box-shadow:inset 0 0 25px #6a1b9a80,0 0 25px #6a1b9ab3,0 4px 15px #0006;border:3px solid var(--divine-purple);transform:scale(1.1);z-index:15;animation:_pulse_z9t9m_1 .8s ease-in-out infinite}._square_z9t9m_85._dragTarget_z9t9m_152:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(106,27,154,.3) 0%,transparent 70%);pointer-events:none}@keyframes _pulse_z9t9m_1{0%,to{opacity:1}50%{opacity:.7}}._square_z9t9m_85._legalMove_z9t9m_181{position:relative}._square_z9t9m_85._legalMove_z9t9m_181:before{content:"";position:absolute;width:30%;height:30%;background:radial-gradient(circle,#228b22cc,#228b2299);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 10px #228b2280;transition:all .2s ease}._square_z9t9m_85._legalMove_z9t9m_181:hover:before{width:40%;height:40%;background:radial-gradient(circle,#228b22e6,#228b22b3)}._square_z9t9m_85._captureMove_z9t9m_207{position:relative}._square_z9t9m_85._captureMove_z9t9m_207:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgba(220,20,60,.8);border-radius:4px;pointer-events:none;box-shadow:inset 0 0 15px #dc143c4d,0 0 15px #dc143c80;animation:_captureGlow_z9t9m_1 1s ease-in-out infinite}._square_z9t9m_85._captureMove_z9t9m_207:after{content:"";position:absolute;width:50%;height:50%;background:radial-gradient(circle,rgba(220,20,60,.4) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}@keyframes _captureGlow_z9t9m_1{0%,to{opacity:1;border-width:4px}50%{opacity:.7;border-width:5px}}._square_z9t9m_85._invalidMove_z9t9m_249{animation:_shake_z9t9m_1 .4s ease-in-out;box-shadow:inset 0 0 20px #f009,0 0 20px #f00c;border:2px solid rgba(255,0,0,.9)}._square_z9t9m_85._invalidMove_z9t9m_249:after{content:"✗";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#ff0000e6;font-weight:700;pointer-events:none;text-shadow:0 0 10px rgba(255,0,0,.8);animation:_fadeOut_z9t9m_1 .5s ease-out}@keyframes _shake_z9t9m_1{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes _fadeOut_z9t9m_1{0%{opacity:1}to{opacity:0}}._square_z9t9m_85{overflow:visible}._fileLabels_z9t9m_297{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,1fr);gap:0;margin-top:.5rem}._fileLabel_z9t9m_297{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--greek-gold);text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Georgia,serif}@media (max-width: 768px){._boardContainer_z9t9m_16,._board_z9t9m_16{padding:1rem}._boardGrid_z9t9m_72{width:min(90vw,500px);height:min(90vw,500px)}._rankLabel_z9t9m_53,._fileLabel_z9t9m_297{font-size:1rem}._square_z9t9m_85:hover{transform:scale(1.02)}._square_z9t9m_85._selected_z9t9m_129{transform:scale(1.05)}}@media (max-width: 480px){._boardContainer_z9t9m_16{padding:.5rem}._board_z9t9m_16{padding:.5rem;gap:.25rem}._boardGrid_z9t9m_72{width:95vw;height:95vw;max-width:400px;max-height:400px}._rankLabel_z9t9m_53,._fileLabel_z9t9m_297{font-size:.9rem}._fileLabels_z9t9m_297{margin-top:.25rem}}@media (min-width: 769px) and (max-width: 1024px){._boardGrid_z9t9m_72{width:min(70vw,550px);height:min(70vw,550px)}}@media (min-width: 1440px){._boardGrid_z9t9m_72{width:700px;height:700px}._rankLabel_z9t9m_53,._fileLabel_z9t9m_297{font-size:1.4rem}}._gameStatus_e3c1q_1{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#0006;border:2px solid #DAA520;border-radius:12px;box-shadow:0 4px 12px #0000004d}._turnIndicator_e3c1q_12{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}._turnLabel_e3c1q_19{font-size:.9rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;font-weight:500}._turnDisplay_e3c1q_27{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:gold;font-family:Georgia,Times New Roman,serif}._turnIcon_e3c1q_37{width:20px;height:20px;border-radius:50%;border:2px solid #FFD700;animation:_pulse_e3c1q_1 2s ease-in-out infinite}._turnIcon_e3c1q_37._white_e3c1q_45{background:linear-gradient(135deg,#fff,#e0e0e0);box-shadow:0 0 10px #ffffff80}._turnIcon_e3c1q_37._black_e3c1q_50{background:linear-gradient(135deg,#2c2c2c,#000);box-shadow:0 0 10px #000c}@keyframes _pulse_e3c1q_1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}._turnText_e3c1q_64{flex:1}._moveCounter_e3c1q_68{font-size:.9rem;color:#daa520;font-weight:500;padding:.25rem .5rem;background:#daa5201a;border-radius:4px;display:inline-block;width:fit-content}._statusMessage_e3c1q_79{padding:.75rem 1rem;border-radius:8px;font-weight:700;text-align:center;font-size:1.1rem;animation:_slideIn_e3c1q_1 .3s ease-out}._statusMessage_e3c1q_79._inCheck_e3c1q_88{background:#ff6b6b33;color:#ff6b6b;border:2px solid #ff6b6b}._statusMessage_e3c1q_79._gameOver_e3c1q_94{background:#ffd70033;color:gold;border:2px solid #FFD700}@keyframes _slideIn_e3c1q_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._resetButton_e3c1q_111{padding:.75rem 1.5rem;background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:8px;color:#1e3c72;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0003}._resetButton_e3c1q_111:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}._resetButton_e3c1q_111:active{transform:translateY(0);box-shadow:0 2px 4px #0003}@media (max-width: 768px){._gameStatus_e3c1q_1{padding:1rem}._turnDisplay_e3c1q_27{font-size:1.1rem}._statusMessage_e3c1q_79{font-size:1rem}}@media (prefers-reduced-motion: reduce){._turnIcon_e3c1q_37,._statusMessage_e3c1q_79{animation:none}}._capturedPieces_83twh_1{padding:1rem;background:#0000004d;border-radius:10px;border:2px solid transparent;transition:all .3s ease;min-height:100px}._capturedPieces_83twh_1._white_83twh_10{border-color:#ffffff4d}._capturedPieces_83twh_1._black_83twh_14{border-color:#2c2c2c80}._header_83twh_18{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(218,165,32,.3)}._title_83twh_27{font-size:1rem;font-weight:600;color:#daa520;font-family:Georgia,Times New Roman,serif;margin:0}._materialValue_83twh_35{font-size:.9rem;font-weight:700;color:#4caf50;background:#4caf5033;padding:.25rem .5rem;border-radius:4px;border:1px solid #4CAF50}._piecesContainer_83twh_45{display:flex;flex-direction:column;gap:.5rem}._piecesList_83twh_51{display:flex;flex-wrap:wrap;gap:.5rem;min-height:40px;align-items:center}._capturedPiece_83twh_1{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(218,165,32,.2);transition:all .2s ease;animation:_fadeIn_83twh_1 .3s ease-out}._capturedPiece_83twh_1:hover{transform:scale(1.1);background:#ffffff1a;border-color:#daa52066}@keyframes _fadeIn_83twh_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._emptyState_83twh_89{display:flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem}._emptyText_83twh_97{font-size:.85rem;color:gray;font-style:italic}._pieceCount_83twh_103{font-size:.75rem;color:#a0a0a0;text-align:right;padding-top:.25rem;border-top:1px solid rgba(218,165,32,.2)}@media (max-width: 768px){._capturedPieces_83twh_1{padding:.75rem;min-height:80px}._title_83twh_27{font-size:.9rem}._capturedPiece_83twh_1{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){._capturedPiece_83twh_1{animation:none}._capturedPiece_83twh_1:hover{transform:none}}._gameInfo_1c9bx_1{display:flex;gap:1.5rem;width:100%;max-width:400px}._gameInfo_1c9bx_1._vertical_1c9bx_8{flex-direction:column}._gameInfo_1c9bx_1._horizontal_1c9bx_12{flex-direction:row;max-width:100%;flex-wrap:wrap}._section_1c9bx_18{flex-shrink:0}._capturedSection_1c9bx_22{display:flex;flex-direction:column;gap:1rem;flex:1}._capturedLabel_1c9bx_29{padding:0 .5rem}._sectionTitle_1c9bx_33{font-size:1.2rem;color:gold;font-family:Georgia,Times New Roman,serif;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}._capturedPanels_1c9bx_41{display:flex;flex-direction:column;gap:1rem}@media (max-width: 1024px){._gameInfo_1c9bx_1{max-width:100%}._gameInfo_1c9bx_1._vertical_1c9bx_8{flex-direction:column}}@media (max-width: 768px){._gameInfo_1c9bx_1{gap:1rem}._capturedSection_1c9bx_22,._capturedPanels_1c9bx_41{gap:.75rem}._sectionTitle_1c9bx_33{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e8ba3);color:#f0f0f0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:3rem 1rem 2rem;background:#0000004d;border-bottom:3px solid #DAA520}.app-header h1{font-size:3rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem;font-family:Georgia,Times New Roman,serif}.subtitle{font-size:1.2rem;color:khaki;font-style:italic}.view-toggle{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.view-toggle button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#f0f0f0;background:#ffffff1a;border:2px solid #DAA520;border-radius:8px;cursor:pointer;transition:all .3s ease}.view-toggle button:hover{background:#daa52033;transform:translateY(-2px)}.view-toggle button.active{background:#daa520;color:#1e3c72;font-weight:700}.App{min-height:100vh;display:flex;flex-direction:column}.App-header{text-align:center;padding:3rem 1rem 2rem;background:#0000004d;border-bottom:3px solid #DAA520}.App-header h1{font-size:3rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem;font-family:Georgia,Times New Roman,serif}.App main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.pieces-showcase{margin-bottom:3rem}.pieces-showcase>h2{text-align:center;font-size:2rem;color:gold;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.color-section{margin-bottom:3rem;background:#ffffff0d;border-radius:12px;padding:2rem;border:2px solid rgba(218,165,32,.3)}.color-title{font-size:1.8rem;color:#daa520;margin-bottom:1.5rem;text-align:center;font-family:Georgia,Times New Roman,serif}.pieces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.piece-card{background:#0006;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:2px solid rgba(218,165,32,.2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.piece-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #daa5204d;border-color:#daa52099}.piece-info{text-align:center;width:100%}.piece-name{font-size:1.4rem;color:gold;margin-bottom:.25rem;font-family:Georgia,Times New Roman,serif}.piece-title{font-size:.9rem;color:#daa520;font-style:italic;margin-bottom:.75rem}.piece-description{font-size:.85rem;color:#d0d0d0;line-height:1.4;margin-bottom:.75rem}.piece-type{font-size:.75rem;color:#a0a0a0;text-transform:capitalize;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;display:inline-block}.features{background:#0000004d;border-radius:12px;padding:2rem;border:2px solid rgba(218,165,32,.3)}.features h2{font-size:1.8rem;color:gold;margin-bottom:1rem;text-align:center}.features ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:0}.features li{font-size:1rem;color:#f0f0f0;padding:.75rem 1rem;background:#ffffff0d;border-radius:6px;border-left:3px solid #DAA520}.app-footer{text-align:center;padding:2rem;background:#0000004d;border-top:2px solid #DAA520;color:#a0a0a0;font-size:.9rem}@media (max-width: 768px){.app-header h1{font-size:2rem}.subtitle{font-size:1rem}.pieces-grid,.features ul{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.piece-card{transition:none}.piece-card:hover{transform:none}}