/* Responsive landscape layout for Time Timer. */
.time-timer-layout .tt-links a{min-height:44px;display:flex;align-items:center;justify-content:center}
@media(orientation:landscape){
 body.time-timer-layout{padding-top:0}
 .time-timer-layout>.site-header,.time-timer-layout>footer,.time-timer-layout .site-footer{display:none}
 .time-timer-layout .ninabella-game-kicker,.time-timer-layout .ninabella-game-title,.time-timer-layout .ninabella-game-intro{display:none}
 .time-timer-layout .ninabella-game-page{min-height:100svh;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left))}
 .time-timer-layout .ninabella-game-layout{width:100%;max-width:1100px}
 .time-timer-layout .ninabella-game-panel{padding:6px 12px;min-height:calc(100svh - 12px);border-radius:14px}
 .time-timer-layout .ninabella-game-content,.time-timer-layout:not(.game-mode-active) .ninabella-game-content,.time-timer-layout.game-mode-active .ninabella-game-content{padding:0;overflow:visible}
 .time-timer-layout .tt{max-width:none;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.3fr);column-gap:24px}
 .time-timer-layout .tt-links{grid-column:1 / -1;margin:0 102px 6px 0;min-height:48px;align-items:center;overflow:visible;white-space:normal}
 .time-timer-layout .tt-links a{padding:7px 12px;font-weight:800;font-size:14px}
 .time-timer-layout .tt>p{display:none}
 .time-timer-layout .tt-layout{display:contents}
 .time-timer-layout .tt-layout>div:first-child{grid-column:1;grid-row:2;align-self:center}
 .time-timer-layout #ttDial{width:min(100%,calc(100svh - 85px),480px);max-width:none;aspect-ratio:1;margin:auto}
 .time-timer-layout .tt-controls{grid-column:2;grid-row:2;align-self:center;gap:8px}
 .time-timer-layout .tt output{font-size:44px;line-height:1.1}
 .time-timer-layout .tt-controls>label{display:flex;align-items:center;gap:10px;font-size:15px}
 .time-timer-layout .tt input{min-height:44px;padding:6px 8px;font-size:16px}
 .time-timer-layout .tt-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
 .time-timer-layout .tt button{min-height:44px;padding:7px 5px;font-size:14px}
 .time-timer-layout .tt-actions button{min-width:100px}
 .time-timer-layout .tt #ttStatus{min-height:0;margin:0;font-size:14px;line-height:1.4}
 .time-timer-layout .tt-help{display:none}
 .time-timer-layout .game-mode-toggle{display:none!important}
 .time-timer-layout .game-close-button,.time-timer-layout.game-mode-active .game-close-button{display:grid;top:8px;right:10px;width:44px;height:44px;min-width:44px;min-height:44px}
 .time-timer-layout .game-audio-button{top:8px;right:62px;width:44px;height:44px;min-width:44px;min-height:44px}
}
/* Use the available height on tablets and desktop; keep low landscape screens compact. */
@media (orientation: landscape) and (min-height: 600px) {
 .time-timer-layout .ninabella-game-panel {
  padding: 24px;
 }
 .time-timer-layout .tt {
  min-height: calc(100svh - 64px);
  grid-template-rows: auto 1fr;
  column-gap: clamp(24px, 3vw, 48px);
 }
 .time-timer-layout .tt-controls {
  gap: 16px;
  width: 100%;
  max-width: 620px;
  margin-inline: auto;
 }
 .time-timer-layout .tt output {
  font-size: 64px;
 }
}

@media(orientation:landscape) and (max-height:440px){.time-timer-layout .tt-controls{gap:5px}.time-timer-layout .tt output{font-size:38px}.time-timer-layout .tt-volume>label{font-size:13px}}

/* Avoid double-tap zoom on controls; retain normal page pinch zoom. */
.time-timer-layout button,.time-timer-layout a,.time-timer-layout label,.time-timer-layout select,.time-timer-layout input{touch-action:manipulation}
.time-timer-layout select,.time-timer-layout input{font-size:16px}

.time-timer-layout .layout-fullscreen{position:absolute;z-index:3;top:8px;right:114px;width:44px;height:44px;min-height:44px;padding:5px;background:#111526;color:#f6f7ff;border:1px solid #566178;border-radius:8px;font:25px/1 system-ui;touch-action:manipulation;cursor:pointer}
.time-timer-layout .layout-fullscreen:focus-visible{outline:3px solid #ffe66d;outline-offset:3px}
@media(orientation:landscape){.time-timer-layout .tt-links{margin-right:154px}}