:root{--page-background:#eef4fb;--page-surface:#ffffffe0;--panel-surface:#fffffff0;--panel-muted:#f5f8fc;--border-color:#536a8a24;--text-strong:#16253a;--text-muted:#50637d;--accent:#2f7ae5;--accent-soft:#2f7ae51f;--shadow-lg:0 30px 70px #12274314;--shadow-md:0 18px 40px #12274314;--radius-shell:32px;--radius-panel:24px;--radius-card:20px;--lab-left-width:408px;--lab-right-width:276px}html{min-height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:radial-gradient(circle at top left, #538ad629, transparent 28%), linear-gradient(180deg, #f5f9ff 0%, var(--page-background) 100%);min-height:100vh;color:var(--text-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.home-page{padding:32px 20px 48px}.lab-page{padding:18px 20px 48px}.home-shell,.lab-shell{border:1px solid var(--border-color);border-radius:var(--radius-shell);background:var(--page-surface);width:min(1380px,100%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0 auto}.home-shell{padding:48px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:700}.home-shell h1{max-width:12ch;margin:0;font-size:clamp(2.7rem,6vw,4.4rem);line-height:.96}.home-copy{max-width:62ch;color:var(--text-muted);margin:20px 0 0;font-size:1.05rem;line-height:1.7}.home-actions,.lab-header__actions{flex-wrap:wrap;gap:12px;display:flex}.home-actions{margin-top:28px}.button{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 12px 24px #2f7ae52e}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.58;box-shadow:none;transform:none}.button:focus-visible{outline-offset:2px;outline:3px solid #2f7ae540}.button--secondary{border-color:var(--border-color);color:var(--text-strong);box-shadow:none;background:#ffffffb8}.button--secondary:hover{background:#ffffffe6}.button--secondary:disabled{color:var(--text-muted);background:#ffffffb8}.button--small{box-shadow:none;padding:9px 12px;font-size:.86rem}.home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.home-card,.lab-panel,.status-card,.canvas-card{border:1px solid var(--border-color);border-radius:var(--radius-panel);background:var(--panel-surface);box-shadow:var(--shadow-md)}.home-card{padding:24px}.home-card h2{margin:0 0 8px;font-size:1rem}.home-card p{color:var(--text-muted);margin:0;line-height:1.6}.lab-shell{padding:18px 24px 24px}.lab-topbar{grid-template-columns:var(--lab-left-width) minmax(0, 1fr) var(--lab-right-width);align-items:center;gap:18px;margin-bottom:12px;padding:0 0 4px;display:grid}.lab-topbar__brand .eyebrow{margin:0}.lab-topbar__brand{align-items:center;min-height:52px;display:flex}.lab-brand-logo{width:min(228px,100%);height:auto;display:block}.lab-topbar__actions{grid-column:3;justify-content:flex-end;display:flex}.lab-grid{grid-template-columns:var(--lab-left-width) minmax(0, 1fr) var(--lab-right-width);align-items:start;gap:18px;display:grid}.lab-panel{padding:18px}.lab-panel>.control-panel{margin-top:14px}.lab-panel--center{box-shadow:none;background:0 0;border:none;gap:18px;padding:0;display:grid}.lab-panel__title,.status-card__title,.canvas-card__title{margin:0;font-size:1.02rem;font-weight:700}.lab-panel__subtitle,.status-card__subtitle,.canvas-card__subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.88rem;line-height:1.48}.panel-list{color:var(--text-muted);margin:18px 0 0;padding-left:18px;line-height:1.7}.panel-list li+li{margin-top:6px}.panel-chip-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.control-chip{border:1px solid var(--border-color);background:var(--panel-muted);color:var(--text-strong);border-radius:999px;justify-content:center;align-items:center;padding:10px 12px;font-size:.95rem;font-weight:600;display:inline-flex}.control-panel{gap:12px;display:grid}.control-group{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--panel-muted);padding:14px}.control-group__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.control-group__header>div{min-width:0}.control-group__title{margin:0;font-size:.94rem}.control-group__description{color:var(--text-muted);margin:6px 0 0;font-size:.8rem;line-height:1.4}.control-group__rows{gap:12px;display:grid}.control-row{gap:8px;display:grid}.control-row__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.control-row__label{font-size:.88rem;font-weight:700;display:inline-block}.control-row__hint{color:var(--text-muted);margin:4px 0 0;font-size:.74rem;line-height:1.35}.control-row__pill{border:1px solid var(--border-color);color:var(--text-strong);background:#ffffffd1;border-radius:999px;flex-shrink:0;padding:6px 8px;font-size:.72rem;font-weight:700}.control-row__inputs{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;display:grid}.control-range{width:100%;accent-color:var(--accent)}.control-number{border:1px solid var(--border-color);width:100%;color:var(--text-strong);background:#ffffffeb;border-radius:14px;padding:8px 10px;font-size:.84rem}.control-number:focus-visible,.control-range:focus-visible{outline-offset:2px;outline:3px solid #2f7ae538}.status-stack{align-content:start;gap:12px;display:grid}.status-card{padding:16px}.status-card__body{color:var(--text-muted);margin:14px 0 0;line-height:1.65}.status-card__body strong{color:var(--text-strong)}.canvas-card{flex-direction:column;min-height:100%;display:flex;overflow:hidden}.canvas-stage{overflow:hidden}.canvas-card__header,.canvas-card__footer{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.canvas-card__header{border-bottom:1px solid var(--border-color)}.canvas-card__footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;font-size:.95rem}.canvas-status{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.canvas-status:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.game-host{aspect-ratio:16/9;background:linear-gradient(#18294a 0%,#101d33 100%);min-height:0;position:relative}.game-host:before{content:"";pointer-events:none;border-top:1px solid #ffffff14;position:absolute;inset:0}.game-host canvas{width:100%;height:auto;display:block}.metrics-card .metric-grid{margin-top:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric-tile{border:1px solid var(--border-color);background:var(--panel-muted);border-radius:18px;padding:10px 12px}.metric-tile--wide{grid-column:1/-1}.metric-tile__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-tile__label{color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:1.25}.metric-tile__tag{color:var(--text-strong);background:#ffffffb8;border-radius:999px;padding:4px 7px;font-size:.64rem;font-weight:700}.metric-tile__value{color:var(--text-strong);margin-top:8px;font-size:1rem;font-weight:800;line-height:1.15}.metric-tile__detail{color:var(--text-muted);margin-top:4px;font-size:.7rem;line-height:1.35}.preset-card{gap:18px;display:grid}.preset-active{border:1px solid var(--border-color);background:var(--panel-muted);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.preset-active__label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.preset-active__name{margin-top:6px;font-size:1rem;font-weight:800}.preset-active__description{color:var(--text-muted);margin:8px 0 0;font-size:.88rem;line-height:1.5}.preset-badge{color:#15803d;white-space:nowrap;background:#22c55e1f;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.preset-badge--dirty{color:#b45309;background:#f59e0b24}.preset-badge--working{color:var(--accent);background:#2f7ae51f}.preset-save{gap:10px;display:grid}.preset-save__label{font-size:.92rem;font-weight:700}.preset-save__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.preset-save__hint{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.55}.preset-section{gap:12px;display:grid}.preset-section__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preset-section__title{margin:0;font-size:.96rem}.preset-section__chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.preset-list{gap:10px;display:grid}.preset-row{border:1px solid var(--border-color);background:var(--panel-muted);border-radius:18px;gap:12px;padding:14px;display:grid}.preset-row--active{border-color:#2f7ae54d;box-shadow:inset 0 0 0 1px #2f7ae51f}.preset-row__content{gap:8px;display:grid}.preset-row__title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.preset-row__title{margin:0;font-size:.95rem}.preset-row__tag{color:var(--text-strong);white-space:nowrap;background:#ffffffbd;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.preset-row__description{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.5}.preset-row__actions{flex-wrap:wrap;gap:8px;display:flex}.preset-rename{gap:10px;display:grid}.preset-empty-state{border:1px dashed var(--border-color);color:var(--text-muted);background:#ffffffa8;border-radius:18px;padding:14px;font-size:.88rem;line-height:1.55}.export-card{gap:18px;display:grid}.export-card__meta{border:1px solid var(--border-color);background:var(--panel-muted);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.export-section{gap:10px;display:grid}.export-section__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-preview{gap:10px;display:grid}.export-preview__label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.export-preview__content{border:1px solid var(--border-color);background:var(--panel-muted);color:var(--text-strong);white-space:pre-wrap;border-radius:18px;max-height:280px;margin:0;padding:14px;font-family:Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.55;overflow:auto}.panel-status{margin:0;font-size:.84rem;font-weight:700}.panel-status--success{color:#15803d}.panel-status--error{color:#b91c1c}.jump-preview-panel{gap:16px;display:grid}.jump-preview-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.jump-preview__eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.jump-preview__title{color:var(--text-strong);margin:4px 0 0;font-size:1rem;line-height:1.2}.jump-preview-panel__subtitle{color:var(--text-muted);margin:8px 0 0;font-size:.9rem;line-height:1.55}.jump-preview__speed{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.jump-preview__chart{background:linear-gradient(#152744 0%,#101d33 100%);border:1px solid #101d330a;border-radius:20px;overflow:hidden}.jump-preview__svg{width:100%;height:auto;display:block}.jump-preview__legend{flex-wrap:wrap;gap:8px 10px;display:flex}.jump-preview__legend-item,.jump-preview__legend-caption{color:#dae8f7d1;align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.jump-preview__legend-item:before{content:"";background:currentColor;border-radius:999px;width:12px;height:2px}.jump-preview__legend-item--standing{color:#7dd3fc}.jump-preview__legend-item--running{color:#a5b4fc}.jump-preview__legend-item--running:before{background:repeating-linear-gradient(90deg,currentColor 0 6px,#0000 6px 10px)}.canvas-footnote{flex-wrap:wrap;flex:1;gap:14px;line-height:1.5;display:flex}.canvas-footnote span{align-items:center;gap:8px;display:inline-flex}@media (max-width:1120px){.lab-topbar{grid-template-columns:1fr}.lab-topbar__actions{grid-column:auto;justify-content:flex-start}.lab-grid,.control-panel,.metric-grid{grid-template-columns:1fr}.lab-panel--center{order:-1}}@media (max-width:780px){.home-shell,.lab-shell{border-radius:24px;padding:20px}.home-shell{padding:28px 20px}.home-card-grid{grid-template-columns:1fr}.lab-topbar,.canvas-card__header,.canvas-card__footer{flex-direction:column;align-items:flex-start}.game-host{aspect-ratio:auto;min-height:380px}.jump-preview-panel__header,.export-section__header,.export-card__meta,.preset-section__header,.preset-row__title-row,.preset-active,.control-group__header,.control-row__header{flex-direction:column;align-items:flex-start}.preset-save__row,.control-row__inputs{grid-template-columns:1fr}.control-row__pill{width:fit-content}}@media (min-width:1121px){.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.control-group--forgiveness{grid-column:1/-1}}