@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#f7ffe8;background:radial-gradient(circle at top,rgba(103,232,249,.09),transparent 30%),radial-gradient(circle at 80% 20%,rgba(244,114,182,.1),transparent 24%),radial-gradient(circle at 20% 80%,rgba(217,249,157,.08),transparent 22%),#071117;color-scheme:dark;--bg-900: #071117;--bg-850: rgba(9, 17, 26, .88);--panel: rgba(11, 23, 35, .76);--panel-strong: rgba(9, 19, 30, .92);--line: rgba(140, 255, 218, .13);--line-strong: rgba(140, 255, 218, .25);--text: #ecfdf5;--muted: #9ec0bf;--soft: #6b8a89;--lime: #d9f99d;--cyan: #67e8f9;--mint: #6ee7b7;--pink: #f472b6;--amber: #f59e0b;--violet: #a78bfa;--shadow: 0 20px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#050b13bf,#050b13f5),var(--bg-900);color:var(--text)}body,button,input,textarea{font-family:Space Grotesk,system-ui,sans-serif}code,.panel-label,.terminal-shell,.chip,.machine-stat,.stat-badge,.rarity-pill,.reward-tag,.contact-card small,.page-footer{font-family:IBM Plex Mono,monospace}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden}.particle-canvas,.ambient-grid{position:fixed;inset:0;pointer-events:none}.particle-canvas{z-index:0}.ambient-grid{z-index:1;background-image:linear-gradient(rgba(103,232,249,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 38%,transparent 100%);mask-image:radial-gradient(circle at center,black 38%,transparent 100%);opacity:.3}.page-frame{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:24px 18px 28px}.surface-panel{position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#122434b3,#071018d1),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}.surface-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 40%,transparent 65%,rgba(255,255,255,.03));pointer-events:none}.panel-label{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.hero-panel{display:grid;grid-template-columns:1.4fr minmax(280px,.78fr);gap:20px;padding:24px;margin-bottom:20px}.hero-copy{display:flex;flex-direction:column;gap:16px}.eyebrow{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:8px 12px;border-radius:999px;background:#67e8f914;border:1px solid rgba(103,232,249,.18);color:var(--cyan);font-size:.82rem}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 8px #d9f99d14;animation:pulseDot 2.6s ease-in-out infinite}.hero-kicker{margin:0;color:var(--mint);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.hero-title{margin:0;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.96;letter-spacing:-.05em;max-width:10ch}.hero-description{margin:0;max-width:62ch;color:var(--muted);font-size:1.02rem;line-height:1.6}.hero-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:.73rem;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.scoreboard{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:22px;background:radial-gradient(circle at top right,rgba(244,114,182,.14),transparent 34%),var(--panel-strong);border:1px solid rgba(244,114,182,.16)}.score-main{display:flex;flex-direction:column;gap:6px}.score-main strong{font-size:clamp(2.4rem,6vw,3.4rem);line-height:.9}.score-main small,.progress-block p,.contact-copy,.sidequest-heading p,.resolution-card p,.role-copy,.role-summary p,.choice-card small,.choice-card em,.machine-screen p,.attract-state p,.reward-meta p{color:var(--muted)}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.score-chip{display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.score-chip span{display:flex;flex-direction:column;gap:2px}.score-chip strong{font-size:1rem}.score-chip small,.progress-block span,.resolution-card small,.contact-card small,.page-footer{font-size:.76rem}.progress-block{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;background:#09121bcc;border:1px solid rgba(103,232,249,.12)}.progress-topline{display:flex;justify-content:space-between;gap:16px;align-items:center}.progress-topline strong{color:var(--lime)}.progress-bar{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar.large{height:12px}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--cyan),var(--lime));box-shadow:0 0 30px #6ee7b747}.experience-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.82fr);gap:20px;align-items:start}.side-stack{display:flex;flex-direction:column;gap:16px}.arcade-machine{padding:22px}.machine-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.machine-kicker,.role-mini-label{margin:0 0 8px;color:var(--lime);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.machine-head h2,.sidequest-heading h3,.role-panel h2,.attract-state h3,.role-empty h3,.sidequest-empty h3{margin:0;font-size:1.45rem;line-height:1.08}.machine-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.machine-stat{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:var(--soft);font-size:.73rem}.machine-stat.active{color:var(--text);border-color:#d9f99d3d;background:#d9f99d14}.machine-body{display:grid;gap:18px}.cabinet-lights{display:flex;gap:12px;justify-content:center}.cabinet-lights span{width:14px;height:14px;border-radius:999px;background:linear-gradient(180deg,var(--lime),rgba(217,249,157,.18));box-shadow:0 0 16px #d9f99d52;animation:blinkArcade 2.4s ease-in-out infinite}.cabinet-lights span:nth-child(2){animation-delay:.2s;background:linear-gradient(180deg,var(--cyan),rgba(103,232,249,.18))}.cabinet-lights span:nth-child(3){animation-delay:.4s;background:linear-gradient(180deg,var(--pink),rgba(244,114,182,.18))}.machine-screen{position:relative;min-height:420px;padding:20px;border-radius:28px;background:linear-gradient(180deg,#080f17eb,#050b11f5),#02060b;border:1px solid rgba(103,232,249,.16);box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 30px #67e8f90d}.rolling-state,.attract-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.rolling-state strong,.reward-meta h3,.resolution-card strong,.role-summary strong{font-size:1.16rem}.capsule-track{display:flex;gap:18px}.capsule{width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.08);animation:floatCapsule 1.1s ease-in-out infinite}.capsule-a{background:linear-gradient(180deg,#67e8f9e6,#67e8f933)}.capsule-b{background:linear-gradient(180deg,#f472b6e6,#f472b633);animation-delay:.16s}.capsule-c{background:linear-gradient(180deg,#d9f99df2,#d9f99d33);animation-delay:.3s}.attract-grid{display:grid;grid-template-columns:repeat(5,90px);gap:10px}.attract-grid span{display:grid;place-items:center;height:54px;border-radius:18px;color:var(--text);background:linear-gradient(180deg,#122434e6,#071018cc);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 16px #ffffff05}.arcade-button,.secondary-button,.choice-card{appearance:none;border:0}.arcade-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:center;min-height:50px;min-width:164px;width:auto;padding:12px 18px;border-radius:999px;font-size:.92rem;font-weight:700;color:#dce8ec;border:1px solid rgba(217,233,238,.22);background:linear-gradient(180deg,#c7d4dc38,#60707a14),linear-gradient(135deg,#3a4750,#202b33 55%,#111a21);box-shadow:inset 0 1px #ffffff38,inset 0 -8px 16px #00000047,0 10px 22px #0000003d;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.bonus-hint{padding:12px 14px;border-radius:16px;background:#67e8f90f;border:1px solid rgba(103,232,249,.12);color:var(--muted);font-size:.9rem;line-height:1.5}.bonus-hint-live{color:var(--text);border-color:#d9f99d33;background:radial-gradient(circle at left,rgba(217,249,157,.14),transparent 26%),#d9f99d12;box-shadow:0 0 24px #d9f99d1f}.arcade-button:hover:not(:disabled),.secondary-button:hover,.contact-card:hover,.choice-card:hover{transform:translateY(-2px)}.arcade-button:hover:not(:disabled){box-shadow:inset 0 1px #ffffff3d,inset 0 -10px 18px #0000004d,0 12px 28px #00000047}.arcade-button:disabled{cursor:wait;filter:saturate(.76);opacity:.82}.reward-card{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at top right,var(--reward-glow),transparent 36%),linear-gradient(180deg,#11212fdb,#060d15eb);box-shadow:inset 0 0 28px #ffffff08}.reward-card-top,.reward-footer,.role-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.rarity-pill,.reward-tag,.resolution-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;font-size:.72rem;border:1px solid rgba(255,255,255,.1)}.rarity-pill{color:var(--reward-accent);background:#ffffff0a}.reward-tag{color:var(--soft)}.reward-core,.role-card-top,.sidequest-empty,.role-empty,.sidequest-heading{display:flex;gap:14px}.reward-avatar{flex:0 0 70px;height:70px;border-radius:22px;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-weight:700;font-size:1.15rem;letter-spacing:.04em;color:var(--text)}.reward-avatar img{width:100%;height:100%;object-fit:cover}.reward-meta{display:flex;flex-direction:column;gap:6px}.reward-department{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--reward-accent)}.reward-meta h3,.reward-meta p,.contact-copy,.role-copy,.role-summary p,.choice-card em,.machine-screen p,.attract-state h3,.attract-state p,.rolling-state p{margin:0}.reward-punchline{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.terminal-panel,.sidequest-panel,.contact-panel,.role-panel{padding:18px}.terminal-shell{min-height:76px;display:flex;align-items:flex-start;gap:10px;padding:16px;margin-top:10px;border-radius:20px;background:#02060bb8;border:1px solid rgba(103,232,249,.09);color:var(--mint);line-height:1.6}.terminal-prefix{color:var(--soft)}.terminal-text{flex:1}.terminal-cursor{width:9px;height:20px;border-radius:4px;background:var(--mint);box-shadow:0 0 14px #6ee7b757;animation:blinkCursor .9s step-end infinite}.sidequest-heading,.sidequest-empty,.role-empty{align-items:flex-start}.spotlight-panel{border-color:#d9f99d33;box-shadow:var(--shadow),0 0 0 1px #d9f99d14,0 0 36px #d9f99d1a}.sidequest-live{border-color:#67e8f93d;box-shadow:var(--shadow),0 0 0 1px #67e8f91a,0 0 22px #67e8f91f,inset 0 0 0 1px #ffffff08}.sidequest-live:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#67e8f9b3,#d9f99d75,#f472b657);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:.62}.mission-banner{display:flex;flex-direction:column;gap:4px;margin:12px 0 14px;padding:12px 14px;border-radius:18px;border:1px solid rgba(217,249,157,.22);background:radial-gradient(circle at left,rgba(217,249,157,.18),transparent 30%),#d9f99d14;animation:pulseMission 2.2s ease-in-out infinite}.mission-banner-quiz{border-color:#67e8f93d;background:radial-gradient(circle at left,rgba(103,232,249,.16),transparent 30%),#67e8f912}.mission-banner-quiz span{color:var(--cyan)}.mission-banner span{color:var(--lime);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.mission-banner strong{font-size:.98rem;line-height:1.35}.option-stack{display:grid;gap:10px;margin-top:16px}.choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);color:var(--text);text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.choice-card:hover{border-color:#67e8f93d;background:#67e8f90d}.choice-card strong,.contact-card strong,.role-actions small{font-size:.92rem}.choice-card em{font-style:normal;font-size:.82rem}.resolution-card{display:flex;flex-direction:column;gap:10px;padding:16px;margin-top:16px;border-radius:18px;background:linear-gradient(180deg,#122434b8,#071018db),#ffffff08;border:1px solid rgba(103,232,249,.14)}.resolution-pill{width:fit-content;color:var(--cyan)}.resolution-pill.success{color:var(--lime)}.resolution-pill.soft{color:#fda4af}.contact-panel{background:radial-gradient(circle at top left,rgba(110,231,183,.1),transparent 32%),linear-gradient(180deg,#122434b3,#071018d1)}.contact-grid{display:grid;gap:10px;margin-top:14px}.contact-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.08);background:#ffffff09;transition:transform .15s ease,border-color .15s ease,background .15s ease}.contact-card span:last-child{display:flex;flex-direction:column;gap:3px}.contact-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff0a}.tone-emerald:hover{border-color:#6ee7b73d;background:#6ee7b70f}.tone-cyan:hover{border-color:#67e8f93d;background:#67e8f90f}.role-panel{margin-top:20px;padding:20px;border-color:#d9f99d24;background:radial-gradient(circle at top right,rgba(217,249,157,.12),transparent 34%),linear-gradient(180deg,#122434b3,#071018d1)}.role-panel-locked{border-color:#67e8f924}.role-avatar{flex-basis:76px;height:76px}.role-card-top{align-items:center;margin:10px 0 16px}.role-copy{max-width:64ch}.role-summary{padding:14px 16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.role-summary span{color:var(--lime)}.stats-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.stat-badge{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#ffffff09;border:1px solid rgba(255,255,255,.08)}.secondary-button{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.1)}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;padding:18px 4px 0;color:var(--soft)}@keyframes floatCapsule{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blinkCursor{0%,50%{opacity:1}51%,to{opacity:.2}}@keyframes blinkArcade{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.18);opacity:1}}@keyframes pulseDot{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes pulseMission{0%,to{transform:translateY(0);box-shadow:0 0 #d9f99d00}50%{transform:translateY(-1px);box-shadow:0 0 24px #d9f99d1f}}@media(max-width:1040px){.hero-panel,.experience-grid{grid-template-columns:1fr}.hero-title{max-width:none}}@media(max-width:720px){.page-frame{padding:16px 14px 24px}.hero-panel,.arcade-machine,.terminal-panel,.sidequest-panel,.contact-panel,.role-panel{border-radius:24px}.hero-panel,.arcade-machine,.terminal-panel,.sidequest-panel,.contact-panel,.role-panel,.scoreboard{padding:18px}.machine-head,.reward-card-top,.reward-footer,.role-actions,.progress-topline,.page-footer{flex-direction:column;align-items:flex-start}.score-grid{grid-template-columns:1fr}.machine-screen{min-height:360px}.attract-grid{grid-template-columns:repeat(3,54px)}}