.royal-cube-host{--rc-size:180px;--rc-left:20px;--rc-bottom:24px;--rc-mobile-size:100px;--rc-mobile-bottom:80px;--rc-seconds:16s;display:none;position:fixed;left:max(var(--rc-left),env(safe-area-inset-left));bottom:calc(var(--rc-bottom) + env(safe-area-inset-bottom));width:calc(var(--rc-size)*1.42);height:calc(var(--rc-size)*1.25 + 44px);z-index:1050;isolation:isolate;font-family:Arial,sans-serif;color:#fff;pointer-events:none}
.royal-cube-host.rc-ready{display:block}.rc-toolbar{display:flex;justify-content:flex-end;gap:4px;height:40px;position:relative;z-index:3;pointer-events:auto}.rc-toolbar button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff66;background:#172238;color:#fff;border-radius:50%;font-size:20px;line-height:1;box-shadow:0 2px 8px #0003}.rc-toolbar button:focus-visible,.rc-hit:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.rc-scene{position:relative;width:var(--rc-size);height:var(--rc-size);margin:8px auto 0;perspective:800px;pointer-events:auto}.rc-shape{position:absolute;inset:0;transform-style:preserve-3d;animation:royal-cube-turn var(--rc-seconds) linear infinite;will-change:transform}.rc-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #fff8;border-radius:6px;overflow:hidden;background:#172238;box-sizing:border-box;display:grid;place-items:center;font-size:16px;color:#fff}.rc-face img{display:block;width:100%;height:100%;object-fit:contain}.rc-face:nth-child(1){transform:translateZ(calc(var(--rc-size)/2))}.rc-face:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--rc-size)/2))}.rc-face:nth-child(3){transform:rotateY(180deg) translateZ(calc(var(--rc-size)/2))}.rc-face:nth-child(4){transform:rotateY(270deg) translateZ(calc(var(--rc-size)/2))}.rc-hit{position:absolute;inset:0;z-index:2;border-radius:6px;display:block}.royal-cube-host.rc-paused .rc-shape{animation-play-state:paused}.royal-cube-preview{position:relative;left:auto;bottom:auto;z-index:1;margin:12px auto;pointer-events:auto}.rc-placeholder{background:linear-gradient(135deg,#2445b6,#101a36)}
@keyframes royal-cube-turn{from{transform:rotateY(0deg)}to{transform:rotateY(-360deg)}}
@media(max-width:767px){.royal-cube-host:not(.royal-cube-preview){--rc-size:var(--rc-mobile-size)!important;left:max(8px,env(safe-area-inset-left));bottom:calc(var(--rc-mobile-bottom) + env(safe-area-inset-bottom))}.rc-toolbar button{width:40px;height:40px}.royal-cube-host{z-index:1000}}
@media(prefers-reduced-motion:reduce){.rc-shape{animation:none;will-change:auto}}