/* Damue Collection V6 — wide original workspace, single clean 3D body. */
.box-stage,
.box-access {
  width: min(1880px, calc(100vw - clamp(28px, 3.3vw, 68px))) !important;
}

.box-stage {
  min-height: clamp(620px, calc(100svh - var(--atlas-nav-h) - 70px), 760px) !important;
  grid-template-columns: minmax(410px, 485px) minmax(0, 1fr) !important;
  gap: clamp(34px, 3.6vw, 74px) !important;
  align-items: center !important;
}

.box-stage-copy {
  min-width: 0 !important;
  padding: 34px 0 30px clamp(0px, .8vw, 16px) !important;
}

.box-brandline {
  margin-bottom: 28px !important;
  font-size: 11px !important;
}

.box-brandline b {
  font-size: 10px !important;
}

.box-overline {
  margin-bottom: 15px !important;
  font-size: 11px !important;
}

.box-stage h1 {
  max-width: 480px;
  font-size: clamp(3.25rem, 4.3vw, 5.35rem) !important;
  line-height: .98 !important;
  letter-spacing: -.075em !important;
  white-space: nowrap;
}

.box-stage h1 em {
  margin-top: .12em !important;
}

.box-stage-lead {
  max-width: 520px !important;
  margin-top: 24px !important;
  font-size: 16px !important;
  line-height: 1.84 !important;
  text-wrap: pretty;
}

.box-selected-meta {
  margin-top: 27px !important;
  padding-top: 19px !important;
}

.box-selected-meta > span {
  font-size: 10px !important;
}

.box-selected-meta > strong {
  font-size: 18px !important;
}

.box-selected-meta > b,
.box-selected-tags span {
  font-size: 12px !important;
}

.box-stage-actions a,
.box-stage-actions button {
  min-height: 50px !important;
  font-size: 14px !important;
}

.box-machine-zone {
  padding: 20px 0 30px !important;
  contain: none !important;
  perspective: 2200px !important;
}

/* Remove the old black ellipse, white duplicate shell and right-side fake panel. */
.box-machine-zone::before,
.box-machine-zone::after,
.box-machine-shadow,
.box-machine::before,
.box-machine::after,
.box-machine-back {
  content: none !important;
  display: none !important;
}

.box-machine {
  animation: boxDeviceTurnV6 16s cubic-bezier(.45, 0, .55, 1) infinite alternate !important;
  transform-origin: 50% 56% !important;
  filter: none !important;
}

.box-machine.is-pointer-controlled {
  animation: none !important;
}

.box-library {
  border-radius: 22px !important;
  border: 1px solid color-mix(in srgb, var(--box-machine-line) 80%, var(--atlas-accent)) !important;
  box-shadow: 0 36px 70px rgba(17, 19, 32, .19), 0 7px 20px rgba(17, 19, 32, .08), inset 0 1px rgba(255,255,255,.13) !important;
  overflow: hidden !important;
}

.box-library::before,
.box-library::after {
  content: none !important;
  display: none !important;
}

[data-theme="dark"] .box-library,
[data-theme="gold"] .box-library {
  box-shadow: 0 40px 78px rgba(0, 0, 0, .42), 0 7px 22px rgba(0, 0, 0, .2), inset 0 1px rgba(255,255,255,.08) !important;
}

.box-library-head {
  position: relative !important;
  height: 60px !important;
  padding: 0 20px !important;
}

.box-client-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

.box-client-identity strong {
  font-size: 14px !important;
}

.box-client-identity small {
  font-size: 9px !important;
}

.box-client-live {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--box-machine-muted);
  font: 650 9px/1 JetBrains Mono, monospace;
  letter-spacing: .13em;
  transform: translate(-50%, -50%);
}

.box-client-live i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38cf86;
  box-shadow: 0 0 10px #38cf86;
}

.box-window-buttons i {
  width: 17px !important;
  height: 17px !important;
}

.box-client-body {
  grid-template-columns: 142px minmax(0, 1fr) !important;
  min-height: 468px !important;
}

.box-client-sidebar {
  padding: 16px 12px !important;
  gap: 6px !important;
}

.box-client-caption {
  font-size: 9px !important;
}

