:root{--tmnt-green:#4caf50;--tmnt-green-glow:#4caf5099;--tmnt-purple:#9c27b0;--tmnt-purple-glow:#9c27b099;--square-light:#ffffff1a;--square-dark:#0006;--square-highlight:#ffeb3b66;--square-move-hint:#00ffff4d;--bg-color:#0f172a;--text-color:#f8fafc;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 15%,#4caf5026,#0000 25%),radial-gradient(circle at 85% 30%,#9c27b026,#0000 25%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.header{text-align:center;text-transform:uppercase;letter-spacing:2px;padding:2rem 1rem}.header h1{background:linear-gradient(90deg, var(--tmnt-green), var(--tmnt-purple));-webkit-text-fill-color:transparent;text-shadow:0 0 20px #ffffff1a;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.turn-indicator{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.5rem 1.5rem;font-size:1.2rem;font-weight:600;transition:all .3s;display:inline-block}.turn-indicator.white-turn{box-shadow:0 0 15px var(--tmnt-green-glow);color:var(--tmnt-green)}.turn-indicator.black-turn{box-shadow:0 0 15px var(--tmnt-purple-glow);color:#d8b4e2}.game-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:3rem;width:95%;max-width:1800px;margin:0 auto;padding:1rem;display:flex}.board-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;flex:600px;justify-content:center;align-items:center;width:100%;min-width:300px;max-width:75vh;padding:1.5rem;display:flex}.chessboard{aspect-ratio:1;border:2px solid #fff3;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden}.square{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .2s;display:flex;position:relative}.square.light{background-color:var(--square-light)}.square.dark{background-color:var(--square-dark)}.square.highlight{background-color:var(--square-highlight)}.square.selected-hint{box-shadow:inset 0 0 12px var(--tmnt-green-glow), 0 0 8px var(--tmnt-green-glow);background-color:#4caf5033!important}.square.hint:after{content:"";background-color:var(--square-move-hint);pointer-events:none;border-radius:50%;width:30%;height:30%;position:absolute}.square.capture-hint:after{content:"";pointer-events:none;z-index:20;border:4px solid #ff3232cc;border-radius:50%;width:85%;height:85%;position:absolute;box-shadow:0 0 15px #ff323299,inset 0 0 15px #ff323266}.square.in-check{animation:1.5s infinite pulse-check;box-shadow:inset 0 0 20px #f00c;background-color:#ff000080!important}@keyframes pulse-check{0%{box-shadow:inset 0 0 20px #f00c}50%{box-shadow:inset 0 0 50px red}to{box-shadow:inset 0 0 20px #f00c}}.square:before{color:#fff6;pointer-events:none;font-size:.7rem;font-weight:600;position:absolute}.square.rank-label:before{content:attr(data-rank);top:2px;left:4px}.square.file-label:after{content:attr(data-file);color:#fff6;pointer-events:none;font-size:.7rem;font-weight:600;position:absolute;bottom:2px;right:4px}.square.file-label.hint:before{content:"";background-color:var(--square-move-hint);pointer-events:none;border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.square.file-label.hint:after{content:attr(data-file)}.piece{cursor:grab;z-index:10;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff3;border-radius:50%;width:85%;height:85%;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 10px #00000080}.piece:active{cursor:grabbing;z-index:100;transform:scale(1.1)}.piece.dragging{opacity:.8;transform:scale(1.1)}.piece.white{border-color:var(--tmnt-green);box-shadow:0 0 8px var(--tmnt-green-glow)}.piece.black{border-color:var(--tmnt-purple);box-shadow:0 0 8px var(--tmnt-purple-glow)}.piece .badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;text-shadow:0 1px 2px #000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:16px;display:flex;position:absolute;bottom:-4px;right:-4px}.piece[data-char=Utrom],.captured-piece[title=Utrom]{background-position:50% 8%;background-size:143%}.piece[data-char=Casey],.captured-piece[title=Casey]{background-position:100% 0;background-size:140%}.piece[data-char=April],.captured-piece[title=April]{background-position:41% 18%;background-size:179%}.piece[data-char=Bishop],.captured-piece[title=Bishop]{background-position:23% 21%;background-size:300%}.piece[data-char=Splinter],.captured-piece[title=Splinter]{background-position:50% 0;background-size:119%}.piece[data-char=Raphael],.captured-piece[title=Raphael]{background-position:50% 0;background-size:165%}.piece[data-char=Michelangelo],.captured-piece[title=Michelangelo]{background-position:50% 6%;background-size:137%}.piece[data-char=Leonardo],.captured-piece[title=Leonardo]{background-position:33% 3%;background-size:143%}.piece[data-char=Donatello],.captured-piece[title=Donatello]{background-position:50% 7%;background-size:142%}.piece[data-char=Foot\ Ninja],.captured-piece[title=Foot\ Ninja]{background-position:50% 0;background-size:100%}.piece[data-char=Shredder],.captured-piece[title=Shredder]{background-position:50% 3%;background-size:207%}.piece[data-char=Karai],.captured-piece[title=Karai]{background-position:50% 0;background-size:124%}.piece[data-char=Baxter\ Stockman],.captured-piece[title=Baxter\ Stockman]{background-position:50% 0;background-size:139%}.piece[data-char=Hun],.captured-piece[title=Hun]{background-position:50% 6%;background-size:180%}.piece[data-char="Earth Foot Mystic"],.captured-piece[title="Earth Foot Mystic"]{background-position:50% 6%;background-size:136%}.piece[data-char="Wind Foot Mystic"],.captured-piece[title="Wind Foot Mystic"]{background-position:50% 8%;background-size:209%}.piece[data-char="Foot Tech Ninja"],.captured-piece[title="Foot Tech Ninja"]{background-position:11% 0;background-size:118%}.side-panel{flex-direction:column;gap:1.5rem;width:100%;max-width:300px;display:flex}.panel-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;padding:1.5rem}.panel-card h3{border-bottom:1px solid var(--glass-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.capture-panel h3:first-child{color:var(--tmnt-green)}.capture-panel:nth-child(2) h3{color:#d8b4e2}.captures{flex-wrap:wrap;gap:.5rem;min-height:40px;display:flex}.captured-piece{background-position:50%;background-size:cover;border:1px solid #ffffff4d;border-radius:50%;width:30px;height:30px}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:block}.primary-btn{background:linear-gradient(135deg, var(--tmnt-green), #2e7d32);color:#fff;box-shadow:0 4px 15px #4caf5066}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.primary-btn:active{transform:translateY(0)}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;box-shadow:var(--glass-shadow);border-radius:1rem;padding:2rem}.promotion-choices{gap:1rem;margin-top:1.5rem;display:flex}.promo-choice{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:50%;width:60px;height:60px;transition:transform .2s,border-color .2s}.promo-choice:hover{border-color:var(--tmnt-green);transform:scale(1.1)}@media (width<=768px){.game-container{flex-direction:column;align-items:center}.board-wrapper{flex:none;width:100%;max-width:100vw}.side-panel{max-width:600px}}.editor-modal-content{width:90%;max-width:800px;position:relative}.close-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;font-size:2rem;transition:transform .2s;position:absolute;top:1rem;right:1.5rem}.close-btn:hover{color:var(--tmnt-green);transform:scale(1.1)}.editor-layout{text-align:left;flex-wrap:wrap;gap:2rem;margin-top:1.5rem;display:flex}.editor-controls{flex:1;min-width:250px}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--tmnt-green);margin-bottom:.5rem;font-weight:600;display:block}.form-group label span{float:right;color:var(--text-color)}.form-control,input[type=range]{width:100%}.form-control{border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:4px;padding:.5rem}.editor-preview-container{flex:1;justify-content:center;align-items:center;min-width:250px;display:flex}.editor-preview-circle{border:4px solid var(--tmnt-green);width:200px;height:200px;box-shadow:0 0 20px var(--tmnt-green-glow);border-radius:50%;position:relative}.preview-piece{cursor:default!important;width:100%!important;height:100%!important;box-shadow:none!important;border:none!important}.secondary-btn{border:1px solid var(--glass-border);color:#fff;background:#ffffff1a}.secondary-btn:hover{background:#fff3}.export-area{text-align:left;margin-top:1.5rem}.export-area textarea{width:100%;color:var(--tmnt-green);border:1px solid var(--glass-border);resize:vertical;background:#00000080;border-radius:4px;margin-top:.5rem;padding:1rem;font-family:monospace}