*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#403e3e;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100%}.game-screen{height:100%;display:flex;position:relative}.clock-side{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.color-indicator{height:2.5rem;margin-bottom:.5rem;font-size:2rem}.color-indicator.black-piece{color:#fff}.color-indicator.white-piece{color:#888}.clock-display{font-variant-numeric:tabular-nums;font-size:min(20vw,120px);font-weight:700;line-height:1;transition:opacity .2s,color .2s}.clock-display.dimmed{opacity:.5}.clock-display.warn{color:#e53935}.center-strip{pointer-events:none;z-index:2;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-label{opacity:.6;font-size:.9rem}.move-count{opacity:.6;font-size:.8rem}.hint{opacity:.4;text-align:center;max-width:250px;margin-top:1rem;font-size:.75rem;font-style:italic}.settings-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:#2c2a2a;border-radius:12px;width:min(480px,90vw);max-height:90vh;padding:1.5rem;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.settings-header h2{font-size:1.25rem;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:1.5rem}.close-btn:hover{background:#ffffff1a}.preset-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem;display:grid}.preset-btn{color:#fff;cursor:pointer;background:#403e3e;border:2px solid #0000;border-radius:8px;padding:.75rem;font-size:1.1rem;font-weight:600;transition:border-color .15s,background .15s}.preset-btn:hover{background:#555}.preset-btn.active{background:#37474f;border-color:#4fc3f7}.custom-section{border-top:1px solid #555;margin-bottom:1.25rem;padding-top:1rem}.custom-section h3{margin-bottom:.75rem;font-size:1rem;font-weight:500}.custom-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.custom-field{flex-direction:column;gap:.25rem;display:flex}.custom-field label{opacity:.6;font-size:.75rem}.stepper{align-items:center;gap:.5rem;display:flex}.stepper span{text-align:center;min-width:2rem;font-size:1.25rem;font-weight:600}.step-btn{color:#fff;cursor:pointer;background:#555;border:none;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;display:flex}.step-btn:hover{background:#666}.apply-custom-btn{color:#000;cursor:pointer;background:#4fc3f7;border:none;border-radius:6px;align-self:flex-end;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.apply-custom-btn:hover{background:#81d4fa}.settings-nav{border-top:1px solid #555;gap:.5rem;padding-top:1rem;display:flex}.nav-btn{color:#fff;cursor:pointer;background:#403e3e;border:none;border-radius:6px;flex:1;padding:.6rem;font-size:.9rem}.nav-btn:hover{background:#555}.advanced-options{flex-direction:column;gap:1rem;display:flex}.toggle-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.toggle-row input[type=checkbox]{appearance:none;cursor:pointer;background:#555;border-radius:.7rem;width:2.5rem;height:1.4rem;transition:background .2s;position:relative}.toggle-row input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:calc(1.4rem - 4px);height:calc(1.4rem - 4px);transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-row input[type=checkbox]:checked{background:#4fc3f7}.toggle-row input[type=checkbox]:checked:before{transform:translate(1.1rem)}.sensitivity-section{flex-direction:column;gap:.5rem;padding:.5rem 0;display:flex}.sensitivity-buttons{gap:.5rem;display:flex}.sens-btn{color:#fff;cursor:pointer;background:#403e3e;border:2px solid #0000;border-radius:6px;flex:1;padding:.5rem;font-size:.85rem}.sens-btn:hover{background:#555}.sens-btn.active{background:#37474f;border-color:#4fc3f7}.keyboard-hint{opacity:.7;background:#403e3e;border-radius:6px;margin-top:.5rem;padding:.75rem;font-size:.8rem}.keyboard-hint p{margin-bottom:.25rem}.keyboard-hint kbd{background:#555;border-radius:3px;padding:.1rem .4rem;font-family:inherit;font-size:.75rem}.info-content{flex-direction:column;gap:1rem;display:flex}.info-content .version{opacity:.5;font-size:.85rem}.info-links,.base-model-section{flex-direction:column;gap:.5rem;display:flex}.info-link{color:#4fc3f7;text-align:center;background:#403e3e;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}.info-link:hover{background:#555}.game-screen.flat-mode{flex-direction:column}.game-screen.flat-mode .left-side{transform:rotate(180deg)}.game-screen.flat-mode .center-strip{flex-direction:row;gap:1rem}.game-screen.flat-mode .hint{margin-top:0}@media (width<=600px){.clock-display{font-size:min(18vw,80px)}.preset-grid{grid-template-columns:repeat(3,1fr)}.custom-controls{flex-direction:column;align-items:stretch}}