.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}.info-panel{position:absolute;top:20px;right:20px;width:220px;background:#141414d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;color:#e0e0e0;pointer-events:auto;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #00000080;max-height:calc(100vh - 40px)}.header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.header h1{margin:0;font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:.05em}.timer{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:10px 14px;border-radius:8px}.timer-label{color:#888;font-size:.85rem}.timer-value{font-family:Roboto Mono,monospace;font-size:1.1rem;color:#4dabf7;font-weight:600}.status-bar{display:flex;background:#ffffff0d;border-radius:8px;padding:4px}.indicator{flex:1;text-align:center;padding:8px;font-size:.85rem;border-radius:6px;color:#888;transition:all .3s ease}.indicator.active{background:#404040;color:#fff;font-weight:600;box-shadow:0 2px 4px #0003}.message-area{min-height:20px;text-align:center;font-size:.9rem}.warning{color:gold;font-weight:700}.danger{color:#ff6b6b;font-weight:700}.info{color:#69db7c}.history-list{flex:1;background:#0000004d;border-radius:8px;padding:10px;overflow-y:auto;height:200px;font-family:Roboto Mono,monospace;font-size:.85rem}.history-row{display:flex;border-bottom:1px solid rgba(255,255,255,.05);padding:4px 0}.history-row:last-child{border-bottom:none}.move-num{width:30px;color:#666}.move-white,.move-black{flex:1;color:#ccc}.controls{display:flex;gap:10px;margin-top:auto}.icon-btn{background:#ffffff1a;border:none;color:#eee;padding:10px;border-radius:8px;cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center;transition:background .2s}.icon-btn:hover{background:#fff3}.modal-backdrop{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.modal-content{background:#1a1a1a;padding:24px;border-radius:16px;text-align:center;box-shadow:0 10px 25px #00000080;border:1px solid #333}.modal-content h3{margin-top:0;color:#fff}.promo-options{display:flex;gap:12px;margin-top:20px}.promo-btn{width:40px;height:40px;background:#333;border:1px solid #555;color:#fff;border-radius:8px;font-weight:700;cursor:pointer}.promo-btn:hover{background:#555}.start-screen-container{background:#0009;pointer-events:auto;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex}.start-card{background:#1e1e1e;padding:40px 60px;border-radius:24px;text-align:center;box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);color:#fff}.start-card h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.start-card p{color:#888;margin-bottom:30px}.start-buttons{display:flex;gap:20px;justify-content:center}.difficulty-section{margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px}.difficulty-toggle{display:inline-flex;background:#2a2a2a;border-radius:12px;padding:4px;gap:4px}.difficulty-toggle button{background:transparent;border:none;color:#888;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.difficulty-toggle button:hover{color:#fff}.difficulty-toggle button.active{background:#4dabf7;color:#111;font-weight:600}.start-buttons button{padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;background:#fff;color:#111;border:none;border-radius:8px;transition:all .2s}.start-buttons button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.start-buttons button:active{transform:translateY(0)}@media (max-width: 600px){.info-panel{top:auto;bottom:10px;right:10px;left:10px;width:auto;padding:12px;max-height:30vh;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.start-card{padding:20px;width:90%}.start-buttons{flex-direction:column}}:root{--color-bg-dark: #2c2c2c;--color-text-light: #f5f5f5;--color-bg-panel: #1e1e1e;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-bg-dark);color:var(--color-text-light);width:100vw;height:100vh;overflow:hidden}canvas{width:100%;height:100%;display:block}