.replay-scene__canvas{display:block;width:100%;height:auto;max-height:min(70vh,48rem);aspect-ratio:760 / 330;border:1px solid rgba(242,239,232,.2);border-radius:.85rem;background:#eaf8fc;box-shadow:0 .8rem 2.4rem #00000038}.replay-scene__object{filter:drop-shadow(0 2px 2px rgba(42,52,58,.28))}.replay-scene__preparing,.replay-scene__error{display:grid;min-height:14rem;place-items:center;padding:1.5rem;border:1px solid rgba(242,239,232,.2);border-radius:.85rem;background:#f2efe814;color:#f2efe8;text-align:center}.replay-scene__error{border-color:#e88b6f80;color:#ffd2c3}:root{color:#f2efe8;background:#14130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(79,111,80,.36),transparent 36rem),#14130f}button{font:inherit}button:focus-visible{outline:3px solid #f2c879;outline-offset:3px}.shell{width:min(100% - 3rem,62rem);min-height:100vh;margin:0 auto;padding:7rem 0;display:grid;align-content:center;gap:1.25rem}.eyebrow{margin:0;color:#d8b36a;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:.5rem;color:#f7f1e1;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,6.8rem);font-weight:400;line-height:.95;letter-spacing:-.055em}.intro{max-width:38rem;margin-bottom:2.25rem;color:#b9b4a8;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.auth-card,.notice{display:flex;align-items:center;gap:1.2rem;width:min(100%,42rem);padding:1.25rem;border:1px solid rgba(242,239,232,.14);border-radius:1rem;background:#f2efe812;box-shadow:0 1.5rem 4rem #00000038}.robot-editor,.attempt-workspace{width:min(100%,62rem);padding:1.5rem;border:1px solid rgba(242,239,232,.14);border-radius:1rem;background:#f2efe812;box-shadow:0 1.5rem 4rem #00000038}.attempt-heading,.attempt-result-heading,.attempt-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.attempt-heading{margin-bottom:1.2rem}.animation-preference{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin:.8rem 0 1rem;padding:.75rem .9rem;border:1px solid rgba(242,239,232,.14);border-radius:.65rem;background:#14130f47}.animation-preference label{display:inline-flex;align-items:center;gap:.55rem;color:#f7f1e1;font-weight:700}.animation-preference input{width:1.1rem;height:1.1rem;accent-color:#95c7a0}.animation-preference-detail{color:#b9b4a8;font-size:.88rem}.attempt-preference-conflict{display:grid;justify-items:start;gap:.65rem;margin-top:.75rem;padding:.9rem;border:1px solid rgba(216,179,106,.5);border-radius:.65rem;background:#d8b36a1a}.attempt-preference-conflict p{margin:0;color:#ead6a7;line-height:1.45}.attempt-heading h2,.attempt-result-heading h3,.attempt-section-heading h3,.active-attempts h3,.attempt-running h3{margin-bottom:.45rem;color:#f7f1e1}.attempt-heading p:last-child,.attempt-result p,.attempt-history p,.active-attempts p,.attempt-running p,.attempt-message{margin-bottom:0;color:#b9b4a8;line-height:1.5}.quota-badge{display:grid;flex:0 0 auto;gap:.1rem;min-width:8rem;padding:.7rem .8rem;border:1px solid rgba(155,197,158,.45);border-radius:.6rem;background:#42684533;text-align:right}.quota-badge strong{color:#bde0bf;font-size:1.35rem}.quota-badge span,.history-count,.attempt-status{color:#b9b4a8;font-size:.78rem}.attempt-message,.attempt-error,.attempt-running,.active-attempts,.attempt-result,.attempt-history,.attempt-replay{margin-top:1rem;padding:1rem;border:1px solid rgba(242,239,232,.14);border-radius:.7rem;background:#14130f4d}.attempt-replay-heading{margin-bottom:.75rem}.attempt-replay-heading h3{margin:0 0 .35rem;color:#f7f1e1}.attempt-replay-heading p{margin:0;color:#b9b4a8}.replay-again{margin:.3rem 0 .8rem}.attempt-error{border-color:#ed928080;background:#762f2a33}.attempt-error p{margin:0 0 .75rem;color:#f0b0a2;line-height:1.45}.attempt-running{display:flex;align-items:center;justify-content:space-between;gap:1rem}.attempt-running-copy{display:flex;align-items:flex-start;gap:.8rem}.attempt-running-copy .spinner{margin-top:.2rem}.attempt-result-heading{align-items:center;margin-bottom:.8rem}.attempt-result-heading h3{margin-bottom:0;font-size:1.55rem}.attempt-status{padding:.35rem .55rem;border:1px solid rgba(155,197,158,.45);border-radius:999px;color:#bde0bf}.attempt-reason{padding:.65rem .75rem;border-left:3px solid #d8b36a;background:#d8b36a1a}.attempt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0 0}.attempt-metrics div{padding:.65rem .7rem;border:1px solid rgba(242,239,232,.1);border-radius:.45rem;background:#f2efe80a}.attempt-metrics dt{color:#8f8b81;font-size:.78rem}.attempt-metrics dd{margin:.2rem 0 0;color:#f7f1e1;font-weight:700}.active-attempts p{margin-bottom:.9rem}.active-attempt-list{display:flex;flex-wrap:wrap;gap:.65rem}.attempt-history{margin-top:1.25rem}.attempt-section-heading{align-items:center;margin-bottom:.8rem}.attempt-section-heading h3{margin-bottom:0;font-size:1.25rem}.history-list{display:grid;gap:.55rem;margin:0 0 .85rem;padding:0;list-style:none}.history-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem;border:1px solid rgba(242,239,232,.1);border-radius:.45rem}.history-list li>div{display:grid;gap:.2rem}.history-list strong{color:#f7f1e1}.history-list span{color:#8f8b81;font-size:.82rem}.history-empty{margin-bottom:0}.attempt-action{align-items:center}.attempt-action .field-help{margin:0}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.4rem}.editor-heading h2{margin-bottom:.45rem;color:#f7f1e1;font-size:clamp(1.5rem,3vw,2rem)}.editor-intro,.field-help,.editor-hint,.editor-loading,.editor-message,.editor-paused{color:#b9b4a8;line-height:1.5}.editor-intro{max-width:42rem;margin-bottom:0}.save-state{flex:0 0 auto;padding:.45rem .65rem;border:1px solid rgba(216,179,106,.5);border-radius:999px;color:#f2c879;font-size:.84rem;font-weight:700;white-space:nowrap}.save-state-clean{border-color:#9bc59e8c;color:#bde0bf}.save-state-error,.save-state-conflict{border-color:#ed928099;color:#f0b0a2}.editor-form{display:grid;gap:1.25rem}.editor-form fieldset{min-width:0;margin:0;padding:1rem;border:1px solid rgba(242,239,232,.16);border-radius:.7rem}.editor-form legend{padding:0 .4rem;color:#f7f1e1;font-weight:700}.editor-form label{display:block;margin-bottom:.4rem;color:#f2efe8;font-size:.9rem;font-weight:700}.editor-form textarea{display:block;width:100%;min-height:2.8rem;resize:vertical;padding:.65rem .7rem;border:1px solid rgba(242,239,232,.28);border-radius:.45rem;color:#f7f1e1;background:#14130fa6;font:inherit;line-height:1.45}.editor-form select{display:block;width:min(100%,28rem);padding:.65rem .7rem;border:1px solid rgba(242,239,232,.28);border-radius:.45rem;color:#f7f1e1;background:#14130fa6;font:inherit}.editor-form select:focus{border-color:#d8b36a;outline:3px solid rgba(242,200,121,.3);outline-offset:1px}.editor-form textarea:focus{border-color:#d8b36a;outline:3px solid rgba(242,200,121,.3);outline-offset:1px}.editor-form fieldset:disabled{opacity:.65}.history-actions{display:flex;flex-wrap:wrap;gap:.5rem}.field-help{margin:0 0 .85rem;font-size:.9rem}.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.skill-card{min-width:0;padding:.85rem;border:1px solid rgba(242,239,232,.12);border-radius:.6rem;background:#14130f4d}.skill-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}.skill-toggle{display:inline-flex!important;align-items:center;gap:.55rem;margin:0!important;font-size:1rem!important}.skill-toggle input{width:1.1rem;height:1.1rem;accent-color:#d8b36a}.skill-help{color:#8f8b81;font-size:.78rem;line-height:1.35;text-align:right}.byte-count{color:#8f8b81;font-size:.82rem;text-align:right}.byte-count-over{color:#f0b0a2}.editor-hint,.editor-message,.editor-paused{margin:0 0 1rem;padding:.7rem .8rem;border-radius:.45rem}.editor-hint,.editor-paused{border:1px solid rgba(216,179,106,.35);background:#d8b36a1f}.editor-message{border:1px solid rgba(237,146,128,.45);color:#f0b0a2;background:#762f2a38}.conflict-card{margin-top:1.25rem;padding:1rem;border:1px solid rgba(237,146,128,.55);border-radius:.7rem;background:#762f2a33}.conflict-card h3{margin:0 0 .4rem;color:#f7f1e1}.conflict-card p{color:#d4c9bc;line-height:1.5}.conflict-preview{margin:.8rem 0 1rem;padding:.7rem;border-left:3px solid #d8b36a;background:#14130f59}.conflict-preview p{margin:.35rem 0 0;white-space:pre-wrap}.conflict-preview li{white-space:pre-wrap}.editor-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.logout-prompt{display:grid;gap:.8rem;width:min(100%,62rem)}.logout-prompt h2{margin:0 0 .4rem;color:#f7f1e1;font-size:1.15rem}.logout-prompt p{margin:0}.auth-card-content{min-width:0}.auth-card h2{margin-bottom:.5rem;color:#f7f1e1;font-size:1.45rem}.auth-card p,.notice p{margin-bottom:1.1rem;color:#b9b4a8;line-height:1.5}.auth-card p:last-of-type,.notice p:last-child{margin-bottom:1.1rem}.confirmation-success,.form-error{margin:0 0 1rem;padding:.7rem .8rem;border-radius:.45rem;line-height:1.45}.confirmation-success{border:1px solid rgba(155,197,158,.45);color:#bde0bf!important;background:#42684547}.form-error{border:1px solid rgba(237,146,128,.55);color:#f0b0a2!important;background:#762f2a40}.confirmation-card form{display:grid;gap:.55rem;margin-bottom:.9rem}.confirmation-card label{color:#f2efe8;font-size:.9rem;font-weight:700}.confirmation-card input{width:100%;min-height:2.7rem;margin-bottom:.55rem;padding:.6rem .7rem;border:1px solid rgba(242,239,232,.3);border-radius:.45rem;color:#f7f1e1;background:#14130fa6}.confirmation-card input:focus{border-color:#d8b36a;outline:3px solid rgba(242,200,121,.3);outline-offset:1px}.confirmation-card input:disabled{opacity:.65}.auth-card strong{color:#f7f1e1;overflow-wrap:anywhere}.card-kicker{margin-bottom:.45rem!important;color:#d8b36a!important;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.robot{display:flex;flex:0 0 auto;gap:.5rem;width:4.3rem;height:4.3rem;align-items:center;justify-content:center;border:2px solid #d8b36a;border-radius:1.25rem;background:#253428;transform:rotate(-4deg)}.robot-eye{width:.48rem;height:.75rem;border-radius:.4rem;background:#d8b36a}.account-mark{display:grid;flex:0 0 auto;width:4.3rem;height:4.3rem;place-items:center;border:2px solid #9bc59e;border-radius:1.25rem;color:#9bc59e;background:#253428;font-size:2rem}.primary-button,.secondary-button{min-height:2.75rem;padding:.65rem 1rem;border-radius:.55rem;font-weight:700;cursor:pointer}.primary-button{border:1px solid #d8b36a;color:#1b180f;background:#d8b36a}.secondary-button{border:1px solid rgba(216,179,106,.8);color:#f7f1e1;background:transparent}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background:#f2c879}.secondary-button:hover:not(:disabled),.secondary-button:focus-visible{background:#d8b36a1f}.text-button{display:block;padding:.35rem 0;border:0;color:#d8b36a;background:transparent;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:.2em}.text-button:hover:not(:disabled),.text-button:focus-visible{color:#f2c879}button:disabled{cursor:wait;opacity:.65}.notice{align-items:flex-start;width:min(100%,42rem)}.notice p{margin:0}.error-notice{display:block;border-color:#ed92808c;background:#762f2a40}.error-notice .secondary-button{margin-top:.25rem}.spinner{flex:0 0 auto;width:1.2rem;height:1.2rem;margin-top:.1rem;border:2px solid rgba(242,239,232,.25);border-top-color:#d8b36a;border-radius:50%;animation:spin .8s linear infinite}.status{margin-bottom:0;color:#d8b36a;font-size:.9rem;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:40rem){.shell{width:min(100% - 2rem,62rem);padding:4rem 0}.auth-card{align-items:flex-start}.editor-heading{display:block}.save-state{display:inline-block;margin-top:.8rem}.skill-list{grid-template-columns:1fr}.attempt-heading,.attempt-result-heading,.attempt-section-heading,.attempt-running,.history-list li{display:block}.quota-badge{margin-top:.8rem;text-align:left}.attempt-running .secondary-button,.history-actions{margin-top:.75rem}.attempt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
