#main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 clamp(1rem,4vw,1.5rem)}#setup-screen{padding:clamp(1.4rem,3.5vw,2.2rem) 0 clamp(2rem,5vw,3rem);display:flex;flex-direction:column;gap:clamp(1.4rem,3.2vw,2rem);width:100%;max-width:660px}.clock-h1{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.05;letter-spacing:-.015em;text-align:center;margin:0}.section-label{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.names-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.name-input-wrap{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid rgba(45,40,30,.22);border-radius:8px;padding:11px 14px;transition:border-color .15s}.name-input-wrap:focus-within{border-color:var(--rust);box-shadow:0 0 0 3px #b5512a1a}.piece-icon{font-size:20px}.name-input{background:none;border:none;outline:none;font-family:var(--f-body);font-size:15px;color:var(--ink);width:100%}.name-input::placeholder{color:var(--ink-faint)}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-card{background:var(--paper);border:none;border-radius:10px;padding:14px;cursor:pointer;transition:all .15s;position:relative;box-shadow:0 1px 6px #2d281e1a}.time-card.bullet{border-left:4px solid var(--bullet)}.time-card.blitz{border-left:4px solid var(--blitz)}.time-card.rapid{border-left:4px solid var(--rapid)}.time-card.classical{border-left:4px solid var(--classical)}.time-card:hover{background:var(--bg-2);transform:translateY(-1px);box-shadow:0 4px 12px #2d281e1f}.time-card.selected{background:var(--bg-2);box-shadow:0 0 0 2px var(--rust),0 4px 14px #b5512a1f}.time-card-type{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.time-card.bullet .time-card-type{color:var(--bullet)}.time-card.blitz .time-card-type{color:var(--blitz)}.time-card.rapid .time-card-type{color:var(--rapid)}.time-card.classical .time-card-type{color:var(--classical)}.time-card-name{font-family:var(--f-mono);font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.2}.time-card-desc{font-size:10px;color:var(--ink-soft);line-height:1.4}.check-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--rust);display:none}.time-card.selected .check-dot{display:block}.delay-badge{font-size:8px;letter-spacing:.06em;background:var(--bg-2);border:1px solid var(--line);border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:middle;color:var(--ink-faint)}.time-card.custom{border-left:4px solid var(--rust)}.time-card.custom .time-card-type{color:var(--rust)}#custom-panel{margin-top:10px;background:var(--paper);border:1.5px dashed rgba(45,40,30,.3);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}.custom-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-field{display:flex;flex-direction:column;gap:6px}.custom-field span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.custom-field input{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid rgba(45,40,30,.22);border-radius:8px;padding:10px 12px;font-family:var(--f-mono);font-size:15px;color:var(--ink);width:100%;transition:border-color .15s}.custom-field input:focus{border-color:var(--rust);outline:none;box-shadow:0 0 0 3px #b5512a1a}.custom-modes{display:flex;gap:8px}.mode-btn{-webkit-appearance:none;appearance:none;flex:1;background:none;border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--ink-soft);font-family:var(--f-body);font-size:12px;line-height:1.35;cursor:pointer;transition:all .15s}.mode-btn:hover{border-color:var(--rust);color:var(--rust)}.mode-btn.selected{border-color:var(--rust);color:var(--rust);background:#b5512a14;font-weight:600}.mode-btn b{display:block;font-size:13px}.setup-btn-ghost{-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--line);border-radius:20px;padding:7px 18px;color:var(--ink-soft);font-family:var(--f-body);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:all .15s}.setup-btn-ghost:hover{border-color:var(--rust);color:var(--rust)}.side-row{display:flex;gap:12px}.side-btn{flex:1;background:#23201a;border:1.5px solid rgba(255,255,255,.08);border-radius:10px;padding:16px 12px;cursor:pointer;text-align:center;transition:all .15s;font-family:var(--f-body);color:#f0ece3;box-shadow:0 1px 6px #0000002e}.side-btn:hover{background:#2e2b24;border-color:#ffffff24}.side-btn.selected{background:#f8f5ee;border:2px solid var(--rust);color:var(--ink);box-shadow:0 0 0 1px var(--rust),0 4px 14px #b5512a1f}.side-btn-icon{font-size:26px;margin-bottom:6px}.side-btn-label{font-size:13px;color:#c8bca8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-btn.selected .side-btn-label{color:var(--ink);font-weight:600}.side-btn-role{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6a6258;margin-top:4px}.side-btn.selected .side-btn-role{color:var(--rust)}.seat-icon{opacity:.8}.start-btn{-webkit-appearance:none;appearance:none;width:100%;background:linear-gradient(180deg,#b5512a,#9a3f1f);color:#fff;border:none;border-radius:11px;padding:17px 25px;font-family:var(--f-body);font-size:16px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .2s;box-shadow:0 8px 24px -8px #9a3f1f80}.start-btn:hover{background:linear-gradient(180deg,#c45e32,#aa4722);transform:translateY(-2px);box-shadow:0 14px 30px -10px #9a3f1fa6}.spacebar-hint{text-align:center;font-size:11px;color:var(--ink-faint);letter-spacing:.08em}@media(max-width:400px){.time-grid{grid-template-columns:repeat(2,1fr)}}.clock-notes{width:100%;max-width:660px;padding:0 0 clamp(2rem,5vw,3rem);color:var(--ink-soft);font-size:14px;line-height:1.65}.clock-notes h2{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);border-top:1px solid var(--line-soft);padding-top:1.6rem;margin:0 0 .7rem}.clock-notes a{color:var(--rust)}.chess-app{--surface: #1e1610;--surface-hover: #2a1e13;--surface-sel: #3a2c12;font-family:var(--f-body);background:#1e1610;color:#f0ece3;overflow:hidden;-webkit-tap-highlight-color:transparent}#clock-screen{display:none;position:fixed;inset:0;z-index:100;flex-direction:column}.chess-app .board-pattern{position:absolute;inset:0;background-color:#1e1610;background-image:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.45) 100%),radial-gradient(130% 95% at 50% -12%,#965c2e29,#965c2e00 55%),repeating-conic-gradient(#241710 0% 25%,#1b120b 0% 50%);background-size:100% 100%,100% 100%,58px 58px;background-repeat:no-repeat,no-repeat,repeat}.clock-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0}.clocks-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.clock-half{display:flex;flex-direction:column;flex:1;min-height:0;transition:background .2s;user-select:none}.clock-half.white-side{background:#ffffff08}.clock-half.black-side{background:#0006}.clock-half.active-turn.white-side{background:#ffffff14}.clock-half.active-turn.black-side{background:#e8d5a30f}.clock-half.inactive-turn .timer-area{opacity:.55}.clock-half.flagged-bg{background:#b4282826!important;opacity:1!important}.timer-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,3vh,30px) clamp(12px,4vw,28px);cursor:pointer;min-height:0;touch-action:manipulation}.player-name-display{font-size:clamp(.72rem,2.4vw,1rem);letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:6px;text-align:center}.clock-label{font-size:clamp(.62rem,1.8vw,.85rem);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}.clock-label.white-label{color:#aaa}.clock-label.black-label{color:#666}.time-display{font-family:var(--f-mono);font-size:clamp(3rem,13vmin,7.5rem);font-weight:500;letter-spacing:-.02em;line-height:1}.time-display.white-time{color:#f5f0e8}.time-display.black-time{color:#c0b99a}.time-display.warning{color:#e8784a!important}.time-display.flagged-color{color:#e84a4a!important}.time-display.delay-state{color:#e8c45a!important;font-size:clamp(2.2rem,9vmin,5.5rem);letter-spacing:.04em}.move-count{font-size:12px;color:#555;margin-top:8px;letter-spacing:.08em}.tap-hint{font-size:11px;color:#555;margin-top:5px;letter-spacing:.1em}.flagged-msg{font-family:var(--f-display);font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;color:#e84a4a;display:none;margin-top:8px}.flagged-msg.show{display:block}.action-bar{display:flex;gap:12px;padding:12px 20px;background:#1a1a1a;justify-content:center;border-top:1px solid #2a2a2a}.clock-half.bot .action-bar{order:-1;border-top:none;border-bottom:1px solid #2a2a2a}.act-btn{-webkit-appearance:none;appearance:none;font-family:var(--f-body);font-size:14px;font-weight:600;letter-spacing:.03em;border-radius:8px;padding:11px 0;cursor:pointer;border:1px solid transparent;transition:all .15s;flex:1;max-width:180px}.act-btn.btn-resign{background:#7a1f1f;color:#faa}.act-btn.btn-resign:not(:disabled):hover{background:#a02828;color:#fcc}.act-btn.btn-resign:disabled{background:#3a2020;color:#9b6f6f;border-color:#5a3030;cursor:not-allowed}.act-btn.btn-win{background:#1a5c30;color:#8fa}.act-btn.btn-win:not(:disabled):hover{background:#227a3e;color:#afc}.act-btn.btn-win:disabled{background:#1c3a26;color:#6a9b7c;border-color:#2f5a3e;cursor:not-allowed}.control-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#120d08;border-top:.5px solid rgba(255,255,255,.08);position:relative;z-index:5}.game-info-type{font-size:13px;font-weight:500;color:#e8d5a3;letter-spacing:.06em}.game-info-control{font-size:11px;color:#666;margin-top:2px;text-align:center}.ctrl-btn{-webkit-appearance:none;appearance:none;background:var(--surface);border:.5px solid rgba(255,255,255,.15);border-radius:7px;padding:8px 14px;color:#aaa;font-family:var(--f-body);font-size:12px;cursor:pointer;transition:all .15s;letter-spacing:.06em}.ctrl-btn:hover{background:var(--surface-hover);color:#e8d5a3}.ctrl-btn.danger:hover{background:#3a1414;border-color:#c83c3c80;color:#e88}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.status-dot.running{background:#7be88a;animation:blink 1s infinite}.status-dot.paused{background:#e8c45a}.status-dot.stopped{background:#666}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.result-overlay{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:#000000d1}.result-overlay.show{display:flex}.result-box{background:#141414;border:.5px solid rgba(232,213,163,.3);border-radius:16px;padding:2rem 2.5rem;text-align:center;max-width:clamp(300px,40vw,380px);width:90%}.result-crown{font-size:52px;margin-bottom:12px}.result-title{font-family:var(--f-display);font-size:24px;font-weight:700;color:#e8d5a3;margin-bottom:6px}.result-subtitle{font-size:13px;color:#888;margin-bottom:20px;line-height:1.5}.result-times{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.result-time-item{text-align:center}.result-time-label{font-size:10px;color:#666;letter-spacing:.1em;text-transform:uppercase}.result-time-val{font-family:var(--f-mono);font-size:20px;color:#f0ece3;margin-top:2px}.result-new-btn{-webkit-appearance:none;appearance:none;width:100%;background:linear-gradient(135deg,#e8d5a3,#f0e4bc);color:#0d0d0d;border:none;border-radius:8px;padding:13px;font-family:var(--f-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.result-new-btn:hover{background:linear-gradient(135deg,#f0e4bc,#f8f0d4)}.result-secondary-btn{-webkit-appearance:none;appearance:none;width:100%;background:var(--surface);color:#888;border:.5px solid rgba(255,255,255,.15);border-radius:8px;padding:11px;margin-top:8px;font-family:var(--f-body);font-size:13px;cursor:pointer;transition:all .15s}.result-secondary-btn:hover{color:#e8d5a3;border-color:#e8d5a366}button,.timer-area,.time-card,.side-btn{touch-action:manipulation}@media(orientation:landscape){.clocks-wrap{flex-direction:row}.clock-half{flex:1 1 0;min-width:0}.control-bar{flex-direction:column;justify-content:center;gap:clamp(10px,2.4vh,20px);padding:clamp(14px,2.6vh,22px) clamp(10px,1.4vw,18px);border-top:none;border-left:.5px solid rgba(255,255,255,.08);border-right:.5px solid rgba(255,255,255,.08);width:auto;min-width:clamp(124px,14vw,190px);text-align:center}.control-bar .game-info-control{text-align:center}.control-bar .ctrl-btn{width:100%}.timer-area{padding:clamp(10px,2.5vh,28px) clamp(12px,2vw,26px)}.time-display{font-size:clamp(2.75rem,11vmin,8rem)}}@media(orientation:landscape)and (min-width:1500px){#clock-screen .clock-inner{max-width:1500px;align-self:center;width:100%}}