.dt-page{color:#fff;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.dt-welcome-overlay{z-index:100;opacity:0;background:radial-gradient(at 50% 45%,#190c08d9 0%,#0a0604f7 100%);justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:absolute;inset:0;overflow:hidden}.dt-welcome-overlay--visible{opacity:1}.dt-welcome-overlay--fading{opacity:0;transition:opacity .6s}.dt-welcome-glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.dt-welcome-glow--1{background:radial-gradient(circle,#a0282a2e 0%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out infinite alternate dt-glow-drift;top:10%;left:25%}.dt-welcome-glow--2{background:radial-gradient(circle,#37465a26 0%,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite alternate-reverse dt-glow-drift;bottom:15%;right:20%}.dt-welcome-glow--3{background:radial-gradient(circle,#845a331f 0%,#0000 70%);width:350px;height:350px;animation:14s ease-in-out infinite alternate dt-glow-drift;top:55%;right:35%}@keyframes dt-glow-drift{0%{transform:translate(0)scale(1)}to{transform:translate(25px,-15px)scale(1.08)}}.dt-welcome-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dt-welcome-particle{background:#b4825073;border-radius:50%;animation:linear infinite dt-particle-fall;position:absolute;top:-10px;box-shadow:0 0 3px #b4825033}@keyframes dt-particle-fall{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(100vh)translate(15px)scale(.3)}}.dt-welcome-corner{pointer-events:none;width:40px;height:40px;position:absolute}.dt-welcome-corner--tl{border-top:1.5px solid #845a3359;border-left:1.5px solid #845a3359;top:2rem;left:2rem}.dt-welcome-corner--tr{border-top:1.5px solid #845a3359;border-right:1.5px solid #845a3359;top:2rem;right:2rem}.dt-welcome-corner--bl{border-bottom:1.5px solid #845a3359;border-left:1.5px solid #845a3359;bottom:2rem;left:2rem}.dt-welcome-corner--br{border-bottom:1.5px solid #845a3359;border-right:1.5px solid #845a3359;bottom:2rem;right:2rem}.dt-welcome-content{text-align:center;z-index:1;max-width:480px;padding:2.5rem 2rem;position:relative}.dt-welcome-overlay:not(.dt-welcome-overlay--visible) .dt-welcome-content{opacity:0}.dt-welcome-overlay--visible .dt-welcome-content{opacity:1;transition:opacity 1s .3s}.dt-welcome-overlay--fading .dt-welcome-content{opacity:0;transition:opacity .4s}.dt-welcome-ornament--top{background:#845a3380;width:48px;height:1px;margin:0 auto 2rem;position:relative}.dt-welcome-ornament--top:before,.dt-welcome-ornament--top:after{content:"";background:#845a3366;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px}.dt-welcome-ornament--top:before{left:-10px}.dt-welcome-ornament--top:after{right:-10px}.dt-welcome-pre{letter-spacing:.6em;color:#b48c64a6;margin-bottom:1rem;font-size:.75rem;font-weight:400}.dt-welcome-title{letter-spacing:.2em;background:linear-gradient(135deg,#fffffff2 0%,#e6d2afe6 60%,#c8a064d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.dt-welcome-subtitle{color:#b4a08273;letter-spacing:.15em;margin-bottom:1.75rem;font-size:.8125rem;font-weight:300}.dt-welcome-divider{background:linear-gradient(90deg,#0000,#845a3366,#0000);width:180px;height:1px;margin:0 auto 1.75rem;position:relative}.dt-welcome-divider-dot{background:#a06e3c99;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dt-welcome-desc{color:#ffffff8c;letter-spacing:.05em;margin-bottom:2.5rem;font-size:.875rem;line-height:2}.dt-welcome-desc-sep{color:#a06e3c80;margin:0 .5em;display:inline-block}.dt-welcome-enter-btn{color:#f0dcbee6;letter-spacing:.4em;cursor:pointer;background:linear-gradient(135deg,#781e1966,#5a141280);border:1px solid #845a3373;border-radius:2px;padding:.85rem 3.5rem;font-size:1rem;transition:all .35s;display:inline-block;position:relative;overflow:hidden}.dt-welcome-enter-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#a0282333,#781e1926);transition:opacity .35s;position:absolute;inset:0}.dt-welcome-enter-btn:hover{border-color:#a06e3ca6;transform:translateY(-2px);box-shadow:0 6px 24px #781e194d,0 0 30px #a028231a}.dt-welcome-enter-btn:hover:before{opacity:1}.dt-welcome-enter-btn:active{transform:translateY(0)}.dt-welcome-enter-btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.dt-welcome-hint{color:#fff3;letter-spacing:.05em;margin-top:1.75rem;font-size:.6875rem}.dt-loading-overlay{z-index:90;opacity:0;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;transition:opacity .5s,background-color .5s;display:flex;position:absolute;inset:0}.dt-loading-overlay--visible{opacity:1}.dt-loading-overlay--browsable{background:#00000080}.dt-loading-overlay--fading{opacity:0;transition:opacity .8s}.dt-loading-content{text-align:center;width:100%;max-width:360px;padding:0 1.5rem}.dt-loading-title{color:#ffffffd9;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1rem;font-weight:500}.dt-loading-bar{background:#ffffff14;border-radius:2px;width:100%;height:2px;margin-bottom:1rem;overflow:hidden}.dt-loading-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:100%;transition:width .3s ease-out;box-shadow:0 0 8px #6366f166}.dt-loading-stats{justify-content:center;margin-bottom:.75rem;display:flex}.dt-loading-percent{color:#ffffffe6;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.dt-loading-hint{color:#ffffff73;min-height:1.2em;font-size:.75rem;transition:opacity .3s}.dt-loading-browse-hint{color:#6366f1cc;margin-top:.75rem;font-size:.75rem;animation:2s ease-in-out infinite dt-pulse-subtle}@keyframes dt-pulse-subtle{0%,to{opacity:.7}50%{opacity:1}}.dt-label{-webkit-user-select:none;user-select:none;transform:translate(-50%,-100%)}.dt-label-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#000000b3;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;transition:background .2s,border-color .2s}.dt-label-card:hover{background:#000000d9;border-color:#6366f166}.dt-label-name{color:#ffffffe6;font-size:.75rem;font-weight:500;line-height:1.4}.dt-label-sub{color:#ffffff80;font-size:.625rem}.dt-label-line{background:#ffffff40;width:1px;height:12px;margin:0 auto}.dt-label-dot{background:#6366f1cc;border-radius:50%;width:6px;height:6px;margin:0 auto;box-shadow:0 0 6px #6366f166}.dt-label-card--mobile{align-items:center;min-height:28px;padding:4px 10px;font-size:.6875rem;display:flex}@media (max-width:768px){.dt-label-line{display:none}.dt-label{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}}.dt-toolbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border:1px solid #ffffff1a;border-radius:10px;gap:4px;padding:.375rem;display:flex;position:absolute;top:1rem;right:1rem}.dt-toolbar-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .2s;display:flex}.dt-toolbar-btn:hover{color:#fff;background:#ffffff1a}.dt-toolbar-btn--active{color:#6366f1e6;background:#6366f126}.dt-toolbar-btn--dimmed{opacity:.5}.dt-help-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dt-help-panel{background:#14141ef2;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:360px;padding:1.5rem}.dt-help-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dt-help-header h3{font-size:1rem;font-weight:600}.dt-help-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:1rem}.dt-help-body{flex-direction:column;gap:.75rem;display:flex}.dt-help-item{align-items:center;gap:.75rem;display:flex}.dt-help-item-icon{color:#6366f1cc;flex-shrink:0;display:flex}.dt-help-item-title{font-size:.8125rem;font-weight:500}.dt-help-item-desc{color:#ffffff80;font-size:.75rem}.dt-viewpoint-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:10px;gap:.25rem;padding:.375rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.dt-viewpoint-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.dt-viewpoint-btn:hover{color:#fff;background:#ffffff1a}.dt-viewpoint-btn--active{color:#6366f1e6;background:#6366f126}.dt-tour-progress{z-index:55;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border:1px solid #ffffff1a;border-radius:10px;width:320px;max-width:90vw;padding:.75rem 1rem;position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%)}.dt-tour-progress-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dt-tour-progress-name{color:#fffc;font-size:.75rem;font-weight:500}.dt-tour-progress-skip{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;transition:all .2s;display:flex}.dt-tour-progress-skip:hover{color:#fffc;border-color:#ffffff4d}.dt-tour-progress-bar{background:#ffffff14;border-radius:2px;width:100%;height:3px;overflow:hidden}.dt-tour-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:100%;transition:width .1s linear;box-shadow:0 0 6px #6366f166}.dt-info-panel{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#000c;border-left:1px solid #ffffff1a;width:320px;padding:3rem 1.5rem 1.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.dt-info-panel--visible{opacity:1;transform:translate(0)}.dt-info-panel-mobile{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#000000d9;border-top:1px solid #ffffff1a;border-radius:16px 16px 0 0;padding:1rem 1.25rem 1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.dt-info-panel-mobile.dt-info-panel--visible{opacity:1;transform:translateY(0)}.dt-info-panel-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:.75rem}.dt-info-panel-close:hover{color:#fffc}.dt-info-panel-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.dt-info-panel-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.dt-info-panel-dynasty-tag{color:#6366f1e6;background:#6366f133;border:1px solid #6366f14d;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;display:inline-block}.dt-info-panel-year{color:#ffffff80;font-size:.8125rem}.dt-info-panel-divider{background:#ffffff14;width:100%;height:1px;margin:.5rem 0 1rem}.dt-info-panel-desc{color:#ffffffb3;margin-bottom:1.5rem;font-size:.8125rem;line-height:1.7}.dt-info-panel-actions{gap:.5rem;display:flex}.dt-info-panel-actions .dt-btn{align-items:center;gap:.375rem;display:flex}.dt-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.dt-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.dt-btn--ghost{color:#ffffff80;background:0 0;border-color:#ffffff26}.dt-stats-panel{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#000c;border-left:1px solid #ffffff1a;width:320px;padding:3rem 1.5rem 1.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.dt-stats-panel--visible{opacity:1;transform:translate(0)}.dt-stats-panel-mobile{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;background:#000000d9;border-top:1px solid #ffffff1a;border-radius:16px 16px 0 0;max-height:60vh;padding:1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.dt-stats-panel-mobile.dt-stats-panel--visible{opacity:1;transform:translateY(0)}.dt-stats-panel-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .2s;position:absolute;top:.75rem;right:.75rem}.dt-stats-panel-close:hover{color:#fffc}.dt-stats-panel-title{margin-bottom:1rem;font-size:1rem;font-weight:600}.dt-stats-summary{gap:1rem;margin-bottom:1.25rem;display:flex}.dt-stats-summary-item{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:.75rem .5rem}.dt-stats-summary-value{color:#ffffffe6;font-size:1.25rem;font-weight:600;display:block}.dt-stats-summary-label{color:#fff6;margin-top:.25rem;font-size:.6875rem;display:block}.dt-stats-section{margin-bottom:1.25rem}.dt-stats-section-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:500}.dt-stats-bars{flex-direction:column;gap:.5rem;display:flex}.dt-stats-bar-row{align-items:center;gap:.5rem;display:flex}.dt-stats-bar-label{color:#ffffffb3;text-align:right;flex-shrink:0;width:2.5rem;font-size:.75rem}.dt-stats-bar-track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.dt-stats-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease-out}.dt-stats-bar-count{color:#fff6;flex-shrink:0;width:2.5rem;font-size:.6875rem}.dt-stats-note{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff0f;margin-top:1rem;padding-top:.75rem;font-size:.6875rem}.dt-photo-compare{z-index:70;background:#000000e6;flex-direction:column;display:flex;position:absolute;inset:0}.dt-photo-compare-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.dt-fps{z-index:40;font-variant-numeric:tabular-nums;color:#ffffff4d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.6875rem;position:absolute;bottom:.5rem;right:.75rem}.dt-joystick{z-index:45;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;bottom:2rem;left:1.5rem}.dt-joystick:active{cursor:grabbing}.dt-joystick-outer{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:radial-gradient(circle,#ffffff14 0%,#ffffff24 100%);border:1.5px solid #ffffff40;border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite dt-joystick-breathe;position:absolute;box-shadow:0 0 20px #ffffff0a,inset 0 0 24px #ffffff08}.dt-joystick-outer:before,.dt-joystick-outer:after{content:"";background:#ffffff1f;border-radius:1px;position:absolute}.dt-joystick-outer:before{height:1px;top:50%;left:18%;right:18%;transform:translateY(-50%)}.dt-joystick-outer:after{width:1px;top:18%;bottom:18%;left:50%;transform:translate(-50%)}.dt-joystick-knob{-webkit-backdrop-filter:blur(8px);will-change:transform;background:radial-gradient(circle at 38% 36%,#fff9 0%,#ffffff4d 60%,#ffffff2e 100%);border:1px solid #ffffff73;border-radius:50%;transition:background .2s,border-color .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059,inset 0 1px 2px #ffffff40}.dt-joystick-knob:after{content:"";background:#fff9;border-radius:50%;width:6px;height:6px;transition:background .2s,box-shadow .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #ffffff4d}.dt-joystick-knob--active{background:radial-gradient(circle at 38% 36%,#818cf8b3 0%,#6366f166 60%,#6366f140 100%)!important;border-color:#818cf899!important;box-shadow:0 0 16px #6366f173,0 2px 10px #0000004d,inset 0 1px 2px #ffffff26!important}.dt-joystick-knob--active:after{background:#c7d2fee6!important;box-shadow:0 0 6px #c7d2fe99!important}@keyframes dt-joystick-breathe{0%,to{opacity:.85}50%{opacity:1}}.dt-compass{z-index:45;pointer-events:none;-webkit-user-select:none;user-select:none;width:52px;height:52px;position:absolute;top:1rem;left:1rem}.dt-compass-face{-webkit-backdrop-filter:blur(16px);will-change:transform;background:#00000073;border:1.5px solid #fff3;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 0 16px #0000004d,inset 0 0 12px #ffffff0a}.dt-compass-label{color:#ffffff59;letter-spacing:.02em;font-size:.5625rem;font-weight:600;line-height:1;position:absolute}.dt-compass-n{color:#ef4444e6;font-size:.625rem;font-weight:700;top:5px;left:50%;transform:translate(-50%)}.dt-compass-s{bottom:5px;left:50%;transform:translate(-50%)}.dt-compass-e{top:50%;right:6px;transform:translateY(-50%)}.dt-compass-w{top:50%;left:6px;transform:translateY(-50%)}.dt-compass-needle{width:2px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dt-compass-needle-n{border-bottom:10px solid #ef4444cc;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.dt-compass-needle-s{border-top:8px solid #fff3;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.dt-welcome-title{letter-spacing:.12em;font-size:1.75rem}.dt-welcome-pre{letter-spacing:.4em;font-size:.6875rem}.dt-welcome-subtitle{font-size:.75rem}.dt-welcome-desc{font-size:.8rem}.dt-welcome-enter-btn{padding:.75rem 2.5rem;font-size:.9rem}.dt-welcome-glow--1,.dt-welcome-glow--2,.dt-welcome-glow--3,.dt-welcome-corner,.dt-welcome-particles{display:none}.dt-loading-percent{font-size:1.25rem}.dt-toolbar-btn span:last-child{display:none}.dt-toolbar{top:.5rem;right:.5rem}.dt-viewpoint-nav{max-width:90vw;bottom:1rem;overflow-x:auto}.dt-viewpoint-btn span:last-child,.dt-info-panel,.dt-stats-panel{display:none}.dt-tour-progress{width:85vw;bottom:4rem}}