:root{color-scheme:dark;--bg:#010406;--amber:#ffb347;--amber-soft:rgba(255,179,71,0.46);--cyan:#79f2e7}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);overscroll-behavior:none}body{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button,video{-webkit-tap-highlight-color:transparent}button{font:inherit}.exhibitionRoot{width:100dvw;height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(247,142,44,.12),transparent 34%),#000}.stage{position:relative;width:min(100dvw,calc(100dvh * 9 / 16));height:min(100dvh,calc(100dvw * 16 / 9));aspect-ratio:9/16;overflow:hidden;background:#02080c;isolation:isolate}.hotspotLayer,.idleScene,.idleVideo,.topicScreen,.topicVideo{position:absolute;inset:0;width:100%;height:100%}.idleVideo,.topicVideo{object-fit:cover;background:#02080c}.idleFallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(46,183,177,.2),transparent 28%),radial-gradient(circle at 50% 52%,rgba(239,139,45,.2),transparent 43%),linear-gradient(180deg,#041019,#01070b 72%)}.idleFallback p{z-index:1;margin:0;padding:.7rem 1rem;color:rgba(255,255,255,.62);font-size:clamp(11px,1.6dvh,18px);letter-spacing:.01em}.fallbackGlow{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:rgba(121,242,231,.12);filter:blur(50px);animation:breathe 5s ease-in-out infinite}.hotspotLayer{z-index:4;pointer-events:none}.hotspot{border-radius:50%;color:#fff}.hotspotPulse{position:absolute;inset:15%;border-radius:50%;border:1px solid rgba(255,191,92,.36);box-shadow:0 0 18px rgba(255,166,55,.15),inset 0 0 14px rgba(121,242,231,.06);animation:hotspotPulse 3.8s ease-in-out infinite}.hotspot:nth-child(2) .hotspotPulse{animation-delay:.55s}.hotspot:nth-child(3) .hotspotPulse{animation-delay:1.1s}.hotspot:nth-child(4) .hotspotPulse{animation-delay:1.65s}.hotspot:nth-child(5) .hotspotPulse{animation-delay:2.2s}.hotspot:nth-child(6) .hotspotPulse{animation-delay:2.75s}.hotspotLabel{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);max-width:125%;white-space:nowrap;color:rgba(255,255,255,.9);font-size:clamp(9px,1.45dvh,17px);font-weight:600;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);opacity:.88;transition:transform .18s ease,opacity .18s ease}.hotspot:active{transform:translate(-50%,-50%) scale(.96)}.hotspot:focus-visible .hotspotPulse,.hotspot:hover .hotspotPulse{border-color:rgba(255,202,122,.84);box-shadow:0 0 28px rgba(255,164,51,.42),inset 0 0 18px rgba(121,242,231,.15)}.hotspot:focus-visible .hotspotLabel,.hotspot:hover .hotspotLabel{opacity:1;transform:translateX(-50%) translateY(-2px)}.topicScreen{z-index:8;overflow:hidden;background:#000;animation:screenIn .36s ease-out both}.topicVideo{z-index:1}.backButton{position:absolute;z-index:5;top:2.2%;left:3.8%;display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:999px;padding:.55rem .8rem;color:#fff;background:rgba(2,8,12,.52);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer}.backButton span:first-child{font-size:1.1em}.topicIntro{position:absolute;z-index:4;top:7.2%;left:50%;transform:translateX(-50%);width:76%;text-align:center;pointer-events:none;animation:topicIntro 2.3s ease both}.topicIntro span,.topicIntro strong{display:block}.topicIntro strong{color:#fff;font-size:clamp(18px,3.1dvh,42px);line-height:1.2;text-shadow:0 3px 16px rgba(0,0,0,.85)}.topicIntro span{margin-top:.25rem;color:rgba(255,214,154,.92);font-size:clamp(11px,1.55dvh,18px)}.topicPlaceholder{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12%;text-align:center;background:radial-gradient(circle at 50% 44%,rgba(121,242,231,.15),transparent 26%),radial-gradient(circle at 50% 55%,rgba(239,139,45,.16),transparent 42%),#02080c}.topicPlaceholder h1{margin:.5rem 0 0;color:#fff;font-size:clamp(24px,4.2dvh,54px);line-height:1.18}.topicPlaceholder p{margin:.5rem 0 1rem;color:rgba(255,196,111,.95);font-size:clamp(13px,1.9dvh,21px)}.topicEyebrow,.topicPlaceholder small{color:rgba(255,255,255,.56);font-size:clamp(10px,1.35dvh,15px)}.resumeOverlay{position:absolute;z-index:6;inset:0;width:100%;height:100%;border:0;color:#fff;background:rgba(0,0,0,.42);font-size:clamp(18px,2.7dvh,32px);cursor:pointer}@keyframes hotspotPulse{0%,to{transform:scale(.92);opacity:.24}50%{transform:scale(1.06);opacity:.74}}@keyframes breathe{0%,to{transform:scale(.94);opacity:.55}50%{transform:scale(1.05);opacity:.9}}@keyframes screenIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes topicIntro{0%{opacity:0;transform:translate(-50%,8px)}15%,66%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (hover:none){.hotspotLabel{opacity:.94}}.hotspot{--hotspot-size:20%;position:absolute;width:var(--hotspot-size);aspect-ratio:1;border:0;border-radius:18%;padding:0;cursor:pointer;background:transparent;pointer-events:auto;outline:none}.hotspot,.hotspot:active{transform:translate(-50%,-50%)}.isCalibration .hotspot{border:2px dashed rgba(255,193,92,.9);background:rgba(255,160,46,.1);cursor:move;touch-action:none}.isCalibration .hotspot.isSelected{border-style:solid;border-color:#79f2e7;background:rgba(121,242,231,.12);box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 24px rgba(121,242,231,.24)}.calibrationLabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;color:#fff;font-size:clamp(9px,1.45dvh,17px);font-weight:700;line-height:1.2;text-align:center;text-shadow:0 2px 7px #000;pointer-events:none}.calibrationPanel{position:absolute;z-index:20;left:3%;right:3%;bottom:2%;padding:.8rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(2,8,12,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.35)}.calibrationPanelTitle{font-size:clamp(13px,1.8dvh,20px);font-weight:800}.calibrationCoords,.calibrationHint{margin-top:.18rem;color:rgba(255,255,255,.62);font-size:clamp(9px,1.2dvh,13px)}.calibrationPanel input,.calibrationPanel select{width:100%}.calibrationPanel select{margin-top:.55rem;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:.42rem;color:#fff;background:rgba(255,255,255,.08)}.calibrationPanel label{display:block;margin-top:.55rem;font-size:clamp(10px,1.3dvh,14px)}.calibrationPanel input{display:block;margin-top:.25rem}.calibrationActions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.35rem;gap:.35rem;margin-top:.6rem}.calibrationActions button{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.5rem .35rem;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.missingTopicVideo{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;cursor:pointer}