@font-face{font-family:"Orbitron";src:url("./assets/Orbitron.woff2") format("woff2");font-display:swap;font-weight:400 900}
@font-face{font-family:"Inter";src:url("./assets/Inter_latin.woff2") format("woff2");font-display:swap;font-weight:100 900}

:root {
  --plum: #17182e;
  --plum-2: #20223f;
  --plum-3: #5c6085;
  --cream: #f0f1f8;
  --paper: #292b4b;
  --peach: #303051;
  --floor: #20223f;
  --coral: #ef5968;
  --coral-dark: #a92f43;
  --amber: #ffbd3d;
  --amber-dark: #b86b00;
  --mint: #37b7b0;
  --mint-dark: #177e7b;
  --sky: #5faaff;
  --violet: #6168cb;
  --violet-bright: #8389ee;
  --ink: #f0f1f8;
  --white: #fff;
  --shadow: 0 8px 0 rgba(36, 18, 47, .18);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

* { box-sizing: border-box; }

html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }

body {
  background: var(--plum);
  color: var(--ink);
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}

button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 4px solid var(--sky); outline-offset: 3px; }

.app-shell {
  position: relative;
  width: 100vw;
  height: 100dvh;
  min-height: 560px;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(246,78,98,.19) 0 10%, transparent 10.4%),
    linear-gradient(145deg, #351c42, var(--plum) 52%);
  padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
}

.topbar {
  height: clamp(48px, 6.3vh, 58px);
  padding: 0 clamp(14px, 2.2vw, 30px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--cream);
  border-bottom: 2px solid rgba(255,255,255,.09);
  position: relative;
  z-index: 30;
}

.wordmark {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--cream);
  font-size: clamp(14px, 1.6vw, 19px);
  font-weight: 950;
  letter-spacing: .12em;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 0;
  min-height: 44px;
}

