@font-face{font-family:Berlin;src:url('assets/BRLNSR.TTF')}*{box-sizing:border-box}body{margin:0;background:#e6e4dd;color:#fff;font-family:Berlin,Arial,sans-serif}main{width:100%;height:100dvh;overflow:hidden}header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;gap:22px;padding:22px 32px;background:linear-gradient(#292824b8,transparent)}header img{width:90px;height:auto}header span,.eyebrow{font:11px Arial,sans-serif;letter-spacing:.2em;color:#ddd}header button{margin-left:auto}button,select{font:inherit;color:inherit;background:#34332fe8;border:1px solid #ffffff70;border-radius:50px;padding:11px 18px;cursor:pointer}button:hover,button:focus-visible,select:focus-visible{background:#fff;color:#111;outline:none}.primary{background:#34332f;color:#fff;border:0;padding:18px 24px;min-width:190px;text-align:left}.primary span{float:right}#welcome{position:absolute;z-index:2;top:50%;left:8%;transform:translateY(-50%);max-width:420px;color:#34332f}#welcome .eyebrow{color:#77766f}h1{font-size:clamp(54px,10vw,108px);line-height:.95;letter-spacing:-.04em;margin:18px 0}#welcome p:not(.eyebrow){font:17px/1.5 Arial,sans-serif;color:#66645c;max-width:310px;margin-bottom:30px}#viewport{position:absolute;inset:0;outline:0}#toolbar{position:absolute;z-index:2;top:100px;left:24px;right:24px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}#toolbar[hidden],#movement[hidden],#hint[hidden]{display:none}#toolbar>*{pointer-events:auto}#toolbar label{display:flex;align-items:center;gap:8px;background:#34332fe8;border:1px solid #ffffff70;border-radius:50px;padding-left:16px;font-size:14px}#toolbar select{border:0;max-width:130px}#movement{position:absolute;z-index:2;right:24px;bottom:32px;display:grid;justify-items:center;gap:5px}#movement div{display:flex;gap:5px}#movement button{border-radius:50%;width:42px;height:42px;padding:0;touch-action:none}#hint{position:absolute;bottom:30px;left:30px;color:#34332f;font:13px Arial,sans-serif}#status{position:absolute;z-index:4;left:50%;bottom:10%;transform:translateX(-50%);background:#34332fee;border:1px solid #999;border-radius:20px;padding:12px 20px;text-align:center;font:14px Arial,sans-serif}aside{position:absolute;z-index:5;top:80px;right:25px;width:min(340px,calc(100% - 50px));background:#f2f0e8;color:#111;border-radius:20px;padding:26px;box-shadow:0 12px 60px #0007}aside p{font:15px/1.5 Arial,sans-serif}aside button{float:right;border:0;color:#111;background:transparent;font-size:24px;padding:0}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}@media(max-width:700px){header{padding:18px}header span{display:none}#toolbar{top:78px;left:12px;right:12px;gap:5px}#toolbar button,#toolbar select{padding:8px 12px;font-size:13px}#toolbar label{font-size:12px;padding-left:10px}#hint{left:15px;bottom:18px;max-width:170px;line-height:1.4}#movement{bottom:18px;right:14px}#welcome{left:7%;right:7%}}
body{background:#101010}header{background:linear-gradient(#090909db,transparent)}#welcome{color:#fff}#welcome .eyebrow{color:#bbb}#welcome p:not(.eyebrow){color:#ccc}.primary{background:#f7f6ef;color:#111}#hint{color:#ddd}
#play-intro{position:absolute;z-index:10;inset:0;background:#000;opacity:1;transition:opacity .5s ease}#play-intro[hidden]{display:none}#play-intro.fade-out{opacity:0;pointer-events:none}#play-video{width:100%;height:100%;object-fit:contain;display:block}#skip-play{position:absolute;right:24px;bottom:32px;background:#242424d9;z-index:1} @media(max-width:700px){#skip-play{right:16px;bottom:max(18px,env(safe-area-inset-bottom))}} @media(prefers-reduced-motion:reduce){#play-intro{transition:none}}
/* Black, white and fine outlines from the earlier QIQA explorer. */
body{background:#000}header{background:linear-gradient(#000e,transparent)}button,select,#toolbar label{background:#000e;color:#fff;border-color:#ffffff80}button:hover,button:focus-visible,select:focus-visible{background:#fff;color:#111}#toolbar select{background:transparent}#toolbar select:focus-visible{background:#fff;color:#111}#hint{color:#fff}#status{background:#000e}
#toolbar select#art{background:#000e;border:1px solid #ffffff80;max-width:145px}#toolbar select#art:focus-visible{background:#fff;color:#111}

#toolbar select#views{background:#000e;border:1px solid #ffffff80;max-width:145px}#toolbar select#views:focus-visible{background:#fff;color:#111}
#toolbar select#play{background:#000e;border:1px solid #ffffff80;max-width:145px}#toolbar select#play:focus-visible{background:#fff;color:#111}

.shortcut-menu{position:relative;pointer-events:auto}.shortcut-menu summary{display:flex;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:11px 18px;border:1px solid #ffffff80;border-radius:50px;background:#000e;color:#fff}.shortcut-menu summary::-webkit-details-marker{display:none}.shortcut-menu summary::after{content:'⌄';font:16px Arial,sans-serif}.shortcut-menu summary:hover,.shortcut-menu summary:focus-visible{background:#fff;color:#111;outline:none}.shortcut-options{position:absolute;top:calc(100% + 6px);left:0;min-width:170px;display:grid;gap:2px;padding:6px;background:#111f;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 24px #0008}.shortcut-options button{border:0;border-radius:10px;padding:10px 12px;text-align:left;white-space:nowrap;background:transparent}.shortcut-options button:hover,.shortcut-options button:focus-visible{background:#fff;color:#111}@media(max-width:700px){.shortcut-menu summary{padding:8px 12px;font-size:13px;gap:12px}}

#edit-play-views{margin-left:auto}#edit-play-views[hidden]{display:none}#edit-play-views:not([hidden]) + #help{margin-left:0}#play-view-editor{max-height:calc(100dvh - 100px);overflow:auto}#play-view-editor .play-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#play-view-editor .play-view-actions button,#play-view-editor #download-play-views{float:none;font-size:14px;line-height:1.2;padding:10px 12px;background:#111;color:#fff;border:1px solid #111}#play-view-editor .play-view-actions button:hover,#play-view-editor #download-play-views:hover{background:#fff;color:#111}#play-view-editor #play-view-message{min-height:1.4em}#download-play-views{float:none!important}@media(max-width:700px){#edit-play-views{font-size:12px;padding:8px 10px}#help{font-size:12px;padding:8px 10px}}
#music-toggle:not([hidden])~#help{margin-left:0}
#floor-information{position:absolute;z-index:2;right:24px;bottom:28px;width:min(300px,calc(100vw - 32px));padding:22px 24px;background:#101010;border:1px solid #eee;color:#fff;text-align:center;box-shadow:0 8px 35px #0005;pointer-events:none}#floor-information[hidden]{display:none}#floor-information h2{font:24px Berlin,Arial,sans-serif;margin:0}#floor-information p{font:16px/1.5 Berlin,Arial,sans-serif;white-space:pre-line;margin:12px 0 0}@media(max-width:700px){#floor-information{right:16px;bottom:16px;width:min(240px,calc(100vw - 32px));padding:15px}#floor-information h2{font-size:19px}}

#video-menu .video-options{position:absolute;top:calc(100% + 6px);left:0;width:210px;max-height:calc(100dvh - 165px);overflow-y:auto;padding:6px;background:#111f;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 24px #0008}#video-menu .video-submenu>summary{border:0;border-radius:10px;background:transparent;padding:10px 12px;justify-content:space-between}#video-menu .video-submenu>summary:hover,#video-menu .video-submenu>summary:focus-visible{background:#fff;color:#111}#video-menu .video-submenu>summary::after{content:'+'}#video-menu .video-submenu[open]>summary::after{content:'−'}#video-menu .submenu-items{display:grid;padding:0 0 4px 12px}#video-menu .submenu-items button{border:0;border-radius:9px;padding:10px 12px;text-align:left;background:transparent;white-space:nowrap}#video-menu .submenu-items button:hover,#video-menu .submenu-items button:focus-visible{background:#fff;color:#111}@media(max-width:700px){#video-menu .video-options{max-height:calc(100dvh - 135px)}}
#video-menu .video-submenu>summary{display:flex;width:100%}@media(max-width:700px){#video-menu .video-options{left:auto;right:0}}