@font-face{font-family:Bebas Neue;src:url(/fonts/bebas-neue.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#1c1c1e;--surface:#2c2c2e;--surface-2:#3a3a3c;--line:#48484a;--text:#fff;--muted:#9e9e9e;--yellow:#ffeb3b;--green:#8bc34a;--accent:#cddc39;--accent-press:#b0bd31;--accent-dim:#cddc3933;--on-accent:#000;--ok:#4caf50;--red:#f44336;--blue:#2196f3;--danger-text:#f8857c;--focus:var(--accent);--display:"Bebas Neue", Impact, "Arial Narrow", sans-serif;--body:"Barlow", "Arial Narrow", "Helvetica Neue", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--tab-h:64px;--wh:60px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.35}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}a{color:var(--accent);text-underline-offset:3px}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:.85em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100dvh;padding-left:var(--safe-l);padding-right:var(--safe-r)}.view{min-height:100dvh;padding-bottom:calc(var(--tab-h) + var(--safe-b) + 20px)}.app.full{padding:0}.app.full .view{padding-bottom:0}.page{max-width:600px;margin:0 auto;padding:4px 16px 24px}.page-head{max-width:600px;padding:calc(var(--safe-t) + 10px) 16px 6px;justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin:0 auto;display:flex}.page-head h1{font-family:var(--display);white-space:nowrap;font-size:42px;font-weight:400;line-height:1}.page-head-right{align-items:center;display:flex}.section{font-family:var(--display);color:var(--text);margin:30px 4px 10px;font-size:27px;font-weight:400;line-height:1}.lead{color:#e5e5ea;margin:6px 0 4px;font-size:18px;line-height:1.45}.hint{color:var(--muted);font-size:14px;line-height:1.5}.hint.tail{margin-top:18px}.empty{color:var(--muted);padding:14px 6px;font-size:15px;line-height:1.5}.center-page{text-align:center;padding-top:calc(var(--safe-t) + 80px);justify-items:center;gap:18px;display:grid}.big-title{font-family:var(--display);font-size:44px;font-weight:400;line-height:1}.stack{gap:10px;width:100%;max-width:360px;display:grid}.dialog h2,.sheet-head h2,.sheet-head p,.target-main strong,.target-go,.screen-top h3,.variant h3,.page-head h1,.big-title,.chip,.btn,.bar-btn,.tab,.row-title,.card-name,.title-input,.bar-title,.player-name,.upnext strong,.phase,.scan-head h2,.scan-panel h3,.pair-codes dd{text-transform:uppercase}.btn{min-height:48px;font-family:var(--display);text-align:center;white-space:nowrap;-webkit-text-stroke:.25px currentColor;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:3px 18px 0;font-size:25px;line-height:1;text-decoration:none;display:inline-flex}.btn .icon,.chip .icon{margin-left:var(--ink,0px)}.btn.big{border-radius:14px;min-height:58px;font-size:30px}.btn.wide{width:100%}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:active{background:var(--accent-press)}.btn.primary:disabled{opacity:1;background:color-mix(in srgb, var(--accent) 24%, var(--surface));color:color-mix(in srgb, var(--accent) 70%, #fff)}.btn.outline{border:2px solid var(--line);color:var(--text)}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.danger{background:var(--red);color:#000}.btn.add{background:var(--surface);width:100%;min-height:60px;color:var(--accent);margin-top:6px;font-size:28px}.icon-btn{min-width:48px;min-height:48px;color:var(--text);border-radius:12px;place-items:center;display:inline-grid}.icon-btn:active{background:var(--surface-2)}.icon-btn.danger{color:var(--danger-text)}.icon-btn .glyph{font-family:var(--display);font-size:24px}.linkbtn{min-height:44px;color:var(--muted);text-underline-offset:3px;padding:0 12px;font-size:15px;text-decoration:underline}.linkbtn.danger{color:var(--danger-text)}.chip{background:var(--surface);min-height:44px;color:var(--text);font-family:var(--display);white-space:nowrap;border-radius:22px;align-items:center;gap:8px;padding:0 14px;font-size:21px;text-decoration:none;display:inline-flex}.dot{background:#636366;border-radius:50%;flex:none;width:12px;height:12px}.dot.on{background:var(--ok);box-shadow:0 0 0 4px #4caf5040}.dot.warn{background:var(--yellow)}.tabbar{z-index:20;padding:6px calc(10px + var(--safe-r)) calc(6px + var(--safe-b)) calc(10px + var(--safe-l));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1c1ef5;border-top:1px solid #2c2c2e;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:56px;color:var(--muted);font-family:var(--display);letter-spacing:.05em;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:14px;text-decoration:none;display:flex}.tab.active{background:var(--surface);color:var(--text)}.tab.active .icon{color:var(--accent)}.cards,.screens{gap:12px;display:grid}.card{background:var(--surface);border:2px solid #0000;border-radius:16px;overflow:hidden}.card.selected{border-color:var(--accent)}.card-head{text-align:left;grid-template-columns:1fr auto 30px;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 16px;display:grid}.card-name{font-family:var(--display);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:32px;line-height:1;overflow:hidden}.card-time{font-family:var(--display);color:var(--muted);font-size:24px}.tick{border:2px solid var(--line);width:28px;height:28px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.tick.on{background:var(--accent);border-color:var(--accent)}.summary-grid{grid-template-columns:1fr 1fr;gap:2px 28px;padding:0 16px 14px;display:grid}.summary-grid>div{border-top:1px solid #3a3a3c;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:5px 0 3px;display:flex}.summary-grid dt{color:var(--muted);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.summary-grid dd{font-family:var(--display);font-size:24px;line-height:1.1}.card-actions{grid-template-columns:1fr 1fr;gap:8px;padding:2px 12px 12px;display:grid}.card-actions .tools{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.card-actions .tools .icon-btn{background:var(--surface-2);width:100%;min-height:48px}.rows{background:#38383a;border-radius:16px;gap:1px;display:grid;overflow:hidden}.row{background:var(--surface);text-align:left;width:100%;min-height:72px;color:var(--text);grid-template-columns:14px 1fr auto 16px;align-items:center;gap:14px;padding:8px 14px 8px 16px;text-decoration:none;display:grid}.row:active{background:var(--surface-2)}.pastille{border-radius:50%;width:14px;height:14px;display:block}.pastille.none{visibility:hidden}.row-main{gap:1px;min-width:0;display:grid}.row-title{font-family:var(--display);font-size:25px;line-height:1.05}.row-sub{color:var(--muted);font-size:15px;line-height:1.25}.row-val{font-family:var(--display);text-align:right;font-size:38px;line-height:1}.row-chev{color:#6e6e73}.switch-row{grid-template-columns:1fr auto}.switch{appearance:none;background:#636366;border-radius:16px;flex:none;width:54px;height:32px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{background:var(--on-accent);transform:translate(22px)}.about{background:var(--surface);color:#e5e5ea;border-radius:16px;gap:10px;padding:16px;line-height:1.5;display:grid}.editor{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:calc(var(--safe-t) + 4px) calc(8px + var(--safe-r)) 4px calc(8px + var(--safe-l));min-height:calc(60px + var(--safe-t));background:var(--bg);z-index:5;border-bottom:1px solid #2c2c2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;display:grid;position:sticky;top:0}.bar-btn{min-height:48px;font-family:var(--display);-webkit-text-stroke:.2px currentColor;padding:0 10px;font-size:21px}.bar-btn.muted{color:var(--muted)}.bar-btn.save{color:var(--accent)}.bar-btn:disabled{color:#636366;opacity:1}.title-input,.bar-title{text-align:center;width:100%;min-width:0;font-family:var(--display);color:var(--text);text-overflow:ellipsis;background:0 0;border:0;border-radius:10px;margin:0;padding:8px 4px;font-size:23px;font-weight:400;line-height:1}.title-input:focus{background:var(--surface);outline-offset:-2px}.editor-body{width:100%;max-width:600px;padding:14px 16px calc(24px + var(--safe-b));flex:1;margin:0 auto}.summary{background:var(--surface);color:var(--muted);border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.summary-time{font-family:var(--display);color:var(--accent);font-size:38px;line-height:1}.summary.bad{color:var(--danger-text)}.summary ul{gap:2px;display:grid}.editor-actions{margin-top:22px;display:grid}.subeditor{z-index:30;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.sub-body{flex:1 0 auto;grid-template-areas:"l""w""t";align-content:center;justify-items:center;gap:18px;padding:16px;display:grid}.label-field{gap:6px;width:100%;max-width:420px;display:grid}.label-field>span{color:var(--muted);font-size:14px}.field{background:var(--bg);border:2px solid var(--line);width:100%;min-height:52px;color:var(--text);font-family:var(--display);text-transform:uppercase;border-radius:12px;padding:8px 14px;font-size:26px}.field:focus{border-color:var(--accent);outline:none}.dialog .field{background:var(--surface-2)}.wheels{grid-area:w;justify-content:center;align-items:flex-start;gap:28px;display:flex}.sub-body>.label-field{grid-area:l}.live-total{grid-area:t}.wheel-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.wheel-box{width:96px;position:relative}.wheel-pill{left:0;right:0;top:calc(var(--wh) * 2);height:var(--wh);background:var(--accent);border-radius:14px;position:absolute}.wheel{height:calc(var(--wh) * 5);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.wheel:active{cursor:grabbing}.wheel:focus-visible{outline-offset:4px;border-radius:16px}.wheel-track{will-change:transform}.wheel-item{height:var(--wh);font-family:var(--display);place-items:center;line-height:1;display:grid}.wheel-item.d0{color:var(--on-accent);font-size:56px}.wheel-item.d1{color:#8e8e93;font-size:40px}.wheel-item.d2{color:#636366;font-size:32px}.wheel-unit{font-family:var(--display);color:var(--muted);text-transform:uppercase;font-size:24px;line-height:1}.swatches{padding:14px 16px calc(24px + var(--safe-b));flex:none;grid-template-columns:repeat(7,minmax(0,48px));justify-content:center;gap:12px 8px;display:grid}.swatch{aspect-ratio:1;border-radius:50%;flex:none;place-items:center;width:100%;height:auto;transition:transform .1s;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.swatch:active{transform:scale(.92)}.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px #ffffffeb}.swatch:focus-visible{outline-offset:6px}.secs{flex-direction:column;align-items:center;gap:4px;display:flex}.secs-grid{height:calc(var(--wh) * 5);grid-template-columns:repeat(2,72px);align-content:center;gap:8px;display:grid}.sec-block{background:var(--surface);min-height:60px;color:var(--text);border:2px solid #0000;border-radius:14px;place-items:center;display:grid}.sec-block.extra{grid-column:1/-1}.sec-block b{font-family:var(--display);font-size:32px;font-weight:400;line-height:1}.sec-block:active{background:var(--surface-2)}.sec-block[aria-checked=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.live-total{color:var(--muted);text-align:center;font-size:16px}.note{background:var(--surface);border-left:4px solid var(--blue);border-radius:10px;margin:12px 0;padding:12px 14px;font-size:15px;line-height:1.5}.note.warn{border-left-color:var(--yellow)}.form-error{color:var(--danger-text);font-size:15px;line-height:1.4}.add-form{background:var(--surface);border-radius:16px;gap:14px;padding:16px;display:grid}.add-form .field{background:var(--bg)}.screen-card{background:var(--surface);border-radius:16px;gap:10px;padding:14px 14px 6px;display:grid}.screen-card.offline h3{color:var(--muted)}.screen-top{align-items:center;gap:10px;display:flex}.screen-top h3{font-family:var(--display);font-size:34px;font-weight:400;line-height:1}.screen-id{color:var(--muted);margin-left:2px;font-size:13px}.screen-time{font-family:var(--display);margin-left:auto;font-size:40px;line-height:1}.screen-state{color:var(--muted);margin-top:-4px;font-size:15px}.screen-state.on{color:#e5e5ea}.screen-state.warn{color:var(--yellow)}.screen-actions{gap:8px;display:flex}.screen-actions .btn{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.transport{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.transport .icon-btn{background:var(--surface-2);width:100%;min-height:52px}.transport .icon-btn.big{color:var(--yellow)}.screen-links{justify-content:flex-end;gap:4px;margin:0 -6px;display:flex}.add-form>.btn .icon{margin-right:2px}.add-or{color:var(--muted);align-items:center;gap:12px;margin-top:4px;font-size:14px;display:flex}.add-or:before,.add-or:after{content:"";background:var(--line);flex:1;height:1px}.scan{z-index:60;background:var(--bg);color:var(--text);overscroll-behavior:contain;--scan-box:min(72vw, 46dvh, 340px);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.scan-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.scan-video.on{opacity:1}.scan-head{z-index:2;padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 8px) 8px calc(var(--safe-l) + 16px);background:linear-gradient(color-mix(in srgb, var(--bg) 85%, transparent), transparent);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.scan-head h2{font-family:var(--display);padding-top:3px;font-size:32px;font-weight:400;line-height:1}.scan-close{background:color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:50%;min-width:52px;min-height:52px}.scan-frame{z-index:1;width:var(--scan-box);height:var(--scan-box);box-shadow:0 0 0 200vmax color-mix(in srgb, var(--bg) 58%, transparent);border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame i{border:5px solid var(--accent);width:40px;height:40px;position:absolute}.scan-frame i:first-child{border-bottom:0;border-right:0;border-top-left-radius:22px;top:-3px;left:-3px}.scan-frame i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:22px;top:-3px;right:-3px}.scan-frame i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:22px;bottom:-3px;left:-3px}.scan-frame i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:22px;bottom:-3px;right:-3px}.scan-foot{z-index:2;text-align:center;padding:16px calc(var(--safe-r) + 20px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 20px);grid-row:3;justify-items:center;gap:10px;display:grid;position:relative}.scan-help{max-width:420px;font-size:16px;line-height:1.45}.scan-notice{border-radius:22px;place-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:500;display:grid}.scan-notice.on{background:var(--surface-2);color:var(--yellow)}.scan-panel{z-index:2;width:100%;max-width:440px;padding:24px calc(var(--safe-r) + 20px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 20px);text-align:center;grid-row:2/4;align-self:start;justify-items:center;gap:14px;margin:0 auto;display:grid;position:relative;overflow-y:auto}.scan-panel h3{font-family:var(--display);font-size:40px;font-weight:400;line-height:1}.scan-panel p{color:var(--text);line-height:1.5}.scan-panel p+p{color:var(--muted);font-size:15px}.scan-panel .stack{margin-top:6px}.safari-note{text-align:left;background:var(--surface);border:2px solid var(--yellow);border-radius:16px;gap:14px;width:100%;max-width:440px;padding:16px;display:grid}.safari-note>p{line-height:1.5}.safari-note strong{color:var(--yellow);font-weight:700}.pair-codes{gap:8px;margin:0;display:grid}.pair-codes>div{background:var(--bg);border-radius:12px;gap:2px;padding:10px 14px 8px;display:grid}.pair-codes dt{color:var(--muted);font-size:13px}.pair-codes dd{font-family:var(--display);-webkit-user-select:all;user-select:all;padding-top:3px;font-size:44px;line-height:1}.variants{gap:10px;display:grid}.variant{background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.variant h3{font-family:var(--display);font-size:26px;font-weight:400}.variant p{color:var(--muted);font-size:14px}.badge{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px}.badge.missing{color:var(--danger-text);border-color:color-mix(in srgb, var(--red) 40%, var(--bg))}.steps{counter-reset:s;gap:12px;margin-top:4px;display:grid}.steps li{counter-increment:s;color:#e5e5ea;padding-left:44px;line-height:1.5;position:relative}.steps li:before{content:counter(s);background:var(--surface-2);width:32px;height:32px;font-family:var(--display);color:var(--accent);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:-2px;left:0}.scrim{z-index:50;background:#0000009e;display:flex;position:fixed;inset:0}.scrim.bottom{align-items:flex-end}.scrim.center{justify-content:center;align-items:center;padding:16px}.sheet{background:var(--surface);width:100%;max-width:600px;padding:14px 16px calc(16px + var(--safe-b));border-radius:22px 22px 0 0;gap:12px;max-height:88dvh;margin:0 auto;animation:.2s ease-out up;display:grid;overflow-y:auto}@keyframes up{0%{opacity:0;transform:translateY(30px)}}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-family:var(--display);font-size:32px;font-weight:400;line-height:1}.sheet-head p{color:var(--accent);font-family:var(--display);font-size:22px}.sheet-list{gap:8px;display:grid}.target{background:var(--surface-2);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 14px;display:grid}.target-main{min-width:0;display:grid}.target-main strong{font-family:var(--display);font-size:28px;font-weight:400;line-height:1.05}.target-main small{color:var(--muted);font-size:13.5px}.target-go{font-family:var(--display);color:var(--accent);text-align:right;max-width:110px;font-size:20px;line-height:1.05}.dialog{background:var(--surface);border-radius:18px;gap:14px;width:100%;max-width:380px;padding:20px;display:grid}.dialog-form{gap:14px;display:grid}.dialog h2{font-family:var(--display);font-size:30px;font-weight:400;line-height:1.05}.dialog p{color:#e5e5ea;line-height:1.45}.dialog-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toasts{top:calc(var(--safe-t) + 10px);z-index:100;pointer-events:none;justify-items:center;gap:8px;padding:0 16px;display:grid;position:fixed;left:0;right:0}.toast{color:#000;background:#fff;border-radius:12px;max-width:440px;padding:12px 18px;font-size:16px;font-weight:500;animation:.2s ease-out drop;box-shadow:0 6px 24px #00000080}.toast.error{background:var(--red)}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}}.player{z-index:40;padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.player-top{grid-template-columns:52px 1fr 52px;align-items:center;min-height:52px;padding:0 4px;display:grid}.player-name{font-family:var(--display);justify-content:center;align-items:baseline;gap:14px;min-width:0;font-size:26px;display:flex}.player-name strong{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.player-name span{color:var(--muted)}.block{touch-action:none;cursor:pointer;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;margin:0 10px;transition:background-color .12s;display:flex;position:relative;overflow:hidden;container-type:size}.face{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.block :focus-visible{outline-color:currentColor}.progress{opacity:.3;pointer-events:none;background:currentColor;height:28px;transition:width 1s linear;position:absolute;top:0;left:0}.phase{font-family:var(--display);margin-bottom:1cqh;font-size:clamp(30px,min(13cqw,17cqh),84px);line-height:1}.time{font-family:var(--display);font-size:min(calc(94cqw / var(--em,1.92)), 60cqh);justify-content:center;align-items:baseline;padding-top:.04em;line-height:.82;display:flex}.time .d{text-align:center;width:.43em;display:inline-block}.time .c{text-align:center;width:.2em;display:inline-block}.is-paused .time{animation:1.4s step-end infinite blink}@keyframes blink{50%{opacity:.35}}.skip{width:60px;height:60px;color:inherit;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:6px}.skip:active{background:color-mix(in srgb, currentColor 16%, transparent)}.prevb{left:4px}.nextb{right:4px}.done-actions{gap:10px;width:min(320px,80%);margin-top:18px;display:grid}.is-done .phase{color:var(--accent);font-size:clamp(40px,min(20cqw,24cqh),110px)}.upnext{border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;min-height:108px;margin:8px 10px 0;display:flex;position:relative;overflow:hidden}.upnext:before{content:"";opacity:.14;pointer-events:none;background:currentColor;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M14 12L42 50L14 88' fill='none' stroke='%23000' stroke-width='13' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") 0 0/auto 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M14 12L42 50L14 88' fill='none' stroke='%23000' stroke-width='13' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") 0 0/auto 100% repeat-x}.upnext small{font-family:var(--display);font-size:26px;font-weight:400;line-height:1;position:relative}.upnext strong{font-family:var(--display);font-size:64px;font-weight:400;line-height:.9;position:relative}.player-foot{padding:8px 10px calc(10px + var(--safe-b));flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:108px;display:grid}.counter{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.counter b{font-family:var(--display);white-space:nowrap;font-size:64px;font-weight:400;line-height:.9}.counter b i{opacity:.58;font-style:normal}.counter small{color:var(--muted);text-align:center;margin-top:4px;font-size:12px;font-weight:700;line-height:1.15}.playbtn{background:var(--surface);width:84px;height:84px;color:var(--yellow);border-radius:16px;place-items:center;display:grid}.playbtn:active{background:var(--surface-2)}@media (max-height:520px) and (orientation:landscape){.section{margin-top:20px;font-size:24px}:root{--tab-h:50px;--wh:40px}.tabbar{padding-top:4px;padding-bottom:calc(4px + var(--safe-b))}.tab{flex-direction:row;gap:8px;min-height:44px;font-size:15px}.page-head{min-height:52px}.page-head h1{font-size:36px}.wheel-item.d0{font-size:34px}.wheel-item.d1{font-size:28px}.wheel-item.d2{font-size:22px}.subeditor .sub-body{grid-template-columns:minmax(0,300px) auto;grid-template-areas:"l w""t w";place-content:center;gap:12px 40px;padding:8px 24px}.sub-body .live-total{align-self:start}.wheel-unit{font-size:20px}.swatches{padding:8px 24px calc(14px + var(--safe-b));grid-template-columns:repeat(10,40px);gap:8px 12px}.sec-block{min-height:44px}.secs-grid{grid-template-columns:repeat(2,64px);gap:6px}.player-top{grid-template-columns:48px 1fr 48px;min-height:40px}.player-top .icon-btn{min-height:44px}.player-name{font-size:22px}.upnext{flex-direction:row;gap:16px;min-height:80px}.upnext strong{font-size:52px}.upnext small{font-size:22px}.player-foot{min-height:78px;padding-top:4px}.counter b{font-size:46px}.counter small{margin-top:2px;font-size:11px}.progress{height:20px}.playbtn{width:66px;height:66px}.phase{margin-bottom:0}}@media (min-width:700px){.card-actions{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.palette{background:var(--surface);border-radius:16px;gap:12px;padding:16px;display:grid}.palette p{color:#e5e5ea;font-size:15px;line-height:1.4}.palette-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:10px 4px;display:grid}.pick{aspect-ratio:1;border-radius:50%;place-items:center;width:100%;max-width:48px;height:auto;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.pick[aria-checked=true]{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px #fff}.player.is-viz{touch-action:none}.player.is-full{transition:background-color .45s,color .45s}.player.is-full .icon-btn{color:inherit}.player.is-full .icon-btn:active{background:color-mix(in srgb, currentColor 14%, transparent)}.player.is-full .player-name span{color:inherit;opacity:.7}.player.is-full :focus-visible{outline-color:currentColor}.player-mid{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.player-mid .player-name{max-width:100%}.viz-dots{align-items:center;gap:7px;height:8px;display:flex}.viz-dots i{opacity:.3;background:currentColor;border-radius:50%;width:6px;height:6px;transition:opacity .2s,transform .2s}.viz-dots i.on{opacity:1;transform:scale(1.25)}.viz-stage{will-change:transform;cursor:pointer;flex:1;min-height:0;display:flex}.viz-graph{flex:1;place-items:center;min-width:0;min-height:0;padding:6px 16px;display:grid;container-type:size}.viz-sq{width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:relative;container-type:size}.viz-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.viz-seam-num{font-family:var(--display);text-anchor:middle;dominant-baseline:central;font-size:15px}.viz-seam-num.small{font-size:13px}.viz-center{pointer-events:none;--w:calc(var(--d) * var(--fit) * 100cqw);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viz-label{font-family:var(--display);text-transform:uppercase;white-space:nowrap;line-height:1;font-size:min(8.5cqw, calc(var(--w) * .86 / var(--lw)))}.viz-time{font-family:var(--display);line-height:.82;font-size:calc(var(--w) / var(--em,1.92));justify-content:center;align-items:baseline;padding-top:.06em;display:flex}.viz-time .d{text-align:center;width:.43em;display:inline-block}.viz-time .c{text-align:center;width:.2em;display:inline-block}.is-paused .viz-time{animation:1.4s step-end infinite blink}.viz-sub{font-family:var(--display);opacity:.85;text-transform:uppercase;margin-top:.35em;font-size:min(6cqw,26px);line-height:1}.player:not(.is-full) .viz-sub{color:var(--muted);opacity:1}.viz-bottom{padding:0 16px calc(12px + var(--safe-b));flex:none}.viz-stats{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));border-top:1px solid var(--surface-2);gap:8px;padding-top:12px;display:grid}.is-full .viz-stats{border-top-color:color-mix(in srgb, currentColor 30%, transparent)}.viz-stat{flex-direction:column;gap:2px;min-width:0;display:flex}.viz-stat small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.15;overflow:hidden}.is-full .viz-stat small{color:inherit;opacity:.75}.viz-stat b{font-family:var(--display);white-space:nowrap;font-size:46px;font-weight:400;line-height:.92}.viz-stat b i{opacity:.55;font-size:.66em;font-style:normal}.viz-row{align-items:center;gap:12px;margin-top:12px;display:flex}.viz-next{text-align:left;background:var(--surface);border-radius:14px;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:64px;padding:6px 12px 6px 14px;display:flex}.viz-next:active{background:var(--surface-2)}.is-full .viz-next{background:color-mix(in srgb, currentColor 12%, transparent)}.is-full .viz-next:active{background:color-mix(in srgb, currentColor 22%, transparent)}.viz-next-txt{flex-direction:column;min-width:0;display:flex}.viz-next-txt small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.15}.is-full .viz-next-txt small{color:inherit;opacity:.75}.viz-next-txt strong{font-family:var(--display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:34px;font-weight:400;line-height:1;overflow:hidden}.viz-next .icon{opacity:.6}.viz-play{background:var(--surface);width:76px;height:76px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.viz-play:active{background:var(--surface-2)}.is-full .viz-play{background:var(--ink);color:var(--phase)}.is-full .viz-play:active{opacity:.85}.slide-next{animation:.24s ease-out view-in-next}.slide-prev{animation:.24s ease-out view-in-prev}@keyframes view-in-next{0%{opacity:.2;transform:translate(48px)}}@keyframes view-in-prev{0%{opacity:.2;transform:translate(-48px)}}@media (max-height:700px) and (orientation:portrait){.viz-stat b{font-size:38px}.viz-next{min-height:56px}.viz-next-txt strong{font-size:28px}.viz-play{width:64px;height:64px}}@media (orientation:landscape) and (min-aspect-ratio:13/10){.player.is-viz{grid-template-columns:minmax(0, min(calc(100dvh - var(--safe-t) - var(--safe-b)), 56vw)) minmax(0, 1fr);padding-bottom:var(--safe-b);grid-template-rows:auto 1fr;display:grid}.player.is-viz .viz-stage{grid-area:1/1/3}.player.is-viz .viz-graph{padding:8px 8px 8px 12px}.player.is-viz .player-top{grid-area:1/2}.player.is-viz .viz-bottom{grid-area:2/2;align-self:center;padding:0 16px 12px 8px}.player.is-viz .viz-stat b{font-size:58px}.player.is-viz .viz-next-txt strong{font-size:40px}.player.is-viz .viz-next{min-height:76px}.player.is-viz .viz-play{width:84px;height:84px}.player.is-viz .viz-stats{border-top:0;padding-top:0}.player.is-viz .viz-row{border-top:1px solid var(--surface-2);padding-top:12px}.player.is-viz.is-full .viz-row{border-top-color:color-mix(in srgb, currentColor 30%, transparent)}}@media (orientation:landscape) and (min-aspect-ratio:13/10) and (max-height:360px){.player.is-viz .viz-stat b{font-size:42px}.player.is-viz .viz-next{min-height:56px}.player.is-viz .viz-next-txt strong{font-size:30px}.player.is-viz .viz-play{width:64px;height:64px}}