*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff8df;touch-action:none;background:#10251d;font-family:system-ui,sans-serif}canvas{display:block}button,input,select{font:inherit}button{color:#21170d;background:#e6a84b;border:0;border-radius:999px;padding:.75rem 1.1rem;font-weight:700}#hud{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex;position:fixed;inset:1rem 1rem auto}#objective,#progress{background:#10251dcc;border-radius:1rem;margin:0;padding:.5rem .8rem}#progress{color:#d7e8c5;font-size:.8rem}#status-indicators{align-items:center;gap:.5rem;margin-left:.5rem;font-size:.85rem;font-weight:700;display:flex}#audio-status,#pause-status,#location-status{background:#10251dcc;border-radius:.75rem;padding:.35rem .5rem}#location-status{color:#b9e5be}#pause-status{color:#ffd27a}#compass{color:#e6a84b;min-width:3rem;margin-left:.5rem;font-weight:700}#settings-button{pointer-events:auto;padding:.55rem .75rem;font-size:1.2rem}#joystick{z-index:2;background:#10251d66;border:2px solid #fff8df99;border-radius:50%;width:112px;height:112px;position:fixed;bottom:1.5rem;left:1.5rem}#joystick-knob{background:#e6a84b;border-radius:50%;width:48px;height:48px;position:absolute;top:30px;left:30px}#look-hint{opacity:.65;position:fixed;bottom:2rem;right:1.5rem}#interaction button{transition:transform .2s,box-shadow .2s;box-shadow:0 0 #e6a84b88}#interaction button:hover,#interaction button:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 6px #e6a84b33}#interaction,#settings,#cinematic{z-index:3;text-align:center;background:#10251dee;border:1px solid #e6a84b;border-radius:1rem;padding:1rem;position:fixed;left:50%;transform:translate(-50%)}#interaction{min-width:220px;bottom:1.5rem}#interact-button{touch-action:manipulation;min-height:48px}#interaction p{margin:0 0 .6rem}#bagpipe-controls{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.7rem;display:flex}#bagpipe-controls button{background:#d6c28d;min-width:44px;min-height:42px;padding:.45rem .6rem}#exit-bagpipe{background:#c97862!important}#settings{gap:1rem;min-width:240px;display:grid;top:50%;transform:translate(-50%,-50%)}#settings h2{margin:0}#mute-button{min-height:44px}#settings label{gap:.4rem;display:grid}#orientation-overlay{z-index:10;text-align:center;background:#10251d;place-content:center;gap:.5rem;padding:2rem;display:grid;position:fixed;inset:0}.rotate-icon{font-size:4rem}#cinematic{top:15%}#pause-overlay{z-index:4;background:#10251dcc;place-content:center;font-size:1.5rem;font-weight:700;display:grid;position:fixed;inset:0}:focus-visible{outline-offset:3px;outline:3px solid #fff8df}.hidden{display:none!important}@media (orientation:portrait){#orientation-overlay{display:grid}}@media (width>=700px){#joystick{bottom:3rem;left:3rem}#look-hint{bottom:3rem;right:3rem}}