@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: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}#menu-wrapper{position:absolute;top:5.833%;right:3.75%;width:3.203%;height:5.694%;z-index:25;transition:opacity .2s}#menu-wrapper.hidden{display:none}.hud-hidden{display:none!important}#menu-btn{position:absolute;inset:0;width:100%;height:100%;background-image:url(/assets/ui/menu-button.png);text-indent:-9999px}#menu-list{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:#140f0af2;border:1px solid rgba(180,150,80,.5);border-radius:6px;overflow:hidden;min-width:220px;box-shadow:0 8px 24px #00000080}#menu-list.open{display:block}.menu-item{display:block;width:100%;background:none;color:#fff;border:none;padding:10px 16px;font-family:Gilroy,Segoe UI,sans-serif;font-size:14px;cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s,color .15s}.menu-item:hover{background:#c8aa502e}.menu-item .menu-state{display:inline-block;margin-left:10px;color:#fff9;font-size:12px}.menu-item.danger:hover{background:#b43c3c66}#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{position:relative;width:min(580px,88%);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#1a1612,#0e0a07);border:1px solid rgba(200,170,80,.45);border-radius:12px;padding:28px 32px 22px;color:#fff;font-family:Gilroy,Segoe UI,sans-serif;box-shadow:0 12px 48px #0009;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:15px;font-weight:600;color:#f5c945;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:6px;margin:4px 0 2px}.feedback-pills{display:flex;flex-wrap:wrap;gap:8px}.feedback-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.18);color:#ffffffd9;font-family:inherit;font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.feedback-pill:hover{background:#ffffff14;border-color:#ffffff52;color:#fff}.feedback-pill.selected{background:#c8aa502e;border-color:#c8aa50b3;color:#fff}.feedback-pill-emoji{font-size:15px;line-height:1}.feedback-star{background:none;border:none;color:#ffffff40;font-size:36px;line-height:1;cursor:pointer;padding:2px 4px;transition:color .15s,transform .1s}.feedback-star:hover{transform:scale(1.1)}.feedback-star.lit{color:#f5c945;text-shadow:0 0 12px rgba(245,201,69,.6)}.feedback-text{width:100%;background:#00000080;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;min-height:80px;box-sizing:border-box}.feedback-text:focus{outline:none;border-color:#c8aa50b3;background:#000000a6}.feedback-actions{display:flex;justify-content:flex-end;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{background:linear-gradient(180deg,#c89d3d,#a07925);color:#1a1207;font-weight:600;border-color:#00000040}.feedback-submit:hover:not(:disabled){background:linear-gradient(180deg,#e0b455,#b88c30)}.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)}}