.dickyland-live{position:relative;width:100%;height:min(86vh,920px);min-height:620px;background:#85b9d5;overflow:hidden;border-radius:18px;isolation:isolate;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;box-shadow:0 30px 80px rgba(6,20,31,.18)}
.dl-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}.dl-canvas.is-dragging{cursor:grabbing}.dl-canvas.is-hovering{cursor:zoom-in}
.dl-loading{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 32%,#c9e6f4,#79adc9 72%,#4f819e);color:#17384d;transition:opacity .8s ease,visibility .8s ease}.dl-loading.is-done{opacity:0;visibility:hidden;pointer-events:none}
.dl-loading__crest,.dl-enter__crest{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#6f171d;color:#fff;font:700 38px Georgia,serif;border:3px solid #dabd6c;box-shadow:0 18px 40px rgba(20,31,37,.2)}
.dl-loading__title{margin-top:17px;font:700 22px Georgia,serif}.dl-loading__bar{width:min(360px,70%);height:5px;margin-top:18px;background:rgba(13,46,66,.14);border-radius:999px;overflow:hidden}.dl-loading__bar span{display:block;width:0;height:100%;background:#714424;transition:width .25s ease}.dl-loading__status{margin-top:10px;font-size:13px;opacity:.7}
.dl-enter{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(5,22,34,.22),rgba(4,15,25,.7));backdrop-filter:blur(2px)}.dl-enter[hidden]{display:none}.dl-enter__panel{width:min(460px,92vw);padding:30px;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(6,23,35,.78);box-shadow:0 30px 80px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.dl-enter__crest{margin:0 auto 15px}.dl-enter h2{margin:0;font:700 36px Georgia,serif;color:#f3dfaa}.dl-enter p{margin:10px auto 22px;max-width:350px;line-height:1.5;color:#d7e5ed}.dl-enter button{border:1px solid rgba(244,222,164,.72);border-radius:999px;padding:12px 20px;background:rgba(199,162,76,.14);color:#fff;font-weight:700;cursor:pointer;transition:.25s}.dl-enter button:hover{background:rgba(211,177,94,.27);transform:translateY(-1px)}
.dl-topbar{position:absolute;z-index:12;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:8px;pointer-events:none}.dl-world-state{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(7,24,36,.56);font-size:13px;letter-spacing:.01em;box-shadow:0 9px 28px rgba(0,0,0,.12)}.dl-sep{width:3px;height:3px;border-radius:50%;background:#d7bd79}.dl-icon-button{pointer-events:auto;margin-left:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(7,24,36,.56);color:#fff;font-size:17px;cursor:pointer;transition:.2s}.dl-icon-button+ .dl-icon-button{margin-left:0}.dl-icon-button:hover{background:rgba(7,24,36,.76)}.dl-icon-button.is-muted{opacity:.48}
.dl-focus{position:absolute;z-index:14;left:50%;bottom:62px;transform:translateX(-50%);display:flex;align-items:center;gap:22px;min-width:min(370px,calc(100% - 34px));padding:12px 13px 12px 17px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(6,21,33,.7);box-shadow:0 16px 44px rgba(0,0,0,.2)}.dl-focus[hidden]{display:none}.dl-focus>div{display:grid;gap:2px;flex:1}.dl-focus small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#d6bf84}.dl-focus strong{font:700 16px Georgia,serif}.dl-focus button{width:35px;height:35px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:23px;cursor:pointer}
.dl-hint{position:absolute;z-index:8;left:50%;bottom:17px;transform:translateX(-50%);white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(3,16,26,.42);font-size:11px;color:rgba(255,255,255,.78);pointer-events:none}
@media(max-width:780px){.dickyland-live{height:76vh;min-height:560px;border-radius:0}.dl-hint{white-space:normal;text-align:center;width:calc(100% - 36px);font-size:10px}.dl-topbar{top:10px;left:10px;right:10px}.dl-world-state{font-size:12px;padding:0 11px}.dl-icon-button{width:39px;height:39px}.dl-focus{bottom:70px}.dl-enter__panel{padding:24px}}
@media(prefers-reduced-motion:reduce){.dl-loading,.dl-enter button,.dl-icon-button{transition:none!important}}

/* 1.1.0 — cinematic Earth-to-Dickyland intro */
.dickyland-live.is-intro{background:#01050b}
.dickyland-live.is-intro .dl-topbar,
.dickyland-live.is-intro .dl-focus,
.dickyland-live.is-intro .dl-hint{opacity:0;visibility:hidden;pointer-events:none}
.dickyland-live .dl-topbar,
.dickyland-live .dl-hint{transition:opacity .9s ease,visibility .9s ease}
.dl-intro-ui{inset:auto 0 0 0;min-height:190px;justify-content:flex-end;align-items:flex-start;padding:0 clamp(22px,5vw,64px) clamp(24px,5vw,54px);background:linear-gradient(180deg,transparent 0%,rgba(0,5,12,.08) 10%,rgba(0,5,12,.78) 100%);color:#fff;pointer-events:none;transition:opacity 1.2s ease,visibility 1.2s ease}
.dl-intro-ui.is-done{opacity:0;visibility:hidden}
.dl-intro-ui__eyebrow{margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.28em;color:rgba(229,240,247,.64)}
.dl-intro-ui .dl-loading__title{margin:0;font:500 clamp(24px,3vw,40px)/1.05 Georgia,serif;letter-spacing:.01em;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.4)}
.dl-intro-ui__location{margin-top:7px;font-size:12px;letter-spacing:.03em;color:rgba(232,240,246,.72)}
.dl-intro-ui .dl-loading__bar{width:min(420px,72vw);height:2px;margin-top:18px;background:rgba(255,255,255,.13)}
.dl-intro-ui .dl-loading__bar span{background:linear-gradient(90deg,#93b8cd,#e4d2a5);box-shadow:0 0 12px rgba(210,229,240,.35)}
.dl-intro-ui .dl-loading__status{margin-top:9px;font-size:11px;letter-spacing:.02em;color:rgba(232,240,246,.55)}
.dl-atmosphere-veil{position:absolute;inset:-2px;z-index:28;opacity:0;pointer-events:none;background:linear-gradient(180deg,#a8c7d5,#c5d8df 55%,#a8c7d5);transition:none}
.dl-atmosphere-veil::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 45%,rgba(255,255,255,.15),transparent 65%)}
@media(max-width:780px){.dl-intro-ui{min-height:168px;padding:0 20px 28px}.dl-intro-ui .dl-loading__bar{width:min(330px,82vw)}.dl-intro-ui__location{max-width:84vw;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.dl-intro-ui,.dickyland-live .dl-topbar,.dickyland-live .dl-hint{transition:none!important}}


/* 1.2.0 — final responsive / performance polish */
.dl-hint-mobile{display:none}
.dl-mobile-controls{display:none;position:absolute;z-index:15;right:12px;bottom:64px;grid-template-columns:repeat(2,48px);gap:8px;pointer-events:auto}
.dl-mobile-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(4,20,32,.62);color:#fff;font:500 22px/1 system-ui;box-shadow:0 9px 30px rgba(0,0,0,.16);-webkit-tap-highlight-color:transparent}
.dl-mobile-controls button:active,.dl-mobile-controls button.is-active{background:rgba(180,146,76,.38);border-color:rgba(241,216,154,.58);transform:scale(.96)}
.dickyland-live.is-intro .dl-mobile-controls{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:780px),(pointer:coarse){
  .dickyland-live{height:min(72svh,720px);min-height:460px;max-height:720px;border-radius:0;box-shadow:none}
  .dl-canvas{touch-action:pan-y;cursor:default}
  .dl-mobile-controls{display:grid}
  .dl-hint{bottom:10px;max-width:calc(100% - 132px);left:12px;transform:none;width:auto;text-align:left;padding:7px 9px;border-radius:12px;font-size:9px;line-height:1.35}
  .dl-hint-desktop{display:none}.dl-hint-mobile{display:inline}
  .dl-focus{left:12px;right:12px;bottom:122px;transform:none;min-width:0;width:auto}
  .dl-world-state{min-height:38px;font-size:11px}.dl-icon-button{width:38px;height:38px}
  .dl-intro-ui{padding-bottom:24px}
}
@media(max-width:430px){
  .dickyland-live{height:min(68svh,620px);min-height:430px}
  .dl-mobile-controls{grid-template-columns:repeat(2,44px);bottom:58px}.dl-mobile-controls button{width:44px;height:44px;border-radius:13px}
  .dl-hint{max-width:calc(100% - 116px)}
}
@media(prefers-reduced-motion:reduce){
  .dl-atmosphere-veil::after{filter:none}
}

/* 2.1.4 recovery: no separate Dickyland menu in the top-right */
.dl-topbar{right:auto;width:auto}
.dl-icon-button{margin-left:0}

/* 3.0.0: minimal overlay, site navigation remains in control */
.dl-topbar{right:auto!important;width:auto!important}.dl-topbar [data-dl-overview]{display:none!important}

.dl-mobile-controls{display:none!important}

.dl-canvas{backface-visibility:hidden;transform:translateZ(0);will-change:auto;}