/* A tactile instrument for the hotel's reality, outside the distorted canvas. */
.reality-console{--distortion-level:0%;position:absolute;right:28px;bottom:130px;z-index:5;width:365px;padding:17px 20px 14px;background:#ff5900;color:#10110d;border:1px solid #ff9a60;box-shadow:0 12px 45px #0008;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.reality-console:before{content:'';position:absolute;top:0;left:20px;right:20px;height:3px;background:repeating-linear-gradient(90deg,#11130e 0 2px,transparent 2px 5px)}
.reality-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.reality-console-head label{font:46px/.95 Machro;letter-spacing:0;cursor:ew-resize}.reality-readout{display:flex;align-items:start;font:36px/1 Machro;gap:2px;font-variant-numeric:tabular-nums}.reality-readout span{font:10px monospace;margin-top:4px}.reality-console p{font:9px/1.5 monospace;letter-spacing:.65px;margin:8px 0 4px}
.reality-control{position:relative;height:42px;display:flex;align-items:center}.reality-control:before{content:'';position:absolute;inset:17px 0;background:linear-gradient(to right,#11130e var(--distortion-level),#ab3d06 var(--distortion-level));border:1px solid #15150d;pointer-events:none}.reality-control:after{content:'';position:absolute;inset:29px 0 9px;background:repeating-linear-gradient(90deg,#11130e 0 1px,transparent 1px calc(10% - 1px));pointer-events:none}
#distortion{appearance:none;-webkit-appearance:none;position:relative;z-index:1;background:transparent;width:100%;height:42px;margin:0;cursor:ew-resize;touch-action:pan-y;border-radius:0}
#distortion::-webkit-slider-runnable-track{height:8px;background:transparent}
#distortion::-moz-range-track{height:8px;background:transparent}
#distortion::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:34px;margin-top:-13px;border:2px solid #11130e;border-radius:3px;background:#e8dfcb url('/assets/hh.svg') center/26px 13px no-repeat;box-shadow:3px 3px 0 #11130e}
#distortion::-moz-range-thumb{width:44px;height:30px;border:2px solid #11130e;border-radius:3px;background:#e8dfcb url('/assets/hh.svg') center/26px 13px no-repeat;box-shadow:3px 3px 0 #11130e}
#distortion:focus-visible{outline:none}#distortion:focus-visible::-webkit-slider-thumb{outline:2px solid #e8dfcb;outline-offset:3px}#distortion:focus-visible::-moz-range-thumb{outline:2px solid #e8dfcb;outline-offset:3px}.reality-scale{display:flex;justify-content:space-between;font:8px/1 monospace;letter-spacing:1.5px;margin-top:1px}.reality-console-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #11130e66;margin-top:12px;padding-top:9px;font:8px monospace;letter-spacing:1px}.reality-console-footer>span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:6px}.reality-console-footer button{font:8px monospace;letter-spacing:.3px;background:none;color:inherit;border:0;padding:6px 0 6px 12px;cursor:pointer}.reality-console-footer button:hover{text-decoration:underline}.reality-console-footer button:focus-visible{outline:2px solid #11130e;outline-offset:3px}
.capsule-filters button[data-filter="4"]{border-color:#ff5900}.capsule-filters button[data-filter="4"] sup{color:#ff7836}.capsule-filters button[data-filter="4"][aria-pressed="true"] sup{color:#10110d}.capsule-card[data-chapter="4"] .capsule-card-art{background:#25221d}.capsule-card[data-chapter="4"] .piece-front svg,.capsule-card[data-chapter="4"] .piece-back svg{height:100%;width:100%}
@media(max-width:760px){.reality-console{width:calc(100% - 36px);right:18px;bottom:115px;padding:13px 16px 9px}.reality-console-head label{font-size:36px}.reality-readout{font-size:30px}.reality-console p{font-size:8px;margin:4px 0 0}.reality-control{height:38px}.reality-console-footer{margin-top:8px;padding-top:3px}.reality-console-footer button{min-height:27px}.walk-controls{bottom:306px!important}#inspect-nearby{bottom:317px!important}.reality-console .reality-scale{font-size:7px}.hotel-bottom{display:none}}
@media(max-height:650px){.reality-console{bottom:105px;padding-top:12px;padding-bottom:8px}.reality-console-head label{font-size:34px}.reality-console-footer{margin-top:6px;padding-top:3px}.hotel-guide p{display:none}.hotel-guide h2{font-size:38px}.hotel-guide{top:88px}.hotel-guide button{font-size:9px}}
@media(max-height:520px) and (min-width:761px){.reality-console{width:310px;bottom:110px}.reality-console-head label{font-size:32px}}