.box-client-sidebar button {
  height: 39px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

.box-client-sidebar button i {
  width: 18px !important;
  font-size: 14px !important;
}

.box-client-workspace {
  padding: 15px 17px 13px !important;
  grid-template-rows: 42px 39px 318px 27px !important;
  gap: 9px !important;
}

.box-workspace-title span {
  font-size: 9px !important;
}

.box-workspace-title h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px !important;
}

.box-library-refresh {
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--box-machine-muted);
  font: 500 18px/1 system-ui;
  cursor: pointer;
  transition: color .2s, background .2s, transform .35s;
}

.box-library-refresh:hover {
  color: var(--atlas-accent);
  background: rgba(var(--atlas-accent-rgb), .1);
  transform: rotate(120deg);
}

.box-workspace-title p {
  font-size: 10px !important;
}

.box-library-tools,
.box-search {
  height: 39px !important;
}

.box-search input,
.box-toolbar button {
  font-size: 11px !important;
}

.box-toolbar button {
  height: 32px !important;
  padding: 0 11px !important;
}

.box-game-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, 100px) !important;
  gap: 9px !important;
}

.box-game-card {
  height: 100px !important;
  transform: none !important;
}

.box-game-card:hover {
  transform: none !important;
}

.box-game-card img {
  transform: scale(1.001) !important;
}

.box-game-card:hover img {
  transform: scale(1.045) !important;
}

.box-card-index,
.box-card-state {
  font-size: 9px !important;
}

.box-library-foot p > span,
.box-library-foot > button {
  font-size: 9px !important;
}

.box-library-foot p > strong {
  font-size: 11px !important;
}

/* Clear, compact download flow. */
.box-access {
  margin-top: 6px !important;
  grid-template-columns: minmax(420px, 475px) minmax(0, 1fr) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.box-access-intro {
  padding: 34px 34px 30px !important;
  gap: 24px !important;
}

.box-vault-head {
  grid-template-columns: 66px minmax(0, 1fr) !important;
  gap: 18px !important;
}

.box-lock-mark {
  width: 60px !important;
  height: 60px !important;
  font-size: 22px !important;
}

.vault-status {
  margin-bottom: 8px !important;
  font-size: 11px !important;
}

.box-access-intro h2 {
  font-size: 24px !important;
  line-height: 1.34 !important;
}

.box-access-intro > p {
  font-size: 15px !important;
  line-height: 1.82 !important;
}

.box-unlock-steps {
  grid-template-columns: 1fr 18px 1fr 18px 1fr !important;
  gap: 6px !important;
}

.box-unlock-steps span {
  min-height: 55px;
  display: grid;
  place-content: center;
  padding: 9px 7px !important;
  font-size: 13px !important;
}

.box-unlock-steps b {
  font-size: 10px !important;
}

.box-access-form {
  padding: 32px 34px 28px !important;
}

.box-form-row {
  grid-template-columns: minmax(210px, .68fr) minmax(360px, 1.38fr) 176px !important;
  gap: 14px !important;
}

.collection-field > span {
  height: 20px !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
}

.collection-field input,
.collection-field textarea,
.collection-captcha input {
  height: 54px !important;
  padding-inline: 15px !important;
  border-radius: 11px !important;
  font-size: 15px !important;
}

.collection-field textarea {
  padding-block: 15px !important;
}

.collection-submit,
.collection-login-required {
  height: 54px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  background: linear-gradient(110deg, var(--atlas-button), color-mix(in srgb, var(--atlas-button) 76%, var(--atlas-accent))) !important;
}

.collection-privacy {
  margin-top: 12px !important;
  font-size: 13px !important;
}

.collection-message,
.collection-captcha p {
  font-size: 14px !important;
}

.collection-unlocked {
  max-height: 330px !important;
  margin-top: 18px !important;
  padding: 20px !important;
  border: 1px solid rgba(47, 190, 122, .32) !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, rgba(47, 190, 122, .09), rgba(var(--atlas-accent-rgb), .055)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.15) !important;
}

.collection-unlocked h3 {
  margin: 0 0 14px !important;
  font-size: 18px !important;
  color: #2fb77a !important;
}

