:root{--ui-height: 100px;--ui-bg: #000;--ui-text: #f4f4f4;--button-bg: #f2f2f2;--button-text: #111;--nav-feedback-bg: #fff3a6;--nav-feedback-color: #111;--nav-feedback-border-color: #111;--nav-feedback-image-bg: rgba(255, 243, 166, .9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;width:100vw;height:100vh;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000}#app{transform-origin:top left;position:relative}#app.rotation-0{width:100vw;height:100vh;transform:none}#app.rotation-90{width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%)}#app.rotation-180{width:100vw;height:100vh;transform:rotate(180deg) translate(-100%,-100%)}#app.rotation-270{width:100vh;height:100vw;transform:rotate(270deg) translate(-100%)}#stage{width:100%;height:100%;position:relative;overflow:hidden}#media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#debug-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.35;pointer-events:none;z-index:1}#image-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.overlay-question{position:absolute;top:3%;left:4%;max-width:60%;margin:0;padding:14px 18px;border-radius:12px;background:#000000a6;color:#fff;font-size:1.25rem;font-weight:700}.language-selector-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.language-selector-button{position:absolute;border:2px solid rgba(255,255,255,.85);border-radius:10px;background:#0000008c;color:#fff;font-size:1.2rem;font-weight:800;cursor:pointer;white-space:pre-line;pointer-events:auto;z-index:4}.language-selector-button.active{background:#cb1010e6}.hotspot-button{position:absolute;border-radius:12px;cursor:pointer;z-index:3}.hotspot-text{border:2px solid rgba(255,255,255,.75);background:#0009;color:#fff;padding:8px 32px;font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line}.hotspot-image{padding:0;border:0;background:transparent}.hotspot-image img{width:100%;height:100%;object-fit:contain;display:block}.ranking-item-row{position:absolute;display:grid;grid-template-columns:1fr 84px;gap:10px;align-items:stretch}.ranking-item-button{border:2px solid rgba(255,255,255,.75);border-radius:10px;background:#00000080;color:#fff;cursor:pointer;padding:6px}.ranking-item-locked{border-color:#fff3a6}.ranking-item-image{width:100%;height:100%;object-fit:contain;display:block}.ranking-order-box{border:2px solid rgba(255,255,255,.8);border-radius:10px;background:#fffffff2;color:#111;font-size:2rem;font-weight:800;display:grid;place-items:center}.ranking-confirm-button,.ranking-reset-button{position:absolute;border:2px solid rgba(255,255,255,.85);border-radius:12px;color:#fff;font-size:2.2rem;font-weight:700;cursor:pointer}.ranking-confirm-disabled{background:#aaaaaaf2!important;color:#fff!important;cursor:not-allowed}.ranking-confirm-enabled{background:red!important}.ranking-reset-button{background:#2d2d2de6}.nav-feedback-active{background:var(--nav-feedback-bg)!important;color:var(--nav-feedback-color)!important;border-color:var(--nav-feedback-border-color)!important}.hotspot-image.nav-feedback-active{background:var(--nav-feedback-image-bg)!important}#ui{position:absolute;left:0;bottom:0;width:100%;height:var(--ui-height);background:var(--ui-bg);color:var(--ui-text);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;z-index:2}#question{margin:0;font-size:1.25rem;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#choices{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:12px}.video-controls{justify-content:flex-end}.choice-button{min-width:170px;min-height:80px;padding:0 18px;border:0;border-radius:10px;background:var(--button-bg);color:var(--button-text);font-size:1.2rem;font-weight:700;cursor:pointer;white-space:pre-line}.video-icon-button{width:70px;height:70px;border:0;border-radius:12px;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center}.video-icon-button img{width:70px;height:70px;display:block}.video-exit-button{min-width:140px;min-height:70px;font-size:1.35rem;line-height:1;padding:0 14px}.choice-button:active{transform:scale(.98)}.centered{width:100vw;height:100vh;display:grid;place-items:center;color:#f4f4f4;font-size:1.2rem;padding:24px;text-align:center}