*{box-sizing:border-box}html{background:#07171c;color:#f3e7d4;font-family:Georgia,serif}body{margin:0}main{max-width:1200px;margin:auto;padding:20px}.mast{display:flex;justify-content:space-between;font:11px system-ui;letter-spacing:.23em;color:#c1a776;padding:8px 0 24px;border-bottom:1px solid #b4a27d33}header{text-align:center;padding:35px 10px 25px}h1{font-size:clamp(34px,6vw,68px);font-weight:400;letter-spacing:-.035em;margin:12px 0}header p{color:#b6c7c8;line-height:1.6}.eyebrow{font:10px system-ui;letter-spacing:.2em;color:#c1a776!important}.scene{height:600px;max-height:75svh;min-height:410px;position:relative;background:#183743;border:1px solid #a18d663d;border-radius:8px;overflow:hidden}canvas{width:100%;height:100%;display:block}.scene-top{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:20px;justify-content:space-between;font:9px system-ui;letter-spacing:.1em;text-shadow:0 1px 5px #000}.toolbar{position:absolute;bottom:45px;left:10px;right:10px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}button{border:1px solid #c3ab75;background:#e6d6b8;color:#1e2d2e;min-height:44px;padding:10px 14px;cursor:pointer;border-radius:4px;font:13px system-ui}button:disabled{opacity:.4;cursor:default}.subtitle{position:absolute;bottom:15px;left:14px;right:14px;text-align:center;font:12px system-ui;text-shadow:0 2px 5px #000}.ticket{margin:28px auto;max-width:530px;text-align:center;border:1px solid #af986433;padding:28px;background:#10282b;border-radius:6px}.ticket small{font:10px system-ui;color:#c1a776;letter-spacing:.2em}h2{font-weight:400;font-size:25px}.ticket p{font:14px/1.7 system-ui;color:#b6c7c8}.marks{display:flex;justify-content:center;gap:8px}#start{padding:12px 30px;background:#c2a164}footer{padding:20px 0;font:12px/1.8 system-ui;color:#98adaf}summary{cursor:pointer;min-height:44px}a{color:#d5ba7e}#load{position:absolute;inset:0;display:grid;place-items:center;background:#102b36;font:14px system-ui}#load.hidden{display:none}@media(max-width:500px){main{padding:14px}.mast{font-size:9px}header{padding:25px 0 20px}.scene{height:540px;max-height:72svh}.toolbar button{font-size:11px;padding:8px}.scene-top{font-size:8px;left:10px;right:10px}.ticket{padding:24px 12px}.subtitle{font-size:11px}.scene-top span:last-child{max-width:120px;text-align:right}}

#inspect-layer{position:absolute;inset:0;pointer-events:none}.object-spot{position:absolute;pointer-events:auto;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;transform:translate(-50%,-50%);background:#14292bd9;color:#edd29b;border:1px solid #d7b36b;font-size:22px;box-shadow:0 0 0 5px #152c2d55}.object-spot[hidden]{display:none}.clue{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,90%);background:#eee1c7;color:#243034;border:1px solid #bea36c;padding:30px;box-shadow:0 15px 80px #0009}.clue small{font:9px system-ui;letter-spacing:.14em}.clue h3{font-size:24px;font-weight:400}.clue p{font:14px/1.7 system-ui}#close-clue{position:absolute;top:4px;right:4px;background:none;border:0;font-size:22px}

.mast span:first-child{letter-spacing:0;font-family:Georgia,"Apple Color Emoji","Segoe UI Emoji",serif;font-size:12px}

.scene-portal{position:absolute;transform:translate(-50%,-50%);width:56px;height:74px;border:1px solid #e5c98855;background:linear-gradient(90deg,transparent,#f0d8a20d,transparent);border-radius:14px 14px 3px 3px;box-shadow:0 0 18px #edca7730;cursor:pointer;animation:invitation 4s ease-in-out infinite}.scene-portal:after{content:"";position:absolute;right:8px;top:42%;height:4px;width:4px;border-radius:50%;background:#ead2a0}.scene-portal:hover,.scene-portal:focus-visible{outline:2px solid #f0d295;background:#edce8625}.scene-portal.window-portal{width:70px;height:90px;border-radius:20px 20px 7px 7px}.object-spot{width:28px;height:28px;min-height:28px;font-size:15px;background:#14292b80;border-color:#d7b36b66;box-shadow:0 0 12px #eac47b30}.subtitle:empty{display:none}@keyframes invitation{50%{border-color:#e5c98899;box-shadow:0 0 24px #edca7745}}@media(prefers-reduced-motion:reduce){.scene-portal{animation:none}}

.object-spot,.scene-portal,.scene-portal.window-portal{background:transparent;border:0;box-shadow:none;animation:none;border-radius:0;min-width:36px;min-height:36px;padding:0}.scene-portal:after{display:none}.object-spot:hover,.scene-portal:hover{background:transparent;border:0;box-shadow:none}.object-spot:focus-visible,.scene-portal:focus-visible{outline:1px solid #d7b36b99;outline-offset:2px}

.object-spot,.scene-portal{pointer-events:none}.object-spot:focus-visible,.scene-portal:focus-visible{pointer-events:auto}

#ticket-action{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);background:#c8af78;color:#122b2b;font-family:Georgia,serif;z-index:2;white-space:nowrap}#boarding-pass{position:absolute;left:8%;right:8%;bottom:6%;padding:18px;background:#e8d8b4;color:#19332f;border:1px solid #ad8d50;box-shadow:0 8px 22px #0007;pointer-events:none;transform:rotate(-2deg)}#boarding-pass small,#boarding-pass span{display:block;font:10px system-ui;letter-spacing:.06em}#boarding-pass strong{display:block;font:20px Georgia;margin:9px 0}[hidden]{display:none!important}