@import"https://fonts.googleapis.com/css2?family=Ruslan+Display&family=Spectral:wght@400;600;700&display=swap";:root{font-family:Spectral,serif;line-height:1.5;font-weight:400;color:#f6efe1;background-color:#14110c;--bg-deep: #14110c;--bg-mid: #2a2117;--bg-glow: #3a2c1a;--accent: #d3a867;--accent-strong: #f2c879;--ink: #1a0d00;--paper: #d7c29a;--paper-dark: #b28c56;--panel: rgba(20, 14, 6, .76);--panel-border: rgba(243, 207, 139, .35);--shadow: 0 20px 60px rgba(0, 0, 0, .4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(78,58,30,.7),transparent 60%),radial-gradient(circle at 20% 20%,rgba(112,86,44,.4),transparent 55%),linear-gradient(135deg,var(--bg-deep),var(--bg-mid) 50%,var(--bg-glow));color:inherit}#app{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:24px clamp(16px,4vw,48px) 40px;position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 1px,transparent 1px,transparent 6px);opacity:.3;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand__title{font-family:Ruslan Display,cursive;font-size:clamp(28px,3vw,42px);letter-spacing:.04em;text-transform:uppercase}.brand__subtitle{color:#f6efe1b3;font-size:.95rem;margin-top:4px}.status{display:flex;align-items:center;gap:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:#f6efe1b3}.status__dot{width:10px;height:10px;border-radius:50%;background:#8f6a3c;box-shadow:0 0 10px #d3a86799}.status__dot--open{background:#e0b76f}.status__dot--closed{background:#7a4b2b}.scene{flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:24px;margin-top:20px;position:relative;z-index:2}.stage{position:relative;min-height:clamp(280px,50vh,520px);border-radius:32px;background:radial-gradient(circle at center,rgba(243,206,138,.1),transparent 65%),linear-gradient(180deg,#150e04b3,#0a0703e6);border:1px solid rgba(243,206,138,.12);box-shadow:var(--shadow);overflow:hidden}.actor{position:absolute;bottom:0;max-height:100%;transition:transform .8s ease,opacity .6s ease;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}.actor--left{left:0;transform:translate(-20%)}.actor--right{right:0;transform:translate(20%)}.actor.active{opacity:1;transform:translate(0)}.actor.idle{opacity:.4;transform:translate(-12%)}.actor--right.idle{transform:translate(12%)}.actor.hidden{opacity:0}.phrase{position:absolute;bottom:26px;left:50%;transform:translate(-50%);max-width:min(80%,720px);background:#0f0a04d1;border:1px solid rgba(243,206,138,.25);padding:16px 22px;border-radius:18px;box-shadow:var(--shadow);animation:rise .6s ease}.phrase__text{font-size:1.05rem}.phrase__flag{margin-top:10px;font-weight:600;color:var(--accent-strong)}.dialog-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70%,680px);background:#0f0a04db;border:1px solid rgba(243,206,138,.28);border-radius:18px;padding:18px 22px;display:flex;flex-direction:column;gap:12px;align-items:stretch;box-shadow:var(--shadow);animation:fadeUp .5s ease;text-align:left}.dialog-overlay__text{white-space:pre-line}.dialog-cta{position:absolute;left:50%;bottom:26px;transform:translate(-50%)}.task-panel{background:#150e07eb;border-radius:24px;border:1px solid rgba(243,206,138,.2);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;min-height:320px}.task-panel.disabled{opacity:.65;pointer-events:none}.task-panel__header{display:flex;flex-direction:column;gap:6px}.task-panel__title{font-family:Ruslan Display,cursive;font-size:1.4rem;letter-spacing:.04em;color:var(--accent-strong)}.task-panel__hint{color:#f6efe199;font-size:.9rem}.task-panel__text{white-space:pre-line;font-size:1rem;color:#f6efe1e6}.task-panel__editor{background:linear-gradient(135deg,var(--paper) 0%,#e7d7b6 50%,var(--paper-dark) 100%);border-radius:18px;padding:18px;box-shadow:inset 0 2px 10px #0003;border:1px solid rgba(80,50,15,.2)}.task-panel__editor textarea{width:100%;min-height:220px;border:none;background:transparent;resize:vertical;font-family:Spectral,serif;font-size:1rem;color:var(--ink);outline:none}.task-panel__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.task-panel__note{color:#f6efe1a6;font-size:.85rem}.cta{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#2b1a06;border:none;border-radius:999px;padding:12px 28px;font-size:1rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px #00000040}.cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #00000059}.cta.dialog-cta:hover:not(:disabled){transform:translate(-50%,-2px)}.cta--wide{width:100%;justify-content:center}.overlay{position:absolute;inset:0;background:#0a0804ad;display:flex;align-items:center;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay__card{background:#140e06f2;border:1px solid rgba(243,206,138,.3);border-radius:24px;padding:28px;width:min(92%,420px);text-align:center;box-shadow:var(--shadow)}.overlay__title{font-family:Ruslan Display,cursive;font-size:1.6rem;margin-bottom:10px}.overlay__text{color:#f6efe1b3;margin-bottom:18px}.overlay__flag{margin-bottom:18px;font-weight:700;color:var(--accent-strong)}.veil-enter-active,.veil-leave-active{transition:opacity .3s ease}.veil-enter-from,.veil-leave-to{opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.task-panel__actions{flex-direction:column;align-items:stretch}.dialog-overlay{width:min(86%,520px)}}