:root{--arena-bg: #FAFAF7;--arena-ink: #101418;--arena-muted: #5A6472;--arena-accent: #0E7490;--arena-accent-ink: #FFFFFF;--arena-hot: #E11D48;--arena-gold: #B45309;--arena-card: #FFFFFF;--arena-line: #E4E4DC;--arena-wash: #EFF6F8;--arena-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--arena-radius: 14px;--arena-shadow: 0 1px 1px rgba(16, 20, 24, .03), 0 6px 18px rgba(16, 20, 24, .05), 0 24px 60px rgba(14, 116, 144, .07);--arena-shadow-lift: 0 2px 3px rgba(16, 20, 24, .04), 0 14px 34px rgba(16, 20, 24, .08), 0 40px 90px rgba(14, 116, 144, .1);--arena-ease: cubic-bezier(.32, .72, 0, 1)}.arena-surface{background:var(--arena-bg);color:var(--arena-ink);min-height:100dvh;font-size:16px;line-height:1.55}.arena-container{max-width:1440px;margin:0 auto;padding:0 32px}body:has(.arena-surface){background:var(--arena-bg)}.arena-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.arena-scenario{padding:22px;border-top:3px solid var(--accent, var(--arena-accent));display:flex;flex-direction:column}.arena-scenario--locked{opacity:.92}.arena-scenario-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.arena-scenario-icon{font-size:26px}.arena-scenario-title{margin:4px 0 8px;font-size:20px}.arena-scenario-tag{font-style:italic;color:var(--arena-muted);font-size:14px}.arena-scenario-meta{font-size:12px;color:var(--arena-gold);margin:8px 0 14px}.arena-scenario .arena-btn,.arena-scenario .arena-btn--ghost{margin-top:auto;align-self:flex-start}.arena-display{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.02em;line-height:1.08}.arena-card{background:var(--arena-card);border:1px solid var(--arena-line);border-radius:var(--arena-radius);box-shadow:var(--arena-shadow);transition:transform .25s var(--arena-ease),box-shadow .25s var(--arena-ease)}.arena-bezel{background:#0e74900f;border:1px solid rgba(14,116,144,.1);border-radius:20px;padding:6px}.arena-bezel>.arena-card{border-radius:14px;box-shadow:inset 0 1px 1px #fff9,var(--arena-shadow)}.arena-btn{display:inline-flex;align-items:center;gap:8px;background:var(--arena-accent);color:var(--arena-accent-ink);border:none;border-radius:999px;padding:12px 24px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .16s var(--arena-ease),box-shadow .2s var(--arena-ease)}.arena-btn:active{transform:scale(.97)}.arena-btn:disabled{opacity:.5;cursor:default;transform:none}.arena-btn .arena-btn-orb{width:26px;height:26px;border-radius:999px;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s var(--arena-ease)}@media(hover:hover)and (pointer:fine){.arena-btn:hover{transform:translateY(-1px);box-shadow:var(--arena-shadow-lift)}.arena-btn:hover .arena-btn-orb{transform:translate(2px,-1px) scale(1.06)}.arena-btn:hover:active{transform:scale(.97)}}.arena-btn--ghost{background:transparent;color:var(--arena-accent);border:1.5px solid var(--arena-accent)}.arena-btn--hot{background:var(--arena-hot)}.arena-mono{font-family:var(--arena-mono);font-variant-numeric:tabular-nums}.arena-eyebrow{display:inline-block;font-family:var(--arena-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--arena-accent);font-weight:600;background:var(--arena-card);border:1px solid var(--arena-line);border-radius:999px;padding:5px 14px}.arena-reveal{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .7s var(--arena-ease),transform .7s var(--arena-ease),filter .7s var(--arena-ease)}.arena-reveal--in{opacity:1;transform:translateY(0);filter:blur(0)}.arena-grid>.arena-reveal:nth-child(3n+2){transition-delay:40ms}.arena-grid>.arena-reveal:nth-child(3n){transition-delay:80ms}.arena-bubble,.arena-team-row,.arena-fail{opacity:1;transform:translateY(0);transition:opacity .2s var(--arena-ease),transform .2s var(--arena-ease);@starting-style{opacity:0;transform:translateY(8px)}}.arena-tab{transition:transform .12s var(--arena-ease),background-color .15s ease,color .15s ease}.arena-tab:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.arena-reveal{opacity:1;transform:none;filter:none;transition:none}.arena-card,.arena-btn,.arena-btn .arena-btn-orb,.arena-tab{transition:none}.arena-bubble,.arena-team-row,.arena-fail{transition:opacity .2s ease;@starting-style{transform:none}}.arena-typing-dot{animation:none;opacity:.7}.arena-check-pop{animation:none}}.arena-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--arena-line);color:var(--arena-muted);background:var(--arena-bg)}.arena-badge-free{background:#dcfce7;border-color:#86efac;color:#166534}.arena-badge-locked{background:#fef3c7;border-color:#fcd34d;color:#92400e}.arena-badge-new{background:var(--arena-hot);border-color:var(--arena-hot);color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.06em;padding:2px 7px;vertical-align:middle}.arena-chat-scroll{overflow-y:auto;overscroll-behavior:contain}.arena-bubble{max-width:78%;padding:12px 16px;border-radius:14px;margin:6px 0;white-space:pre-wrap}.arena-bubble--user{margin-left:auto;background:var(--arena-accent);color:#fff;border-bottom-right-radius:4px}.arena-bubble--team{margin-right:auto;background:var(--arena-card);border:1px solid var(--arena-line);border-bottom-left-radius:4px}.arena-bubble--team strong{color:var(--arena-ink)}.arena-team-row{display:flex;align-items:flex-end;gap:8px}.arena-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:var(--arena-wash);border:1px solid var(--arena-line);display:inline-flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:8px}.arena-speaker{display:block;font-family:var(--arena-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--arena-accent);margin-bottom:4px}.arena-chat-line{margin:0 0 8px;white-space:pre-wrap}.arena-chat-line:last-child{margin-bottom:0}.arena-typing{display:inline-flex;align-items:center;gap:5px;padding:15px 16px}.arena-typing-dot{width:7px;height:7px;border-radius:999px;background:var(--arena-muted);animation:arena-typing-wave 1.1s ease-in-out infinite}.arena-typing-dot:nth-child(2){animation-delay:.14s}.arena-typing-dot:nth-child(3){animation-delay:.28s}.arena-typing-timer{margin-left:8px}@keyframes arena-typing-wave{0%,55%,to{transform:translateY(0);opacity:.4}25%{transform:translateY(-5px);opacity:1}}.arena-phase-col{background:var(--arena-wash);border-radius:var(--arena-radius);padding:12px}.arena-task{background:var(--arena-card);border:1px solid var(--arena-line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.arena-task--done{opacity:.55;text-decoration:line-through}.arena-raci-wrap{overflow-x:auto;border:1px solid var(--arena-line);border-radius:var(--arena-radius)}.arena-raci{border-collapse:collapse;width:100%;font-size:13px}.arena-raci th,.arena-raci td{border:1px solid var(--arena-line);padding:8px 10px;text-align:center;background:var(--arena-card)}.arena-raci th:first-child,.arena-raci td:first-child{position:sticky;left:0;text-align:left;min-width:220px;z-index:1}.arena-raci .raci-R{background:#ccfbf1;font-weight:700}.arena-raci .raci-A{background:#fef3c7;font-weight:700}.arena-raci .raci-C{background:#e0f2fe}.arena-raci .raci-I{color:var(--arena-muted)}.arena-pad{padding:34px 20px 60px}.arena-dim{color:var(--arena-muted)}.arena-small{font-size:13px}.arena-err{color:var(--arena-hot);font-size:14px}.arena-app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.arena-app-title{font-size:clamp(26px,3.4vw,38px);margin:6px 0}.arena-project-title{font-size:clamp(22px,3vw,32px);margin:6px 0}.arena-banner{background:var(--arena-rose-tint, #FFF1F2);border:1px solid var(--arena-rose-line, #FECDD3);border-radius:var(--arena-radius);padding:14px 18px;margin:0 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px}.arena-banner--ok{background:#dcfce7;border-color:#86efac}.arena-banner--warn{background:#fef3c7;border-color:#fcd34d}.arena-btn-inline{margin-left:auto;padding:8px 16px;font-size:14px}.arena-linkbtn{background:none;border:none;color:var(--arena-accent);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.arena-input{border:1.5px solid var(--arena-line);border-radius:10px;padding:12px 14px;font-size:15px;background:var(--arena-card);color:var(--arena-ink);min-width:0}.arena-input:focus{outline:2px solid var(--arena-accent);outline-offset:1px}.arena-signin{max-width:640px}.arena-signin-row{display:flex;gap:10px;margin:18px 0 10px;flex-wrap:wrap}.arena-signin-row .arena-input{flex:1 1 260px}.arena-brief{max-width:72ch}.arena-kpis{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.arena-kpi{color:var(--arena-gold);border-color:#fcd34d;background:#fffbeb}.arena-role{padding:20px;display:flex;flex-direction:column;gap:10px}.arena-role h3{margin:0;font-size:17px}.arena-role .arena-btn{margin-top:auto;align-self:flex-start}.arena-tabs{display:flex;gap:6px}.arena-tab{background:var(--arena-card);border:1px solid var(--arena-line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;color:var(--arena-muted)}.arena-tab--on{background:var(--arena-accent);border-color:var(--arena-accent);color:#fff}.arena-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;align-items:start}.arena-phase-h{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:2px 4px 10px}.arena-task-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.arena-task-row input{margin-top:4px;accent-color:var(--arena-accent)}.arena-task-row input.arena-check-pop{animation:arena-check-pop .26s var(--arena-ease)}@keyframes arena-check-pop{0%{transform:scale(.9)}45%{transform:scale(1.3)}to{transform:scale(1)}}.arena-tag-you{margin-left:8px}.arena-prio{margin-left:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.arena-prio--critical{color:var(--arena-hot)}.arena-prio--high{color:var(--arena-gold)}.arena-prio--medium{color:var(--arena-muted)}.arena-task .arena-linkbtn{margin-top:6px}.arena-chat{display:flex;flex-direction:column;height:calc(100dvh - 240px);min-height:420px}.arena-chat-topic{padding:10px 14px;background:var(--arena-wash);border:1px solid var(--arena-line);border-radius:10px;margin-bottom:10px;display:flex;gap:10px;align-items:center}.arena-chat-box{flex:1;padding:8px 4px}.arena-chat-inputrow{display:flex;gap:10px;padding-top:10px;border-top:1px solid var(--arena-line)}.arena-chat-input{flex:1}.arena-chat-footrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 2px 0}.arena-fail{padding:16px 20px;margin:10px 0;border-color:#fcd34d;background:#fffbeb;max-width:560px}.arena-fail h4{margin:0 0 8px}.arena-fail .arena-btn{margin-top:6px}@media(max-width:767px){.arena-bubble{max-width:92%}.arena-app-head{align-items:stretch}.arena-tabs{width:100%}.arena-tab{flex:1;text-align:center;padding:10px 6px}.arena-chat{height:calc(100dvh - 200px)}.arena-board{grid-template-columns:1fr}}.arena-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.arena-main{min-width:0}.arena-rail{position:sticky;top:20px;display:flex;flex-direction:column;gap:22px;background:var(--arena-card);border:1px solid var(--arena-line);border-radius:var(--arena-radius);box-shadow:var(--arena-shadow);padding:20px 18px}.arena-rail-brand{display:flex;flex-direction:column;gap:4px}.arena-rail-nav{display:flex;flex-direction:column;gap:2px}.arena-rail-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;color:var(--arena-ink);text-decoration:none;font-weight:600;font-size:14px;transition:background-color .15s ease,color .15s ease}.arena-rail-link--active{background:var(--arena-accent);color:var(--arena-accent-ink)}@media(hover:hover)and (pointer:fine){.arena-rail-link:hover{background:var(--arena-wash)}.arena-rail-link--active:hover{background:var(--arena-accent)}}.arena-rail-foot{margin-top:auto;border-top:1px solid var(--arena-line);padding-top:16px;display:flex;flex-direction:column;gap:10px}.arena-rail-toggle{display:none;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--arena-accent);background:transparent;color:var(--arena-accent);font-weight:700;font-size:14px;cursor:pointer}.arena-rail-toggle:active{transform:scale(.97)}.arena-rail-close{display:none;align-self:flex-end;background:none;border:none;color:var(--arena-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 4px}.arena-rail-backdrop{display:none}@media(max-width:959px){.arena-shell{display:block}.arena-rail-toggle{display:inline-flex;margin-bottom:16px}.arena-rail-close{display:inline-flex}.arena-rail{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(80vw,300px);height:100dvh;overflow-y:auto;border-radius:0;margin:0;transform:translate(-100%);transition:transform .24s var(--arena-ease)}.arena-rail--open{transform:translate(0)}.arena-rail-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#10141870;opacity:0;pointer-events:none;transition:opacity .24s var(--arena-ease)}.arena-rail-backdrop--open{opacity:1;pointer-events:auto}}@media(max-width:959px)and (prefers-reduced-motion:reduce){.arena-rail{transform:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.arena-rail--open{opacity:1;visibility:visible}.arena-rail-backdrop{transition:opacity .2s ease}}
