*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN",sans-serif}body{background:#000}.clock-wrap{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.player-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;user-select:none;position:relative;transition:opacity .15s}.player-area.sente{background:#8b1a1a;color:#fff}.player-area.gote{background:#1a3a6b;color:#fff;transform:rotate(180deg)}.player-area.inactive{opacity:.35}.player-area.warning{animation:blink-warning .9s ease-in-out infinite alternate}.player-area.idle-active{box-shadow:inset 0 0 0 4px hsla(0,0%,100%,.6);filter:brightness(1.15)}@keyframes blink-warning{from{filter:brightness(1)}to{filter:brightness(1.4)}}.player-label{font-size:1.2rem;font-weight:bold;letter-spacing:.12em;opacity:.85;margin-bottom:10px}.player-time{font-size:clamp(3rem,14vw,5rem);font-weight:bold;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.player-time.negative{color:#ff8080}.player-hint{font-size:.95rem;font-weight:bold;opacity:.85;margin-top:14px;min-height:1.2em;letter-spacing:.05em}.center-bar{height:56px;background:#111;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;border-top:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08)}.match-timer{display:flex;align-items:center;gap:6px;color:#999;font-size:.8rem}.match-timer-icon{font-size:1rem}.match-timer-value{color:#fff;font-size:1.05rem;font-weight:bold;font-variant-numeric:tabular-nums;min-width:48px}.match-timer-value.negative{color:#ff6b6b}.center-actions{display:flex;align-items:center;gap:8px}.pause-btn,.reset-btn,.sound-btn{background:hsla(0,0%,100%,.12);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s}.pause-btn svg,.reset-btn svg,.sound-btn svg{width:18px;height:18px;stroke:#fff;flex-shrink:0}.pause-btn:active,.reset-btn:active,.sound-btn:active{background:hsla(0,0%,100%,.28)}.pause-btn:disabled,.reset-btn:disabled,.sound-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.back-btn{background:hsla(0,0%,100%,.08);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s}.back-btn svg{width:16px;height:16px;stroke:#aaa;flex-shrink:0}.back-btn:active{background:hsla(0,0%,100%,.2)}.alert-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72)}.alert-modal.hidden{display:none}.alert-content{background:#1c1c1c;border-radius:18px;padding:36px 28px;text-align:center;width:min(80vw,300px);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.6)}.alert-message{color:#fff;font-size:1.15rem;font-weight:bold;line-height:1.6;margin-bottom:28px}.alert-actions{display:flex;gap:12px;justify-content:center}.alert-actions .alert-close-btn{padding:12px 16px;flex:1;white-space:nowrap}.alert-close-btn{background:#fff;color:#111;border:none;padding:12px 36px;border-radius:8px;font-size:.95rem;font-weight:bold;cursor:pointer;transition:background .15s}.alert-close-btn:active{background:#ddd}.alert-close-btn--cancel{background:#333;color:#fff}.alert-close-btn--cancel:active{background:#444}.alert-close-btn--danger{background:#c0392b;color:#fff}.alert-close-btn--danger:active{background:#a93226}