@font-face{font-family:Gilroy;src:url(/assets/fonts/gilroy.otf) format("opentype");font-display:swap}@font-face{font-family:Gilroy UI Title;src:url(/assets/fonts/gilroy_ui_titles.otf) format("opentype");font-display:swap}@font-face{font-family:Caveat;src:url(/assets/fonts/caveat.ttf) format("truetype");font-display:swap}@font-face{font-family:Gilroy Scene Title;src:url(/assets/fonts/gilroy_scene_titles.otf) format("opentype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{background:#000;display:flex;justify-content:center;align-items:center;font-family:Gilroy,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#game-container{position:relative;aspect-ratio:16 / 9;width:min(100vw,calc(100vh * 16 / 9));max-height:100vh;container-type:size}#game-canvas{display:block;width:100%;height:100%;cursor:url(/assets/ui/cursors/hand-point.png) 5 1,default}#inventory-bar{position:absolute;bottom:0;left:0;width:100%;height:11.1%;background:linear-gradient(to top,#000000f2,#000000b3);border-top:2px solid #444;display:flex;align-items:center;padding:0 1.5%;gap:.8%;z-index:10}.inventory-slot{width:8.3vh;height:8.3vh;border:2px solid #555;border-radius:6px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,transform .15s;position:relative}.inventory-slot:hover{border-color:#aaa;transform:scale(1.05)}.inventory-slot.selected{border-color:#5fb6f5;box-shadow:0 0 10px #f0c04066}.inventory-slot .item-placeholder{width:75%;height:75%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#message-overlay{position:absolute;bottom:3%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.8em 1.5em;border-radius:8px;border:1px solid #555;font-size:clamp(12px,1.6vw,18px);max-width:60%;text-align:center;z-index:20;transition:opacity .3s;pointer-events:none}#message-overlay.hidden{opacity:0;visibility:hidden}#scene-label{position:absolute;top:2%;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-family:Gilroy Scene Title,Gilroy,Segoe UI,sans-serif;padding:.4em 1.2em;border-radius:20px;font-size:clamp(10px,1.2vw,16px);letter-spacing:1px;text-transform:uppercase;z-index:15;pointer-events:none}.topbar-btn{position:absolute;top:5.833%;width:3.203%;height:5.694%;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;border:none;border-radius:0;cursor:pointer;opacity:.7;transition:opacity .2s,transform .15s,filter .2s;padding:0;z-index:25;color:#ffffffd9;font-family:Gilroy,Segoe UI,sans-serif;font-size:clamp(12px,1.4cqw,22px);text-align:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.topbar-btn:hover{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 8px rgba(170,225,255,.55))}#sound-btn{left:3.75%;background-image:url(/assets/ui/sound_on.png)}#sound-btn.muted{background-image:url(/assets/ui/sound_off.png)}#sound-btn.hidden{display:none}#hud-buttons{position:absolute;top:5.833%;right:3.75%;width:3.203%;z-index:25;transition:opacity .2s}#hud-buttons.hidden{display:none}.hud-hidden{display:none!important}#menu-btn{background-image:url(/assets/ui/menu-button.png)}#menu-list{display:none;position:absolute;top:100%;right:0;width:100%;margin-top:.6cqw;flex-direction:column;gap:.6cqw}#menu-list.open{display:flex}.topbar-btn.stacked{position:relative;top:auto;width:100%;height:auto;aspect-ratio:1}#restart-btn{background-image:url(/assets/ui/menu_buttons/restart_button.png)}#feedback-btn{background-image:url(/assets/ui/menu_buttons/feedback_button.png)}.hud-btn-label{position:absolute;right:100%;top:50%;margin-right:10px;padding:6px 12px;transform:translate(6px,-50%);background:#00101beb;border:1px solid rgba(0,187,255,.6);border-radius:6px;color:#fff;font-family:Gilroy,Segoe UI,sans-serif;font-size:clamp(11px,1.1cqw,16px);line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.topbar-btn:hover .hud-btn-label,.topbar-btn:focus-visible .hud-btn-label{opacity:1;transform:translateY(-50%)}#game-canvas.cursor-hotspot{cursor:url(/assets/ui/cursors/hand-speak.png) 5 1,pointer}#game-canvas.cursor-hotspot-item,#game-canvas.cursor-exit,#game-canvas.cursor-map-hover,#game-canvas.cursor-exit-left,#game-canvas.cursor-exit-right{cursor:pointer}#feedback-modal{position:absolute;inset:0;z-index:50;display:none;align-items:center;justify-content:center}#feedback-modal.visible{display:flex;animation:feedback-fade .22s ease-out}@keyframes feedback-fade{0%{opacity:0}to{opacity:1}}.feedback-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-card{--fb-teal: #0fe3c6;--fb-w: min(580px, 88cqw);--fb-frame-top: calc(var(--fb-w) * 96 / 1122);--fb-frame-bottom: calc(var(--fb-w) * 10 / 1122);position:relative;width:var(--fb-w);max-height:90vh;overflow-y:auto;border-style:solid;border-color:transparent;border-width:var(--fb-frame-top) 0 var(--fb-frame-bottom) 0;border-image-source:url(/assets/foregrounds/feedback/background.png);border-image-slice:96 0 10 0 fill;border-image-repeat:stretch;padding:6px 34px 24px;color:#fff;font-family:Gilroy,Segoe UI,sans-serif;filter:drop-shadow(0 12px 48px rgba(0,0,0,.6));text-align:center}.feedback-card h2{margin:0 0 18px;font-family:Gilroy UI Title,Gilroy,sans-serif;font-size:24px;color:#fff}.feedback-section{margin-bottom:18px;text-align:left}.feedback-section-title{font-family:Gilroy UI Title,Gilroy,sans-serif;font-size:17px;font-weight:600;color:#fff;letter-spacing:.4px;margin-bottom:4px}.feedback-section-desc{font-size:12.5px;color:#fff9;margin-bottom:10px}.feedback-stars{display:flex;justify-content:flex-start;gap:12px;margin:8px 0 4px}.feedback-pills{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.feedback-pill{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--fb-teal);color:var(--fb-teal);font-family:inherit;font-size:13px;text-align:left;padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.feedback-pill:hover{background:#0fe3c61f}.feedback-pill.selected{background:var(--fb-teal);border-color:var(--fb-teal);color:#00120f;font-weight:600}.feedback-pill-emoji{font-size:15px;line-height:1}.feedback-star{position:relative;width:42px;height:40px;padding:0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.feedback-star-icon{position:relative;z-index:1;display:block;width:100%;height:100%;background:url(/assets/foregrounds/feedback/star.png) center / contain no-repeat;opacity:.5;transition:transform .12s ease-out,opacity .15s,filter .15s}.feedback-star:hover .feedback-star-icon{transform:scale(1.12);opacity:.85}.feedback-star.lit .feedback-star-icon{background-image:url(/assets/foregrounds/feedback/star_filled.png);opacity:1;filter:drop-shadow(0 0 7px rgba(0,255,217,.55))}.feedback-star:focus-visible{outline:2px solid rgba(0,255,217,.7);outline-offset:3px;border-radius:4px}.feedback-star-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.feedback-star-burst i,.feedback-star-burst b{position:absolute;left:0;top:0;opacity:0;background:#00ffd9}.feedback-star-burst i{width:3px;height:var(--len);margin:calc(var(--len) / -2) -1.5px;border-radius:2px}.feedback-star-burst i:nth-of-type(1){--a: 0deg;--len: 13px;--d: -40px}.feedback-star-burst i:nth-of-type(2){--a: 45deg;--len: 9px;--d: -34px}.feedback-star-burst i:nth-of-type(3){--a: 90deg;--len: 12px;--d: -39px}.feedback-star-burst i:nth-of-type(4){--a: 135deg;--len: 9px;--d: -33px}.feedback-star-burst i:nth-of-type(5){--a: 180deg;--len: 13px;--d: -38px}.feedback-star-burst i:nth-of-type(6){--a: 225deg;--len: 9px;--d: -34px}.feedback-star-burst i:nth-of-type(7){--a: 270deg;--len: 12px;--d: -39px}.feedback-star-burst i:nth-of-type(8){--a: 315deg;--len: 9px;--d: -33px}.feedback-star-burst b{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%)}.feedback-star-burst b:nth-of-type(1){--a: 22deg;--s: 11px;--d: -36px;--sd: 20ms}.feedback-star-burst b:nth-of-type(2){--a: 108deg;--s: 8px;--d: -30px;--sd: 70ms}.feedback-star-burst b:nth-of-type(3){--a: 196deg;--s: 10px;--d: -38px;--sd: 0ms}.feedback-star-burst b:nth-of-type(4){--a: 252deg;--s: 7px;--d: -28px;--sd: .1s}.feedback-star-burst b:nth-of-type(5){--a: 320deg;--s: 9px;--d: -34px;--sd: 45ms}.feedback-star.bursting .feedback-star-burst i{animation:cq-star-line .42s cubic-bezier(.2,.75,.3,1) both}.feedback-star.bursting .feedback-star-burst b{animation:cq-star-sparkle .56s cubic-bezier(.15,.7,.3,1) var(--sd) both}.feedback-star.popping .feedback-star-icon{animation:cq-star-pop .4s cubic-bezier(.34,1.4,.64,1) var(--pop-delay, 0ms) both}@keyframes cq-star-line{0%{opacity:0;transform:rotate(var(--a)) translateY(-10px) scaleY(.4)}18%{opacity:1;transform:rotate(var(--a)) translateY(-24px) scaleY(1.15)}to{opacity:0;transform:rotate(var(--a)) translateY(var(--d)) scaleY(.3)}}@keyframes cq-star-sparkle{0%{opacity:0;transform:rotate(var(--a)) translateY(-8px) rotate(calc(-1 * var(--a))) scale(.2)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(var(--d)) rotate(calc(200deg - var(--a))) scale(.9)}}@keyframes cq-star-pop{0%{transform:scale(1) rotate(0)}15%{transform:scale(.72) rotate(-10deg)}45%{transform:scale(1.35) rotate(6deg)}75%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.feedback-star-burst{display:none}.feedback-star.popping .feedback-star-icon{animation:none}}.feedback-text{width:100%;background:transparent;border:1.5px solid var(--fb-teal);border-radius:10px;color:#fff;caret-color:var(--fb-teal);font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;min-height:80px;box-sizing:border-box;transition:background .15s}.feedback-text:focus{outline:none;background:#0fe3c61f}.feedback-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.feedback-actions button{font-family:inherit;font-size:14px;padding:9px 18px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,opacity .15s}.feedback-skip{background:transparent;color:#fff9;border-color:#ffffff2e}.feedback-skip:hover{color:#fff;border-color:#fff6}.feedback-submit{width:200px;height:50px;padding:0;background:url(/assets/foregrounds/feedback/button.png) center / contain no-repeat;border:none;border-radius:0;color:#fff;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:filter .15s,transform .1s,opacity .15s}.feedback-submit:hover:not(:disabled){filter:brightness(1.15) drop-shadow(0 0 8px rgba(0,187,255,.5));transform:scale(1.03)}.feedback-submit:disabled{opacity:.4;cursor:not-allowed}#hover-panel{position:absolute;pointer-events:none;opacity:0;transition:opacity .22s ease-out;z-index:22;container-type:inline-size}#hover-panel.visible{opacity:1}.hover-panel-img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}#hover-panel.flip-h .hover-panel-img{transform:scaleX(-1)}.hover-panel-label{position:absolute;left:calc(33% + var(--label-dx, 0px));bottom:calc(34% - var(--label-dy, 0px));text-align:left;color:#fff;font-family:Gilroy UI Title,Gilroy,Segoe UI,sans-serif;font-size:calc(clamp(9px,6cqw,19px) * var(--label-scale, 1));font-weight:600;letter-spacing:.5px;opacity:0;text-shadow:0 2px 6px rgba(0,0,0,.85);white-space:nowrap}#hover-panel.flip-h .hover-panel-label{left:auto;right:calc(33% - var(--label-dx, 0px));text-align:right}#hover-panel.visible .hover-panel-label{animation:hover-label-in .5s ease-out 1.2s forwards}@keyframes hover-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}