.rubi-guide-entry{margin:28px 0;padding:24px;border:1px solid #e494a477;border-radius:20px;background:linear-gradient(120deg,#384c64,#52364e)}.rubi-guide-entry h3{font:28px/1.2 Georgia,serif;color:#ffdfbe}.rubi-guide-entry form{display:grid;gap:14px}.rubi-guide-entry label{display:grid;gap:6px;font-size:14px;color:#f8ded9}.rubi-guide-entry textarea,.rubi-guide-entry select{width:100%;font:16px/1.4 system-ui;padding:12px;color:#eef6fa;background:#22394f;border:1px solid #a0bbca66;border-radius:10px}.rubi-guide-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rubi-guide-entry details{margin-top:14px;font-size:14px}.rubi-guide-entry details p{font-size:14px!important}
/* The stage and transcript have separate layout cells; neither can cover the other. */
.rubi-guide-overlay{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:22px;width:100%;margin:24px 0 36px;padding:20px;border:1px solid #c28d9b77;border-radius:24px;background:linear-gradient(125deg,#2a475b,#40384e);scroll-margin-top:18px;align-items:center}
.rubi-guide-overlay[hidden]{display:none}
.rubi-guide-stage{position:relative;min-width:0;height:360px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 75%,#bd879225,transparent 65%)}
.rubi-guide-figure{position:relative;width:225px;height:300px;max-width:100%;filter:drop-shadow(0 8px 8px #08132655);transform-origin:50% 90%;animation:rubi-calm-breathe 7s ease-in-out infinite}
.rubi-guide-sprite{position:absolute;inset:0;width:100%;height:100%;background:url('/assets/rubi/companion-calm.webp') 0 0/400% 300% no-repeat;opacity:0;transition:opacity .75s ease-in-out;pointer-events:none}
.rubi-guide-figure[data-instant=true] .rubi-guide-sprite{transition:none}
.rubi-guide-figure[data-walking=true]{animation:rubi-calm-enter 2.8s linear both}
.rubi-guide-bubble{min-width:0;padding:18px 20px;background:#fff3df;color:#26394b;border:1px solid #c29a93;border-radius:18px;box-shadow:0 6px 22px #0a122522;max-height:480px;overflow:auto}
.rubi-guide-top{display:flex;justify-content:space-between;align-items:center;color:#805160}.rubi-guide-top button{width:44px;height:44px;padding:0;background:transparent!important;border:0;color:#805160;font-size:25px}
.rubi-guide-bubble h4{font:22px/1.25 Georgia,serif;color:#6b394a;margin:8px 0}.rubi-guide-bubble p{font:16px/1.5 system-ui!important;margin:12px 0}.rubi-guide-bubble details{font-size:14px;color:#5c6570}.rubi-guide-bubble details p{font-size:14px!important}
.rubi-guide-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.rubi-guide-controls button{min-height:44px;padding:8px 12px;background:#334e65;color:#fff2da;border:0;border-radius:9px;font-size:14px}.rubi-guide-controls button:disabled{opacity:.45;cursor:default}.rubi-guide-bubble>small{display:block;margin-top:10px;color:#6f6c70;font-size:12px}.rubi-guide-bubble audio{width:100%;margin-top:12px}.rubi-voice-setup{border-top:1px solid #ad918b55;margin-top:14px;padding-top:12px}.rubi-voice-setup input{max-width:100%;font-size:14px}.rubi-voice-setup textarea{width:100%;font-size:13px;line-height:1.4;margin-top:10px;min-height:130px;color:#243c50;background:#fffcf4;border:1px solid #b4a49c;border-radius:8px;padding:10px}.rubi-voice-setup label{display:grid;gap:8px}
@keyframes rubi-calm-breathe{50%{transform:translateY(-1.5px)}}
@keyframes rubi-calm-enter{from{transform:translateX(-24px)}to{transform:translateX(0)}}
@media(max-width:700px){.rubi-guide-overlay{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.rubi-guide-stage{height:250px}.rubi-guide-figure{width:174px;height:232px}.rubi-guide-bubble{padding:14px;max-height:360px}.rubi-guide-bubble h4{font-size:21px}.rubi-guide-entry{padding:18px}.rubi-guide-settings{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rubi-guide-figure{animation:none!important}.rubi-guide-sprite{transition:none!important}}
/* A bounded touch playground; generated red mist stays behind Rubi. */
.rubi-guide-stage{height:380px;touch-action:pan-y;cursor:crosshair;display:block}.rubi-guide-stage:focus-visible{outline:2px solid #f59aaa;outline-offset:3px}.rubi-walker{position:absolute;left:50%;top:50%;width:180px;height:240px;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.rubi-walker .rubi-guide-figure{width:100%;height:100%;max-width:none}.rubi-guide-sprite{transform:scaleX(var(--rubi-facing,1))}.rubi-guide-figure[data-walking=true]{animation:none}.rubi-play-hint{position:absolute;left:8px;right:8px;bottom:8px;color:#f2c2c8;font-size:12px;text-align:center;pointer-events:none;z-index:3}.rubi-walk-trail{position:absolute;z-index:1;width:150px;height:110px;pointer-events:none;background:url('/assets/rubi/trail.webp') center/contain no-repeat;transform:translate(-50%,-50%) scaleX(var(--trail-facing,1));animation:rubi-trail-fade 1.4s ease-out both;mix-blend-mode:screen}@keyframes rubi-trail-fade{0%{opacity:.6}60%{opacity:.3}100%{opacity:0;translate:0 -15px;scale:1.16}}@media(max-width:700px){.rubi-guide-stage{height:320px}.rubi-walker{width:150px;height:200px}.rubi-walk-trail{width:120px;height:90px}}@media(prefers-reduced-motion:reduce){.rubi-walk-trail{display:none}}

.rubi-guide-figure[data-walking=true] .rubi-guide-sprite,.rubi-guide-figure[data-swinging=true] .rubi-guide-sprite{transition:opacity .09s linear}.rubi-guide-figure[data-swinging=true]{animation:none}
.rubi-full-report{margin-top:24px;padding:20px;border:1px solid #cbb78366;border-radius:12px}.rubi-full-report summary{font-size:18px;cursor:pointer}.rubi-full-report article{padding:16px 0;border-bottom:1px solid #9aaabe44;overflow-wrap:anywhere}.rubi-full-report h4{font-size:20px;margin:0 0 10px}.rubi-full-report p{font-size:16px;line-height:1.7}.rubi-full-report small{display:block;font-size:14px;line-height:1.5;opacity:.8}.rubi-guide-entry a.portrait-button{display:inline-block;text-decoration:none}.rubi-guide-entry a[hidden]{display:none}
/* The light reading card owns its text colors, including inside the dark quest. */
body .quest-arena .quest-body .rubi-guide-bubble{color:#26394b;background:#fff3df;max-height:none;overflow:visible;color-scheme:light;text-align:left}
body .quest-arena .quest-body .rubi-guide-bubble p{color:#26394b!important;font-size:17px!important;line-height:1.65!important;opacity:1;overflow-wrap:anywhere}
body .quest-arena .quest-body .rubi-guide-bubble h4{color:#6b394a;font-size:24px;line-height:1.3}
body .quest-arena .quest-body .rubi-guide-bubble details,body .quest-arena .quest-body .rubi-guide-bubble summary{color:#674552;font-size:16px;line-height:1.5}
body .quest-arena .quest-body .rubi-guide-bubble details p{color:#445262!important;font-size:16px!important}
body .quest-arena .quest-body .rubi-guide-bubble summary{padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body .quest-arena .quest-body .rubi-guide-bubble>small{color:#526070;font-size:14px;line-height:1.5}
.rubi-guide-controls button{font-size:16px;margin:4px 0;flex:1 1 auto}.rubi-guide-controls button:disabled{opacity:1;background:#ddd5c9;color:#625b54;cursor:default}.rubi-guide-bubble button:focus-visible,.rubi-guide-bubble summary:focus-visible{outline:3px solid #725162;outline-offset:3px}
.rubi-context{display:grid;gap:14px;padding:18px 0;border-top:1px solid #e4adb466}.rubi-context[hidden],.rubi-feedback[hidden]{display:none}.rubi-guide-entry .rubi-option{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:16px;line-height:1.5}.rubi-option input{width:22px;height:22px;flex-shrink:0;accent-color:#e6b4be}.rubi-feedback{margin:24px 0;padding:20px;border:1px solid #e4adb466;border-radius:16px}.rubi-full-report p{white-space:pre-line}.rubi-guide-entry textarea{box-sizing:border-box}.rubi-guide-entry input:focus-visible{outline:3px solid #edce88;outline-offset:3px}
.rubi-guide-entry label[hidden]{display:none}.rubi-guide-entry>small{display:block;margin:8px 0;font-size:14px;line-height:1.5}
.rubi-data-hints{margin:16px 0;padding:14px;border:1px solid #ba98a888;border-radius:14px;font:15px/1.5 system-ui}.rubi-data-hints[hidden]{display:none}.rubi-data-hints p{font-size:15px!important;margin:8px 0}.rubi-data-hints button{margin-bottom:10px}
@media(max-width:700px){.rubi-guide-stage{height:240px}.rubi-walker{width:112.5px;height:150px}.rubi-play-hint{font-size:12px;line-height:1.4}}
.rubi-conversation{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #d3a5ac;border-radius:22px;background:linear-gradient(135deg,#263e55,#453549);color:#fff3e6;box-shadow:0 24px 90px #0008;overflow:auto}.rubi-conversation[hidden]{display:none}.rubi-conversation::backdrop{background:#102535b8;backdrop-filter:blur(4px)}.rubi-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rubi-conversation h3{margin:0;font:25px/1.3 Georgia,serif}.rubi-conversation button{min-height:44px;border:1px solid #d4a8ae;border-radius:12px;padding:10px 18px;background:#f0d4ce;color:#29394d;font:16px system-ui;cursor:pointer}.rubi-conversation button:disabled{opacity:.6;cursor:wait}.rubi-conversation-head button{font-size:25px;padding:4px 16px}.rubi-conversation-info{font:13px/1.5 system-ui;color:#d1dbe6}.rubi-conversation-log{display:grid;gap:12px;max-height:42dvh;overflow:auto;overscroll-behavior:contain;padding:4px 4px 12px}.rubi-message{padding:15px;border-radius:14px;background:#fff2df;color:#253b4b;overflow-wrap:anywhere}.rubi-message p{white-space:pre-wrap;font:16px/1.6 system-ui;margin:8px 0 0}.rubi-message-user{margin-left:25px;background:#456077;color:#fff}.rubi-conversation form{display:grid;gap:12px;margin-top:16px}.rubi-conversation label{display:grid;gap:8px;font:15px/1.4 system-ui}.rubi-conversation textarea{box-sizing:border-box;width:100%;border-radius:12px;border:1px solid #a5bacb;padding:12px;font:16px/1.5 system-ui;color:#fff;background:#20384d;resize:vertical}.rubi-conversation .rubi-conversation-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.rubi-conversation input{width:22px;height:22px;accent-color:#efb7c1}.rubi-conversation :focus-visible{outline:3px solid #efd693;outline-offset:3px}.rubi-conversation [role=status]{margin:0;font:14px/1.5 system-ui}

/* Rubi form: one readable column, disclosures for secondary information. */
.rubi-guide-entry .rubi-guide-settings{display:block;margin:12px 0;padding:14px;border:1px solid #bfa1ad55;border-radius:14px}
.rubi-guide-settings>label{margin-top:14px}.rubi-guide-entry summary,.rubi-chat-details summary{cursor:pointer;font-size:15px;line-height:1.5}
.rubi-guide-entry .rubi-mode-note{display:block;font-size:14px;line-height:1.5;margin:8px 0 16px;color:#d9e3ed}
.rubi-guide-entry .rubi-consent{margin:18px 0;padding:16px;border:1px solid #c5a9b266;border-radius:16px;background:#293b5144;min-width:0}
.rubi-guide-entry .rubi-option,.rubi-conversation .rubi-conversation-actions{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;justify-content:start;gap:12px;text-align:left;font:16px/1.55 system-ui}
.rubi-guide-entry .rubi-option input,.rubi-conversation .rubi-conversation-actions input{width:22px;height:22px;min-width:22px;margin:2px 0 0;padding:0}
.rubi-option span,.rubi-conversation-actions span{min-width:0;overflow-wrap:break-word}.rubi-consent-details{margin:12px 0 0 34px}
.rubi-consent-details p,.rubi-service-details p{font-size:14px!important;line-height:1.6!important;margin:12px 0}.rubi-service-details{margin:16px 0}
.rubi-guide-entry [hidden],.rubi-conversation [hidden]{display:none!important}
.rubi-conversation[open]{position:fixed;inset:12px;margin:auto;display:flex;flex-direction:column;gap:12px;height:min(780px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden}
.rubi-conversation-head{flex-shrink:0}.rubi-chat-details{flex-shrink:0;font-size:14px;max-height:22dvh;overflow:auto}.rubi-chat-details p{margin:8px 0}
body .rubi-conversation .rubi-conversation-log{flex:1 1 auto;min-height:80px;max-height:none;overflow:auto;align-content:start}
.rubi-conversation>.rubi-data-hints{margin:0;flex-shrink:0;max-height:18dvh;overflow:auto;padding:10px 12px}
.rubi-conversation>form{flex:0 0 auto;max-height:48dvh;overflow:auto;margin:0;padding:2px}.rubi-conversation textarea{min-height:76px;max-height:25dvh}
html[data-miniapp="telegram"] .rubi-conversation[open]{height:min(780px,calc(var(--mini-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 24px));margin:auto;inset:calc(var(--mini-safe-top,0px) + 12px) 12px calc(var(--mini-safe-bottom,0px) + 12px)}
@media(max-width:480px){.rubi-guide-entry .rubi-consent{padding:12px}.rubi-consent-details{margin-left:0}.rubi-conversation[open]{padding:14px;gap:10px}.rubi-conversation h3{font-size:22px}.rubi-conversation .rubi-conversation-actions{font-size:14px}.rubi-guide-entry .rubi-guide-settings{padding:12px}}
/* More room for reading on desktop and inside the mobile safe area. */
body .rubi-conversation{width:min(940px,calc(100vw - 20px))}
body .rubi-conversation[open]{inset:10px;height:calc(100dvh - 20px);max-height:1000px;padding:22px}
body .rubi-conversation>form{gap:8px;max-height:40dvh}
body .rubi-conversation textarea{min-height:64px;max-height:18dvh}
body .rubi-conversation .rubi-conversation-log{min-height:120px}
.rubi-full-report article p{white-space:pre-wrap}
.rubi-history-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.rubi-history-row>button:first-child{flex:1;min-width:180px;text-align:left}
html[data-miniapp="telegram"] body .rubi-conversation[open]{height:calc(var(--mini-height,100dvh) - var(--mini-safe-top,0px) - var(--mini-safe-bottom,0px) - 20px);inset:calc(var(--mini-safe-top,0px) + 10px) 10px calc(var(--mini-safe-bottom,0px) + 10px)}
@media(max-width:600px){body .rubi-conversation[open]{padding:12px;gap:8px}body .rubi-conversation>form{max-height:44dvh}body .rubi-conversation h3{font-size:22px}}