:root{--cyan:#a9e0ec;--cyan-dim:#5f97a4;--glow:#7fd4e6;--screen-0:#173640;--screen-1:#0a1f26;--screen-2:#050f13}.mdr{position:relative;container-type:size;width:min(96vw,170vh);aspect-ratio:1672/941;background:#02060a url(./lumonecran-DK41z00O.png) center/cover no-repeat;--gx:14%;--gy:12%;--gw:72.2%;--gh:70.5%}.screen{position:absolute;left:var(--gx);top:var(--gy);width:var(--gw);height:var(--gh);border-radius:5%/9%;overflow:hidden;background:radial-gradient(ellipse 80% 72% at 50% 45%,#14303ae6,#091c22f0 55%,#050f13f7);box-shadow:inset 0 0 50px 10px #000;cursor:crosshair;-webkit-user-select:none;user-select:none}.topbar{position:absolute;top:10px;left:14px;right:14px;height:30px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--cyan-dim);border-radius:5px;padding:0 12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#0e2730aa,#0a1c22aa);z-index:6;text-shadow:0 0 8px var(--glow)}.topbar .file{font-weight:700}.topbar .complete{position:absolute;left:50%;transform:translate(-50%);font-weight:700}.topbar .right{display:flex;align-items:center;gap:12px}.mute{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;border-radius:4px;filter:grayscale(.3);opacity:.85;transition:opacity .15s,transform .15s}.mute:hover{opacity:1;transform:scale(1.1)}.timer{font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.timer.low{color:#ff8d6b;text-shadow:0 0 10px #ff6b4a;animation:pulse .7s steps(2) infinite}@keyframes pulse{50%{opacity:.45}}.logo{display:flex;align-items:center;gap:7px;font-weight:700;letter-spacing:.22em}.logo svg{width:18px;height:18px;filter:drop-shadow(0 0 4px var(--glow))}.timebar{position:absolute;top:44px;left:14px;right:14px;height:3px;z-index:6;background:#0a1c2288;border-radius:2px;overflow:hidden}.timebar-fill{height:100%;width:100%;background:linear-gradient(90deg,#2c6b78,var(--glow));box-shadow:0 0 8px var(--glow);transition:width .12s linear}.timebar.low .timebar-fill{background:linear-gradient(90deg,#a33,#ff8d6b);box-shadow:0 0 10px #ff6b4a}canvas.field{position:absolute;top:46px;left:10px;width:calc(100% - 20px);height:calc(100% - 132px);z-index:2}.bins{position:absolute;left:14px;right:14px;bottom:30px;height:46px;display:flex;gap:10px;z-index:6}.bin{flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.bin .lid{position:absolute;top:0;left:0;right:0;height:9px;border:1px solid var(--cyan-dim);border-bottom:none;border-radius:4px 4px 0 0;transform-origin:left center;transition:transform .25s ease}.bin.flash .lid{transform:perspective(40px) rotateX(38deg) translateY(-3px)}.bin .body{border:1px solid var(--cyan-dim);border-radius:0 0 4px 4px;height:34px;position:relative;overflow:hidden;background:#0a1c2255}.bin .fill{position:absolute;left:0;bottom:0;width:100%;height:0%;background:linear-gradient(#7fd4e6aa,#2c6b78aa);transition:height .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px var(--glow)}.bin .meta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;letter-spacing:.1em;text-shadow:0 0 6px var(--glow);z-index:2}.bin .num{font-weight:700}.bin .pct{font-size:12px}.footer{position:absolute;bottom:9px;left:14px;right:14px;z-index:6;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:var(--cyan-dim)}.footer .tenure{color:var(--cyan);text-shadow:0 0 6px var(--glow)}.footer .hex{opacity:.8}.selbox{position:absolute;border:1px solid var(--glow);background:#7fd4e618;pointer-events:none;z-index:4;display:none;box-shadow:0 0 14px var(--glow);border-radius:2px}.screen.is-start{cursor:default}.start-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:6% 8%;text-align:center;animation:startin .6s ease both}@keyframes startin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.start-logo{width:min(62%,440px);aspect-ratio:1650 / 1000;background:url(./lumon-logo-SQqCSjSn.png) center/contain no-repeat;filter:drop-shadow(0 0 16px rgba(127,212,230,.3))}.start-sub{font-size:clamp(10px,1.4vw,14px);letter-spacing:.42em;text-transform:uppercase;color:#9fc7d2;margin-top:-4px;text-shadow:0 0 8px var(--glow)}.start-prompt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:clamp(9px,1.2vw,12px);letter-spacing:.16em;text-transform:uppercase;color:#7fa9b4}.start-prompt .dim{opacity:.4}.start-langs{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.lang-btn{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:clamp(13px,1.5vw,16px);letter-spacing:.06em;color:#cdeef6;background:#1228308c;border:1px solid #355c66;border-radius:9px;padding:11px 22px;cursor:pointer;min-width:150px;justify-content:center;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.lang-btn:hover{transform:translateY(-2px);border-color:var(--glow);background:#1c3a44cc;box-shadow:0 0 26px -6px var(--glow)}.lang-btn .flag{font-size:11px;font-weight:700;letter-spacing:.1em;background:var(--glow);color:#06222a;border-radius:5px;padding:3px 7px}.start-foot{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#3f5e66;margin-top:8px}.scan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#0003 2px,#0003 3px);mix-blend-mode:multiply;opacity:.5}.flicker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#7fd4e60a,transparent 70%);animation:flick 6s infinite}@keyframes flick{0%,to{opacity:.5}48%{opacity:.7}50%{opacity:.35}52%{opacity:.65}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 60px 16px #000,inset 0 0 150px 34px #0000008c;background:radial-gradient(125% 120% at 50% 48%,transparent 58%,rgba(0,0,0,.5) 100%)}.hint{position:absolute;left:50%;bottom:84px;transform:translate(-50%);z-index:6;font-size:11px;letter-spacing:.14em;color:var(--cyan-dim);text-transform:uppercase;transition:opacity .4s;text-shadow:0 0 6px var(--glow);text-align:center;width:80%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;overflow:auto;padding:clamp(12px,5cqmin,40px);text-align:center;animation:ovfade .5s ease both}@keyframes ovfade{0%{opacity:0}to{opacity:1}}.ov-inner{max-width:640px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.9cqmin,16px)}.ov-kicker{font-size:clamp(9px,1.7cqmin,11px);letter-spacing:.32em;text-transform:uppercase;color:var(--cyan-dim)}.ov-kicker.red{color:#ff8d6b}.ov-title{font-size:clamp(16px,4.3cqmin,26px);font-weight:700;letter-spacing:.04em;text-shadow:0 0 14px var(--glow)}.ov-praise{font-style:italic;color:var(--cyan);opacity:.9;line-height:1.5;font-size:clamp(11px,2.3cqmin,15px)}.ov-note{font-size:clamp(9px,2cqmin,12px);letter-spacing:.14em;color:var(--cyan-dim);text-transform:uppercase}.ov-btn{font-family:inherit;font-size:clamp(11px,2.1cqmin,13px);letter-spacing:.12em;text-transform:uppercase;color:#06222a;background:var(--cyan);border:none;border-radius:6px;padding:clamp(8px,1.6cqmin,11px) clamp(16px,3cqmin,22px);cursor:pointer;font-weight:700;box-shadow:0 0 22px -4px var(--glow);transition:transform .15s,box-shadow .15s}.ov-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px -2px var(--glow)}.ov-btn:disabled{opacity:.4;cursor:not-allowed}.wellness{background:radial-gradient(ellipse at 50% 40%,#13343fee,#06141af7 70%)}.facts{list-style:none;display:flex;flex-direction:column;gap:clamp(6px,1.5cqmin,12px);margin:0 auto;max-width:520px}.facts li{font-size:clamp(11px,2.4cqmin,15px);line-height:1.4;color:var(--cyan);opacity:0;animation:factin .8s ease forwards}@keyframes factin{0%{opacity:0;transform:translateY(8px)}to{opacity:.95;transform:none}}.breakroom{background:radial-gradient(ellipse at 50% 40%,#2a1518ee,#0c0608f7 70%)}.apology{border-left:2px solid #ff8d6b;padding:clamp(5px,1.2cqmin,8px) 0 clamp(5px,1.2cqmin,8px) 16px;margin:0 auto;max-width:520px;text-align:left;font-style:italic;line-height:1.5;color:#f0c3b4;font-size:clamp(11px,2.3cqmin,15px)}.contrition{width:100%;max-width:520px;min-height:clamp(52px,11cqmin,84px);resize:none;background:#0c0608;border:1px solid #5a3a3a;border-radius:6px;color:#ffd9cc;font-family:inherit;font-size:clamp(12px,2.2cqmin,14px);line-height:1.5;padding:10px 12px;outline:none}.contrition:focus{border-color:#ff8d6b;box-shadow:0 0 14px -4px #ff6b4a}.sincerity{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;margin:0 auto;font-size:clamp(9px,1.8cqmin,11px);letter-spacing:.1em;color:#d9a99c}.meter{flex:1;height:7px;background:#2a1518;border-radius:4px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,#a33,#ff8d6b);transition:width .4s ease;box-shadow:0 0 8px #ff6b4a}.ov-feedback{color:#ff8d6b;margin:0;font-style:italic;min-height:18px;font-size:clamp(11px,2.2cqmin,14px)}.ov-feedback.ok{color:#7be6a0}.jazz-overlay{pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#0d2b33aa,transparent 70%)}.jazz-banner{margin:auto}.jazz-kicker{font-size:clamp(10px,2cqmin,12px);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan-dim);margin-bottom:6px}.jazz-banner h2{font-size:clamp(24px,6.5cqmin,42px);font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,#7fd4e6,#ffd166,#ef476f,#06d6a0,#c77dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hue 3s linear infinite;filter:drop-shadow(0 0 16px #7fd4e6aa)}.jazz-banner p{margin-top:10px;color:var(--cyan);letter-spacing:.1em;font-size:clamp(10px,2cqmin,12px);text-transform:uppercase}@keyframes hue{to{filter:hue-rotate(360deg) drop-shadow(0 0 16px #7fd4e6aa)}}.confetti{position:absolute;top:-20px;border-radius:1px;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(540deg);opacity:.9}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#05080a;font-family:Consolas,SF Mono,Menlo,monospace;color:#a9e0ec;-webkit-font-smoothing:antialiased}#root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.site-link{position:fixed;top:14px;right:18px;z-index:1000;font-family:Consolas,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.08em;color:#6f8a93;text-decoration:none;opacity:.75;transition:color .15s,opacity .15s,text-shadow .15s}.site-link:hover{color:#a9e0ec;opacity:1;text-shadow:0 0 10px rgba(120,200,220,.6)}.block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:32px 24px;min-height:100vh;width:100%;background:radial-gradient(ellipse 90% 70% at 50% 38%,#143540,#08171c 60%,#040d10);animation:blockin .5s ease both}@keyframes blockin{0%{opacity:0}to{opacity:1}}.block-logo{width:min(72vw,300px);aspect-ratio:1650 / 1000;background:url(./lumon-logo-SQqCSjSn.png) center/contain no-repeat;filter:drop-shadow(0 0 16px rgba(127,212,230,.3))}.block-msg{max-width:440px;display:flex;flex-direction:column;gap:18px}.block-lead{font-size:15px;line-height:1.55;color:#a9e0ec}.block-lead strong{color:#dffaff;letter-spacing:.02em}.block-lead.en{font-size:13px;color:#7fa9b4}.block-link{font-size:13px;letter-spacing:.08em;color:#6f8a93;text-decoration:none;border:1px solid #355c66;border-radius:8px;padding:9px 18px;transition:color .15s,border-color .15s}.block-link:hover{color:#a9e0ec;border-color:#7fd4e6}.block-foot{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#3f5e66}