.wordmark-dot { width: 18px; height: 18px; border-radius: 6px; background: var(--coral); box-shadow: inset -4px -4px 0 rgba(104,19,44,.18); transform: rotate(-8deg); }
.round-live .wordmark{opacity:.72;pointer-events:none}.round-live .topbar .icon-button:disabled{opacity:.45}
.topbar-actions { display: flex; align-items: center; gap: 9px; }
.language-switch{display:grid;grid-template-columns:repeat(2,44px);height:44px;border:1px solid rgba(95,170,255,.3);border-radius:8px;overflow:hidden;background:rgba(32,34,63,.84)}.language-switch button{min-width:44px;min-height:44px;border:0;background:transparent;color:#a5a8c0;font:800 10px/1 "Inter",system-ui,sans-serif;letter-spacing:.08em;touch-action:manipulation}.language-switch button+button{border-left:1px solid rgba(95,170,255,.2)}.language-switch button[aria-pressed="true"]{background:#6168cb;color:#fff}.language-switch button:disabled{opacity:.48}
.icon-button { min-height: 44px; border: 2px solid rgba(255,255,255,.24); border-radius: 10px; padding: 0 12px; background: rgba(255,255,255,.08); color: var(--cream); font-size: 10px; letter-spacing: .08em; font-weight: 900; }
.icon-button:active { transform: translateY(2px); }
.how-step i,.score-block>span>i,.office-sign>i:last-child{font-style:normal}.hero-burst,.prize-copy h2{white-space:pre-line}
.offline-status { color: var(--mint); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.offline-status::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: currentColor; margin-right: 6px; box-shadow: 0 0 0 3px rgba(82,214,173,.15); }

.screen-stack { position: relative; height: calc(100% - clamp(48px, 6.3vh, 58px)); }
.screen { position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: scale(.985); transition: opacity .24s ease, transform .28s ease; pointer-events: none; }
.screen.is-active { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }

/* Title */
.title-screen {
  display: grid;
  grid-template-columns: minmax(380px, .88fr) minmax(500px, 1.12fr);
  gap: clamp(12px, 2vw, 32px);
  padding: clamp(22px, 5vh, 58px) clamp(28px, 5.3vw, 80px) clamp(20px, 4vh, 48px);
  color: var(--cream);
}

.hero-copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 8px; display: flex; align-items: center; gap: 12px; font-size: clamp(16px, 2vw, 24px); font-weight: 950; letter-spacing: .14em; }
.hero-time { display: inline-block; padding: 5px 10px 4px; border: 3px solid var(--cream); border-radius: 9px; color: var(--amber); transform: rotate(-2deg); letter-spacing: .04em; }
.hero-copy h1 { margin: 0; color: var(--cream); font-size: clamp(62px, 8.7vw, 126px); line-height: .76; letter-spacing: -.075em; font-weight: 1000; text-shadow: 0 7px 0 rgba(0,0,0,.13); }
.hero-copy h1 em { color: var(--coral); font-style: normal; font-size: .68em; letter-spacing: -.055em; }
.hero-deck { max-width: 520px; margin: clamp(16px, 2.8vh, 28px) 0 18px; color: #ecddeb; font-size: clamp(13px, 1.45vw, 19px); line-height: 1.42; font-weight: 650; }
.start-actions { display: flex; align-items: center; gap: 18px; }
.primary-button { min-height: 58px; appearance: none; border: 0; border-radius: 17px; background: var(--coral); color: white; padding: 0 22px; display: flex; align-items: center; justify-content: center; gap: 18px; font-size: clamp(13px, 1.5vw, 18px); letter-spacing: .045em; font-weight: 950; box-shadow: 0 7px 0 var(--coral-dark), 0 12px 24px rgba(0,0,0,.19); cursor: pointer; }
.primary-button b { font-size: 1.45em; line-height: 1; }
.primary-button:active { transform: translateY(5px); box-shadow: 0 2px 0 var(--coral-dark); }
.text-button { border: 0; background: transparent; color: inherit; min-height: 48px; padding: 0 4px; border-bottom: 2px solid currentColor; font-size: clamp(11px, 1.2vw, 15px); font-weight: 850; cursor: pointer; }
.how-to { display: flex; gap: clamp(9px, 1.5vw, 18px); margin-top: clamp(17px, 3.5vh, 34px); }
.how-step { display: flex; align-items: center; gap: 7px; color: #d6c5d9; font-size: clamp(9px, .95vw, 12px); line-height: 1.1; }
.how-step strong { display: block; color: var(--cream); margin-top: 2px; }
.tap-chip { width: 35px; height: 35px; border-radius: 11px; display: grid; place-items: center; color: var(--plum); box-shadow: inset -3px -3px 0 rgba(0,0,0,.13); }
.tap-chip.amber { background: var(--amber); }.tap-chip.coral { background: var(--coral); color: white; }.tap-chip.mint { background: var(--mint); }

.hero-scene { align-self: center; position: relative; min-height: min(69vh, 610px); border: clamp(7px, .8vw, 11px) solid #54305f; border-radius: 34px; background: var(--floor); box-shadow: 0 20px 50px rgba(0,0,0,.28), inset 0 0 0 4px rgba(255,255,255,.16); overflow: hidden; transform: rotate(1deg); }
.hero-scene::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.12) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,.12) 2px, transparent 2px); background-size: 48px 48px; transform: perspective(500px) rotateX(62deg) scale(1.6); transform-origin: bottom; opacity: .55; }
.window-view { position: absolute; z-index: 1; top: 5%; right: 5%; width: 30%; height: 23%; border: 7px solid var(--cream); border-radius: 14px; background: linear-gradient(#63c9ef 0 55%, #8fd77f 56%); overflow: hidden; box-shadow: var(--shadow); }
.window-view::after { content: ""; position: absolute; left: 49%; top: 0; bottom: 0; border-left: 5px solid var(--cream); }
.window-view i { position: absolute; bottom: 0; width: 35%; height: 36%; background: var(--plum-3); clip-path: polygon(0 100%,45% 0,100% 100%); }.window-view i:nth-child(2){left:30%;height:28%;}.window-view i:nth-child(3){right:0;height:42%;}
.window-view span { position: absolute; z-index: 2; top: 8px; left: 9px; color: white; font-size: clamp(8px, .8vw, 11px); letter-spacing: .08em; text-shadow: 0 2px 0 rgba(0,0,0,.2); }
.preview-office { position: absolute; inset: 12% 5% 5%; display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,1fr); gap: 2%; align-items: end; }
.preview-desk { position: relative; min-width: 0; filter: drop-shadow(0 7px 0 rgba(91,50,103,.16)); animation: deskFloat 3s ease-in-out infinite; }.preview-desk:nth-child(2n){animation-delay:-1s}.preview-desk:nth-child(3n){animation-delay:-2s}.preview-desk svg { display:block;width:100%;height:auto;overflow:visible; }
.hero-burst { position: absolute; z-index: 5; left: 4%; top: 5%; width: clamp(60px,8vw,105px); aspect-ratio:1; display:grid;place-items:center;text-align:center;line-height:.85;background:var(--amber);color:var(--plum);font-size:clamp(15px,2vw,25px);font-weight:1000;clip-path:polygon(50% 0,61% 17%,80% 7%,82% 29%,100% 35%,87% 51%,100% 69%,78% 72%,75% 96%,57% 82%,42% 100%,33% 79%,10% 89%,15% 65%,0 54%,20% 42%,7% 23%,31% 24%);transform:rotate(-11deg); }
.robot-plinth { position:absolute;z-index:6;right:1%;bottom:0;width:29%;display:flex;flex-direction:column;align-items:center;color:var(--cream);font-size:clamp(7px,.8vw,11px);letter-spacing:.08em;text-shadow:0 2px 0 var(--plum); }.robot-art{width:100%;}.robot-art svg{display:block;width:100%;height:auto;}.robot-plinth span{background:var(--plum);padding:5px 9px;border-radius:7px 7px 0 0;}

/* Game */
.game-screen { padding: clamp(7px,1.2vh,12px) clamp(12px,1.8vw,24px) clamp(8px,1.2vh,13px); display:grid; grid-template-rows: clamp(70px,10.5vh,94px) minmax(0,1fr) clamp(68px,10.3vh,92px); gap: clamp(7px,1.1vh,11px); }
.game-hud { display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:stretch;color:var(--cream);gap:12px; }
.hud-block { display:flex; flex-direction:column; justify-content:center; min-width:0; }.hud-block>span{font-size:clamp(9px,1vw,12px);letter-spacing:.14em;color:#cdbbd1}.hud-block>strong{font-size:clamp(34px,5vw,63px);line-height:.9;font-weight:1000;font-variant-numeric:tabular-nums;letter-spacing:-.045em}.timer-block{align-items:flex-start;position:relative}.timer-block>strong{color:var(--amber)}.score-block{align-items:flex-end}.score-block>span b{color:var(--cream)}
.hud-title { align-self:center;text-align:center;line-height:.86;transform:rotate(-1deg); }.hud-title span{display:block;color:var(--coral);font-size:clamp(20px,2.9vw,38px);letter-spacing:.12em;font-weight:1000}.hud-title b{display:block;font-size:clamp(24px,3.7vw,48px);font-weight:1000;letter-spacing:-.04em}.hud-title small{display:block;margin-top:6px;font-size:clamp(7px,.78vw,10px);letter-spacing:.18em;color:#beaac4}
.score-meter{width:min(22vw,240px);height:8px;background:#51335c;border-radius:10px;margin-top:7px;overflow:hidden}.score-meter i{display:block;height:100%;width:0;background:var(--mint);border-radius:inherit;transition:width .3s ease;box-shadow:0 0 12px var(--mint)}
.last-ten { position:absolute;left:110%;top:50%;transform:translateY(-50%) rotate(-5deg);font-size:clamp(29px,4vw,54px);color:var(--coral);text-shadow:0 3px 0 #fff;font-weight:1000;animation:countPop .45s both;pointer-events:none; }

.office-wrap { min-height:0;position:relative;border:clamp(5px,.6vw,8px) solid #593264;border-radius:24px;background:var(--floor);box-shadow:0 10px 0 #160b1e, inset 0 0 0 3px rgba(255,255,255,.2);overflow:hidden; }
.office-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.office-header { position:absolute;z-index:8;top:0;left:0;right:0;height:clamp(25px,4vh,34px);background:#4c2957;border-bottom:3px solid #32183c;color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 12px; }
.office-sign{font-size:clamp(7px,.75vw,10px);letter-spacing:.15em}.combo-badge{align-self:flex-start;display:flex;align-items:center;gap:7px;background:var(--amber);color:var(--plum);padding:4px 12px 6px;border-radius:0 0 12px 12px;box-shadow:0 4px 0 var(--amber-dark);transform:translateY(-1px);transition:transform .15s ease}.combo-badge span{font-size:8px;letter-spacing:.09em}.combo-badge b{font-size:clamp(15px,1.8vw,23px)}.combo-badge.bump{animation:comboBump .32s}
.office-board { position:absolute;z-index:3;inset:clamp(31px,4.8vh,42px) clamp(15px,4vw,55px) clamp(8px,1.4vh,14px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(4px,.75vh,8px) clamp(7px,1vw,13px); }
.desk { position:relative;min-width:64px;min-height:64px;appearance:none;border:3px solid rgba(36,18,47,.18);border-radius:clamp(10px,1.3vw,17px);background:rgba(255,245,223,.32);padding:0;overflow:hidden;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;contain:layout paint; }
.desk::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 45%);pointer-events:none}.desk:hover{transform:translateY(-2px)}.desk:active{transform:scale(.965)}.desk[data-status="update"]{background:#ffd57c;border-color:#b66a00;box-shadow:0 0 0 3px rgba(255,189,61,.35),0 5px 0 rgba(131,70,0,.35);animation:incidentNudge .8s ease-in-out infinite}.desk[data-status="reboot"]{background:#ff8993;border-color:#a81839;box-shadow:0 0 0 3px rgba(246,78,98,.35),0 5px 0 rgba(111,16,43,.4);animation:rebootShake .46s ease-in-out infinite}.desk[data-urgent="true"]{animation-duration:.24s;box-shadow:0 0 0 5px white,0 0 24px var(--coral)}
.desk-art{position:absolute;inset:2px 4px 13px;display:grid;place-items:center}.desk-art svg{display:block;width:100%;height:100%;overflow:visible}.desk-status{position:absolute;z-index:5;left:5px;right:5px;bottom:4px;height:clamp(20px,3.5vh,28px);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:var(--mint-dark);color:white;font-size:clamp(8px,.85vw,11px);letter-spacing:.09em;text-shadow:0 1px 0 rgba(0,0,0,.2)}.desk[data-status="update"] .desk-status{background:var(--amber-dark)}.desk[data-status="reboot"] .desk-status{background:var(--coral-dark)}.desk-taps{display:none;min-width:19px;height:19px;border-radius:6px;background:white;color:var(--coral-dark);place-items:center;text-shadow:none}.desk[data-status="reboot"] .desk-taps{display:grid}.ttl-track{position:absolute;z-index:7;left:0;right:0;top:0;height:5px;background:rgba(36,18,47,.18)}.ttl-fill{display:block;height:100%;background:var(--mint);transform-origin:left}.desk[data-status="update"] .ttl-fill{background:var(--amber-dark)}.desk[data-status="reboot"] .ttl-fill{background:white}.desk-index{position:absolute;top:6px;right:7px;z-index:6;color:rgba(36,18,47,.46);font-size:8px}
.office-details>*{position:absolute;z-index:4}.plant{left:8px;bottom:5px;width:44px;height:70px}.plant b{position:absolute;bottom:0;left:8px;width:31px;height:26px;border-radius:5px 5px 12px 12px;background:#d86f54;border:3px solid var(--plum-3)}.plant i{position:absolute;bottom:23px;left:17px;width:18px;height:34px;border-radius:100% 0 100% 0;background:#238b70;border:3px solid var(--plum-3);transform:rotate(-28deg);transform-origin:bottom}.plant i:nth-child(2){transform:rotate(23deg);left:20px;background:var(--mint)}.plant i:nth-child(3){height:43px;transform:rotate(-3deg);left:15px}.printer{right:8px;bottom:8px;width:47px;height:38px;border:3px solid var(--plum-3);border-radius:7px;background:#e8e0dc;display:grid;place-items:center;font-size:6px}.printer i{position:absolute;top:-14px;width:31px;height:18px;background:white;border:3px solid var(--plum-3)}.printer span{margin-top:8px}.printer.smoking::after{content:"";position:absolute;top:-32px;width:12px;height:18px;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(1px);animation:smoke 1.2s ease-out}.wall-note{left:7px;top:40%;background:var(--cream);border:2px solid var(--plum-3);border-radius:4px;padding:5px 4px;font-size:6px;line-height:1.2;transform:rotate(-4deg);box-shadow:2px 3px 0 rgba(0,0,0,.12)}
.feedback-layer{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden}.float-score{position:absolute;color:white;font-size:clamp(21px,3vw,39px);font-weight:1000;text-shadow:0 3px 0 var(--plum);transform:translate(-50%,-50%);animation:scoreFly .8s ease-out forwards}.float-score.perfect::after{content:var(--perfect-label,"PERFECT!");display:block;color:var(--amber);font-size:.38em;letter-spacing:.12em;text-align:center}.float-score.bad{color:var(--coral)}.spark{position:absolute;width:9px;height:9px;background:var(--amber);border-radius:2px;animation:sparkFly .55s ease-out forwards}.countdown-call{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);color:var(--cream);font-size:clamp(86px,18vw,220px);font-weight:1000;text-shadow:0 8px 0 var(--plum),0 0 50px rgba(36,18,47,.35);animation:countdownBoom .72s ease-out both}.countdown-call.go{color:var(--mint);font-size:clamp(72px,14vw,170px)}
.automation-wash{position:absolute;inset:0;z-index:12;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(82,214,173,.08),rgba(82,214,173,.36));border:5px solid var(--mint);transition:opacity .2s}.automation-wash.active{opacity:1;animation:autoPulse 1s ease-in-out infinite}.automation-wash.active::after{content:"ROBO MODE";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);font-size:clamp(45px,9vw,110px);color:rgba(255,255,255,.17);white-space:nowrap;font-weight:1000}

.power-dock { justify-self:center;width:min(880px,90vw);height:100%;display:grid;grid-template-columns:clamp(58px,8vw,96px) minmax(170px,1fr) minmax(180px,1.2fr) minmax(145px,.8fr);align-items:center;gap:clamp(8px,1.6vw,20px);background:var(--cream);border:4px solid #5b3267;border-radius:20px;padding:3px 8px 3px 3px;box-shadow:0 7px 0 #130919;position:relative}.robo-mini{align-self:end;width:100%;max-height:100%;overflow:hidden}.robo-mini svg{display:block;width:100%;height:auto}.power-copy span{display:block;color:var(--coral-dark);font-size:clamp(9px,1vw,13px);letter-spacing:.1em}.power-copy strong{display:block;font-size:clamp(10px,1.25vw,16px);line-height:1.1;margin-top:3px}.charge-pips{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.charge-pips i{height:clamp(16px,2.6vh,24px);border:3px solid var(--plum-3);border-radius:6px;background:#e5d8d1;box-shadow:inset 0 -3px 0 rgba(0,0,0,.1);transition:background .15s,transform .15s}.charge-pips i.filled{background:var(--mint);transform:translateY(-2px)}.power-button{height:clamp(48px,7.2vh,64px);border:0;border-radius:14px;background:#bbb0ad;color:#665c61;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(9px,1vw,12px);letter-spacing:.09em;font-weight:950}.power-button b{font-size:1.25em}.power-button.ready{background:var(--mint);color:var(--plum);box-shadow:0 5px 0 var(--mint-dark);animation:readyGlow .8s ease-in-out infinite;cursor:pointer}.power-button.active{background:var(--plum);color:var(--mint);box-shadow:none}.power-button:active{transform:translateY(3px)}

/* Results */
.result-screen{display:grid;place-items:center;padding:20px;color:var(--cream);background:radial-gradient(circle at 50% 42%,#563064 0,transparent 48%)}
.result-card{width:min(880px,92vw);max-height:100%;position:relative;text-align:center;padding:clamp(12px,2.4vh,24px) clamp(210px,24vw,290px) clamp(13px,2vh,20px) clamp(22px,3vw,38px);border:7px solid #60366c;border-radius:30px;background:linear-gradient(145deg,#3f204b,#25122f);box-shadow:0 16px 0 #130919,0 25px 60px rgba(0,0,0,.3);overflow:hidden}.result-card::before{content:"";position:absolute;right:0;top:0;bottom:0;width:31%;background:var(--floor);border-left:5px solid #60366c;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.result-card .eyebrow{display:block;font-size:clamp(9px,1vw,12px);color:var(--amber);margin:0 0 4px}/* line-height must clear stacked diacritics: at .78 the umlaut on a wrapped German line (MONTAG\nKOMMT FRUEHER) was swallowed by the line above. Do not re-tighten. */.result-card h2{margin:0;color:var(--cream);font-size:clamp(43px,7vh,74px);line-height:.95;letter-spacing:-.05em;font-weight:1000;white-space:pre-line}.result-card h2.fail{color:var(--peach);font-size:clamp(37px,6vh,66px)}.result-robot{position:absolute;z-index:3;right:0;bottom:3%;width:31%}.result-robot svg{display:block;width:100%;height:auto}.result-rays{position:absolute;z-index:2;right:-6%;top:9%;width:40%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(var(--amber) 0 9deg,transparent 9deg 18deg);opacity:.52;animation:spin 14s linear infinite}.final-score{margin:clamp(8px,1.3vh,13px) auto 4px;display:flex;align-items:baseline;justify-content:center;gap:9px}.final-score span,.final-score small{font-size:clamp(8px,.85vw,11px);letter-spacing:.1em;color:#cbb8cf}.final-score strong{font-size:clamp(32px,5.2vh,54px);color:var(--mint);font-weight:1000;font-variant-numeric:tabular-nums}.result-message{margin:2px auto 8px;max-width:470px;font-size:clamp(10px,1.15vw,14px);color:#e6d9e7;line-height:1.3}.result-stats{display:flex;justify-content:center;gap:clamp(12px,2.5vw,30px);margin:7px 0}.result-stats div{display:flex;flex-direction:column}.result-stats b{font-size:clamp(18px,2.2vw,28px);color:var(--amber)}.result-stats span{font-size:7px;letter-spacing:.1em;color:#baa7bf}.initials-form{margin:8px auto 5px}.initials-form label{display:block;font-size:8px;letter-spacing:.14em;color:var(--amber);margin-bottom:4px}.initials-form>div{display:flex;justify-content:center;gap:6px}.initials-form input{width:100px;height:38px;border:3px solid var(--mint);border-radius:9px;background:var(--cream);color:var(--plum);text-align:center;text-transform:uppercase;font-size:21px;letter-spacing:.16em}.initials-form button{border:0;border-radius:9px;background:var(--mint);color:var(--plum);padding:0 12px;font-size:9px}.next-button{margin:7px auto 0;min-height:45px;font-size:12px}.result-card>.text-button{font-size:9px;min-height:30px;color:#d6c7d8}

/* Modal and blocking overlays */
.modal{border:0;background:transparent;padding:18px;color:var(--ink);max-width:none;max-height:none}.modal::backdrop{background:rgba(20,8,27,.78);backdrop-filter:blur(5px)}.modal-card{width:min(560px,92vw);max-height:calc(100dvh - 36px);overflow:auto;margin:auto;background:var(--cream);border:6px solid var(--plum-3);border-radius:24px;padding:22px;box-shadow:0 12px 0 #130919}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-heading span{font-size:9px;color:var(--coral-dark);letter-spacing:.16em}.modal-heading h2{margin:2px 0 0;font-size:30px;letter-spacing:-.035em}.close-button{width:44px;height:44px;border:3px solid var(--plum);border-radius:12px;background:white;font-size:28px;line-height:1}.field-label{display:block;font-size:10px;letter-spacing:.12em;margin:15px 0 7px;color:var(--plum-3)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented input{position:absolute;opacity:0}.segmented span{height:48px;border:3px solid #d8c8c2;border-radius:11px;background:#f2e8dd;display:grid;place-items:center}.segmented input:checked+span{background:var(--plum);border-color:var(--plum);color:white}.number-field{display:flex;border:3px solid var(--plum);border-radius:12px;overflow:hidden;height:50px;background:white}.number-field input{min-width:0;flex:1;border:0;background:transparent;padding:0 14px;font-size:22px;color:var(--plum)}.number-field span{display:grid;place-items:center;padding:0 14px;background:var(--plum);color:white;font-size:10px;letter-spacing:.1em}.switch-row{margin:16px 0;display:flex;justify-content:space-between;align-items:center}.switch-row span{display:flex;flex-direction:column;font-size:12px}.switch-row small{font-weight:600;color:#746777;margin-top:2px}.switch-row input{appearance:none;width:53px;height:30px;border-radius:30px;background:#c8beba;position:relative;transition:.2s}.switch-row input::after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 2px 4px rgba(0,0,0,.22);transition:.2s}.switch-row input:checked{background:var(--mint-dark)}.switch-row input:checked::after{transform:translateX(23px)}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.secondary-button,.danger-button{min-height:49px;border:3px solid var(--plum);border-radius:12px;background:white;padding:0 15px;font-size:10px;letter-spacing:.07em}.danger-button{color:var(--coral-dark);border-color:var(--coral-dark)}.save-settings{min-height:49px;font-size:11px;box-shadow:0 5px 0 var(--coral-dark)}.board-scope{font-size:11px;color:#706273;margin:-10px 0 14px}.leaderboard-list{list-style:none;padding:0;margin:0;counter-reset:rank}.leaderboard-list li{counter-increment:rank;display:grid;grid-template-columns:40px 1fr auto;align-items:center;min-height:46px;border-bottom:2px solid #e2d3c9}.leaderboard-list li::before{content:counter(rank);width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--plum);color:white}.leaderboard-list b{font-size:18px;letter-spacing:.12em}.leaderboard-list span{font-size:18px;color:var(--coral-dark);font-variant-numeric:tabular-nums}.leaderboard-list .empty{display:block;text-align:center;border:0;padding:25px;color:#817382;font-weight:650}.leaderboard-list .empty::before{display:none}
.pause-overlay,.rotate-overlay{position:fixed;z-index:100;inset:0;background:rgba(32,13,42,.9);backdrop-filter:blur(9px);color:var(--cream);display:grid;place-items:center;text-align:center;padding:30px}.pause-overlay[hidden],.rotate-overlay[hidden]{display:none}.pause-overlay h2,.rotate-overlay h2{font-size:clamp(30px,5vw,62px);letter-spacing:-.04em;margin:10px 0 3px}.pause-overlay p,.rotate-overlay p{margin:0;color:#d4c4d8}.pause-icon{margin:auto;width:74px;height:74px;border-radius:22px;background:var(--amber);color:var(--plum);display:grid;place-items:center;font-size:42px;box-shadow:0 7px 0 var(--amber-dark)}.resume-button{margin:24px auto 0;min-height:52px}.rotate-device{width:80px;height:120px;border:7px solid var(--cream);border-radius:16px;position:relative;animation:rotateHint 1.7s ease-in-out infinite}.rotate-device i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cream);bottom:5px;left:50%;transform:translateX(-50%)}

/* Robopack command-centre visual system */
.app-shell{
  background:
    linear-gradient(115deg,rgba(23,24,46,.94),rgba(32,34,63,.82) 52%,rgba(48,48,81,.9)),
    url("./assets/site-background-1-dark.jpg") center/cover;
}
.app-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 19%,rgba(97,104,203,.24),transparent 25%),radial-gradient(circle at 18% 85%,rgba(55,183,176,.1),transparent 29%)}
.topbar{background:rgba(23,24,46,.78);border-bottom:1px solid rgba(165,168,192,.2);box-shadow:0 8px 30px rgba(6,8,23,.2);backdrop-filter:blur(12px)}
.wordmark{width:clamp(126px,14vw,178px);justify-content:flex-start;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.wordmark img{display:block;width:100%;height:auto;max-height:30px;object-fit:contain;object-position:left center;pointer-events:none;-webkit-user-drag:none}.wordmark-dot{display:none}
.icon-button{font-family:"Orbitron",sans-serif;border-color:rgba(95,170,255,.3);background:rgba(32,34,63,.84);color:var(--cream);border-radius:8px}.icon-button:hover{border-color:var(--violet-bright);background:#292b50}.offline-status{font-family:"Orbitron",sans-serif;color:var(--mint);font-size:9px}.offline-status::before{box-shadow:0 0 0 3px rgba(55,183,176,.14),0 0 13px rgba(55,183,176,.55)}

.eyebrow,.hero-copy h1,.hud-title,.hud-block>strong,.result-card h2,.final-score strong,.modal-heading h2,.pause-overlay h2,.rotate-overlay h2{font-family:"Orbitron",sans-serif}
.title-screen{color:var(--cream)}
.hero-time{border-color:var(--violet-bright);color:var(--sky);border-radius:7px;background:rgba(97,104,203,.12);box-shadow:0 0 20px rgba(97,104,203,.2)}
.hero-copy h1{font-size:clamp(52px,7.15vw,104px);line-height:.88;letter-spacing:-.035em;text-shadow:0 5px 24px rgba(0,0,0,.4)}
.hero-copy h1 em{color:var(--violet-bright);font-size:.68em;letter-spacing:-.025em;text-shadow:0 0 30px rgba(131,137,238,.28)}
.app-shell[data-language="de"] .hero-copy h1{font-size:clamp(54px,6.2vw,78px);line-height:.9}
.app-shell[data-language="de"] .hero-copy h1 span,.app-shell[data-language="de"] .hero-copy h1 em{white-space:nowrap}
.app-shell[data-language="de"] .hero-copy h1 em{font-size:.76em}
.hero-deck{color:var(--muted,#bfc2d5);font-weight:500;line-height:1.48}
.primary-button{font-family:"Orbitron",sans-serif;background:linear-gradient(135deg,var(--violet-bright),var(--violet));border:1px solid rgba(255,255,255,.22);border-radius:10px;box-shadow:0 6px 0 #3d4290,0 15px 28px rgba(8,10,30,.35);font-weight:800}
.primary-button:active{box-shadow:0 2px 0 #3d4290}.text-button{color:#d7d9e8;border-color:var(--violet-bright);font-weight:650}
.how-step{color:#aeb1c7}.how-step strong{font-family:"Orbitron",sans-serif;font-size:.9em;color:var(--cream)}.tap-chip{border-radius:7px;color:var(--plum);box-shadow:none}.tap-chip.mint{background:var(--mint)}

.hero-scene{border-color:#505582;background:linear-gradient(145deg,rgba(32,34,63,.93),rgba(23,24,46,.96)),url("./assets/site-background-1-dark.jpg") center/cover;box-shadow:0 18px 55px rgba(3,5,21,.52),inset 0 0 0 2px rgba(95,170,255,.13);transform:rotate(.5deg);border-radius:22px}
.hero-scene::before{background:linear-gradient(rgba(95,170,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(95,170,255,.08) 1px,transparent 1px);background-size:42px 42px;transform:none;opacity:.52}
.hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,rgba(95,170,255,.08) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(95,170,255,.08) 50%,transparent 50.3%)}
.window-view{border:1px solid #5c6085;border-radius:8px;background:rgba(23,24,46,.9);box-shadow:0 0 0 5px rgba(97,104,203,.1),0 12px 30px rgba(0,0,0,.34);padding:30px 12px 10px}
.window-view::before{content:var(--system-health-label,"SYSTEM HEALTH");position:absolute;top:9px;left:10px;font:700 7px/1 "Orbitron",sans-serif;letter-spacing:.12em;color:#a5a8c0}.window-view::after{display:none}.window-view i{position:relative;display:block;bottom:auto;width:88%;height:6px;margin:0 0 8px;background:linear-gradient(90deg,var(--mint) 0 78%,#45496e 78%);clip-path:none;border-radius:10px}.window-view i:nth-child(2){left:0;height:6px;background:linear-gradient(90deg,var(--sky) 0 62%,#45496e 62%)}.window-view i:nth-child(3){right:auto;height:6px;background:linear-gradient(90deg,var(--violet-bright) 0 88%,#45496e 88%)}.window-view span{top:auto;bottom:7px;left:10px;color:var(--sky);font:600 6px/1 "Orbitron",sans-serif;text-shadow:none}
.preview-office{inset:13% 4% 4%;gap:2.4%}.preview-desk{filter:drop-shadow(0 9px 9px rgba(2,4,19,.35))}.preview-desk svg{border-radius:8px}
.hero-burst{top:4%;left:3%;background:var(--amber);color:#17182e;font-family:"Orbitron",sans-serif;font-size:clamp(8px,1.05vw,14px);line-height:1.05;clip-path:polygon(50% 0,61% 16%,79% 7%,82% 28%,100% 35%,87% 51%,100% 69%,78% 72%,75% 96%,57% 82%,42% 100%,33% 79%,10% 89%,15% 65%,0 54%,20% 42%,7% 23%,31% 24%)}
.robot-plinth{font-family:"Orbitron",sans-serif;color:var(--cream);text-shadow:none}.robot-plinth span{background:#17182e;border:1px solid var(--mint);color:var(--mint);border-radius:6px 6px 0 0}
.robot-reference{display:block;width:100%;height:auto;border:1px solid rgba(95,170,255,.3);border-radius:12px;background:#17182e;box-shadow:0 10px 25px rgba(4,6,22,.35)}.robo-mini .robot-reference{width:auto;height:100%;max-width:100%;border:0;border-radius:7px;box-shadow:none}.result-robot .robot-reference{border-color:rgba(95,170,255,.22);border-radius:14px 0 0 14px}
.hero-scene .preview-office{inset:auto 4% 3%;height:29%;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:2.5%;align-items:end}.hero-scene .preview-desk{min-height:0}.hero-scene .robot-plinth{right:6%;top:7%;bottom:auto;width:36%;z-index:7}.hero-scene .window-view{left:4%;right:auto;top:7%;width:29%;height:21%}.hero-scene .hero-burst{left:34%;top:7%;width:clamp(58px,6vw,86px)}

.game-hud{color:var(--cream)}.hud-block>span{font-family:"Orbitron",sans-serif;color:#a5a8c0}.timer-block>strong{color:var(--sky)}.hud-title{transform:none}.hud-title span{color:var(--violet-bright)}.hud-title b{color:#fff}.hud-title small{color:#a5a8c0}.score-meter{background:#303254;border:1px solid #4a4e78}.score-meter i{background:linear-gradient(90deg,var(--violet),var(--sky));box-shadow:0 0 12px rgba(95,170,255,.55)}.last-ten{color:var(--coral);text-shadow:0 3px 0 #17182e,0 0 18px rgba(239,89,104,.45)}
.office-wrap{border-color:#555a89;border-radius:16px;background:linear-gradient(150deg,rgba(48,48,81,.93),rgba(24,26,51,.97));box-shadow:0 9px 0 #0d0e20,0 20px 35px rgba(3,5,21,.32),inset 0 0 0 2px rgba(95,170,255,.09)}
.office-wrap::before{background:linear-gradient(90deg,rgba(95,170,255,.06) 1px,transparent 1px),linear-gradient(rgba(95,170,255,.06) 1px,transparent 1px);background-size:42px 42px}
.office-header{background:linear-gradient(90deg,#17182e,#27294c);border-bottom:2px solid #4b507e;color:#f0f1f8}.office-sign{display:flex;align-items:center;gap:7px;font-family:"Orbitron",sans-serif;color:#c9cbe0}.hex-flow{position:relative;display:inline-block;width:23px;height:12px}.hex-flow b{position:absolute;width:9px;height:9px;background:var(--violet-bright);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.hex-flow b:nth-child(2){left:7px;background:var(--sky)}.hex-flow b:nth-child(3){left:14px;background:var(--mint)}
.combo-badge{font-family:"Orbitron",sans-serif;background:var(--violet);color:#fff;border:1px solid var(--violet-bright);box-shadow:0 4px 0 #363b88;border-radius:0 0 8px 8px}
.desk{border-color:#4f537c;border-radius:10px;background:#242643;box-shadow:0 5px 9px rgba(5,7,24,.28)}.desk::before{background:linear-gradient(135deg,rgba(95,170,255,.07),transparent 44%)}.desk:hover{border-color:var(--sky)}.desk[data-status="update"]{background:#3a3242;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,184,77,.2),0 0 22px rgba(255,184,77,.26)}.desk[data-status="reboot"]{background:#402a3c;border-color:var(--coral);box-shadow:0 0 0 3px rgba(239,89,104,.22),0 0 24px rgba(239,89,104,.28)}.desk[data-urgent="true"]{box-shadow:0 0 0 4px #f0f1f8,0 0 27px var(--coral)}
.desk-status{font-family:"Orbitron",sans-serif;background:#176f70;border:1px solid #37b7b0;border-radius:5px;color:#fff;text-shadow:none}.desk[data-status="update"] .desk-status{background:#9a5c05;border-color:var(--amber)}.desk[data-status="reboot"] .desk-status{background:#9c3344;border-color:var(--coral)}.desk-taps{border-radius:4px}.desk-index{font-family:"Orbitron",sans-serif;color:#a5a8c0}.ttl-track{background:#17182e}.ttl-fill{background:var(--mint)}
.package-stack{left:8px;bottom:9px;width:40px;height:50px}.package-stack i{position:absolute;width:24px;height:20px;background:#30345d;border:2px solid #7077c4;clip-path:polygon(50% 0,100% 24%,100% 78%,50% 100%,0 78%,0 24%)}.package-stack i:nth-child(1){left:0;bottom:0}.package-stack i:nth-child(2){left:18px;bottom:0}.package-stack i:nth-child(3){left:9px;bottom:16px;background:#444a83}.package-stack span{position:absolute;top:-9px;left:9px;color:#a5a8c0;font:700 6px "Orbitron",sans-serif}.signal-tower{right:9px;bottom:8px;width:40px;height:59px;border:2px solid #5c6085;background:#20223f;border-radius:5px}.signal-tower i{position:absolute;left:50%;top:8px;width:12px;height:12px;transform:translateX(-50%);border-radius:50%;background:var(--mint);box-shadow:0 0 13px var(--mint)}.signal-tower b{position:absolute;left:9px;right:9px;top:29px;height:3px;background:#6168cb;box-shadow:0 7px 0 #6168cb}.signal-tower span{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#a5a8c0;font:600 5px "Orbitron",sans-serif}.signal-tower.pinging i{animation:autoPulse .65s ease-in-out 2}.flow-panel{left:6px;top:39%;width:47px;height:34px;border:1px solid #5c6085;background:#20223f;border-radius:5px}.flow-panel i{position:absolute;top:8px;width:7px;height:7px;background:#5faaff;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.flow-panel i:nth-child(1){left:6px}.flow-panel i:nth-child(2){left:19px;background:#6168cb}.flow-panel i:nth-child(3){left:32px;background:#37b7b0}.flow-panel b{position:absolute;top:11px;left:11px;width:25px;border-top:1px dashed #a5a8c0}.flow-panel span{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#a5a8c0;font:500 4px "Orbitron",sans-serif}
.float-score{font-family:"Orbitron",sans-serif;text-shadow:0 3px 0 #17182e,0 0 14px rgba(95,170,255,.5)}.spark{background:var(--sky)}.countdown-call{font-family:"Orbitron",sans-serif;text-shadow:0 8px 0 #17182e,0 0 50px rgba(97,104,203,.58)}
.automation-wash{background:radial-gradient(circle,rgba(55,183,176,.04),rgba(55,183,176,.25));border-color:var(--mint)}.automation-wash.active::after{content:"AUTOMATION ONLINE";font-family:"Orbitron",sans-serif;color:rgba(240,241,248,.13);transform:translate(-50%,-50%)}
.power-dock{background:linear-gradient(105deg,#252744,#20223f);border-color:#5c6085;border-radius:12px;box-shadow:0 6px 0 #0d0e20,0 12px 26px rgba(0,0,0,.28);color:#f0f1f8}.robo-mini{align-self:center;justify-self:center;width:auto;height:calc(100% - 6px);max-width:84px;max-height:100%;overflow:visible;display:grid;place-items:center}.robo-mini svg{width:auto;height:100%;max-width:100%;object-fit:contain}.power-copy span{font-family:"Orbitron",sans-serif;color:var(--mint)}.power-copy strong{color:#f0f1f8}.charge-pips i{border-color:#5c6085;border-radius:4px;background:#303254;box-shadow:none}.charge-pips i.filled{background:var(--mint);border-color:#6fe0d8;box-shadow:0 0 12px rgba(55,183,176,.42)}.power-button{font-family:"Orbitron",sans-serif;border-radius:7px;background:#343651;color:#8f93ad}.power-button.ready{background:var(--mint);color:#101c2d;box-shadow:0 5px 0 #187d79}.power-button.active{background:#17182e;color:var(--mint);border:1px solid var(--mint)}
.robo-mini{min-width:44px;min-height:44px;padding:0;border:1px solid rgba(95,170,255,.18);border-radius:8px;background:#17182e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.robo-mini:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.robo-mini:active{transform:scale(.96)}
.automation-wash.active::after{content:var(--flow-active-label,"FLOW ACTIVE · WAVES ONLINE")}.flow-surge{position:absolute;z-index:2;top:-8%;bottom:-8%;left:-34%;width:27%;opacity:.72;transform:skewX(-14deg);background:linear-gradient(90deg,transparent,rgba(97,104,203,.35),rgba(55,183,176,.72),rgba(95,170,255,.42),transparent);filter:blur(1px);box-shadow:0 0 34px rgba(55,183,176,.38);animation:flowSweep 1.4s cubic-bezier(.22,.68,.24,1) forwards}.flow-surge.secret{background:linear-gradient(90deg,transparent,rgba(131,137,238,.52),rgba(55,183,176,.82),rgba(95,170,255,.52),transparent)}.round-paused .flow-surge{animation-play-state:paused}

.result-screen{background:radial-gradient(circle at 50% 42%,rgba(97,104,203,.3),transparent 48%)}.result-card{border-color:#5c6085;border-radius:18px;background:linear-gradient(145deg,#272945,#17182e);box-shadow:0 14px 0 #0d0e20,0 28px 60px rgba(0,0,0,.4)}.result-card::before{background:linear-gradient(160deg,#303051,#20223f);border-color:#5c6085}.result-card .eyebrow{color:var(--sky)}.result-card h2{color:#fff}.result-card h2.fail{color:#d9dbea}.result-rays{background:repeating-conic-gradient(var(--violet) 0 9deg,transparent 9deg 18deg)}.final-score strong{color:var(--sky)}.final-score span,.final-score small,.result-message{color:#bec1d4}.result-stats b{color:var(--mint)}.initials-form label{color:var(--sky)}.initials-form input{border-color:var(--violet-bright);background:#f0f1f8;color:#17182e}.initials-form button{font-family:"Orbitron",sans-serif;background:var(--violet);color:white}
.modal::backdrop{background:rgba(9,10,25,.82)}.modal-card{background:#20223f;border-color:#5c6085;border-radius:14px;color:#f0f1f8;box-shadow:0 12px 0 #0d0e20}.modal-heading span,.field-label{font-family:"Orbitron",sans-serif;color:var(--sky)}.close-button{border-color:#5c6085;background:#303051;color:white;border-radius:8px}.segmented span{border-color:#5c6085;background:#292b4b;color:#d9dbea;border-radius:7px}.segmented input:checked+span{background:var(--violet);border-color:var(--violet-bright)}.number-field{border-color:#5c6085;background:#f0f1f8;border-radius:7px}.number-field input{color:#17182e}.number-field span{font-family:"Orbitron",sans-serif;background:#303051}.switch-row small,.board-scope{color:#a5a8c0}.switch-row input{background:#3c3f61}.secondary-button,.danger-button{border-color:#5c6085;background:#292b4b;color:#f0f1f8;border-radius:7px}.danger-button{border-color:var(--coral);color:#ff929d}.save-settings{box-shadow:0 5px 0 #3d4290}.leaderboard-list li{border-color:#3f4266}.leaderboard-list li::before{font-family:"Orbitron",sans-serif;background:var(--violet)}.leaderboard-list span{color:var(--sky)}.leaderboard-list .empty{color:#a5a8c0}
.pause-overlay,.rotate-overlay{background:rgba(11,12,30,.91);color:#f0f1f8}.pause-overlay p,.rotate-overlay p{color:#b8bbcf}.pause-icon{font-family:"Orbitron",sans-serif;background:var(--violet);color:white;box-shadow:0 7px 0 #3d4290}.rotate-device{border-color:var(--violet-bright)}
.icon-button,.offline-status,.primary-button,.how-step strong,.office-sign,.combo-badge,.desk-status,.desk-index,.power-copy span,.power-button,.initials-form button,.modal-heading span,.field-label,.number-field span,.leaderboard-list li::before{font-family:"Inter",system-ui,sans-serif}.primary-button,.power-button,.desk-status{font-weight:850}.office-sign,.power-copy span,.field-label{font-weight:750}
.initials-form input{height:44px}.initials-form button{min-height:44px}.result-card>.text-button{min-height:44px}

@keyframes deskFloat{50%{transform:translateY(-4px)}}
@keyframes incidentNudge{50%{transform:translateY(-2px) rotate(-.5deg)}}
@keyframes rebootShake{25%{transform:translateX(-2px) rotate(-.6deg)}75%{transform:translateX(2px) rotate(.6deg)}}
@keyframes countPop{0%{transform:translateY(-50%) scale(1.7) rotate(-12deg);opacity:0}100%{transform:translateY(-50%) scale(1) rotate(-5deg);opacity:1}}
@keyframes countdownBoom{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(.92) rotate(-4deg)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(-4deg)}}
@keyframes comboBump{50%{transform:translateY(3px) scale(1.18)}}
@keyframes scoreFly{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-130%) scale(1.15)}}
@keyframes sparkFly{to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(180deg) scale(.2)}}
@keyframes autoPulse{50%{background-color:rgba(82,214,173,.16)}}
@keyframes readyGlow{50%{filter:brightness(1.12);transform:translateY(-2px)}}
@keyframes smoke{to{transform:translate(7px,-18px) scale(1.7);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rotateHint{40%,60%{transform:rotate(90deg)}}

@media (max-height: 700px) {
  .title-screen{padding-top:15px;padding-bottom:14px}.hero-scene{min-height:calc(100dvh - 90px)}.hero-copy h1{font-size:clamp(55px,8.1vw,92px)}.hero-deck{margin:11px 0 10px;line-height:1.25}.how-to{margin-top:13px}.primary-button{min-height:50px}.game-screen{grid-template-rows:66px minmax(0,1fr) 67px}.hud-title span{font-size:22px}.hud-title b{font-size:35px}.hud-title small{font-size:7px;margin-top:3px}.office-board{top:34px}.result-card{padding-top:9px;padding-bottom:9px}.result-message{margin-bottom:4px}.result-stats{margin:4px 0}.initials-form{margin:4px auto}.next-button{margin-top:4px}
}

@media (max-width: 1060px) {
  .title-screen{grid-template-columns:minmax(350px,.9fr) minmax(440px,1.1fr);padding-left:28px;padding-right:28px}.hero-copy h1{font-size:clamp(58px,8.6vw,91px)}.hero-deck{max-width:430px}.office-board{left:48px;right:48px}.power-dock{width:92vw}.result-card{width:82vw;padding-right:230px}
}

@media (orientation: portrait) {
  .rotate-overlay{display:grid!important}
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Qualified-player reward signal and protected booth controls */
[hidden]{display:none!important}
.round-paused .topbar{z-index:120}.round-paused .wordmark{pointer-events:auto;opacity:1}
.prize-screen{padding:clamp(12px,2.2vh,22px) clamp(18px,3vw,42px);color:#f0f1f8}
.prize-stage{position:relative;width:min(1120px,100%);height:100%;max-height:720px;margin:auto;display:grid;grid-template-columns:minmax(310px,.84fr) minmax(430px,1.16fr);grid-template-rows:48px minmax(0,1fr);gap:12px 24px;padding:16px 20px 18px;border:1px solid #5c6085;border-radius:20px;background:linear-gradient(135deg,rgba(32,34,63,.97),rgba(23,24,46,.98));box-shadow:0 16px 0 #0d0e20,0 35px 70px rgba(3,5,20,.38);overflow:hidden}
.prize-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 45%,rgba(97,104,203,.23),transparent 31%),linear-gradient(rgba(95,170,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,170,255,.045) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.prize-brand{position:relative;z-index:1;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(165,168,192,.24);padding-bottom:10px}.prize-brand img{width:145px;height:auto}.prize-brand span{font:700 9px/1 "Orbitron",sans-serif;letter-spacing:.14em;color:#37b7b0}
.prize-copy{position:relative;z-index:1;align-self:center;min-width:0}.prize-copy .eyebrow{margin:0 0 7px;color:#5faaff;font:750 10px/1 "Orbitron",sans-serif;letter-spacing:.14em}.prize-copy h2{margin:0;font:850 clamp(38px,5.3vw,68px)/.9 "Orbitron",sans-serif;letter-spacing:-.045em;color:#fff}.prize-copy>p:not(.eyebrow){max-width:430px;margin:12px 0 14px;color:#bfc2d5;font-size:13px;line-height:1.4}
.current-entry{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;width:min(390px,100%);min-height:70px;border:1px solid #5c6085;border-left:5px solid #37b7b0;border-radius:9px;padding:8px 12px;background:#272a4b}.current-entry span{grid-row:1/3;display:grid;place-items:center;width:55px;height:48px;border-radius:7px;background:#17182e;color:#37b7b0;font:800 17px "Orbitron",sans-serif;letter-spacing:.09em}.current-entry b{font:800 25px/1 "Orbitron",sans-serif;color:#fff;font-variant-numeric:tabular-nums}.current-entry small{font-size:8px;letter-spacing:.14em;color:#a5a8c0}
.prize-leaderboard{list-style:none;margin:10px 0 0;padding:0;width:min(390px,100%);border-top:1px solid #45496f}.prize-leaderboard li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;min-height:38px;border-bottom:1px solid #3d4062;padding:0 8px;color:#d9dbea}.prize-leaderboard li span{color:#a5a8c0;font:700 8px "Orbitron",sans-serif}.prize-leaderboard li b{letter-spacing:.1em}.prize-leaderboard li strong{font:750 14px "Orbitron",sans-serif;color:#5faaff}.prize-leaderboard li.is-current{background:rgba(55,183,176,.09);border-color:#37b7b0}.prize-leaderboard li.is-current span{color:#37b7b0}
.prize-entry-form{margin:8px 0 12px}.prize-entry-form label{display:block;margin-bottom:5px;color:#5faaff;font:700 8px "Orbitron",sans-serif;letter-spacing:.12em}.prize-entry-form>div{display:flex;gap:6px;flex-wrap:wrap}.prize-entry-form input{width:100px;height:44px;border:2px solid #6168cb;border-radius:8px;background:#f0f1f8;color:#17182e;text-align:center;text-transform:uppercase;font-size:20px;letter-spacing:.15em}.prize-entry-form button,.skip-button{min-height:44px;border:1px solid #7379ca;border-radius:8px;background:#6168cb;color:#fff;padding:0 12px;font-weight:800}.prize-entry-form button:last-child,.skip-button{background:#292b4b;color:#d9dbea;border-color:#5c6085}
.draw-zone{position:relative;z-index:2;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(95,170,255,.22);border-radius:16px;background:rgba(23,24,46,.72);padding:10px 18px 14px;overflow:hidden}.tier-wheel{position:relative;width:min(44vh,340px);aspect-ratio:1;margin:0 auto 2px}.wheel-pointer{display:none}.wheel-face,.wheel-face svg{display:block;width:100%;height:100%}.wheel-face svg{filter:drop-shadow(0 14px 18px rgba(0,0,0,.4))}#prize-wheel-disc{transform-origin:200px 200px;transform:rotate(0deg)}#prize-wheel-disc.is-spinning{animation:prizeSpin 4s cubic-bezier(.12,.72,.08,1) forwards}.draw-button{width:min(330px,90%);min-height:52px;margin-top:2px}.draw-note{min-height:18px;margin:8px 0 0;color:#a5a8c0;text-align:center;font-size:10px}
.prize-reveal,.prize-empty{position:absolute;z-index:5;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;border:1px solid #6168cb;border-radius:14px;background:radial-gradient(circle at 50% 20%,rgba(97,104,203,.35),transparent 42%),#17182e;box-shadow:0 18px 50px rgba(0,0,0,.42)}.prize-reveal.is-live{animation:revealPrize .55s cubic-bezier(.2,.8,.2,1)}.prize-tier{color:#37b7b0;font:800 10px "Orbitron",sans-serif;letter-spacing:.15em}.prize-reveal h3,.prize-empty h3{max-width:480px;margin:12px 0 8px;color:#fff;font:800 clamp(27px,4vw,48px)/1.04 "Orbitron",sans-serif;overflow-wrap:anywhere}.prize-reveal p,.prize-empty p{max-width:420px;margin:0 0 20px;color:#bfc2d5;line-height:1.45}.prize-reveal .primary-button,.prize-empty button{min-height:48px}.prize-empty{border-color:#ffb84d}.prize-empty h3{font-size:clamp(23px,3vw,38px)}.prize-empty .secondary-button{margin-bottom:10px}
.prize-win-robot{position:absolute;right:8px;bottom:8px;width:104px;height:101px;overflow:hidden;border:1px solid rgba(95,170,255,.28);border-radius:11px;background:#17182e;opacity:.9}.prize-win-robot img{display:block;width:100%;height:auto;transform:translateY(-2px)}.prize-reveal>*:not(.prize-win-robot){position:relative;z-index:1}.prize-reveal h3{max-width:390px}.prize-reveal p{max-width:330px}
.staff-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:-5px 0 12px}.staff-tabs button{min-height:44px;border:1px solid #5c6085;border-radius:7px;background:#292b4b;color:#a5a8c0;font-weight:800}.staff-tabs button.is-active{background:#6168cb;color:#fff;border-color:#8389ee}.staff-pane{display:none}.staff-pane.is-active{display:block}.staff-pane[data-staff-pane="prizes"]{padding-right:3px}.odds-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.odds-editor label,.prize-row label{display:flex;flex-direction:column;gap:4px;color:#a5a8c0;font-size:8px;letter-spacing:.08em}.odds-editor input,.prize-row input,.pin-input,#next-tier-select{min-width:0;height:44px;border:1px solid #5c6085;border-radius:7px;background:#f0f1f8;color:#17182e;padding:0 10px;font-size:16px}.normalized-odds,.next-tier-status{color:#37b7b0;font:700 8px/1.4 "Orbitron",sans-serif;letter-spacing:.08em}.tier-editor{margin:10px 0;border:1px solid #45496e;border-radius:9px;padding:8px;background:#191a31}.tier-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#5faaff;font:700 9px "Orbitron",sans-serif}.tier-editor-head button{min-height:44px;border:1px solid #5c6085;border-radius:7px;background:#292b4b;color:#f0f1f8;padding:0 10px;font-size:9px;font-weight:800}.prize-row{display:grid;grid-template-columns:minmax(160px,1fr) 112px 44px;gap:6px;align-items:end;margin-top:6px}.remove-prize{width:44px;height:44px;border:1px solid #ef5968;border-radius:7px;background:#3f2635;color:#ff929d;font-size:24px}.staff-error{min-height:18px;margin:8px 0 0;color:#ffb84d;font-size:11px;line-height:1.35}.access-copy{color:#bfc2d5;font-size:12px;line-height:1.45}.pin-card{width:min(440px,92vw)}.pin-submit{width:100%;min-height:50px;margin-top:8px}.modal-card:has(.staff-tabs){width:min(760px,94vw)}
.quick-tier-card{width:min(540px,92vw);overflow:visible}.quick-tier-copy{margin:-5px 0 15px;color:#bfc2d5;font-size:12px}.quick-tier-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-tier-options button{min-height:52px;border:1px solid #5c6085;border-radius:8px;background:#292b4b;color:#f0f1f8;font:800 10px "Orbitron",sans-serif;letter-spacing:.04em}.quick-tier-options button:is(:hover,:focus-visible),.quick-tier-options button.is-active{border-color:#37b7b0;background:#30345f;box-shadow:inset 0 0 0 1px #37b7b0}.quick-tier-card .staff-error{margin-bottom:0}
@keyframes prizeSpin{from{transform:rotate(0deg)}to{transform:rotate(var(--wheel-stop))}}@keyframes revealPrize{from{opacity:0;transform:scale(.82) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes flowSweep{0%{left:-34%;opacity:0}14%{opacity:.72}82%{opacity:.62}100%{left:108%;opacity:0}}

@media (max-height:700px){.prize-screen{padding:8px 18px}.prize-stage{grid-template-rows:36px minmax(0,1fr);padding:10px 15px 12px;gap:8px 16px}.prize-brand{padding-bottom:6px}.prize-brand img{width:126px}.prize-copy h2{font-size:clamp(34px,5.7vw,55px)}.prize-copy>p:not(.eyebrow){margin:8px 0 9px;font-size:11px}.current-entry{min-height:59px}.current-entry span{height:42px}.prize-leaderboard{margin-top:6px}.prize-leaderboard li{min-height:31px}.tier-wheel{width:min(44vh,290px)}.draw-zone{padding:7px 14px 9px}.draw-button{min-height:46px}.draw-note{margin-top:4px}.modal-card:has(.staff-tabs){padding:14px;max-height:calc(100dvh - 24px)}}
@media (max-width:1060px){.prize-stage{grid-template-columns:minmax(290px,.82fr) minmax(390px,1.18fr)}.prize-copy h2{font-size:clamp(36px,5.4vw,55px)}}
@media (prefers-reduced-motion:reduce){.flow-surge{left:0;width:100%;opacity:.2;animation:none!important;transform:none;filter:none}.flow-surge.secret{opacity:.26}}