:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px 24px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;width:min(420px,100%);padding:22px;box-shadow:0 16px 40px #0f172a14}.login-panel h1{margin-bottom:18px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;max-width:1440px;margin:0 auto 12px;display:flex}.topbar>div:first-child{min-width:220px}.brand-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.brand-mark{color:#f8fafc;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.brand-name{color:#334155;font-size:14px;font-weight:700}.build-badge{color:#64748b;background:#fff;border:1px solid #d8e0ea;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}h1,h2,p{margin:0}h1{color:#020617;white-space:nowrap;font-size:30px;font-weight:780;line-height:1.05}h2{color:#020617;font-size:15px;font-weight:760}.match-summary{grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(90px,1fr));gap:10px;min-width:min(720px,100%);display:grid}.user-badge{background:#fff;border:1px solid #d8e0ea;border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;min-width:0;padding:8px 8px 8px 12px;display:grid}.user-badge span,.user-badge em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-badge span{color:#0f172a;font-size:13px;font-weight:800}.user-badge em{color:#64748b;font-size:12px;font-style:normal;font-weight:650}.user-badge button{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;grid-area:1/2/span 2;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.view-tabs{gap:8px;max-width:1440px;margin:0 auto 14px;display:flex}.view-tabs button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;font-weight:760;display:inline-flex}.view-tabs button.active{color:#fff;background:#0f172a;border-color:#0f172a}.summary-stat{background:#fff;border:1px solid #d8e0ea;border-radius:8px;min-width:0;padding:10px 12px}.summary-stat span,.section-heading span,.metric-tile span,.event-toolbar p{color:#64748b;font-size:12px;font-weight:650;line-height:1.2}.summary-stat strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:760;line-height:1.4;display:block;overflow:hidden}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:18px;max-width:1440px;margin:0 auto;display:grid}.action-bar{background:#fff;border:1px solid #d8e0ea;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto 18px;padding:14px 16px;display:flex}.content-panel>.action-bar{box-shadow:none;border:0;margin:0;padding:0}.action-bar p{color:#64748b;margin-top:4px;font-size:13px;font-weight:650}.action-buttons{gap:8px;display:flex}.action-buttons button{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;height:38px;padding:0 14px;font-size:13px;font-weight:780}.action-buttons button+button{background:#2563eb;border-color:#2563eb}.action-buttons button:disabled{cursor:wait;opacity:.62}.arena-panel,.side-panel,.event-panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;box-shadow:0 16px 40px #0f172a14}.wide-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;width:100%;max-width:1440px;margin:0 auto;display:grid}.platform-page{gap:18px;width:100%;max-width:1440px;margin:0 auto;display:grid}.home-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:12px;max-width:1440px;margin:0 auto;display:grid}.home-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-stat-card,.home-panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;min-width:0;box-shadow:0 16px 40px #0f172a14}.home-stat-card{text-align:left;gap:6px;min-height:92px;padding:12px 14px;display:grid}.home-stat-card span,.home-stat-card em{color:#64748b;font-size:12px;font-style:normal;font-weight:740}.home-stat-card strong{color:#020617;font-size:30px;line-height:1}.home-stat-card.quality strong{color:#0f766e}.home-stage{background:#fff;border:1px solid #d8e0ea;border-radius:8px;min-width:0;padding:14px;box-shadow:0 16px 40px #0f172a14}.orbit-board{background:radial-gradient(circle,#f8fafc 0,#eef6ff 52%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;height:clamp(300px,100vh - 360px,430px);min-height:300px;margin-top:10px;position:relative;overflow:hidden}.orbit-ring{border:1px dashed #cbd5e1;border-radius:999px;position:absolute;inset:52px}.orbit-ring.ring-two{inset:92px}.orbit-ball{border:4px solid #fff;border-radius:999px;width:36px;height:36px;animation:6s ease-in-out infinite alternate orbit-drift;position:absolute;box-shadow:0 12px 24px #0f172a2e}.orbit-1{top:24%;left:18%}.orbit-2{animation-delay:-1.2s;top:20%;left:70%}.orbit-3{animation-delay:-2.4s;top:68%;left:62%}.orbit-4{animation-delay:-3.1s;top:72%;left:28%}.orbit-5{animation-delay:-4s;top:16%;left:44%}.orbit-6{animation-delay:-5s;top:48%;left:78%}.orbit-core{background:#fff;border:1px solid #bfdbfe;border-radius:999px;place-items:center;width:120px;height:120px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-core strong{color:#0f172a;font-size:34px;line-height:1}.orbit-core span{color:#64748b;font-size:12px;font-weight:760}.home-panel{padding:14px}.home-action-grid{gap:10px;margin-top:12px;display:grid}.home-action-grid button{color:#0f172a;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:grid}.home-action-grid span{color:#64748b;font-size:12px;font-weight:740}.home-action-grid strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:820;overflow:hidden}.chart-card{grid-area:2/2;align-self:stretch}.bar-chart{gap:12px;margin-top:12px;display:grid}.bar-row{grid-template-columns:24px minmax(70px,112px) minmax(0,1fr) 58px;align-items:center;gap:8px;display:grid}.bar-row span,.bar-row b{color:#64748b;font-size:12px;font-weight:780}.bar-row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bar-row em{background:linear-gradient(90deg,#2563eb,#0f766e);border-radius:8px;height:14px;display:block}@keyframes orbit-drift{0%{transform:translate(-8px,5px)scale(.94)}to{transform:translate(12px,-10px)scale(1.08)}}.content-panel{background:#fff;border:1px solid #d8e0ea;border-radius:8px;min-width:0;padding:16px;box-shadow:0 16px 40px #0f172a14}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.eval-table{gap:8px;display:grid}.eval-row{color:#334155;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:minmax(130px,1fr) repeat(6,minmax(62px,88px));align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;display:grid}.eval-head{color:#64748b;text-transform:uppercase;background:#f8fafc;border-color:#0000;font-size:12px}.eval-row strong{color:#0f172a}.callout{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px}.callout strong{color:#1e3a8a;margin-bottom:8px;font-size:16px;font-weight:800;display:block}.callout p{color:#334155;font-size:13px;font-weight:650;line-height:1.5}.command-list{gap:8px;margin-top:12px;display:grid}.command-list code{color:#e2e8f0;background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:700;display:block;overflow:auto}.result-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.result-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.result-card span:last-of-type{color:#64748b;grid-column:2/3;font-size:12px;font-weight:700}.result-card b{color:#0f172a;grid-area:1/3/3/4;font-size:20px}.events-list.full{grid-template-columns:1fr;max-height:560px}.guide-steps{color:#334155;margin:0;padding-left:20px;font-size:15px;font-weight:680;line-height:1.8}.constraint-list{gap:10px;display:grid}.constraint-list span,.empty-inline{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:13px;font-weight:700}.empty-state{background:#fff;border:1px solid #d8e0ea;border-radius:8px;max-width:720px;margin:80px auto;padding:28px}.empty-state p{color:#64748b;margin-top:10px;font-size:14px;font-weight:650}.arena-panel{min-width:0;overflow:hidden}.replay-canvas{aspect-ratio:16/10;background:#f8fafc;width:100%;min-height:440px;display:block}.playback-bar{border-top:1px solid #e2e8f0;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.playback-buttons,.speed-group,.filter-group{align-items:center;gap:8px;display:flex}.icon-button,.speed-group button,.filter-group button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:36px;font-size:12px;font-weight:740;display:inline-flex}.icon-button{width:38px}.icon-button.primary{color:#fff;background:#0f172a;border-color:#0f172a}.speed-group button,.filter-group button{padding:0 11px}.speed-group button.active,.filter-group button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.timeline{min-width:0}.time-labels{color:#475569;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}input[type=range]{accent-color:#2563eb;width:100%}.side-panel{flex-direction:column;min-width:0;display:flex}.panel-section{padding:16px}.panel-section+.panel-section{border-top:1px solid #e2e8f0}.section-heading,.event-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.leaderboard{gap:8px;display:grid}.leader-row{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:28px 12px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.leader-row.selected{background:#f8fafc;border-color:#0f172a}.rank{color:#64748b;font-size:13px;font-weight:780}.agent-dot{border-radius:999px;width:12px;height:12px}.agent-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:730;overflow:hidden}.score{color:#334155;font-size:13px;font-weight:780}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:10px}.metric-tile strong{color:#0f172a;margin-top:6px;font-size:18px;font-weight:790;display:block}.event-panel{max-width:1440px;margin:18px auto 0;padding:16px}.event-toolbar{align-items:flex-start}.events-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:290px;padding-right:4px;display:grid;overflow:auto}.event-row{background:#fff;border:1px solid #e2e8f0;border-left-width:4px;border-radius:8px;grid-template-columns:52px 112px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.event-row.good{border-left-color:#16a34a}.event-row.bad{border-left-color:#dc2626}.event-row.warn{border-left-color:#d97706}.event-row.neutral{border-left-color:#64748b}.event-time,.event-type{color:#64748b;font-size:12px;font-weight:740}.event-copy{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:680;overflow:hidden}.platform-hero{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.nested-tabs{flex-wrap:wrap;gap:8px;display:flex}.nested-tabs button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:13px;font-weight:760;display:inline-flex}.nested-tabs button.active{color:#fff;background:#0f172a;border-color:#0f172a}.nested-tabs button:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.platform-hero strong{color:#14532d;font-size:18px;font-weight:820;display:block}.platform-hero p{color:#334155;margin-top:6px;font-size:13px;font-weight:650;line-height:1.5}.platform-hero button,.form-stack button,.appearance-editor button,.secondary-action{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:780;display:inline-flex}.platform-hero button:disabled,.form-stack button:disabled,.appearance-editor button:disabled{cursor:wait;opacity:.62}.rule-grid,.form-stack,.match-list{gap:10px;display:grid}.rule-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.rule-pill strong{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.rule-pill span{color:#475569;margin-top:8px;font-size:12px;font-weight:700;line-height:1.5;display:block}.form-stack label{gap:6px;display:grid}.form-stack label span{color:#64748b;font-size:12px;font-weight:760}.form-stack input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:38px;padding:0 10px;font-size:13px;font-weight:700}.dev-code,.form-error,.success-note{border-radius:8px;padding:10px 12px;font-size:13px;font-weight:760}.dev-code{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.success-note{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.platform-alert{margin-top:12px}.form-stack input[type=color]{padding:4px}.ball-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.my-balls-panel{width:100%}.ball-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:12px}.ball-card.selected{border-color:#0f172a;box-shadow:inset 0 0 0 1px #0f172a}.ball-card-main{color:#0f172a;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:0;display:grid}.ball-avatar{border:3px solid #fff;border-radius:999px;width:34px;height:34px;box-shadow:0 4px 12px #0f172a2e}.ball-avatar.small{border-width:2px;flex:none;width:26px;height:26px}.ball-card-main strong,.ball-card-main em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ball-card-main strong{font-size:14px;font-style:normal;font-weight:800}.ball-card-main em{color:#64748b;margin-top:2px;font-size:12px;font-style:normal;font-weight:700}.ball-card-main b{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.ball-card-copy{color:#475569;margin:10px 0;font-size:13px;font-weight:680;line-height:1.4}.id-strip{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:8px;font-size:12px;font-weight:760;overflow:hidden}.readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:8px}.metric-mini em,.metric-mini strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.metric-mini em{color:#64748b;font-size:11px;font-style:normal;font-weight:760}.metric-mini strong{color:#0f172a;margin-top:3px;font-size:12px;font-weight:820}.secondary-action{background:#0f766e;border-color:#0f766e;width:100%;margin-top:10px}.share-port{gap:12px;display:grid}.agent-copy-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:170px;padding:18px;display:grid}.agent-copy-card h3{color:#0f172a;margin:0;font-size:18px;font-weight:860}.agent-copy-card p{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:720}.agent-copy-card .copy-action{grid-column:1/-1;width:100%}.share-port>div:not(.readonly-grid),.share-port label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.share-port span,.share-port label span{color:#64748b;font-size:12px;font-weight:760;display:block}.share-port strong{overflow-wrap:anywhere;color:#0f172a;margin-top:6px;font-size:14px;font-weight:820;display:block}.share-port p{color:#334155;margin-top:6px;font-size:13px;font-weight:680;line-height:1.5}.share-port pre{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #dbe4ef;border-radius:8px;max-height:min(56vh,520px);margin:8px 0 0;padding:10px;font-family:inherit;font-size:12px;font-weight:720;line-height:1.6;overflow:auto}.copy-action{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:780;display:inline-flex}.danger-action,.appearance-editor button.danger-action{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.danger-action:disabled,.appearance-editor button.danger-action:disabled{cursor:not-allowed;opacity:.56}.appearance-editor{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ball-editor-layout,.rule-copy-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:14px;display:grid}.ball-selector-list{gap:8px;display:grid}.ball-selector-list button{color:#0f172a;text-align:left;background:#f8fafc;border:1px solid #d8e0ea;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.ball-selector-list button.active{background:#fff;border-color:#0f172a;box-shadow:inset 0 0 0 1px #0f172a}.ball-selector-list strong,.ball-selector-list em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ball-selector-list strong{font-size:13px;font-weight:820}.ball-selector-list em{color:#64748b;margin-top:2px;font-size:11px;font-style:normal;font-weight:720}.ball-preview{aspect-ratio:1;color:#fff;text-shadow:0 1px 6px #0f172a59;border:8px solid #fff;border-radius:999px;place-items:center;font-size:22px;font-weight:880;display:grid;box-shadow:0 18px 36px #0f172a33}.ball-preview.pattern-ring{box-shadow:0 18px 36px #0f172a33,inset 0 0 0 16px #ffffff38}.ball-preview.pattern-spark{background-image:radial-gradient(circle at 30% 30%,#fffc 0 7%,#0000 8%),radial-gradient(circle at 70% 58%,#ffffff8c 0 5%,#0000 6%)}.color-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pattern-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pattern-group button{color:#0f172a;background:#fff;border-color:#cbd5e1}.pattern-group button.active{color:#134e4a;background:#ccfbf1;border-color:#0f766e}.match-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:92px 110px 80px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.match-row span,.match-row b{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:740;overflow:hidden}.match-row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:820;overflow:hidden}.ball-battle-list,.edit-log-list,.ranking-table{gap:8px;display:grid}.ball-battle-row,.edit-log-row,.ranking-row{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:grid}.ball-battle-row{grid-template-columns:12px minmax(0,1fr) 58px 92px}.edit-log-row{grid-template-columns:96px 120px 92px minmax(160px,1fr) minmax(160px,1.4fr)}.ranking-row{grid-template-columns:56px minmax(160px,1fr) minmax(100px,.7fr) 90px 70px 70px 70px}.ranking-head{color:#64748b;cursor:default;background:#f8fafc;border-color:#0000}.ball-battle-row strong,.edit-log-row strong,.ranking-row strong,.edit-log-row b,.ranking-row b{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:820;overflow:hidden}.ball-battle-row span,.ball-battle-row b,.edit-log-row span,.edit-log-row em,.edit-log-row small,.ranking-row span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:740;overflow:hidden}@media (width<=900px){.topbar,.workspace{grid-template-columns:1fr}.topbar{align-items:start;display:grid}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-section+.panel-section{border-top:0;border-left:1px solid #e2e8f0}.wide-grid,.home-page,.home-grid{grid-template-columns:1fr}.chart-card{grid-area:auto/1}.span-4,.span-5,.span-7,.span-8,.span-12{grid-column:span 1}.rule-grid.two-column{grid-template-columns:1fr}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-editor{grid-template-columns:150px minmax(0,1fr)}.ball-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.ball-editor-layout,.rule-copy-layout{grid-template-columns:240px minmax(0,1fr)}}@media (width<=760px){.app-shell{padding:14px}h1{white-space:normal;font-size:28px}.match-summary,.side-panel,.events-list,.result-cards,.ball-grid,.appearance-editor,.ball-editor-layout,.rule-copy-layout,.platform-hero{grid-template-columns:1fr}.platform-hero{flex-direction:column;align-items:stretch}.view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.view-tabs button,.nested-tabs button{width:100%}.nested-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.orbit-board{min-height:280px}.bar-row{grid-template-columns:24px minmax(70px,120px) minmax(0,1fr) 56px}.panel-section+.panel-section{border-top:1px solid #e2e8f0;border-left:0}.playback-bar{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.playback-buttons,.speed-group{justify-content:space-between}.filter-group{flex-wrap:wrap}.eval-row,.readonly-grid,.match-row,.ball-battle-row,.edit-log-row,.ranking-row{grid-template-columns:1fr 1fr}.ranking-head,.eval-head{display:none}.replay-canvas{aspect-ratio:1;min-height:320px}}