.runcard{background-color:#f5f2eb;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;box-shadow:0 8px 24px #00000080,0 1px 3px #0000004d;display:flex;flex-direction:column;position:relative;overflow:hidden}.runcard--modal{width:520px;height:660px;padding:56px 36px 36px}.runcard--drawer{width:280px;height:360px;padding:28px 20px 20px}.runcard--header{width:auto;height:56px;padding:8px 16px;flex-direction:row;align-items:center;gap:12px}.runcard__triangle{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;place-items:center;margin-bottom:16px}.runcard__slot{display:flex;align-items:center;justify-content:center}.runcard__slot--class{grid-row:1;grid-column:1 / -1}.runcard__slot--bg{grid-row:2;grid-column:1}.runcard__slot--scenario{grid-row:2;grid-column:2}.runcard__slot img{display:block;height:auto}.runcard--modal .runcard__slot--class img{width:180px}.runcard--modal .runcard__slot--scenario img{width:150px}.runcard--drawer .runcard__slot--class img{width:100px}.runcard--drawer .runcard__slot--scenario img{width:80px}.runcard__bg-placeholder{font-family:Permanent Marker,cursive;color:#2a2a2a;border:2px dashed #2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffff4d}.runcard--modal .runcard__bg-placeholder{width:130px;height:130px;font-size:22px}.runcard--drawer .runcard__bg-placeholder{width:80px;height:80px;font-size:14px}.runcard__footer{flex-shrink:0}.runcard__static{text-align:center;font-family:Permanent Marker,cursive;color:#2a2a2a}.runcard--drawer .runcard__name{font-size:22px}.runcard--drawer .runcard__turn{font-family:JetBrains Mono,monospace;font-size:11px;color:#666;margin-top:4px;letter-spacing:.1em;text-transform:uppercase}.runcard__edit{display:flex;align-items:center;gap:12px}.runcard__name-input{flex:1;min-width:0;font-family:Permanent Marker,cursive;font-size:28px;background:transparent;border:none;outline:none;color:#2a2a2a;border-bottom:2px solid #2a2a2a;padding:4px 0}.runcard__name-input::-moz-placeholder{color:#888}.runcard__name-input::placeholder{color:#888}.runcard__dice{background:transparent;border:2px solid #2a2a2a;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:22px;color:#2a2a2a;flex-shrink:0;transition:background .15s ease,transform .15s ease}.runcard__dice:hover{background:#0000000d;transform:rotate(-15deg)}.runcard__play{display:inline-flex;align-items:center;justify-content:center;width:110px;height:56px;border:2px solid #2a2a2a;border-radius:28px;background:#f5f2eb;color:#2a2a2a;font-family:Caveat,cursive;font-size:30px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.runcard__play:hover{background:#2a2a2a;color:#f5f2eb;transform:scale(1.05)}.runcard__header-icon{width:40px;height:auto}.runcard__header-name{font-family:Permanent Marker,cursive;color:#2a2a2a;font-size:18px;flex:1}.runcard__header-turn{font-family:JetBrains Mono,monospace;font-size:11px;color:#666;letter-spacing:.1em}.confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;opacity:0;transition:opacity .4s ease;pointer-events:none}.confirm-modal--visible{opacity:1;pointer-events:auto}.confirm-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0806c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .5s ease}.confirm-modal--transitioning .confirm-modal__backdrop{opacity:0}.confirm-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal--visible .confirm-modal__content{animation:modal-settle .5s cubic-bezier(.16,1,.3,1) backwards}.confirm-modal--transitioning .confirm-modal__content{animation:none}@keyframes modal-settle{0%{transform:translate(-50%,calc(-50% + 8px))}to{transform:translate(-50%,-50%)}}.confirm-modal__content--transitioning .runcard__triangle,.confirm-modal__content--transitioning .runcard__footer{opacity:0;transition:opacity .25s ease}.confirm-modal__back{position:fixed;top:16px;right:16px;z-index:1;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a8a9a;background:#0a0a0fb3;border:1px solid #2a2a3e;border-radius:3px;padding:6px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal__back:hover{color:#d4a574;border-color:#d4a574}.character-panel{background:#1c1810;border:1px solid #2a2418;border-radius:6px;padding:20px;color:#b8a88a;font-family:JetBrains Mono,monospace;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.character-panel__placeholder{color:#5a5040;font-size:12px;text-align:center;margin-top:24px}.character-panel__portrait{display:flex;justify-content:center;align-items:center;background:#f5f2eb;border-radius:4px;padding:12px;height:160px;overflow:hidden}.character-panel__portrait img{height:140px;width:auto;-o-object-fit:contain;object-fit:contain}.character-panel__identity{text-align:center;border-bottom:1px solid #2a2418;padding-bottom:12px}.character-panel__name{font-family:Permanent Marker,cursive;font-size:22px;color:#d4a574;letter-spacing:.02em}.character-panel__sub{font-size:11px;color:#8a8268;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.character-panel__label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7b9cb8}.character-panel__section-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#d4a574;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2a2418}.character-panel__hp{display:flex;flex-direction:column;gap:6px}.character-panel__hp-row,.character-panel__ac-row{display:flex;justify-content:space-between;align-items:center}.character-panel__hp-value,.character-panel__ac-value{font-size:13px;color:#f5f2eb}.character-panel__hp-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.character-panel__hp-fill{height:100%;transition:width .4s ease,background .4s ease}.character-panel__stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.character-panel__stat{display:flex;align-items:center;gap:8px;font-size:12px}.character-panel__stat-key{color:#7b9cb8;letter-spacing:.1em;width:28px}.character-panel__stat-val{color:#f5f2eb;width:22px;text-align:right}.character-panel__stat-mod{font-size:11px;letter-spacing:.05em}.character-panel__stat-mod.pos{color:#5a9a5a}.character-panel__stat-mod.neg{color:#c44b4b}.character-panel__equipment{display:flex;flex-direction:column;gap:6px}.character-panel__equip-slot{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px dashed #2a2418}.character-panel__equip-slot-name{color:#8a8268;letter-spacing:.05em;font-size:10px;text-transform:uppercase}.character-panel__equip-slot-item{color:#f5f2eb}.character-panel__equip-slot-item.empty{color:#5a5040}.narrative-panel{background-color:#f5f2eb;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;box-shadow:0 8px 24px #00000080,0 1px 3px #0000004d;position:relative;overflow:hidden;display:flex;flex-direction:column}.narrative-panel__scroll{flex:1;overflow-y:auto;padding:56px 56px 56px 14%}.narrative-panel__scroll::-webkit-scrollbar{width:6px}.narrative-panel__scroll::-webkit-scrollbar-track{background:transparent}.narrative-panel__scroll::-webkit-scrollbar-thumb{background:#28282833;border-radius:3px}.narrative-panel__inner{display:flex;flex-direction:column;gap:18px;max-width:60ch}.narrative-panel__placeholder{font-family:Permanent Marker,cursive;color:#8a8268;font-size:18px;text-align:center;margin-top:24px}.narrative-narration{font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.55;color:#2a2a2a}.narrative-action{font-family:Georgia,serif;font-size:15px;line-height:1.5;color:#6a6258;font-style:italic}.dialogue-stamp{position:relative;background:#f5e8dc8c;border:2px solid #2a2a2a;border-radius:2px;padding:14px 18px 12px;margin:4px 0 4px 8px;transform:rotate(-.5deg);box-shadow:1px 2px #00000014}.dialogue-stamp:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px dashed rgba(40,40,40,.35);border-radius:2px;pointer-events:none}.dialogue-stamp__name{font-family:Permanent Marker,cursive;font-size:14px;letter-spacing:.05em;color:#1c1c1c;margin-bottom:6px;text-transform:uppercase}.dialogue-stamp__text{font-family:Georgia,serif;font-size:16px;line-height:1.5;color:#2a2a2a;font-style:italic}.dice-roll{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:13px;color:#355b80;background:#b4c8dc66;border-left:3px solid #5a7d9a;border-radius:2px;align-self:flex-start}.dice-roll__icon{font-size:11px;color:#5a7d9a}.dice-roll__text{letter-spacing:.02em}.dice-roll__badge{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#5a7d9a;padding:2px 6px;border-radius:2px}.dice-roll--critical{border-left-color:#d4a574;color:#6a4520;background:#d4a57440}.dice-roll--critical .dice-roll__badge,.dice-roll--critical .dice-roll__icon{background:#d4a574;color:#1c1c1c}.dice-roll--fail{border-left-color:#c44b4b;color:#6a2020;background:#c44b4b2e}.dice-roll--fail .dice-roll__badge,.dice-roll--fail .dice-roll__icon{background:#c44b4b;color:#fff}.quest-callout{border-left:3px solid #d4a574;background:#d4a5741f;padding:10px 14px;border-radius:2px;align-self:flex-start}.quest-callout__head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.quest-callout__pin{color:#d4a574;font-size:12px}.quest-callout__label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b87a36}.quest-callout__name{font-family:Permanent Marker,cursive;font-size:18px;color:#6a4520}.quest-callout--quest_complete .quest-callout__pin,.quest-callout--quest_complete .quest-callout__label{color:#5a9a5a}.quest-callout--quest_complete{border-left-color:#5a9a5a;background:#5a9a5a1f}.quest-callout--quest_failed .quest-callout__pin,.quest-callout--quest_failed .quest-callout__label{color:#c44b4b}.quest-callout--quest_failed{border-left-color:#c44b4b;background:#c44b4b26}.input-panel{background-color:#f5f2eb;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:4px;box-shadow:0 4px 12px #0006;padding:14px 18px;display:flex;align-items:flex-start;gap:4px;min-height:64px;position:relative}.input-panel__cursor{font-family:Permanent Marker,cursive;color:#2a2a2a;font-size:26px;line-height:1.1;width:12px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:input-cursor-blink 1.2s ease-in-out infinite}.input-panel__cursor--breathing{animation:input-cursor-breathe 2.2s ease-in-out infinite}@keyframes input-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes input-cursor-breathe{0%,to{opacity:.3}50%{opacity:1}}.input-panel__textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-family:Permanent Marker,cursive;font-size:22px;line-height:1.3;color:#2a2a2a;caret-color:transparent;padding:0;overflow-y:auto;max-height:180px}.input-panel__textarea:disabled{opacity:.5}.agent-mind{background:#1c1810;border:1px solid #2a2418;border-radius:6px;color:#b8a88a;font-family:JetBrains Mono,monospace;display:flex;flex-direction:column;overflow:hidden}.agent-mind__header{padding:16px 20px 8px;border-bottom:1px solid #2a2418}.agent-mind__header-title{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#d4a574}.agent-mind__feed{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.agent-mind__feed::-webkit-scrollbar{width:6px}.agent-mind__feed::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.agent-mind__placeholder{font-size:11px;color:#5a5040;text-align:center;padding:12px 0;letter-spacing:.05em}.agent-entry{font-size:11px;line-height:1.5;display:flex;flex-direction:column;gap:4px}.agent-entry__row{display:flex;align-items:center;gap:6px}.agent-entry__icon{font-size:10px;color:#5a5040}.agent-entry__kind{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7b9cb8}.agent-entry__tool-name{font-size:10px;color:#5a5040;margin-left:auto}.agent-entry__duration{font-size:9px;color:#5a9a5a;margin-left:auto;letter-spacing:.05em}.agent-entry__body{font-size:11px;color:#8a8268;font-style:italic;line-height:1.55;padding-left:16px;border-left:1px solid #2a2418}.agent-entry__inputs{font-size:10px;color:#5a5040;padding-left:16px;word-break:break-word}.agent-entry__result{font-size:10px;color:#8a8268;padding-left:16px;word-break:break-word}.agent-entry--thinking .agent-entry__icon{color:#7b9cb8}.agent-entry--tool-call .agent-entry__icon{color:#d4a574}.agent-entry--tool-result .agent-entry__icon{color:#5a9a5a}.agent-mind__footer{border-top:1px solid #2a2418;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.agent-mind__token-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.agent-mind__token-label{color:#5a5040;letter-spacing:.1em;text-transform:uppercase}.agent-mind__token-value{color:#8a8268}.agent-mind__token-cap{color:#5a5040}.agent-mind__token-bar{height:2px;background:#ffffff0d;border-radius:1px;margin-top:2px;overflow:hidden}.agent-mind__token-bar-fill{height:100%;background:#5a5040;transition:width .5s ease}.dashboard{position:fixed;top:0;right:0;bottom:0;left:0;background:#15110d;display:grid;grid-template-columns:280px 1fr 320px;gap:24px;padding:24px;z-index:50;min-height:0}.dashboard__center{display:flex;flex-direction:column;gap:16px;min-height:0;max-width:720px;width:100%;margin:0 auto}.dashboard__input-wrapper{transform:translateY(-180%);opacity:0}.dashboard__input-wrapper--dropping{animation:input-drop .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes input-drop{0%{transform:translateY(-180%);opacity:0}to{transform:translateY(0);opacity:1}}.signin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e8c;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.signin-card{background:#f6efdc;border:1px solid #c5b58c;border-radius:6px;padding:32px 36px;max-width:420px;width:90%;box-shadow:0 16px 40px #00000059;font-family:Inter,system-ui,sans-serif;color:#2c2317}.signin-card h2{margin:0 0 12px;font-size:22px;font-weight:600}.signin-card p{margin:0 0 24px;font-size:15px;line-height:1.45;color:#4a3d29}.signin-google{display:block;width:100%;padding:12px 18px;background:#1a1a1a;color:#f6efdc;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:background .15s ease}.signin-google:hover{background:#2c2c2c}.signin-defer{display:block;width:100%;margin-top:12px;padding:10px 18px;background:transparent;color:#6e5d3a;border:none;font-size:13px;cursor:pointer;text-decoration:underline}.landing-layer{position:relative}.landing-layer--hidden{visibility:hidden;pointer-events:none}.layout{position:relative;height:100vh}.sidebar{width:280px;position:fixed;top:0;left:0;height:100vh;padding:16px 20px;overflow-y:auto;transition:transform .3s ease;z-index:20;background:#0a0a0fe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid #1a1a2e}.sidebar.collapsed{transform:translate(-100%)}.sidebar-toggle{position:fixed;top:12px;left:12px;z-index:30;font-family:JetBrains Mono,monospace;font-size:9px;padding:4px 8px;border:1px solid #2a2a3e;background:#0a0a0fe6;color:#5a5a6a;border-radius:3px;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-toggle:hover{border-color:#d4a574;color:#d4a574}.sidebar-header{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#d4a574;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #1a1a2e}.control-section{margin-bottom:20px}.control-section h3{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7b9cb8;margin-bottom:10px}.control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.control-row label{font-size:11px;color:#8a8a9a}.control-row .value{font-size:10px;color:#5a5a6a;min-width:32px;text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:3px;background:#1a1a2e;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#d4a574;cursor:pointer;border:2px solid #0a0a0f}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:20px;border:1px solid #2a2a3e;border-radius:4px;background:none;cursor:pointer;padding:1px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-hex{font-size:9px;color:#5a5a6a;font-family:JetBrains Mono,monospace}.toggle-btn{font-family:JetBrains Mono,monospace;font-size:10px;padding:5px 10px;border:1px solid #2a2a3e;background:transparent;color:#5a5a6a;border-radius:4px;cursor:pointer;transition:all .2s}.toggle-btn.active{border-color:#d4a574;color:#d4a574;background:#d4a57414}.toggle-btn:hover{border-color:#8a7a6a;color:#b8a88a}.preset-btn{font-family:JetBrains Mono,monospace;font-size:10px;padding:5px 10px;border:1px solid #2a2a3e;background:transparent;color:#8a8a9a;border-radius:4px;cursor:pointer;transition:all .2s;width:100%;text-align:left;margin-bottom:5px}.preset-btn:hover{border-color:#d4a574;color:#d4a574;background:#d4a5740d}.stage{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.title-block{position:absolute;top:12%;z-index:10;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.title-text{font-family:Cinzel,serif;font-weight:900;font-size:clamp(28px,5vw,64px);text-transform:uppercase;letter-spacing:.15em;color:#d4a574;line-height:1.1;text-shadow:1px 1px 0 #b8844a,2px 2px 0 #a07040,3px 3px 0 #886038,4px 4px 0 #705030,5px 5px 0 #584028,6px 6px 0 #403020,7px 7px 0 #302418,8px 8px 0 #201810,9px 9px 0 #181008,10px 10px 20px rgba(0,0,0,.5),10px 10px 40px rgba(0,0,0,.3)}.title-text .word{display:inline-block;opacity:0;transform:perspective(600px) translateZ(200px) translateY(-30px);animation:wordSlideIn .8s cubic-bezier(.16,1,.3,1) forwards}.title-text .word:nth-child(1){animation-delay:.3s}.title-text .word:nth-child(2){animation-delay:.5s}.title-text .word:nth-child(3){animation-delay:.45s}@keyframes wordSlideIn{0%{opacity:0;transform:perspective(600px) translateZ(200px) translateY(-30px)}60%{opacity:1;transform:perspective(600px) translateZ(0) translateY(0)}to{opacity:1;transform:perspective(600px) translateZ(0) translateY(0)}}.title-text .word:after{content:"";position:absolute;top:0;left:-100%;bottom:0;width:60%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 40%,rgba(220,210,200,.5) 50%,rgba(255,255,255,.35) 60%,transparent 100%);animation:sheenH .6s ease-out forwards;animation-delay:inherit;pointer-events:none}.title-text .word{position:relative;overflow:hidden}@keyframes sheenH{0%{left:-100%}to{left:200%}}.title-text .word:before{content:"";position:absolute;left:0;right:0;top:-100%;height:60%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 40%,rgba(220,210,200,.35) 50%,rgba(255,255,255,.2) 60%,transparent 100%);animation:sheenV .5s ease-out forwards;pointer-events:none}.title-text .word:nth-child(1):after{animation-delay:1s}.title-text .word:nth-child(2):after{animation-delay:1.2s}.title-text .word:nth-child(3):after{animation-delay:1.15s}.title-text .word:nth-child(1):before{animation-delay:1.4s}.title-text .word:nth-child(2):before{animation-delay:1.6s}.title-text .word:nth-child(3):before{animation-delay:1.55s}@keyframes sheenV{0%{top:-100%}to{top:200%}}.title-sub{font-family:JetBrains Mono,monospace;font-size:clamp(10px,1.2vw,14px);font-weight:300;color:#5a5a6a;letter-spacing:.4em;margin-top:12px}.glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,165,116,.12) 0%,rgba(212,165,116,.04) 40%,transparent 70%);pointer-events:none;transition:transform .4s ease,opacity .4s ease;z-index:1}.glow.hover{transform:scale(1.4);opacity:1.3;background:radial-gradient(circle,rgba(212,165,116,.2) 0%,rgba(212,165,116,.08) 40%,transparent 70%)}.stage canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:5}.begin-game{position:absolute;z-index:10;top:26%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .6s ease}.begin-game.visible{opacity:1;pointer-events:auto;cursor:pointer}.begin-game.clicked{pointer-events:none}.begin-game img{width:clamp(180px,25vw,360px);height:auto;display:block}.char-label{position:absolute;z-index:10;top:44%;left:50%;transform:translate(-50%,-50%);font-family:Permanent Marker,cursive;font-size:clamp(18px,2.5vw,36px);color:#2a2a2a;pointer-events:none;opacity:0;transition:opacity .8s ease;white-space:nowrap}.char-label.visible{opacity:1}.char-select{position:absolute;z-index:10;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(30px,5vw,80px);opacity:0;pointer-events:none;transition:opacity .8s ease}.char-select.visible{opacity:1;pointer-events:auto}.char-option{cursor:pointer;transition:transform .6s ease,opacity .6s ease,filter .6s ease}.char-option:hover{transform:scale(1.05)}.char-option.selected{transform:translate(var(--center-offset, 0));cursor:default}.char-option.rejected{opacity:.3;filter:grayscale(1);pointer-events:none;transform:translate(var(--push-dir, 0)) scale(.85)}.char-option img{width:clamp(120px,18vw,280px);height:auto;display:block}.scenario-label{position:absolute;z-index:10;top:44%;left:50%;transform:translate(-50%,-50%);font-family:Permanent Marker,cursive;font-size:clamp(18px,2.5vw,36px);color:#2a2a2a;pointer-events:none;opacity:0;transition:opacity .8s ease;white-space:nowrap}.scenario-label.visible{opacity:1}.scenario-select{position:absolute;z-index:10;top:67%;left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(24px,5vw,80px);opacity:0;pointer-events:none;transition:opacity .8s ease}.scenario-select.visible{opacity:1;pointer-events:auto}.scenario-card{cursor:pointer;transition:transform .6s ease,opacity .6s ease,filter .6s ease}.scenario-card:hover{transform:scale(1.05)}.scenario-card img{width:clamp(140px,20vw,300px);height:auto;display:block}.scenario-card.selected{transform:translate(var(--center-offset, 0));cursor:default}.scenario-card.rejected{opacity:.3;filter:grayscale(1);pointer-events:none;transform:translate(var(--push-dir, 0)) scale(.85)}.bg-label{position:absolute;z-index:10;top:58%;left:50%;transform:translate(-50%,-50%);font-family:Permanent Marker,cursive;font-size:clamp(18px,2.5vw,36px);color:#2a2a2a;pointer-events:none;opacity:0;transition:opacity .8s ease;white-space:nowrap}.bg-label.visible{opacity:1}.bg-select{position:absolute;z-index:10;top:78%;left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(20px,4vw,60px);opacity:0;pointer-events:none;transition:opacity .8s ease}.bg-select.visible{opacity:1;pointer-events:auto}.bg-option{cursor:pointer;transition:transform .6s ease,opacity .6s ease,filter .6s ease}.bg-option:hover{transform:scale(1.05)}.bg-option.selected{transform:translate(var(--center-offset, 0));cursor:default}.bg-option.rejected{opacity:.3;filter:grayscale(1);pointer-events:none;transform:translate(var(--push-dir, 0)) scale(.85)}.bg-emblem{font-family:Permanent Marker,cursive;font-size:clamp(14px,2vw,22px);color:#2a2a2a;border:2px dashed #2a2a2a;border-radius:50%;width:clamp(110px,14vw,180px);height:clamp(110px,14vw,180px);display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffff4d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.back-btn{position:fixed;top:12px;left:56px;z-index:30;font-family:JetBrains Mono,monospace;font-size:13px;padding:3px 9px;border:1px solid #2a2a3e;background:#0a0a0fe6;color:#5a5a6a;border-radius:3px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none}.back-btn.visible{opacity:1;pointer-events:auto}.back-btn:hover{border-color:#d4a574;color:#d4a574}.runs-page{min-height:100vh;padding:48px 64px;font-family:Inter,system-ui,sans-serif;color:#2c2317;background:#efe5cc}.runs-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid #c5b58c;padding-bottom:12px}.runs-header h1{margin:0;font-family:Permanent Marker,cursive;font-size:32px;letter-spacing:.5px}.runs-new-link,.runs-cta{display:inline-block;padding:10px 20px;background:#1a1a1a;color:#f6efdc;text-decoration:none;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.runs-new-link:hover,.runs-cta:hover{background:#2c2c2c}.runs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.runs-tile{display:flex;flex-direction:column;gap:8px}.runs-tile-card{background:transparent;border:none;padding:0;cursor:pointer;display:block;width:100%}.runs-tile-card:hover{transform:translateY(-2px);transition:transform .15s ease}.runs-tile-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6e5d3a;padding:0 6px}.runs-tile-status{text-transform:uppercase;letter-spacing:.5px}.runs-tile-delete{background:transparent;border:none;color:#8c4a2a;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.runs-loading,.runs-error,.runs-empty,.runs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;min-height:60vh}.runs-empty h1,.runs-error h1{font-family:Permanent Marker,cursive;font-size:28px;margin:0}.runs-empty p,.runs-error p,.runs-empty-state p{margin:0;font-size:16px;color:#4a3d29;max-width:480px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#0a0a0f;color:#b8a88a;font-family:JetBrains Mono,monospace;overflow:hidden}