.collection-unlocked .post-content,
.collection-unlocked .post-content * {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

.collection-unlocked .post-content p {
  margin: 9px 0 !important;
}

.collection-unlocked .post-content a {
  min-height: 40px;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  margin: 4px 5px 4px 0 !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(var(--atlas-accent-rgb), .24);
  border-radius: 9px;
  background: var(--box-panel-solid);
  color: var(--atlas-accent) !important;
  font-size: 15px !important;
  font-weight: 800;
  text-decoration: none !important;
  overflow-wrap: anywhere;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}

.collection-unlocked .post-content a::after {
  content: "↗";
  flex: 0 0 auto;
}

.collection-unlocked .post-content a:hover {
  transform: translateY(-2px);
  border-color: var(--atlas-accent);
  box-shadow: 0 10px 24px rgba(var(--atlas-accent-rgb), .14);
}

.box-community-toggle {
  height: 54px !important;
  font-size: 14px !important;
}

.box-community {
  padding: 28px 34px !important;
}

.community-head h2 {
  font-size: 20px !important;
}

.collection-comment-name,
.collection-comment-content {
  font-size: 15px !important;
}

@keyframes boxDeviceTurnV6 {
  0% { transform: rotateX(-1deg) rotateY(-3.8deg) rotateZ(-.06deg); }
  50% { transform: rotateX(.35deg) rotateY(2.4deg) rotateZ(.04deg); }
  100% { transform: rotateX(-.45deg) rotateY(-1.7deg) rotateZ(0); }
}

@media (max-width: 1450px) {
  .box-stage {
    grid-template-columns: minmax(350px, 405px) minmax(0, 1fr) !important;
    gap: 34px !important;
  }
  .box-stage h1 { font-size: clamp(3rem, 4.5vw, 4.35rem) !important; }
  .box-client-body { grid-template-columns: 120px minmax(0, 1fr) !important; }
  .box-client-sidebar { padding-inline: 9px !important; }
  .box-access { grid-template-columns: 390px minmax(0, 1fr) !important; }
  .box-form-row { grid-template-columns: minmax(170px, .62fr) minmax(300px, 1.38fr) 160px !important; }
}

@media (max-width: 1120px) {
  .box-stage {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .box-stage-copy { max-width: 780px; padding-bottom: 0 !important; }
  .box-stage h1 { white-space: normal; }
  .box-stage-lead { max-width: 700px !important; }
  .box-machine-zone { margin-top: 0 !important; }
  .box-access { grid-template-columns: 1fr !important; }
  .box-access-intro { border-right: 0 !important; border-bottom: 1px solid var(--atlas-line); }
  .box-form-row { grid-template-columns: minmax(180px, .65fr) minmax(300px, 1.35fr) !important; grid-template-areas: "name comment" "submit submit" "captcha captcha" !important; }
  .collection-submit, .collection-login-required { grid-area: submit !important; }
}

@media (max-width: 760px) {
  .box-stage,
  .box-access { width: calc(100vw - 18px) !important; }
  .box-stage h1 { font-size: 2.55rem !important; }
  .box-stage-lead { font-size: 14px !important; }
  .box-client-live { display: none; }
  .box-client-body { grid-template-columns: 1fr !important; min-height: 0 !important; }
  .box-client-sidebar { display: none !important; }
  .box-client-workspace { padding: 12px !important; grid-template-rows: 42px auto 318px 27px !important; }
  .box-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .box-access-intro,
  .box-access-form { padding: 22px 18px !important; }
  .box-form-row { grid-template-columns: 1fr !important; grid-template-areas: "name" "comment" "submit" "captcha" !important; }
  .box-unlock-steps { grid-template-columns: 1fr !important; }
  .box-unlock-steps > i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .box-machine { animation: none !important; transform: none !important; }
}

/* V6.1 interactive polish */
.box-library-refresh.is-spinning{animation:boxRefreshSpin .48s ease}.collection-unlocked .post-content a:first-of-type::before{content:"高速";padding:2px 5px;border-radius:4px;background:rgba(var(--atlas-accent-rgb),.11);font:700 9px/1 JetBrains Mono,monospace;letter-spacing:.08em}.collection-unlocked .post-content a:nth-of-type(2)::before{content:"备用";padding:2px 5px;border-radius:4px;background:rgba(var(--atlas-accent-rgb),.11);font:700 9px/1 JetBrains Mono,monospace;letter-spacing:.08em}.collection-unlocked .post-content a:nth-of-type(n+3)::before{content:"免登录";padding:2px 5px;border-radius:4px;background:rgba(47,190,122,.12);color:#2fb77a;font:700 9px/1 JetBrains Mono,monospace;letter-spacing:.08em}@keyframes boxRefreshSpin{to{transform:rotate(1turn)}}