/* User-supplied eusebiOS logo, cropped in CSS so the original artwork stays intact. */
.user-logo-frame{position:relative;display:block;width:13rem;height:3.2rem;flex:none;overflow:hidden;background:#fff}
.user-logo-frame img{position:absolute;left:-10%;top:-56%;display:block;width:120%;max-width:none;height:auto}
.login-user-logo{width:min(100%,27rem);height:6.6rem;margin:0 0 .35rem}

body[data-tour-page="home"]{background:#fff}
body[data-tour-page="home"] .app-shell{display:block}
body[data-tour-page="home"] .sidebar,body[data-tour-page="home"] .topbar{display:none}
body[data-tour-page="home"] .main-area{width:100%;margin:0}
body[data-tour-page="home"] .page{width:100%;max-width:none;padding:0}
.room-experience{width:min(100%,1680px);margin:0 auto;padding:0 0 2rem;background:#fff}
.room-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.room-scene-frame{width:100%;overflow:hidden;perspective:1700px;overscroll-behavior-inline:contain}
.room-scene{--room-rx:0deg;--room-ry:0deg;--room-glow-x:50%;--room-glow-y:50%;position:relative;width:100%;aspect-ratio:3/2;transform:rotateX(var(--room-rx)) rotateY(var(--room-ry)) scale(1.008);transform-style:preserve-3d;will-change:transform}
.room-scene-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.room-scene::after{position:absolute;inset:0;background:radial-gradient(circle at var(--room-glow-x) var(--room-glow-y),rgba(255,255,255,.22),transparent 28%);content:"";opacity:.28;mix-blend-mode:screen;pointer-events:none}
.room-spot,.room-unavailable{position:absolute;z-index:2;display:block;height:5%;border-radius:999px}
.room-spot{border:2px solid transparent;background:transparent;transform:translateZ(18px);transition:box-shadow .22s ease,background .22s ease,transform .22s ease}
.room-spot:hover,.room-spot:focus-visible{outline:none;border-color:#fff;background:#fff3;box-shadow:0 0 0 4px #f63e8380,0 13px 28px #25212635;transform:translateZ(42px) scale(1.025)}
.room-spot:active{transform:translateZ(20px) scale(.98)}
.room-spot-work{left:13.7%;top:37.5%;width:11.3%}
.room-spot-tickets{left:35.8%;top:24.7%;width:14.1%}
.room-spot-planning{left:74.5%;top:23.7%;width:17.1%}
.room-spot-admin{left:85%;top:42.4%;width:13.2%}
.room-spot-new{left:30%;top:60.5%;width:12.1%}
.room-unavailable{display:grid;place-items:center;border:1px solid #e7dbe1;background:#ffffffed;color:#776c73;font-size:clamp(9px,.92vw,13px);font-weight:800;box-shadow:0 8px 18px #2521261c;text-align:center}
.room-account{position:absolute;z-index:5;top:3.7%;right:3.4%;width:3.9%;height:5.6%}
.room-account summary{display:block;width:100%;height:100%;border:2px solid transparent;border-radius:50%;cursor:pointer;list-style:none}
.room-account summary::-webkit-details-marker{display:none}
.room-account summary:hover,.room-account summary:focus-visible{outline:3px solid #f63e83;outline-offset:2px;background:#fff4}
.room-account-popover{position:absolute;top:calc(100% + 10px);right:0;display:grid;min-width:190px;gap:.3rem;border:1px solid #eee0e5;border-radius:1rem;background:#fff;padding:.9rem;box-shadow:0 18px 45px #25212625;transform:translateZ(48px)}
.room-account-popover strong{font-size:.86rem}.room-account-popover>span{color:#746b70;font-size:.72rem}.room-account-popover form{margin-top:.35rem}
.room-account-popover button{width:100%;border:0;border-radius:.7rem;background:#fff0f5;padding:.6rem;color:#a72059;font-weight:800;cursor:pointer}
.room-hint{display:flex;justify-content:center;gap:.45rem;align-items:center;margin:.2rem 1rem 0;color:#766a72;font-size:.76rem;font-weight:650;text-align:center}
.room-hint>span:first-child{color:#f63e83}.room-hint-touch{display:none}
.room-shortcuts{display:none}
.room-brand-signature{display:block;width:max-content;margin:1rem auto 0}
.room-brand-signature .user-logo-frame{width:9.8rem;height:2.4rem}
.room-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.7rem 1rem 0}
.room-quick span{border:1px solid #f0e4e9;border-radius:999px;background:#fff9fb;padding:.35rem .65rem;color:#6e5e67;font-size:.7rem;font-weight:750}
@media(max-width:700px){
  .room-experience>h1.room-visually-hidden{position:static!important;width:auto!important;height:auto!important;margin:1.3rem 1rem .65rem!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:1.8rem;letter-spacing:-.05em}
  .room-scene-frame{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#f63e83 #fff3f8}
  .room-scene{min-width:900px;transform:none!important;will-change:auto}
  .room-scene::after{display:none}
  .room-spot{transform:none;min-height:34px}
  .room-spot:hover,.room-spot:focus-visible{transform:none}
  .room-hint{margin:.6rem 1rem 0;display:block}
  .room-hint-touch{display:block;margin-top:.25rem}
  .room-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.2rem 1rem 0}
  .room-shortcuts a,.room-shortcuts button{display:flex;min-height:3.7rem;align-items:center;gap:.55rem;border:1px solid #ead9e1;border-radius:1rem;background:#fff;padding:.8rem;color:#252126;font:inherit;font-size:.8rem;font-weight:800;text-align:left;box-shadow:0 8px 20px #2521260b}
  .room-shortcuts a>span,.room-shortcuts button>span{display:grid;width:1.7rem;height:1.7rem;flex:none;place-items:center;border-radius:.5rem;background:#ffe7f0;color:#b62260;font-size:1rem}
  .room-shortcuts b{margin-left:auto;color:#b62260}
  .room-shortcuts form{margin:0}.room-shortcuts button{width:100%;cursor:pointer}
}
@media(max-width:390px){.room-shortcuts{grid-template-columns:1fr 1fr}.room-shortcuts a,.room-shortcuts button{font-size:.72rem;padding:.65rem;gap:.35rem}}
@media(prefers-reduced-motion:reduce){.room-scene{transform:none!important;will-change:auto}.room-spot{transition:none}}
