:root{--ui-height: 100px;--ui-bg: rgb(255, 0, 0);--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}.global-home-button{position:absolute;z-index:10;border:2px solid rgba(255,255,255,.85);border-radius:12px;background:#000000b8;padding:0;display:grid;place-items:center;cursor:pointer}.global-home-button img{width:62%;height:62%;display:block}#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-label{display:block;max-width:100%}.hotspot-logo{display:block;width:calc(100% - 28px);height:calc(100% - 18px);max-width:100%;max-height:100%;background:#fff;mask-image:var(--hotspot-logo-mask);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:var(--hotspot-logo-mask);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.hotspot-badge{position:absolute;top:8px;right:8px;width:56px;height:auto;pointer-events:none}.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 78px;gap:14px;align-items:stretch}.ranking-item-button{border:2px solid rgba(255,255,255,.75);border-radius:12px;background:#00000080;color:#fff;cursor:pointer;padding:6px;position:relative;overflow:hidden}.ranking-item-locked{border-color:#fff3a6}.ranking-item-image{width:100%;height:100%;object-fit:contain;display:block}.ranking-item-label{color:#111;font-size:1.55rem;font-weight:400;line-height:1.05;text-align:right;white-space:pre-line;pointer-events:none}.ranking-item-label-outside{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);width:24%}.ranking-item-fallback-label{font-size:1.5rem;font-weight:700}.ranking-order-box{border:3px solid rgba(255,255,255,.92);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#eeeeeef2);box-shadow:0 6px 14px #0000003d,inset 0 1px #fffffff2;color:#0f1115;font-size:2.15rem;font-weight:800;letter-spacing:.02em;display:grid;place-items:center;width:90%;height:88%;justify-self:start;align-self:center;transform:translate(-3px)}.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:disabled{opacity:.4;cursor:default}.video-icon-button img{width:70px;height:70px;display:block}.video-icon-text{color:#fff;font-size:2.2rem;font-weight:800;line-height:1}.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}