:root{--accent: #e4572e;--bg: #15171a;--panel: rgba(20, 22, 25, .92);--line: #44474c;--text: #e8e8e8;--muted: #9a9da2}html,body,#root{margin:0;height:100%;background:var(--bg);font-family:Inter,system-ui,sans-serif;overflow:hidden}.fatal{color:#ffb4a8;padding:24px;white-space:pre-wrap}.help{position:fixed;left:16px;bottom:16px;max-width:calc(100% - 32px);box-sizing:border-box;padding:8px 12px;border-radius:6px;background:#0000008c;color:#ddd;font-size:13px;pointer-events:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#eee;pointer-events:none;font-size:14px;white-space:nowrap}.card{position:relative;width:210px;box-sizing:border-box;padding:12px 14px 14px;border-radius:10px;border-top:3px solid var(--accent);background:var(--panel);box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-size:13px;-webkit-user-select:none;user-select:none;animation:card-in .18s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:left center}@keyframes card-in{0%{opacity:0;transform:translate(-10px) scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.card,.mirror{animation:none}}.card header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.card h2{margin:2px 0 0;font-size:15px;font-weight:700}.card .eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card button{padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#2b2d30;color:var(--text);font:inherit;text-align:left;cursor:pointer}.card button:hover:not(:disabled),.card button:focus-visible{border-color:var(--accent);outline:none}.card button:disabled{opacity:.4;cursor:not-allowed}.card button.primary,.card button.on{background:var(--accent);border-color:var(--accent);color:#fff}.card button.close{padding:0 4px;border:none;background:none;color:var(--muted);font-size:20px;line-height:1}.card button.close:hover{color:#fff}.card .actions{display:flex;flex-direction:column;gap:6px}.card .note{margin:-2px 0 2px;font-size:11px;color:var(--muted)}.card .camera{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #34373b}.card .camera button{flex:1;padding:5px 6px;font-size:12px;text-align:center;background:transparent}.card .hidden-parts{margin-top:10px;padding-top:10px;border-top:1px solid #34373b}.card .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.card button.chip{padding:3px 8px;border-radius:999px;font-size:11px;background:transparent}.card button.link{margin-top:6px;padding:0;border:none;background:none;color:var(--accent);font-size:12px}.hidden-pill{position:fixed;right:16px;bottom:16px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#141619e0;color:#ddd;font:inherit;font-size:13px;cursor:pointer}.hidden-pill strong{color:var(--accent)}.hint-bar{position:fixed;top:16px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#141619e0;color:var(--text);font-size:14px;pointer-events:none}.hint-label{flex:none;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hint-message{color:#ffb547;font-weight:600}.mirror{position:fixed;right:16px;bottom:64px;width:min(360px,calc(100% - 32px));border-radius:10px;border-top:3px solid var(--accent);background:var(--panel);box-shadow:0 10px 30px #00000073;overflow:hidden;animation:card-in .18s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:right bottom}.mirror header{display:flex;align-items:center;gap:8px;padding:7px 10px;color:var(--text);font-size:12px}.mirror-title{flex:1;font-weight:700;letter-spacing:.04em}.mirror header button{padding:4px 9px;border:1px solid var(--line);border-radius:6px;background:#2b2d30;color:var(--text);font:inherit;cursor:pointer}.mirror header button:hover{border-color:var(--accent)}.mirror-key.on{background:var(--accent);border-color:var(--accent);color:#fff}.mirror canvas{display:block;width:100%;height:auto}.mirror-tab{position:fixed;right:16px;bottom:100px;padding:8px 14px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.mode-switch{position:fixed;top:16px;left:16px;display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#141619e0}.mode-switch button{padding:6px 14px;border:none;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mode-switch button.on{background:var(--accent);color:#fff}.mode-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.story-card{position:fixed;left:16px;bottom:16px;width:min(560px,calc(100% - 32px));box-sizing:border-box;padding:22px 24px 18px;border-radius:14px;border-top:3px solid var(--accent);background:var(--panel);box-shadow:0 10px 30px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text)}.story-card .eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.story-text{animation:story-in .26s ease-out both}@keyframes story-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.story-card h2{margin:8px 0;font-size:25px;line-height:1.2}.story-card p{margin:0;font-size:17px;line-height:1.55;color:#d6d8db}.story-card .story-note{margin-top:10px;font-size:13.5px;color:var(--muted)}.story-nav{display:flex;align-items:center;gap:12px;margin-top:18px}.story-nav>button{padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#2b2d30;color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}.story-nav>button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.story-nav>button:disabled{opacity:.35;cursor:default}.story-nav>button:focus-visible,.story-dots .dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.story-dots{flex:1;display:flex;justify-content:center;gap:6px}.story-dots{flex-wrap:wrap}.story-dots .dot{width:9px;height:9px;padding:0;border:none;border-radius:999px;background:#55595f;cursor:pointer}.story-dots .dot.on{width:22px;background:var(--accent)}.story-restart{margin-top:10px;padding:0;border:none;background:none;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.story-restart:hover{color:var(--text)}.story-errors{border-top-color:#ff6b6b}.story-errors ul{margin:6px 0 0;padding-left:18px;font-size:12px;color:#ffb4a8}@media(prefers-reduced-motion:reduce){.story-text{animation:none}}.help,.hint-bar,.hidden-pill,.loader,.mirror,.mirror-tab,.mode-switch,.story-card,.facia-popup,.sound-toggle,.powered-by{z-index:100}.stand-card-anchor{position:absolute;top:0;transform:translateY(-50%)}.stand-card-anchor.right{left:14px}.stand-card-anchor.left{right:14px}.card.stand-card{width:240px}.card .state{margin:0 0 8px;font-weight:600;color:#ffb547}.sound-toggle{position:fixed;top:16px;right:16px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#141619e0;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.sound-toggle[aria-pressed=false]{color:var(--muted)}.facia-popup{position:fixed;right:16px;bottom:100px;width:min(380px,calc(100% - 32px));border-radius:12px;border-top:3px solid var(--accent);background:transparent;outline:1px solid var(--line);box-shadow:0 12px 34px #00000080;overflow:hidden;animation:card-in .2s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:right bottom}.facia-popup header,.facia-note{background:var(--panel)}.facia-popup header{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text);font-size:13px}.facia-popup header button{padding:2px 10px;border:1px solid var(--line);border-radius:6px;background:#2b2d30;color:var(--text);font:inherit;cursor:pointer}.facia-view{width:100%;aspect-ratio:27 / 31;max-height:calc(100vh - 264px);background:transparent;touch-action:none}.facia-note{margin:0;padding:7px 12px 9px;font-size:12px;color:var(--muted)}@media(max-width:900px){.facia-popup{width:min(300px,calc(100% - 32px))}}.powered-by{position:fixed;right:16px;bottom:14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 8px 5px;border-radius:7px;color:#fff;font-size:8px;font-weight:600;letter-spacing:.02em;text-decoration:none;box-shadow:0 3px 10px #00000059;-webkit-user-select:none;user-select:none}.powered-by .powered-logo{display:block;height:23px;width:auto}.powered-by .powered-label{opacity:.92;white-space:nowrap}a.powered-by:hover{filter:brightness(1.08)}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.powered-by.large{position:static;padding:6px 12px 7px;font-size:9px;box-shadow:none}.powered-by.large .powered-logo{height:32px}@media(max-width:700px){.hint-bar:not(.is-message),.help{display:none}.powered-by:not(.large){left:16px;right:auto}.powered-by.in-story{display:none}}