:root{
  --felt:#102c29;--felt-deep:#071a19;--felt-mid:#173c37;--felt-light:#225046;
  --gold:#d9b57a;--gold-bright:#f3d49c;--gold-deep:#9a7542;
  --ivory:#f6f1e5;--muted:#a2b9b0;--soft:#c9d5ca;--line:rgba(220,192,139,.23);
  --warn:#ecaa6c;--danger:#e68173;--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--felt-deep)}
body{min-height:100vh;margin:0;color:var(--ivory);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.44}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
.eyebrow,.field-kicker{font-family:Arial,sans-serif;letter-spacing:.18em;font-weight:700;color:var(--gold);font-size:11px}
.brand-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-family:Georgia,serif;font-size:25px;font-style:italic;color:var(--gold-bright);box-shadow:inset 0 0 0 4px rgba(217,181,122,.1)}
.connection-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(147,184,164,.22);background:rgba(7,26,25,.35);border-radius:99px;color:var(--muted);font-size:12px;padding:9px 13px;white-space:nowrap}
.connection-chip i{width:6px;height:6px;border-radius:50%;background:#93a59a;box-shadow:0 0 0 3px rgba(147,165,154,.13)}
.connection-chip.online i{background:#8bd3af;box-shadow:0 0 0 4px rgba(139,211,175,.15)}
.connection-chip.offline{color:var(--warn);border-color:rgba(236,170,108,.4)}
.connection-chip.offline i{background:var(--warn)}
.screen-page{overflow-x:hidden;background:
  radial-gradient(ellipse at 80% 46%,rgba(34,88,74,.6),transparent 45%),
  radial-gradient(ellipse at 15% 110%,rgba(123,93,52,.17),transparent 43%),
  repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 3px,rgba(255,255,255,.008) 4px),
  var(--felt-deep)}
.screen-page::before,.control-page::before{content:"";pointer-events:none;position:fixed;inset:12px;border:1px solid rgba(220,192,139,.08);z-index:10}
.screen-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(22px,3vw,60px) clamp(28px,4.2vw,84px) 24px;position:relative}
.screen-header,.screen-brand,.screen-tools,.control-header,.control-brand,.control-header-actions{display:flex;align-items:center}
.screen-header,.control-header{justify-content:space-between}
.screen-brand,.control-brand{gap:13px}
.screen-brand strong,.control-brand strong{display:block;font-size:16px;font-weight:750;letter-spacing:.08em}
.screen-brand small,.control-brand small{display:block;color:var(--gold);font:700 9px Arial,sans-serif;letter-spacing:.16em;margin-top:4px}
.screen-tools{gap:11px}
.icon-button{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--gold);font-size:20px;transition:background-color .18s,transform .18s var(--ease)}
.icon-button:hover{background:rgba(217,181,122,.13);transform:translateY(-2px)}
.icon-button.active{color:var(--felt-deep);background:var(--gold)}
.screen-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:20px;color:#78948a;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.pair-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh 0}
.pair-ornament{display:flex;align-items:center;gap:8px;height:28px;margin-bottom:16px}
.pair-ornament span{width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg)}
.pair-ornament span:nth-child(2){width:17px;height:17px;background:var(--gold);box-shadow:0 0 28px rgba(217,181,122,.5)}
.pair-stage h1{font-size:clamp(36px,4vw,72px);letter-spacing:-.04em;margin:12px 0 14px;font-weight:760}
.pair-description{font-size:clamp(14px,1.2vw,20px);color:var(--soft);margin:0 0 48px}
.pair-code{font-family:"Arial Narrow",Impact,Arial,sans-serif;line-height:1;font-size:clamp(72px,9.2vw,180px);letter-spacing:.11em;color:var(--gold-bright);font-variant-numeric:tabular-nums;text-shadow:0 12px 70px rgba(217,181,122,.16)}
.pair-hint{color:var(--muted);font-size:13px;letter-spacing:.08em;margin:27px 0 13px}
.text-button{background:none;border:0;color:var(--gold);padding:10px;font-size:13px}
.text-button:hover{text-decoration:underline}
.pair-url{margin-top:6vh;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:12px}
.pair-url strong{color:var(--ivory);font-weight:500;margin-left:15px;letter-spacing:.04em}
.screen-live{flex:1;display:flex;flex-direction:column;animation:enter-screen .6s var(--ease) both}
.screen-event-row{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:clamp(25px,3vh,50px)}
.screen-event-row .eyebrow{margin:0 0 11px}
.screen-event-row h1{font-size:clamp(20px,2vw,34px);letter-spacing:.04em;margin:0;font-weight:580}
.screen-state{display:flex;align-items:center;gap:10px;color:var(--gold-bright);font-size:15px;letter-spacing:.1em}
.state-beacon{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(217,181,122,.1)}
.screen-live[data-status="running"] .state-beacon{background:#9ad4af;box-shadow:0 0 0 5px rgba(154,212,175,.12)}
.screen-live[data-status="paused"] .state-beacon{background:var(--warn)}
.screen-main{flex:1;display:grid;grid-template-columns:1fr 1.12fr;gap:3vw;align-items:center;min-height:0}
.blind-display{padding-left:2vw;position:relative;min-width:0}
.blind-display::before{content:"";position:absolute;left:-10px;top:8%;bottom:8%;border-left:1px solid var(--line)}
.level-index-row{display:flex;align-items:center;gap:13px;color:var(--gold-bright);font:700 clamp(15px,1.25vw,22px) Arial,sans-serif;letter-spacing:.22em}
.thin-rule{width:33px;border-top:1px solid var(--gold)}
.data-label{color:var(--muted);font-size:clamp(16px,1.3vw,24px);margin:clamp(22px,4vh,54px) 0 8px;letter-spacing:.13em}
.blind-numbers{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(85px,8.7vw,185px);line-height:1.08;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ivory)}
.blind-numbers em{font-family:Georgia,serif;font-size:.56em;font-weight:normal;color:var(--gold-deep);font-style:normal;vertical-align:.09em}
.blind-numbers.long{font-size:clamp(50px,5.9vw,125px)}
.blind-numbers.break-text{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-weight:720;font-size:clamp(56px,6.6vw,132px);white-space:normal;overflow-wrap:anywhere}
.ante-line{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;max-width:31vw;margin-top:clamp(24px,4vh,52px)}
.ante-line span{font:700 13px Arial,sans-serif;letter-spacing:.17em;color:var(--gold)}
.ante-line strong{font:400 clamp(27px,2.3vw,48px) "Arial Narrow",Impact,Arial,sans-serif}
.timer-display{display:grid;place-items:center;min-width:0}
.dial-wrap{width:min(36vw,52vh);height:min(36vw,52vh);min-width:360px;min-height:360px;position:relative;display:grid;place-items:center}
.dial-wrap::after{content:"";position:absolute;inset:10%;border:1px solid rgba(217,181,122,.08);border-radius:50%;pointer-events:none}
.dial{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.dial-track,.dial-progress{fill:none;stroke-width:.35}
.dial-track{stroke:rgba(222,192,139,.18)}
.dial-progress{stroke:var(--gold-bright);stroke-width:.9;stroke-linecap:round;stroke-dasharray:282.743;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(233,190,118,.35));transition:stroke-dashoffset .8s linear}
.timer-face{text-align:center;position:relative}
.timer-caption{font-size:clamp(13px,1.1vw,19px);color:var(--gold);letter-spacing:.22em;margin:0 0 8px}
.timer-numerals{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(98px,10vw,205px);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.timer-caption-bottom{color:var(--muted);margin:10px 0 0;letter-spacing:.1em}
.screen-live.urgent .timer-numerals{color:#ffd69b}
.screen-live.urgent .dial-progress{stroke:var(--warn)}
.screen-bottom{border-top:1px solid var(--line);padding:20px 0 18px}
.next-heading{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:13px;letter-spacing:.18em}
.small-diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.bottom-rule{flex:1;border-top:1px solid var(--line)}
.level-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}
.track-item{border-left:2px solid rgba(217,181,122,.36);padding:4px 18px;min-width:0}
.track-item .track-index{font:700 11px Arial,sans-serif;color:var(--gold);letter-spacing:.18em}
.track-item strong{display:block;font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(23px,2.3vw,42px);letter-spacing:.01em;margin-top:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.track-item.empty{opacity:.35}
.screen-main.level-shift .blind-display{animation:shift-in .52s var(--ease) both}
.screen-main.level-shift .timer-face{animation:clock-settle .48s var(--ease) both}
@keyframes enter-screen{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes shift-in{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
@keyframes clock-settle{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1)}}

.control-page{background:
  radial-gradient(ellipse at 95% -20%,rgba(43,100,80,.38),transparent 45%),
  linear-gradient(145deg,#0c2522 0%,#071a19 65%,#0b211e 100%)}
.control-shell{max-width:1510px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:25px clamp(17px,4vw,64px) 80px}
.control-header{padding-bottom:24px;border-bottom:1px solid var(--line)}
.control-header-actions{gap:16px}
.header-link{border:0;background:none;color:var(--muted);font-size:12px;min-height:44px;padding:0 8px}
.header-link:hover{color:var(--ivory)}
.control-main{animation:enter-screen .48s var(--ease) both}
.control-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 33px}
.control-intro .eyebrow{margin:0 0 10px}
.control-intro h1{font-size:clamp(36px,4.3vw,64px);letter-spacing:-.055em;line-height:1.14;margin:0;font-weight:750}
.title-stop{color:var(--gold)}
.control-intro p:last-child{color:var(--muted);margin:12px 0 0}
.screen-link{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--gold);padding:0 0 10px;color:var(--gold-bright);font-size:14px;white-space:nowrap}
.screen-link span{font-size:21px;transition:transform .2s var(--ease)}
.screen-link:hover span{transform:translate(3px,-3px)}
.session-bar{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:15px;padding:17px 20px;margin-bottom:19px}
.session-bar>div{min-width:145px}
.session-bar label{display:block;font-size:17px;margin-top:4px}
.session-bar select{flex:1;min-width:0;appearance:none;background:var(--felt-mid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d9b57a' d='m3 6 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;background-size:15px;color:var(--ivory);height:48px;border:1px solid var(--line);border-radius:9px;padding:0 42px 0 15px}
.outline-button,.accent-button,.control-button,.save-button,.primary-button{border-radius:9px;min-height:46px;font-weight:690;transition:transform .15s var(--ease),background-color .18s,color .18s,border-color .18s}
.outline-button:hover,.accent-button:hover,.control-button:hover,.save-button:hover,.primary-button:hover{transform:translateY(-2px)}
.outline-button:active,.accent-button:active,.control-button:active,.save-button:active,.primary-button:active{transform:scale(.98)}
.outline-button{border:1px solid var(--line);background:transparent;color:var(--ivory);padding:0 17px;white-space:nowrap}
.outline-button:hover{border-color:var(--gold)}
.control-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:19px;align-items:start}
.control-primary-column,.control-side-column{display:grid;gap:19px}
.live-card,.utility-card,.empty-card{border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(29,72,61,.62),rgba(12,38,34,.78));box-shadow:0 20px 60px rgba(0,0,0,.1)}
.live-card{padding:clamp(22px,3vw,38px);position:relative;overflow:hidden}
.live-card::before{content:"";position:absolute;top:-120px;right:-95px;width:300px;height:300px;border:1px solid rgba(217,181,122,.1);border-radius:50%;pointer-events:none}
.live-card::after{content:"";position:absolute;top:-65px;right:-45px;width:190px;height:190px;border:1px solid rgba(217,181,122,.1);border-radius:50%;pointer-events:none}
.live-card-top{display:flex;justify-content:space-between;align-items:start;gap:15px;position:relative}
.live-card-top h2{font-size:clamp(20px,2vw,30px);margin:7px 0 0;letter-spacing:-.02em}
.live-status{background:rgba(217,181,122,.12);color:var(--gold-bright);padding:8px 12px;border-radius:99px;font-size:12px;white-space:nowrap}
.live-status.running{background:rgba(138,213,168,.12);color:#a7dfbb}
.live-status.paused{background:rgba(236,170,108,.13);color:var(--warn)}
.live-level-line{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);margin-top:43px;padding-bottom:13px;color:var(--gold);font:700 12px Arial,sans-serif;letter-spacing:.14em}
.live-level-line span:last-child{font-family:"Arial Narrow",Arial,sans-serif;color:var(--ivory);font-size:20px;letter-spacing:0}
.live-time{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(88px,10vw,158px);line-height:1.12;letter-spacing:-.05em;padding:22px 0 8px;text-align:center}
.live-card.urgent .live-time{color:#ffd69b}
.time-bar{height:4px;background:rgba(255,255,255,.13);border-radius:99px;overflow:hidden}
.time-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .75s linear}
.live-next{color:var(--muted);font-size:13px;margin:13px 0 29px}
.main-controls{display:grid;gap:11px}
.primary-button{width:100%;border:1px solid var(--gold-bright);background:var(--gold);color:#10201b;padding:0 19px;display:flex;justify-content:space-between;align-items:center;font-size:16px}
.primary-button:hover{background:var(--gold-bright)}
.control-play{min-height:60px;justify-content:center;font-size:18px}
.control-play.pause{background:transparent;color:var(--gold-bright)}
.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.control-button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--ivory);font-size:14px}
.control-button:hover{background:rgba(217,181,122,.12);border-color:var(--gold-deep)}
.control-button.quiet{color:var(--soft)}
.reset-button{justify-self:center;background:none;border:0;color:var(--muted);padding:11px 15px;font-size:12px;min-height:44px}
.reset-button:hover{color:var(--gold)}
.empty-card{min-height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px}
.empty-glyph{display:block;font-size:110px;line-height:1;color:var(--gold);font-weight:100}
.empty-card h2{font-size:24px;margin:15px 0 6px}
.empty-card p{font-size:14px;color:var(--muted);line-height:1.7}
.utility-card{padding:25px}
.utility-head{display:flex;align-items:center;gap:15px}
.utility-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-size:24px}
.utility-head h2{font-size:19px;margin:3px 0 0}
.utility-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:18px 0}
.pair-input-row{display:grid;grid-template-columns:1fr auto;gap:9px}
.pair-input-row input,.editor-card input,.login-card input{min-width:0;border:1px solid var(--line);border-radius:9px;background:rgba(5,22,20,.55);color:var(--ivory);height:48px;padding:0 14px;outline:none}
.pair-input-row input:focus,.editor-card input:focus,.login-card input:focus{border-color:var(--gold)}
.pair-input-row input{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:.17em}
.pair-input-row input::placeholder{letter-spacing:0;font-size:13px}
.accent-button{border:1px solid var(--gold);background:rgba(217,181,122,.16);color:var(--gold-bright);padding:0 18px;white-space:nowrap}
.accent-button:hover{background:rgba(217,181,122,.28)}
.utility-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:19px;color:var(--muted);font-size:12px}
.utility-link span{color:var(--gold)}
.editor-card{padding-bottom:20px}
.editor-title-label{display:block;font-size:13px;color:var(--soft);margin:24px 0 8px}
.editor-card>input{width:100%}
.editor-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 17px}
.level-editor-list{display:grid;gap:9px;max-height:590px;overflow-y:auto;padding-right:4px}
.level-row{border:1px solid rgba(217,181,122,.15);border-radius:11px;background:rgba(6,25,22,.32);padding:13px}
.level-row-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}
.level-row-head strong{font-size:13px;color:var(--gold-bright)}
.row-actions{display:flex;gap:4px}
.row-actions button{border:0;background:none;color:var(--muted);width:40px;height:40px;border-radius:5px;font-size:19px}
.row-actions button:hover{background:rgba(217,181,122,.14);color:var(--ivory)}
.level-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.level-fields.break-fields{grid-template-columns:minmax(0,2fr) minmax(80px,1fr)}
.level-fields label{min-width:0;font-size:10px;color:var(--muted)}
.level-fields input{width:100%;height:44px;margin-top:5px;padding:0 7px;font:600 13px Arial,sans-serif}
.editor-add{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.editor-add button{height:44px;border:1px dashed rgba(217,181,122,.35);border-radius:8px;background:transparent;color:var(--gold);font-size:13px}
.editor-add button:hover{background:rgba(217,181,122,.08)}
.save-button{width:100%;margin-top:14px;background:var(--ivory);color:#112720;border:0;padding:0 16px;display:flex;justify-content:space-between;align-items:center}
.save-button:hover{background:#fff}
.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:12px 19px;border:1px solid var(--gold);border-radius:9px;background:#223d35;color:var(--ivory);box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:13px;transition:transform .25s var(--ease),opacity .25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.login-layout{min-height:min(760px,calc(100vh - 95px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}
.login-art{width:min(32vw,400px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center;justify-self:center;box-shadow:0 0 0 22px rgba(217,181,122,.025),0 0 0 65px rgba(217,181,122,.015)}
.login-art::before,.login-art::after{content:"";position:absolute;inset:13px;border:1px dashed rgba(217,181,122,.3);border-radius:50%}
.login-art::after{inset:32px;border-style:solid;border-color:rgba(217,181,122,.13)}
.art-time{font:400 clamp(55px,7vw,108px) "Arial Narrow",Impact,Arial,sans-serif;color:var(--gold-bright);font-variant-numeric:tabular-nums}
.login-card{max-width:480px;padding:40px 0}
.login-card h1{font-size:clamp(45px,5vw,76px);line-height:1.12;letter-spacing:-.055em;margin:14px 0 20px}
.login-card p:not(.eyebrow){color:var(--muted);line-height:1.7}
.login-card form{display:grid;gap:9px;margin-top:35px}
.login-card label{color:var(--soft);font-size:13px;margin-top:8px}
.login-card .primary-button{margin-top:18px;height:51px}
.form-error{min-height:22px;margin-top:14px;color:var(--danger);font-size:13px}
@media(max-width:950px){
  .control-grid{grid-template-columns:1fr}.control-side-column{grid-template-columns:1fr 1fr;align-items:start}
  .session-bar>div{min-width:110px}
  .screen-main{gap:1vw}
  .blind-numbers{font-size:9vw}
}
@media(max-width:700px){
  .control-shell{padding:17px 16px 70px}
  .control-header{padding-bottom:17px}
  .control-brand .brand-symbol{width:34px;height:34px;font-size:20px}
  .control-brand strong{font-size:13px}
  .control-brand small{font-size:9px}
  .control-header-actions{gap:5px}
  .control-header .connection-chip{font-size:0;padding:9px}.control-header .connection-chip i{display:block}
  .control-intro{margin:31px 0 23px;align-items:start}
  .control-intro h1{font-size:38px}
  .control-intro p:last-child{font-size:12px}
  .screen-link{font-size:11px;gap:3px;align-self:flex-end}
  .screen-link span{font-size:17px}
  .session-bar{display:grid;grid-template-columns:1fr auto;padding:14px}
  .session-bar>div{grid-column:1/-1}
  .session-bar select{height:45px}
  .outline-button{font-size:12px;padding:0 11px}
  .control-side-column{grid-template-columns:1fr}
  .live-card{padding:20px}
  .live-level-line{margin-top:32px}
  .live-time{font-size:clamp(84px,19vw,120px)}
  .utility-card{padding:20px}
  .login-layout{display:block;padding:45px 12px}
  .login-art{display:none}
  .login-card{margin:auto}
  .login-card h1{font-size:52px}
  .screen-shell{padding:20px 22px 14px}
  .screen-main{grid-template-columns:1fr;gap:5px}
  .blind-display{padding:30px 0 0}
  .blind-display::before{display:none}
  .data-label{margin:15px 0 0}
  .blind-numbers{font-size:clamp(66px,13vw,110px)}
  .ante-line{margin-top:12px;max-width:none;padding-top:10px}
  .dial-wrap{min-width:0;min-height:0;width:min(78vw,48vh);height:min(78vw,48vh)}
  .timer-numerals{font-size:clamp(80px,15vw,140px)}
  .screen-footer{font-size:9px}
  .level-track{gap:4px}.track-item{padding:3px 6px}.track-item strong{font-size:18px}
}
@media(max-width:390px){
  .control-intro{display:block}.screen-link{display:inline-flex;margin-top:22px}
  .level-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pair-input-row{grid-template-columns:1fr}.accent-button{height:43px}
}
@media(max-height:850px) and (min-width:900px){
  .screen-shell{padding-top:16px}.screen-event-row{padding-top:10px}
  .dial-wrap{width:min(36vw,44vh);height:min(36vw,44vh);min-width:0;min-height:0}
  .screen-bottom{padding:12px 0 7px}.level-track{margin-top:8px}.screen-footer{padding-top:8px}
  .data-label{margin-top:17px}.ante-line{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}