.shift{aspect-ratio:1394/738;border:1.5px solid var(--line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#10151c;border-radius:14px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.shift:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.shift__canvas{width:100%;height:100%}:is(.shift:fullscreen,.shift.is-full){aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100vh}.shift__pa{height:10.8%;font:400 clamp(10px, 1.08cqw, 14px)/1.25 var(--font-mono);color:var(--fg-2);pointer-events:none;align-items:center;gap:1.2cqw;padding:0 60px 0 1.6cqw;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.shift__pa-label{border-right:1px solid var(--line);font:800 clamp(8px, .82cqw, 11px)/1 var(--font-display);letter-spacing:.16em;color:var(--fg);flex:none;padding-right:1.2cqw}.shift__pa-text{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;animation:.4s ease-out pa-in;display:-webkit-box;overflow:hidden}@keyframes pa-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shift__hint{pointer-events:none;font:600 clamp(12px, 1.6cqw, 18px)/1.2 var(--font-sans);color:var(--fg);opacity:0;position:absolute}.shift__hint--tap{bottom:22%;right:3.5%}.shift__hint--paint{top:22%;left:18%}.shift__overlay{cursor:default;text-align:center;background:#0b0d1299;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.shift__overlay--start{background:radial-gradient(60% 70%,#0b0d12c7,#0b0d1273)}.shift__order{font:600 clamp(11px, 1.15cqw, 14px)/1 var(--font-mono);letter-spacing:.14em;color:var(--muted)}.shift__name{font:800 clamp(22px, 4.4cqw, 54px)/1.05 var(--font-display);color:var(--fg);margin-bottom:clamp(6px,1.4cqw,18px)}.shift__start{min-height:clamp(44px,5cqw,58px);padding-inline:clamp(22px,3cqw,36px);font-size:clamp(15px,1.5cqw,19px)}.shift__note,.shift__break{font:400 clamp(12px, 1.1cqw, 14px)/1.4 var(--font-mono);color:var(--fg-2)}.shift__break{font:800 clamp(18px, 2.6cqw, 30px)/1 var(--font-display);color:var(--fg)}.shift__overlay--form{background:#0b0d12c7;overflow:auto}.closure{text-align:left;gap:10px;width:min(420px,100%);padding:22px 24px 20px;display:grid}.closure__kind{font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.closure__order{font:800 clamp(15px, 2vw, 19px)/1.25 var(--font-display);color:var(--ink)}.closure__rows{gap:6px;margin:4px 0 0;display:grid}.closure__rows>div{border-bottom:1.4px dashed var(--dash);font:400 14px/1.4 var(--font-mono);justify-content:space-between;gap:16px;padding-bottom:4px;display:flex}.closure__rows dt{color:var(--ink-2)}.closure__rows dd{color:var(--ink);margin:0;font-weight:600}.closure__file{font:600 13px/1.4 var(--font-sans);color:var(--ink)}.closure__file:before{content:"";vertical-align:-1px;background:var(--ink);clip-path:polygon(0 0,70% 0,100% 24%,100% 100%,0 100%);width:10px;height:13px;margin-right:8px;display:inline-block}.closure__stamp{justify-self:end;margin:2px 4px 0 0;font-size:15px}.closure__more{font:400 13px/1.45 var(--font-sans);color:var(--ink-2)}.closure__actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.closure__store{color:var(--ink);border-color:var(--dash)}.shift__fs{border:1px solid var(--line-2);width:36px;height:36px;color:var(--fg-2);background:#0b0d12cc;border-radius:9px;place-items:center;display:grid;position:absolute;top:8px;right:10px}.play{background:radial-gradient(ellipse 70% 60% at 50% 45%, #141a23, var(--night) 70%), var(--night);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.play__top{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.play__logo{width:116px;padding:6px 0;display:block}.play__main{padding:8px var(--gutter) 12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.play__stage{width:min(100%,1320px,188.889svh - 264.444px)}.play__rotate{text-align:center;max-width:34ch;font:400 13px/1.45 var(--font-mono);color:var(--muted);margin-top:12px;display:none}@media (orientation:portrait) and (pointer:coarse){.play__rotate{display:block}}.play__foot{height:48px;font:400 12.5px/1 var(--font-mono);color:var(--muted);justify-content:center;align-items:center;gap:14px;display:flex}.play__foot a{color:var(--fg-2);text-underline-offset:4px}