*{margin:0;padding:0;box-sizing:border-box}body{font-family:Marker Felt,Comic Sans MS,cursive,sans-serif;background:#f8f8f8;color:#333;min-height:100vh;overflow:hidden}#root{height:100vh;width:100vw}.game-container{position:relative;height:100vh;width:100vw}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fefefe,#f5f5f5);background-image:linear-gradient(135deg,#fefefe,#f5f5f5),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(200,200,200,.1) 50px,rgba(200,200,200,.1) 51px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(200,200,200,.1) 50px,rgba(200,200,200,.1) 51px)}.game-canvas{width:100%;height:100%;cursor:grab}.game-canvas:active{cursor:grabbing}.game-header{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.game-header h1{font-size:1.75rem;font-weight:600;color:#444;text-shadow:1px 1px 0 #fff;letter-spacing:2px}.game-status{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid #ddd}.status-main{display:flex;align-items:center;gap:.75rem}.player-indicator{font-size:1.5rem;font-weight:700;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;border:3px solid}.player-indicator.x{background:#fff;color:#c0392b;border-color:#c0392b}.player-indicator.o{background:#fff;color:#2471a3;border-color:#2471a3}.status-message{font-size:.95rem;color:#555}.status-info{display:flex;gap:1rem;font-size:.8rem;color:#888;padding-left:.75rem;border-left:2px solid #ddd}.controls{position:absolute;bottom:1rem;right:1rem;z-index:10;display:flex;gap:.75rem;align-items:center}.zoom-controls{display:flex;gap:.25rem;background:#ffffffe6;border-radius:10px;padding:.25rem;box-shadow:0 2px 8px #0000001a;border:2px solid #ddd}.zoom-controls button{width:2.25rem;height:2.25rem;border:none;border-radius:6px;background:transparent;color:#555;font-size:1.25rem;cursor:pointer;transition:background .2s}.zoom-controls button:hover{background:#eee}.reset-btn{padding:.6rem 1.25rem;border:2px solid #c0392b;border-radius:10px;background:#ffffffe6;color:#c0392b;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.reset-btn:hover{background:#c0392b;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 24px #00000026;border:3px solid #333}.modal h2{font-size:1.5rem;margin-bottom:.5rem;color:#333}.modal p{color:#666;margin-bottom:1.5rem}.power-up-buttons{display:flex;flex-direction:column;gap:.6rem}.power-up-btn{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border:3px solid #ddd;border-radius:10px;background:#fafafa;color:#333;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.power-up-btn:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.power-up-icon{font-size:1.25rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid}.extra-turn .power-up-icon{background:#f5eef8;color:#8e44ad;border-color:#8e44ad}.add-square .power-up-icon{background:#e8f8f5;color:#1e8449;border-color:#1e8449}.kill-square .power-up-icon{background:#fdedec;color:#c0392b;border-color:#c0392b}.power-up-label{font-weight:600;font-size:1rem;color:#333}.power-up-desc{font-size:.75rem;color:#888;display:block}