@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-latin-400-600.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/space-grotesk-latin-600-700.woff2)format("woff2")}:root{color:#fff8fc;--riri-ink:#120c12;--riri-surface-base:#2c1b2a;--riri-surface:#180f18e0;--riri-surface-soft:#2c1b2ac7;--riri-surface-strong:#2c1b2aeb;--riri-pink:#ff79b8;--riri-pink-strong:#ff4f9f;--riri-blush:#ffd5e8;--riri-text:#fff8fc;--riri-muted:#d8b9ca;--riri-border:#ffa8d261;--riri-focus:#fff0a8;--riri-info:#c9c2ff;--riri-warning:#ffd08a;--riri-error:#ff9aaa;--riri-shadow:0 14px 36px #08030857;--riri-transition:.16s ease;background:radial-gradient(circle at top,#ff79b81f,#0000 34%),linear-gradient(#181018 0%,#120c12 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:inherit}button,input,select{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid var(--riri-focus)!important}.riri-app{background:radial-gradient(circle at 50% 34%, #ff79b824, transparent 48%), linear-gradient(180deg, var(--riri-surface-base) 0%, var(--riri-ink) 100%);width:100%;height:100%;position:relative;overflow:hidden}.riri-canvas{width:100vw;height:100vh;display:block}.loading-screen{z-index:100;background:linear-gradient(145deg,#120c12 0%,#2b1423 52%,#120c12 100%);flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading-screen[data-fading=true]{opacity:0;pointer-events:none}.loading-screen__ring{border:3px solid #ff79b838;border-top-color:var(--riri-pink);border-radius:50%;width:90px;height:90px;animation:1.2s linear infinite riri-spin}.loading-screen__copy{text-align:center}.loading-screen__title,.panel-heading,.transcript-heading strong,.animation-preview strong,.classroom-inspector__disclosure>summary,.classroom-inspector__section-heading,.movement-debug strong{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.loading-screen__title{letter-spacing:.08em;color:var(--riri-text);font-size:2rem;font-weight:700;line-height:1.15}.loading-screen__status{color:var(--riri-pink);letter-spacing:.04em;margin-top:8px;font-size:.875rem;line-height:1.4}.loading-screen--experience{width:100dvw;height:100dvh;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.experience-entry__layout{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr);grid-template-areas:"heading controls""demo controls""ready controls";align-items:center;gap:20px 28px;width:min(920px,100%);display:grid}.experience-entry__heading{text-align:left;grid-area:heading}.experience-entry__heading .loading-screen__title{font-size:clamp(1.5rem,4vw,2.4rem)}.experience-entry__heading .loading-screen__status{max-width:300px;margin-bottom:0}.experience-entry__controls{grid-area:controls;gap:8px;display:grid}.experience-entry__control{background:var(--riri-surface-soft);border:1px solid var(--riri-border);min-height:68px;box-shadow:var(--riri-shadow);border-radius:16px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;display:grid}.experience-entry__control strong,.experience-entry__control small{display:block}.experience-entry__control strong{color:var(--riri-text);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;line-height:1.35}.experience-entry__control small{color:var(--riri-muted);margin-top:2px;font-size:.75rem;line-height:1.35}.experience-entry__control-mark{width:36px;height:36px;color:var(--riri-pink);border:1px solid var(--riri-border);background:#ff79b81f;border-radius:50%;place-items:center;font-weight:700;display:grid}.experience-entry__demo{max-width:300px;color:var(--riri-muted);grid-area:demo;gap:3px;margin:0;font-size:.75rem;line-height:1.4;display:grid}.experience-entry__demo strong{color:var(--riri-info);text-transform:uppercase;letter-spacing:.08em;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.experience-entry__ready{grid-area:ready;justify-self:start;min-width:104px;min-height:52px}.experience-entry__ready[data-ready=true]{animation:1.8s ease-in-out infinite ready-glow;box-shadow:0 0 0 2px #ffd5e852,0 0 28px #ff79b894;border-color:var(--riri-blush)!important}.mobile-orientation-gate{z-index:110;text-align:center;gap:16px;display:flex}.experience-entry__copy .loading-screen__title{letter-spacing:.03em;font-size:clamp(1.4rem,6vw,2rem)}.experience-entry__copy .loading-screen__status{margin-bottom:0}.phone-rotation{width:112px;height:88px;position:relative}.phone-rotation__device{border:3px solid var(--riri-pink);border-radius:10px;width:44px;height:70px;position:absolute;top:12px;left:28px;transform:rotate(-24deg);box-shadow:0 0 20px #ff79b847}.phone-rotation__arrow{color:var(--riri-blush);font-size:3rem;line-height:1;position:absolute;top:-4px;right:0}.mobile-touch-controls{z-index:24;pointer-events:none;position:absolute;inset:0}.mobile-joystick{bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));touch-action:none;pointer-events:auto;width:clamp(88px,25dvh,112px);height:clamp(88px,25dvh,112px);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120c1294;border:2px solid #ffd5e88f;border-radius:50%;place-items:center;display:grid;position:absolute}.mobile-joystick:before,.mobile-joystick:after{content:"";background:#ffd5e82e;position:absolute}.mobile-joystick:before{width:1px;height:70%}.mobile-joystick:after{width:70%;height:1px}.mobile-joystick__knob{z-index:1;background:var(--riri-pink);border:2px solid var(--riri-blush);will-change:transform;border-radius:50%;width:42%;height:42%;position:relative;box-shadow:0 0 18px #ff79b875}.mobile-joystick[data-running=true]{border-width:3px;border-color:var(--riri-blush);box-shadow:0 0 0 3px #ff79b83d, var(--riri-shadow)}.mobile-joystick[data-running=true] .mobile-joystick__knob{box-shadow:0 0 0 3px #ffd5e847,0 0 24px #ff79b8a3}.mobile-joystick__label{color:var(--riri-text);text-shadow:0 1px 4px var(--riri-ink);font-size:.65rem;font-weight:600;position:absolute;bottom:4px}.liked-panel,.transcript,.riri-response,.animation-preview,.classroom-inspector,.chat-limit-notice{color:var(--riri-text);font-family:inherit!important}.liked-panel,.transcript,.animation-preview,.classroom-inspector{pointer-events:auto;position:absolute}.liked-panel{z-index:18;flex-direction:column;gap:8px;max-height:min(56vh,394px);display:flex;top:16px;left:16px;overflow-y:auto;width:min(240px,100vw - 32px)!important}.liked-panel[data-open=false]{display:none}.panel-heading,.liked-song,.riri-response,.transcript,.animation-preview,.classroom-inspector,.chat-limit-notice{box-shadow:var(--riri-shadow);background:var(--riri-surface)!important;border:1px solid var(--riri-border)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}.panel-heading{font-size:.875rem;font-weight:600;line-height:1.35;color:var(--riri-text)!important;border-radius:12px!important;padding:8px 12px!important}.panel-heading--with-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-empty{padding:0 12px;font-size:.75rem;line-height:1.4;color:var(--riri-muted)!important}.liked-song{align-items:center;gap:8px;padding:8px 10px;display:flex;border-radius:12px!important}.song-copy{min-width:0;color:var(--riri-text);flex:1;text-decoration:none}.song-copy strong,.song-copy span,.transcript-song__copy strong,.transcript-song__copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.song-copy strong,.transcript-song__copy strong{font-size:.75rem;font-weight:600;line-height:1.4}.song-copy span,.transcript-song__copy span{font-size:.75rem;line-height:1.4;color:var(--riri-muted)!important}.icon-button,.text-button,.transcript-song__toggle{cursor:pointer;transition:color var(--riri-transition), transform var(--riri-transition), opacity var(--riri-transition);background:0 0;border:0}.icon-button{flex-shrink:0;padding:2px 4px;font-size:1rem;line-height:1;color:var(--riri-pink)!important}.icon-button:hover,.transcript-song__toggle:hover,.text-button:hover{transform:translateY(-1px);color:var(--riri-pink-strong)!important}.riri-response{top:var(--speech-bubble-y,16px);left:var(--speech-bubble-x,50%);z-index:18;opacity:0;pointer-events:none;width:min(320px,100vw - 32px);transition:opacity var(--riri-transition);border-radius:16px;padding:12px 14px;font-size:.875rem;line-height:1.5;position:absolute}.riri-response__content{max-height:min(176px,30vh - 24px);display:block;overflow:auto}.riri-response[data-visible=true]{opacity:1;animation:3.2s ease-in-out infinite riri-response-float}.riri-response:after{bottom:-7px;left:var(--speech-bubble-tail-x,50%);content:"";background:var(--riri-surface);border-right:1px solid var(--riri-border);border-bottom:1px solid var(--riri-border);width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.transcript{z-index:18;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto;width:min(340px,100vw - 32px)!important;max-height:min(56vh,394px)!important;top:16px!important;right:16px!important}.transcript[data-open=false]{display:none}.transcript-heading{color:var(--riri-text);justify-content:space-between;align-items:center;gap:12px;display:flex}.text-button{padding:4px 8px;color:var(--riri-pink)!important}.transcript-entry{flex-direction:column;gap:6px;max-width:90%;display:flex}.transcript-entry--assistant,.transcript-status{align-self:flex-start}.transcript-entry--user{align-self:flex-end}.transcript-bubble{border:1px solid #0000;border-radius:12px;padding:8px 12px;font-size:.875rem;line-height:1.5}.transcript-bubble--assistant{color:var(--riri-text);background:#fff8fc1f;border-color:#ffa8d233}.transcript-bubble--error{color:var(--riri-error);background:#ff4b701f;border-color:#ff9aaa80}.transcript-bubble--user{color:var(--riri-ink);background:var(--riri-pink);border-color:#ffffff3d}.transcript-songs{flex-direction:column;gap:4px;display:flex}.transcript-song{align-items:center;gap:6px;display:flex}.transcript-song__copy{min-width:0;color:var(--riri-text);background:#ff79b824;border:1px solid #ff79b83d;border-radius:12px;flex:1;padding:6px 10px}.transcript-song__toggle{color:var(--riri-blush);flex-shrink:0;padding:4px;font-size:1.125rem;line-height:1}.transcript-song__toggle[data-selected=true]{color:var(--riri-pink)!important}.transcript-status{color:var(--riri-muted);font-size:.875rem;line-height:1.5}.chat-limit-notice{z-index:18;white-space:nowrap;border-radius:12px;padding:8px 12px;font-size:.875rem;line-height:1.4;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.chat-limit-notice[data-tone=warning]{color:var(--riri-warning);background:#2a1a14eb!important;border-color:#ffd08a80!important}.controls-menu{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:25;width:min(320px,100vw - 28px);color:var(--riri-text);background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:12px;padding:14px;display:grid;position:absolute}.controls-menu__heading{justify-content:space-between;align-items:center;gap:12px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;display:flex}.controls-menu__guide{gap:7px;margin:0;display:grid}.controls-menu__guide div{grid-template-columns:62px minmax(0,1fr);gap:10px;font-size:.76rem;line-height:1.35;display:grid}.controls-menu__guide dt{color:var(--riri-text);font-weight:600}.controls-menu__guide dd{color:var(--riri-muted);margin:0}.controls-menu__actions{flex-wrap:wrap;gap:8px;display:flex}.controls-menu__camera{border:0;border-top:1px solid var(--riri-border);gap:8px;min-width:0;margin:0;padding:10px 0 0;display:grid}.controls-menu__camera legend{color:var(--riri-text);padding:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:600}.controls-menu__camera-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.controls-menu__camera-options .button{min-width:0}.controls-menu__camera p{color:var(--riri-muted);margin:0;font-size:.75rem;line-height:1.4}.controls-menu__actions .button{flex:120px}.controls-menu__demo{color:var(--riri-muted);border-top:1px solid var(--riri-border);gap:2px;margin:0;padding-top:10px;font-size:.7rem;line-height:1.4;display:grid}.controls-menu__demo strong{color:var(--riri-info)}.mobile-utility-menu{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:25;width:min(320px,100vw - 28px);color:var(--riri-text);background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:12px;padding:14px;display:grid;position:absolute}.mobile-utility-menu__heading{justify-content:space-between;align-items:center;gap:12px;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;display:flex}.mobile-utility-menu__actions{gap:8px;display:grid}.mobile-utility-menu__actions .button{text-align:left;width:100%;min-height:44px}.gameplay-actions{bottom:max(14px, env(safe-area-inset-bottom));z-index:20;background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gameplay-actions__utilities,.composer{align-items:center;gap:8px;display:flex}.button--compact{min-height:38px;padding:8px 11px;font-size:.74rem}.vibe-control{position:relative}.vibe-control__trigger{min-width:150px}.vibe-tray{background:var(--riri-surface);border:1px solid var(--riri-border);width:min(420px,100vw - 28px);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.button--vibe{min-height:42px;padding-inline:12px}.voice-reminder{right:max(14px, env(safe-area-inset-right));z-index:24;width:min(360px,100vw - 28px);color:var(--riri-text);background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;gap:12px;padding:14px;display:grid;position:absolute;bottom:82px}.voice-reminder>div:first-child{gap:3px;display:grid}.voice-reminder strong{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.voice-reminder span{color:var(--riri-muted);font-size:.78rem;line-height:1.4}.voice-reminder__actions{gap:8px;display:flex}.animation-preview{z-index:22;border-radius:14px;gap:8px;width:min(300px,100vw - 32px);padding:12px;display:grid;bottom:96px;left:16px}.animation-preview label,.animation-preview p{color:var(--riri-muted);margin:0;font-size:.78rem}.animation-preview select,.animation-preview button{border:1px solid var(--riri-border);min-height:36px;color:var(--riri-text);background:var(--riri-surface-strong);font:inherit;border-radius:9px}.animation-preview select{width:100%;padding:6px 8px}.animation-preview__loop-option{align-items:center;gap:7px;display:flex}.animation-preview__loop-option input{accent-color:var(--riri-pink)}.animation-preview__actions{gap:8px;display:flex}.animation-preview button{cursor:pointer;flex:1;padding:6px 10px}.animation-preview button:disabled,.animation-preview select:disabled{cursor:wait;opacity:.55}.classroom-inspector{z-index:20;border-radius:14px;width:min(430px,100vw - 520px);max-height:calc(100vh - 120px);padding:12px 14px;font-size:.78rem;top:16px;left:50%;overflow:auto;transform:translate(-50%)}.classroom-inspector__disclosure>summary{color:var(--riri-pink);cursor:pointer;font-weight:700}.classroom-inspector__body{margin-top:8px}.classroom-inspector__controls{margin-bottom:8px!important}.classroom-inspector__target-controls{grid-template-columns:auto minmax(88px,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.classroom-inspector__target-controls span{color:var(--riri-muted);text-align:center}.classroom-inspector__target-controls button,.classroom-inspector__section-heading button{color:var(--riri-text);background:var(--riri-surface-soft);border:1px solid var(--riri-border);cursor:pointer;border-radius:8px;padding:5px 8px}.classroom-inspector__target-controls button:hover,.classroom-inspector__section-heading button:hover{border-color:var(--riri-pink)}.classroom-inspector__collision-review{border-top:1px solid var(--riri-border);border-bottom:1px solid var(--riri-border);margin:10px 0;padding:10px 0}.classroom-inspector__section-heading{color:var(--riri-pink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-weight:700;display:flex}.classroom-inspector p{color:var(--riri-muted);margin:0}.classroom-inspector__details{gap:4px;margin:0;display:grid}.classroom-inspector__details div{grid-template-columns:76px minmax(0,1fr);gap:8px;display:grid}.classroom-inspector__details dt{color:var(--riri-muted)}.classroom-inspector__details dd{overflow-wrap:anywhere;min-width:0;margin:0}.classroom-inspector__details--compact{margin-bottom:2px}.movement-debug{z-index:20;width:min(440px,100vw - 520px);color:var(--riri-text);text-align:center;background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;gap:4px;padding:10px 14px;font-size:.78rem;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.movement-debug span{color:var(--riri-muted)}.button{cursor:pointer;white-space:nowrap;transition:background-color var(--riri-transition), border-color var(--riri-transition), color var(--riri-transition), transform var(--riri-transition), opacity var(--riri-transition);padding:12px 20px;font-size:.875rem;font-weight:600;line-height:1;border:1px solid #0000!important;border-radius:12px!important}.button:not(:disabled):hover{transform:translateY(-1px)}.button--secondary{order:1;color:var(--riri-text)!important;background:var(--riri-surface-soft)!important;border-color:var(--riri-border)!important}.button--secondary:hover:not(:disabled),.button--active{border-color:#ff79b894!important}.button--accent{color:var(--riri-ink)!important;background:var(--riri-blush)!important;border-color:#ffffff38!important}.composer-input{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:360px;order:2;min-width:220px;padding:12px 16px;width:auto!important;color:var(--riri-text)!important;border:1px solid var(--riri-border)!important;background:#fff8fc1f!important;border-radius:12px!important}.composer-input::placeholder{color:var(--riri-muted);opacity:.9}.button--primary{order:3;min-width:96px;color:var(--riri-ink)!important;background:var(--riri-pink)!important}.button--primary:not(:disabled):hover{background:var(--riri-pink-strong)!important}.button:disabled,.composer-input:disabled{cursor:not-allowed!important;opacity:.5!important}@keyframes riri-spin{to{transform:rotate(360deg)}}@keyframes ready-glow{0%,to{box-shadow:0 0 0 2px #ffd5e83d,0 0 20px #ff79b866}50%{box-shadow:0 0 0 3px #ffd5e861,0 0 32px #ff79b8ad}}@keyframes riri-response-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (width<=900px){.liked-panel{width:190px!important;top:10px!important;left:10px!important}.transcript{top:10px!important;right:10px!important}.chat-limit-notice{white-space:normal;text-align:center;max-width:calc(100vw - 20px)}.classroom-inspector{width:min(420px,100vw - 20px);top:96px}.animation-preview{width:min(300px,100vw - 20px);bottom:112px;left:10px}.movement-debug{width:min(420px,100vw - 20px);top:96px}}@media (width<=640px){.liked-panel{width:160px!important}.riri-response{width:min(280px,100vw - 32px)}.riri-response__content{max-height:68px}.button{padding:10px 14px;font-size:.75rem}.composer-input{flex-basis:calc(100% - 110px)}.vibe-tray{grid-template-columns:repeat(2,minmax(92px,1fr))}}@media (width<=560px){.transcript{top:84px!important}}.riri-app[data-phone=true]{width:100dvw;height:100dvh}.riri-app[data-phone=true] .riri-canvas{touch-action:none;width:100dvw;height:100dvh}.riri-app[data-phone-landscape=true]{--mobile-actions-height:58px}.riri-app[data-phone-landscape=true] .liked-panel,.riri-app[data-phone-landscape=true] .transcript,.riri-app[data-phone-landscape=true] .controls-menu,.riri-app[data-phone-landscape=true] .mobile-utility-menu{background:#180f18f0;overflow-y:auto;top:max(8px, env(safe-area-inset-top))!important;right:max(8px, env(safe-area-inset-right))!important;width:clamp(250px,42dvw,360px)!important;max-height:calc(100dvh - var(--mobile-actions-height) - 20px)!important;bottom:auto!important;left:auto!important}.riri-app[data-phone-landscape=true] .liked-panel{z-index:19;background:var(--riri-surface);border:1px solid var(--riri-border);box-shadow:var(--riri-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:10px}.riri-app[data-phone-landscape=true] .liked-panel .panel-heading{box-shadow:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}.riri-app[data-phone-landscape=true] .experience-entry__layout{grid-template-columns:minmax(140px,.8fr) minmax(250px,1.5fr) minmax(100px,.55fr);grid-template-areas:"heading controls ready""demo controls ready";gap:10px 14px}.riri-app[data-phone-landscape=true] .experience-entry__heading .loading-screen__title{font-size:clamp(1.25rem,3.8vw,2rem)}.riri-app[data-phone-landscape=true] .experience-entry__control{min-height:62px;padding-block:7px}.riri-app[data-phone-landscape=true] .experience-entry__demo{font-size:.65rem}.riri-app[data-phone-landscape=true] .experience-entry__ready{justify-self:center}.riri-app[data-phone-landscape=true] .gameplay-actions{justify-content:center;gap:6px;width:max-content;max-width:calc(100dvw - 16px);padding:6px;left:50%;right:auto;transform:translate(-50%);bottom:max(8px, env(safe-area-inset-bottom))!important}.riri-app[data-phone-landscape=true] .gameplay-actions .button{min-height:44px;padding:8px 10px;font-size:.875rem}.riri-app[data-phone-landscape=true] .vibe-control__trigger{min-width:148px}.riri-app[data-phone-landscape=true] .gameplay-actions__utilities{gap:4px}.riri-app[data-phone-landscape=true] .vibe-tray{grid-template-columns:repeat(3,minmax(76px,1fr));width:min(420px,100dvw - 154px);left:0;transform:none}.riri-app[data-phone-landscape=true] .chat-limit-notice{bottom:calc(var(--mobile-actions-height) + max(8px, env(safe-area-inset-bottom)));max-width:calc(100dvw - 154px)}.riri-app[data-phone-landscape=true] .voice-reminder{right:max(8px, env(safe-area-inset-right));bottom:calc(var(--mobile-actions-height) + max(14px, env(safe-area-inset-bottom)));width:min(360px,100dvw - 154px)}@media (width<=700px){.experience-entry__layout{grid-template-columns:1fr;grid-template-areas:"heading""controls""demo""ready";max-height:100dvh;overflow-y:auto}}@media (orientation:landscape) and (height<=360px){.loading-screen--experience{padding-block:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-bottom))}.experience-entry__layout{gap:10px}.experience-entry__control{min-height:56px;padding-block:6px}.riri-app[data-phone-landscape=true]{--mobile-actions-height:54px}.riri-app[data-phone-landscape=true] .gameplay-actions .button{min-height:42px;padding-block:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.experience-entry__ready[data-ready=true]{animation:none}}
