:root{color-scheme:dark;--bg:#080c21;--panel:#141936;--panel2:#1b2145;--line:rgba(255,255,255,.1);--text:#f8f9ff;--muted:#aab2d3;--violet:#8d7cff;--blue:#5c86ff;--cyan:#26dbc8;--amber:#ffc45c;--red:#ff7084;--green:#5ce3a5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100svh;overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(100px);opacity:.17;pointer-events:none}.ambient-one{width:330px;height:330px;background:var(--violet);top:-140px;right:-120px}.ambient-two{width:300px;height:300px;background:var(--cyan);bottom:-140px;left:-130px}.app-shell{position:relative;z-index:1;width:min(100%,700px);min-height:100svh;margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(25px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand-logo{display:block;width:148px;max-width:47vw;height:auto}.lang{border:1px solid var(--line);border-radius:10px;background:rgba(20,25,54,.94);color:var(--text);padding:8px 10px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}h1{margin:13px 0;font-size:clamp(38px,11vw,60px);line-height:.92;letter-spacing:-.055em}.gradient-text{background:linear-gradient(115deg,#fff 5%,#aa9fff 48%,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}h1 small{font-size:.32em;letter-spacing:-.02em}.lead{margin:0 0 21px;color:#d7daec;font-size:17px;line-height:1.5}.hero-card,.result-panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(31,38,80,.93),rgba(14,18,42,.96));box-shadow:0 20px 70px rgba(0,0,0,.34);padding:16px}.scenario-note{margin:12px 0 0;text-align:center;color:#c8cdef;font-size:11px;font-weight:760}.meta-grid,.score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meta,.score{min-width:0;padding:10px 7px;border-radius:12px;background:rgba(255,255,255,.05);text-align:center}.meta strong,.score b{display:block;font-size:17px}.meta span,.score span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.primary,.choice,.ghost,.invite-button,.sms-button,.text-button{font:inherit;cursor:pointer}.primary{width:100%;margin-top:18px;padding:16px 18px;border:0;border-radius:15px;background:linear-gradient(120deg,var(--violet),var(--blue) 56%,var(--cyan));color:#070a19;font-size:16px;font-weight:950;box-shadow:0 10px 35px rgba(92,134,255,.28)}.primary:active,.choice:active,.ghost:active{transform:scale(.986)}.invite-button,.sms-button{width:100%;margin-top:9px;padding:12px 15px;border-radius:14px;color:#edf0ff;font-weight:850}.invite-button{border:1px solid rgba(141,124,255,.52);background:linear-gradient(135deg,rgba(141,124,255,.17),rgba(38,219,200,.09))}.sms-button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}.fine,.footer{color:#78809e;font-size:10px;text-align:center}.fine{margin:11px 0 0}.footer{margin-top:23px}.footer strong{color:#cbd0e8}
.pipeline-board{position:relative;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#171d42,#0e142e);padding:14px 10px 16px}.pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;color:#dfe3f7;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.agent-status{display:flex;align-items:center;gap:6px;color:#bdf9ee}.agent-status i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.7s ease-in-out infinite}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-items:stretch}.stage{position:relative;min-width:0;min-height:96px;padding:7px 3px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);text-align:center;transition:.3s}.stage.active{border-color:rgba(38,219,200,.7);background:rgba(38,219,200,.1);box-shadow:0 0 20px rgba(38,219,200,.09)}.stage.done{border-color:rgba(92,227,165,.35)}.stage-icon{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:9px;background:rgba(141,124,255,.15);font-size:14px}.stage strong{display:block;overflow:hidden;color:#f8f9ff;font-size:7px;line-height:1.15;text-overflow:ellipsis}.stage small{display:block;margin-top:5px;color:#929cbe;font-size:6px}.lead-stack{position:absolute;left:7%;right:7%;bottom:8px;height:22px}.lead-dot{position:absolute;top:0;width:19px;height:19px;border-radius:7px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 3px 10px rgba(0,0,0,.3);transition:left .65s cubic-bezier(.2,.7,.25,1),transform .4s}.lead-dot:nth-child(2){top:4px;transform:scale(.78);filter:saturate(.7)}.lead-dot:nth-child(3){top:8px;transform:scale(.58);filter:saturate(.5)}.agent-orb{position:absolute;right:11px;top:38px;width:38px;height:38px;border:2px solid rgba(38,219,200,.45);border-radius:14px;background:radial-gradient(circle at 36% 32%,#fff 0 4%,var(--cyan) 5% 16%,#586cff 40%,#171d42 72%);box-shadow:0 0 24px rgba(38,219,200,.22);animation:agentFloat 2.7s ease-in-out infinite}.agent-orb:after{content:"AI";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:9px;font-weight:950}.scan-line{position:absolute;left:10px;right:10px;top:47px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55;animation:scan 2.4s linear infinite}.intro-screen{text-align:center}.intro-screen h2{margin:9px auto 18px;max-width:520px;font-size:24px;line-height:1.2}.intro-screen .pipeline-board{padding-top:20px}.intro-screen .lead-dot{animation:leadTour 5.6s ease-in-out both}.intro-countdown{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0;color:var(--muted);font-size:13px}.intro-countdown b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--panel2);color:var(--cyan);font-size:22px}.text-button{border:0;background:transparent;color:#ccd1e7;font-size:12px;font-weight:800;padding:10px}
.game-head{position:sticky;top:0;z-index:20;margin:-18px -16px 12px;padding:max(14px,env(safe-area-inset-top)) 16px 10px;background:rgba(8,12,33,.9);backdrop-filter:blur(16px)}.game-row{display:flex;align-items:center;justify-content:space-between}.round{color:var(--muted);font-size:12px}.timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:950}.timer.warning{color:var(--amber)}.progress{height:5px;margin-top:9px;border-radius:99px;background:#242a51;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .4s}.score-strip{margin-bottom:12px}.incident{display:grid;grid-template-columns:46px 1fr;gap:0 13px;margin-bottom:12px;padding:15px;border:1px solid rgba(255,112,132,.26);border-radius:19px;background:linear-gradient(145deg,rgba(75,28,53,.56),rgba(23,28,61,.95))}.incident-icon{grid-row:1;width:44px;height:44px;border-radius:14px;background:rgba(255,112,132,.14);display:grid;place-items:center;font-size:22px}.incident h2{margin:1px 0 6px;font-size:20px;line-height:1.08}.incident p{margin:0;color:#c8cde3;font-size:13px;line-height:1.4}.constraint{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:10px}.constraint b{color:var(--amber);text-align:right}.choices{display:grid;gap:9px}.choice{width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(27,33,69,.92);color:var(--text);text-align:left}.choice:hover{border-color:rgba(141,124,255,.66)}.choice b{display:block;margin-bottom:5px;font-size:14px}.choice>span{color:var(--muted);font-size:12px;line-height:1.35}.choice-impact{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.chip{padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:#dfe3f4!important;font-size:9px!important}.chip.primary-chip{border:1px solid rgba(38,219,200,.22);background:rgba(38,219,200,.12);color:#cffff8!important}.resolution-banner{min-height:74px;border:1px solid rgba(38,219,200,.34);border-radius:16px;background:linear-gradient(135deg,rgba(38,219,200,.12),rgba(141,124,255,.15));display:flex;align-items:center;justify-content:center;gap:11px;color:#e9fffb;font-size:14px;font-weight:850}.resolution-banner i{width:20px;height:20px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin .72s linear infinite}
.result{text-align:center}.result-badge{display:grid;place-items:center;width:88px;height:88px;margin:14px auto;border-radius:28px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#080b20;font-size:34px;font-weight:950;transform:rotate(-5deg)}.result h1{font-size:41px}.result-copy{color:var(--muted);line-height:1.48}.compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0;text-align:left}.compare-card{padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.compare-card.ai{border-color:rgba(38,219,200,.38);background:linear-gradient(145deg,rgba(38,219,200,.1),rgba(27,33,69,.9))}.compare-card small{color:var(--muted);font-weight:750}.big{margin:5px 0;font-size:25px;font-weight:950}.metric-list{display:grid;gap:7px;margin-top:11px}.metric-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.metric-row b{color:var(--text);white-space:nowrap}.gain{margin:12px 0;padding:13px;border:1px solid rgba(92,227,165,.3);border-radius:15px;background:rgba(92,227,165,.08);color:#bdf6da;font-weight:850}.critical-path{margin:17px 0;padding:15px;border:1px solid rgba(38,219,200,.28);border-radius:19px;background:linear-gradient(145deg,rgba(38,219,200,.07),rgba(141,124,255,.1));text-align:left}.critical-path p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.critical-steps{display:grid;gap:8px;margin-top:13px}.critical-step{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(7,10,26,.52)}.critical-index{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#080b20;font-weight:950}.critical-copy{display:grid;gap:3px}.critical-copy small{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.critical-copy strong{font-size:13px}.critical-copy span{color:#d9ddef;font-size:12px}.critical-copy em{color:var(--muted);font-size:10px;font-style:normal}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.ghost{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);font-weight:850}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);width:min(calc(100% - 32px),480px);padding:13px 15px;border-radius:14px;background:#f5f6ff;color:#14162c;font-size:13px;font-weight:750;box-shadow:0 14px 40px rgba(0,0,0,.45)}
@keyframes pulse{50%{opacity:.4;transform:scale(.78)}}@keyframes agentFloat{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes scan{0%{transform:translateY(-14px);opacity:0}25%,75%{opacity:.6}100%{transform:translateY(62px);opacity:0}}@keyframes leadTour{0%{left:3%}18%{left:19%}36%{left:36%}54%{left:53%}72%{left:70%}90%,100%{left:88%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:500px){.pipeline{gap:3px}.stage{min-height:90px;padding:6px 2px}.stage strong{font-size:6.2px}.stage small{font-size:5.5px}.agent-orb{width:32px;height:32px;top:41px}.compare{grid-template-columns:1fr}.result h1{font-size:36px}.metric-row{font-size:11px}.critical-path{padding:13px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:9px}.footer-links a{color:#bdc6eb;text-decoration:none;font-size:11px;font-weight:800}.footer-links a:hover,.footer-links a:focus-visible{color:var(--cyan);text-decoration:underline}