.screen{width:100%;max-width:480px;min-height:100vh;background:var(--surface-0);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);gap:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:44px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-label);font-weight:600;letter-spacing:.08em;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);border:1px solid transparent;background:transparent;color:var(--text-hi)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--filled-primary{background:var(--primary);color:var(--primary-on)}.btn--filled-primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 88%,white 12%)}.btn--filled-secondary{background:var(--secondary);color:var(--secondary-on)}.btn--filled-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--secondary) 88%,white 12%)}.btn--block{width:100%}.card{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--elev-1)}.card__label{font-size:var(--text-caption);letter-spacing:.12em;color:var(--text-mid);margin-bottom:var(--space-2)}.card__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--outline);font-size:var(--text-body)}.card__row:last-child{border-bottom:none}.card__row-label{color:var(--text-mid)}.card__row-value{color:var(--text-hi);font-weight:600}.card__row-value--primary{color:var(--primary)}.card__row-value--danger{color:var(--danger)}.card__row-value--muted{color:var(--text-mid)}.start__logo{width:100%;max-width:280px;margin:0 auto;display:block}.start__subtitle{text-align:center;font-size:var(--text-caption);color:var(--text-mid);padding:var(--space-3) 0;border-top:1px solid var(--outline);border-bottom:1px solid var(--outline);letter-spacing:.08em}.start__card-label{display:inline-block;font-size:var(--text-caption);letter-spacing:.12em;margin-bottom:var(--space-2)}.start__card-label--obj{color:var(--primary)}.start__card-label--ctl{color:var(--secondary)}.start__card-label--warn{color:var(--danger)}.start__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-mid);font-size:var(--text-body)}.start__version{text-align:center;font-size:var(--text-caption);color:var(--text-low)}.end__title{font-size:var(--text-display);font-weight:700;text-align:center;letter-spacing:.04em}.end__title--win{color:var(--primary)}.end__title--lose{color:var(--danger)}.end__subtitle{text-align:center;font-size:var(--text-body);color:var(--text-mid)}.end__message{font-size:var(--text-caption);color:var(--text-mid);text-align:center;line-height:1.6}.end__hint--warning{color:var(--warning)}.end__hint--danger{color:var(--danger)}@media(min-width:481px){body{background:linear-gradient(135deg,var(--surface-0) 0%,var(--surface-2) 100%)}}.card--danger{border-color:var(--danger)}.retro *{-webkit-tap-highlight-color:transparent}.pic{position:absolute;top:0;right:0;bottom:0;left:0;animation:flick 5.3s ease-in-out infinite;container-type:size}.pic__frame{--ratio: 676 / 900;position:absolute;left:50%;top:50%;width:100%;width:max(100cqw,calc(100cqh * (var(--ratio))));aspect-ratio:var(--ratio);transform:translate(-50%,-50%)}.pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:brightness(var(--bri, 1)) contrast(var(--con, 1)) saturate(.9)}.pic img.overlay{inset:auto;width:auto;height:auto;-o-object-fit:fill;object-fit:fill;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.pic img.glow{filter:brightness(var(--bri, 1)) contrast(var(--con, 1)) blur(7px) saturate(1.3);opacity:.35;mix-blend-mode:screen}@keyframes flick{0%,to{opacity:1}23%{opacity:.965}41%{opacity:1}62%{opacity:.975}78%{opacity:.99}}.fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.noise{opacity:.11;mix-blend-mode:overlay;image-rendering:pixelated}.scan{background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.vignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%),linear-gradient(160deg,rgba(255,255,255,.07),transparent 30%)}.osd{position:absolute;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;color:#e9efe6;text-shadow:0 0 6px #9fc,0 0 2px #fff8;z-index:3}.osd-cam{left:14px;bottom:14px;font-size:1rem}.osd-rec{right:14px;top:12px;color:#ff8d84;text-shadow:0 0 6px #f44;display:flex;align-items:center;gap:6px}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 6px #f33;animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.maker{display:flex;justify-content:space-between;align-items:center;padding:7px 6px 2px;font-size:.62rem;letter-spacing:.14em;color:var(--ink-soft);font-weight:600}.maker .model{font-weight:400;letter-spacing:.1em}.label{font-size:.66rem;letter-spacing:.14em;font-weight:500;color:var(--ink);text-transform:uppercase;line-height:1.2}.row{position:relative}.vfd{background:#06100c;border-radius:8px;padding:6px 8px;font-family:var(--font-mono);font-size:1.3rem;letter-spacing:.06em;color:#79ffd0;text-shadow:0 0 8px #2fe3a8,0 0 2px #cfffee;box-shadow:inset 0 2px 5px #000,0 1px #fff8;min-height:44px;display:flex;align-items:center;white-space:nowrap}.vfd .dim{opacity:.45;font-size:.95rem}.lamps{display:flex;gap:10px;align-items:center;min-height:44px;padding:0 6px;background:#14110c;border-radius:8px;box-shadow:inset 0 2px 5px #000,0 1px #fff8;justify-content:center}.lamp{width:14px;height:14px;border-radius:50%;background:var(--lamp-off);box-shadow:inset 0 1px 3px #000,0 1px #fff3;display:inline-block;transition:.15s}.lamp.on.amber{background:var(--amber);box-shadow:0 0 10px 2px #ffa21f99,inset 0 0 3px #fff9}.lamp.on.green{background:var(--green);box-shadow:0 0 8px 2px #3f9a,inset 0 0 3px #fff9}.movie-sub{position:absolute;left:6%;right:6%;bottom:14%;z-index:6;text-align:center;color:#fff;font-size:1rem;line-height:1.8;font-style:italic;font-weight:600;letter-spacing:.04em;pointer-events:none;opacity:0;transition:opacity .6s ease;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000,0 2px 6px #000}.movie-sub.show{opacity:1}.movie-sub div{margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:100%}.knob:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:1px solid #0002;background:repeating-conic-gradient(#0000 0,#0000 6deg,#0001 6deg,#0001 8deg)}.knob:active{cursor:grabbing}.knob .mark{position:absolute;left:50%;top:5px;width:4px;height:22px;margin-left:-2px;border-radius:2px;background:#2a1c10;z-index:2;box-shadow:0 1px #fff6}.key:active,.key.pressed{transform:translateY(4px);box-shadow:0 0 0 var(--cream-dk),0 1px 2px #0006,inset 0 3px 5px #0004}.key:focus-visible{outline:3px solid #2a6cd8;outline-offset:3px}.cam-cell .lamp{width:10px;height:10px}.report-main{display:flex;align-items:center;gap:10px;flex:1 1 100%}.lamp-big{width:16px;height:16px;border-radius:50%;background:#5a2a24;box-shadow:inset 0 1px 3px #000;flex:none;transition:.15s}.lamp-big.lit{background:#ff4a3d;box-shadow:0 0 12px 3px #ff3a2d99,inset 0 0 3px #fff9}.cat-grid .key{min-height:48px;font-size:.82rem}.cat-grid .key.cancel{background:linear-gradient(180deg,#cfc7b3,#b5ab93 55%,#968c75)}@media(min-width:900px){.cabinet{max-width:1080px;flex-direction:row;align-items:stretch;padding:22px;gap:20px;margin:20px 0}.tube{align-self:center;flex:0 0 auto;width:min(60vh * .9,560px);width:calc((100vh - 120px)*.75 + 56px);max-width:600px;min-width:420px}.panel{margin:0;flex:1;justify-content:space-between;padding:18px}.cabinet{align-self:center}}@media(prefers-reduced-motion:reduce){.pic,.rec-dot{animation:none}}.cabinet>*,.tube>*,.panel>*{position:relative;z-index:1}.cabinet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:var(--wear);background:linear-gradient(180deg,#5f411957,#5f411900) 18% 0 / 3px 90px no-repeat,linear-gradient(180deg,#5f411947,#5f411900) 71% 0 / 2px 140px no-repeat,linear-gradient(180deg,#5037144d,#50371400) 93% 4% / 3px 70px no-repeat,radial-gradient(circle at 0 0,rgba(70,48,22,.4),transparent 46px),radial-gradient(circle at 100% 0,rgba(70,48,22,.32),transparent 40px),radial-gradient(circle at 0 100%,rgba(70,48,22,.45),transparent 60px),radial-gradient(circle at 100% 100%,rgba(70,48,22,.45),transparent 60px),radial-gradient(ellipse 45% 22% at 22% 38%,rgba(150,110,40,.2),transparent 70%),radial-gradient(ellipse 40% 30% at 82% 64%,rgba(130,90,30,.22),transparent 70%),linear-gradient(180deg,transparent 55%,rgba(110,75,25,.22) 100%),var(--mottle),var(--grain);box-shadow:inset 0 0 22px 2px #50371473,inset 0 -14px 20px -8px #462d0f66}.label,.drag-hint,.maker{-webkit-mask-image:linear-gradient(95deg,rgba(0,0,0,calc(1 - .3 * var(--wear))) 0%,#000 22%,rgba(0,0,0,calc(1 - .4 * var(--wear))) 48%,#000 70%,rgba(0,0,0,calc(1 - .25 * var(--wear))) 100%);mask-image:linear-gradient(95deg,rgba(0,0,0,calc(1 - .3 * var(--wear))),#000 22%,rgba(0,0,0,calc(1 - .4 * var(--wear))) 48%,#000 70%,rgba(0,0,0,calc(1 - .25 * var(--wear))))}.cam-cell,.cat-grid{--dust: rgba(60, 40, 18, .35)}.cam-cell .key{width:100%;min-height:48px;font-size:1.05rem;box-shadow:0 4px 0 var(--cream-dk),0 6px 6px #0005,inset 0 1px 1px #fffa,0 0 0 2px rgba(60,40,18,calc(.28 * var(--wear)))}.cam-cell .key:active,.cam-cell .key.pressed{box-shadow:0 0 0 var(--cream-dk),0 1px 2px #0006,inset 0 3px 5px #0004,0 0 0 2px rgba(60,40,18,calc(.28 * var(--wear)))}.vfd:after,.lamps:after,.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:5;opacity:var(--wear);background:radial-gradient(ellipse 30% 55% at 72% 55%,rgba(255,255,255,.1),transparent 70%),radial-gradient(ellipse 22% 40% at 28% 35%,rgba(255,255,255,.07),transparent 70%),var(--grain)}.glass:after{background:radial-gradient(ellipse 14% 10% at 68% 70%,rgba(255,255,255,.06),transparent 75%),radial-gradient(ellipse 20% 12% at 30% 28%,rgba(255,255,255,.05),transparent 75%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.05) 0 3px,transparent 6px),radial-gradient(circle at 15% 80%,rgba(255,255,255,.05) 0 2px,transparent 5px)}.retro{width:100%;min-height:100vh;background:radial-gradient(ellipse at 50% 30%,var(--desk) 0%,var(--desk2) 80%);font-family:var(--font-label);color:var(--ink);overflow-x:hidden}.cabinet{width:100%;max-width:560px;padding:5px 4px 6px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,var(--cream-hi),var(--cream) 12%,var(--cream) 85%,var(--cream-lo));border-radius:12px;margin:0 auto;box-shadow:0 20px 50px #000a,inset 0 2px 2px #fff6,inset 0 -3px 6px #0003;position:relative}@media(max-width:440px){.cabinet{max-width:none;border-radius:0}}.tube{background:none;border-radius:0;padding:0;box-shadow:none;position:relative}.bezel{background:var(--bezel);border-radius:24px;padding:7px 7px 20px;box-shadow:inset 0 0 0 2px #222,inset 0 4px 12px #000,0 0 0 2px #3c281259,0 3px 6px 1px #28190a80,0 -1px 0 1px #fff6}.glass{position:relative;aspect-ratio:3/4;border-radius:17px/19px;overflow:hidden;background:#050505;box-shadow:inset 0 0 40px 8px #000c,inset 0 0 8px 1px #000;isolation:isolate}.panel{padding:2px 2px 0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;gap:9px;margin:0}.status{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px}.cell{display:flex;flex-direction:column;gap:3px;min-width:0}.vfd,.lamps{position:relative;min-height:44px}.knobs{display:flex;justify-content:space-around;padding:2px 0 0}.cams{display:flex;flex-direction:column;gap:4px}.cam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 8px;padding:2px 2px 3px}.cam-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.report{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 8px;padding-bottom:4px}.speaker{height:14px;border-radius:8px;opacity:.55;background:repeating-linear-gradient(90deg,#0000 0,#0000 6px,#0000 6px,#0000 8px),radial-gradient(circle,#0006 1.4px,#0000 2px) 0 0/8px 8px;box-shadow:inset 0 1px 3px #0003}@media(min-width:900px){.cabinet{max-width:none;width:100%;min-height:100vh;margin:0;padding:8px;flex-direction:row;align-items:stretch;gap:14px;border-radius:0}.tube{flex:none;width:auto;min-width:0;max-width:none;height:calc(100vh - 16px);display:flex;align-self:flex-start}.bezel{height:100%;display:flex}.glass{height:100%;width:auto;aspect-ratio:3 / 4}.panel{flex:1;min-width:0;justify-content:space-between;padding:4px 6px}.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.panel{zoom:1.3}}@media(min-width:1400px){.panel{zoom:1.45}}@media(min-width:900px){.movie-sub{font-size:1.45rem}}.retro{--desk: #17140f;--desk2: #0e0c09;--cream: #d9ceb0;--cream-hi: #ece3c9;--cream-lo: #b3a785;--cream-dk: #8f8466;--ink: #3a2f22;--ink-soft: #5b4d3a;--bezel: #0b0b0a;--red: #d3342a;--green: #4fd36a;--amber: #ffb23a;--lamp-off: #4a4030;--font-label: "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "DejaVu Sans Mono", Menlo, Consolas, monospace;--wear: 1;--grain: linear-gradient(transparent, transparent);--mottle: linear-gradient(transparent, transparent);--stain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.007' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .30 0 0 0 0 .14 1.5 0 0 0 -.58'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--soot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='460'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .09 0 0 0 0 .05 1.7 0 0 0 -.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--drip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='520'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .003' numOctaves='2' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .19 0 0 0 0 .06 3.2 0 0 0 -1.55'/%3E%3CfeGaussianBlur stdDeviation='2 8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--grease: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='260'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .03' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .21 0 0 0 0 .08 3 0 0 0 -1.4'/%3E%3CfeGaussianBlur stdDeviation='8 2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}.cam-cell .key,.cat-grid .key{outline-offset:3px;box-shadow:0 4px 0 var(--cream-dk),0 6px 6px #0005,inset 0 1px 1px #fffa,0 0 10px 3px rgba(50,30,10,calc(.3 * var(--wear)))}.cam-cell .key:active,.cam-cell .key.pressed,.cat-grid .key:active,.cat-grid .key.pressed{box-shadow:0 0 0 var(--cream-dk),0 1px 2px #0006,inset 0 3px 5px #0004,0 0 10px 3px rgba(50,30,10,calc(.3 * var(--wear)))}.key-report:active,.key-report.pressed{box-shadow:0 0 #6a130d,0 1px 2px #0006,inset 0 3px 6px #0006,0 0 12px 4px rgba(50,30,10,calc(.3 * var(--wear)))}.knob:focus-visible{box-shadow:0 0 0 4px var(--cream-dk),0 0 0 7px #2a6cd8,0 5px 8px 3px #0006}.knob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:1;opacity:var(--wear);background:radial-gradient(ellipse 40% 28% at 35% 30%,rgba(255,255,255,.22),transparent 70%),radial-gradient(ellipse 45% 30% at 65% 72%,rgba(70,45,15,.22),transparent 75%),radial-gradient(circle at 50% 50%,transparent 60%,rgba(60,40,18,.3) 100%)}.key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:var(--wear);background:radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.3),transparent 58%),radial-gradient(ellipse 30% 26% at 70% 62%,rgba(var(--blot),.28),transparent 80%);box-shadow:inset 0 0 0 1px #28190a66,inset 0 -7px 9px -5px #28190a73,inset 0 0 8px 1px #28190a40}.cabinet:before{background-image:linear-gradient(103deg,transparent 44%,rgba(255,255,255,.6) 47%,rgba(50,30,10,.5) 53%,transparent 56%),linear-gradient(80deg,transparent 44%,rgba(255,255,255,.5) 47%,rgba(50,30,10,.45) 53%,transparent 56%),linear-gradient(118deg,transparent 44%,rgba(255,255,255,.5) 47%,rgba(50,30,10,.45) 53%,transparent 56%),var(--mottle),var(--grain);background-size:58px 12px,40px 10px,30px 14px,420px 420px,240px 240px;background-position:3% 1.2%,96% 98%,1% 70%,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.7) 42%,rgba(60,38,14,.55) 52%,transparent 58%) 4% 1.6% / 34px 9px no-repeat,linear-gradient(78deg,transparent 38%,rgba(255,255,255,.65) 42%,rgba(60,38,14,.5) 52%,transparent 58%) 95% 97% / 30px 9px no-repeat,linear-gradient(112deg,transparent 38%,rgba(255,255,255,.6) 42%,rgba(60,38,14,.5) 52%,transparent 58%) 1.5% 62% / 26px 9px no-repeat,radial-gradient(ellipse 22px 12px at 0 0,#8a7650 0 60%,transparent 78%) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 18px 14px at 100% 100%,#86724c 0 60%,transparent 78%) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 16px 10px at 100% 0,#8d7a55 0 55%,transparent 75%) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 4px 90px at 17% 0,rgba(70,45,15,.32),transparent) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 3px 130px at 64% 0,rgba(70,45,15,.26),transparent) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 4px 70px at 88% 0,rgba(70,45,15,.3),transparent) 0 0 / 100% 100% no-repeat,radial-gradient(ellipse 3px 100px at 41% 0,rgba(70,45,15,.22),transparent) 0 0 / 100% 100% no-repeat,radial-gradient(circle at 0 100%,rgba(50,32,12,.5),transparent 130px),radial-gradient(circle at 100% 100%,rgba(50,32,12,.5),transparent 130px),radial-gradient(circle at 0 0,rgba(50,32,12,.35),transparent 90px),radial-gradient(circle at 100% 0,rgba(50,32,12,.3),transparent 90px),linear-gradient(180deg,transparent 60%,rgba(60,38,14,.3) 100%),var(--soot) 0 0 / 460px 460px repeat,var(--stain) 0 0 / 520px 520px repeat;opacity:calc(var(--wear) * .72)}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.knob-wrap .label{margin-bottom:4px}.drag-hint{font-size:.68rem;letter-spacing:.1em;color:var(--ink-soft);margin-top:0;white-space:nowrap;line-height:1.3}.knob{--a: 0deg;width:60px;height:60px;border-radius:50%;position:relative;cursor:grab;touch-action:none;outline:none;background:radial-gradient(circle at 35% 30%,#f3ecd6,#c9bd9b 55%,#a59a78);box-shadow:0 0 0 5px var(--cream-dk),0 0 0 7px #0003,0 0 9px 5px rgba(50,30,10,calc(.3 * var(--wear))),0 4px 5px 1px #0006,inset 0 -3px 5px #0003,inset 0 2px 2px #fff9;transform:rotate(var(--a));margin-bottom:20px}.vfd--center{justify-content:center}.cams .label{text-align:center}.tube>.maker{position:absolute;left:auto;bottom:4px;padding:0;z-index:2;color:#a99d7e;font-size:.58rem;right:26px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.dialog{position:relative;width:min(100%,360px);padding:16px 14px 14px;border-radius:18px;background:linear-gradient(180deg,var(--cream-hi),var(--cream) 14%,var(--cream) 85%,var(--cream-lo));box-shadow:0 18px 40px #000b,0 0 0 2px #3c281266,inset 0 2px 2px #fff7,inset 0 -3px 6px #0003;display:flex;flex-direction:column;gap:10px}.dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:calc(var(--wear) * .72);background:radial-gradient(circle at 0 100%,rgba(50,32,12,.5),transparent 90px),radial-gradient(circle at 100% 100%,rgba(50,32,12,.5),transparent 90px),radial-gradient(circle at 0 0,rgba(50,32,12,.35),transparent 70px),var(--soot) 0 0 / 460px 460px repeat,var(--stain) 0 0 / 520px 520px repeat}.dialog>*{position:relative;z-index:1}.dialog .dlg-title{text-align:center}.dialog .cat-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px}@media(min-width:900px){.dialog{width:460px;zoom:1.25}.dialog .cat-grid{grid-template-columns:repeat(2,1fr)}}.osd-result{left:0;right:0;top:12%;text-align:center;font-size:.85rem;letter-spacing:.18em;color:#7dff9e;text-shadow:0 0 6px #2f6,0 0 2px #cfe;opacity:0;transition:opacity .7s ease;pointer-events:none}.osd-result.show{opacity:1;transition-duration:.12s}.osd-result.bad{color:#ff6a5c;text-shadow:0 0 6px #f33,0 0 2px #fcc}@media(min-width:900px){.osd-result{font-size:1.25rem}}.status .cell .label{text-align:center}.key{font-family:var(--font-label);font-weight:600;letter-spacing:.1em;color:var(--ink);cursor:pointer;border:0;border-radius:9px;min-height:44px;min-width:44px;padding:0 10px;position:relative;background:linear-gradient(180deg,var(--cream-hi),var(--cream) 55%,var(--cream-lo));box-shadow:0 4px 0 var(--cream-dk),0 6px 6px #0005,inset 0 1px 1px #fffa;transition:transform .06s,box-shadow .06s;touch-action:manipulation;--blot: 236, 227, 201;padding-left:calc(10px + .1em)}.key-report{flex:1;min-height:56px;font-size:1.1rem;letter-spacing:.2em;color:#fff3ea;background:linear-gradient(180deg,#ee5a4c,var(--red) 55%,#9e2119);box-shadow:0 5px #6a130d,0 7px 7px #0006,inset 0 1px 1px #fff7,0 0 12px 4px rgba(50,30,10,calc(.3 * var(--wear)));text-shadow:0 -1px 0 #0006;--blot: 211, 52, 42;padding-left:calc(10px + .2em)}.cam-lamps{display:flex;align-items:center;justify-content:center;gap:6px;height:10px}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.hidden{display:none}.table{display:table}.border-collapse{border-collapse:collapse}.border{border-style:var(--tw-border-style);border-width:1px}.text-\[color\:var\(--text-hi\)\]{color:var(--text-hi)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[transform_var\(--dur-fast\)_var\(--ease\)\]{transition-property:transform var(--dur-fast)var(--ease);transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--surface-0:#0a0a0b;--surface-1:#121316;--surface-2:#1c1d22;--surface-3:#26282f;--scrim:#000c;--outline:#3a3d46;--outline-strong:#5a5e6b;--primary:#34a853;--primary-on:#0a1f0e;--secondary:#4285f4;--secondary-on:#07142b;--warning:#fbbc04;--danger:#ea4335;--accent-violet:#a36bff;--text-hi:#e8eaed;--text-mid:#9aa0a6;--text-low:#5f6368;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-sans:Inter,system-ui,sans-serif;--text-display:2.5rem;--text-h1:1.75rem;--text-h2:1.25rem;--text-time:1.5rem;--text-body:.95rem;--text-label:.8rem;--text-caption:.7rem;--space-0:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--elev-1:0 1px 2px #0009;--elev-2:0 2px 6px #0000008c;--elev-3:0 6px 16px #00000080;--elev-4:0 12px 28px #00000080,0 4px 10px #0006;--ease:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(0,0,.2,1);--dur-fast:.12s;--dur-base:.24s;--dur-slow:.6s;--dur-toast:1.5s;--camera-info-h:80px;font-family:var(--font-mono);color:var(--text-hi);background:var(--surface-0);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box;font-variant-numeric:tabular-nums;margin:0;padding:0}body{background:var(--surface-0);min-width:320px;min-height:100vh;color:var(--text-hi);overscroll-behavior:none;margin:0}#root{justify-content:center;width:100%;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--outline-strong);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.4}}@keyframes flash-correct{0%{background:#34a85300}20%{background:#34a85359}to{background:#34a85300}}@keyframes flash-wrong{0%{background:#ea433500}10%{background:#ea433573}to{background:#ea433500}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}