/* =====================================================================
   #064 追加2: 各ページを参考データ（Digigoデザイン参考）の型に合わせる
   - ミッション／ミニクエスト／チャレンジ … dashboard.html の「つづきからプレイ」カード（次に挑戦する1枚＝黄色の featured）
   - ステータス … dashboard.html の「今週のステータス」(.stat)
   - もちもの … ui-toolkit の panel（切り欠き＋黄の枠＋データ線）とレベルボックス、アイテムは world-list の reward タイル
   - せってい／スタジオの入力 … ui-toolkit の controlbox（dark-demo）・input-shell・check
   - フィルタ … ui-toolkit の cyber tab rail
   html[data-dg-theme="space"] のときだけ効く。
   ===================================================================== */
/* 見出し行（sectionhead） */
html[data-dg-theme="space"] .mission-world-block { margin-bottom: 44px; }
html[data-dg-theme="space"] .mission-world-block > .mission-world-title { font-size: 1.5rem; border: 0; transform: none; padding: 0; margin: 0 0 10px; }
html[data-dg-theme="space"] .mission-world-meta { font-family: "Chakra Petch", sans-serif; font-size: .72rem; color: #858b86; letter-spacing: .06em; margin: 6px 0 16px; }
html[data-dg-theme="space"] .mission-world-block > .world-card-progress { height: 10px; border: 1px solid #555; padding: 2px; background: transparent; }
html[data-dg-theme="space"] .mission-world-block > .world-card-progress .world-card-progress-bar { background: linear-gradient(90deg, var(--sp-yellow), var(--sp-acid)); box-shadow: 0 0 10px rgba(168,255,24,.45); }

/* カード（参考 .card / .card.featured） */
html[data-dg-theme="space"] .world-grid:not(.dgsel-host), html[data-dg-theme="space"] .spot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 15px; counter-reset: dgsms; }
html[data-dg-theme="space"] .world-grid > .world-card, html[data-dg-theme="space"] .spot-grid > .spot-card, html[data-dg-theme="space"] .dg-study-grid > .dg-study-card {
  counter-increment: dgsms; position: relative; min-height: 230px; padding: 22px; border-radius: 15px; clip-path: none;
  background: rgba(25,28,26,.88); border: 1px solid #3a3f3b; color: var(--sp-paper); box-shadow: none; transition: .25s;
  display: flex; flex-direction: column; justify-content: flex-start; backdrop-filter: blur(8px);
}
html[data-dg-theme="space"] .world-grid > .world-card:hover, html[data-dg-theme="space"] .spot-grid > .spot-card:hover, html[data-dg-theme="space"] .dg-study-grid > .dg-study-card:hover { transform: translateY(-5px); border-color: var(--sp-yellow); box-shadow: 0 13px 45px rgba(0,0,0,.3); }
html[data-dg-theme="space"] .world-grid > .world-card::before, html[data-dg-theme="space"] .spot-grid > .spot-card::before {
  display: block; content: "MISSION " counter(dgsms, decimal-leading-zero); position: absolute; right: 15px; top: 12px; left: auto; bottom: auto; width: auto; height: auto; background: none;
  font: 600 .68rem "Chakra Petch", sans-serif; letter-spacing: .06em; opacity: .55; color: inherit; z-index: 1;
}
html[data-dg-theme="space"] .spot-grid > .spot-card::before { content: "QUEST " counter(dgsms, decimal-leading-zero); }
html[data-dg-theme="space"] .world-grid > .world-card::after, html[data-dg-theme="space"] .spot-grid > .spot-card::after { display: none; }
html[data-dg-theme="space"] .world-card-top { display: block; }
html[data-dg-theme="space"] .world-card-icon { width: 48px; height: 48px; border-radius: 12px; background: #303431; display: grid; place-items: center; color: var(--sp-yellow); font-size: 1.35rem; }
html[data-dg-theme="space"] .world-card-icon svg { width: 28px; height: 28px; }
html[data-dg-theme="space"] .world-card-title { font-size: 1.3rem; margin: 30px 0 8px; font-weight: 800; color: inherit; }
html[data-dg-theme="space"] .world-card-subtitle, html[data-dg-theme="space"] .spot-card-desc { font-size: .84rem; line-height: 1.65; color: #9ca29c; }
html[data-dg-theme="space"] .world-card-meta { font: 700 .72rem "Chakra Petch", sans-serif; color: var(--sp-acid); margin-top: auto; padding-top: 10px; }
html[data-dg-theme="space"] .world-card-badge { margin-top: auto; font-size: .78rem; color: #9ca29c; }
html[data-dg-theme="space"] .world-card .world-card-play-btn, html[data-dg-theme="space"] .spot-card .spot-card-play-btn { margin: 14px 0 0 auto !important; align-self: flex-end; padding: 10px 18px; font-size: .85rem; }
html[data-dg-theme="space"] .world-card.locked { opacity: .55; }
html[data-dg-theme="space"] .world-card.cleared { border-color: rgba(168,255,24,.5); }
html[data-dg-theme="space"] .world-card .pop-tag { position: static; display: inline-block; margin-bottom: 8px; align-self: flex-start; }
/* 次に挑戦するカード＝featured（黄色・横に広い） */
html[data-dg-theme="space"] .world-grid > .world-card.next-up { grid-column: span 2; background: var(--sp-yellow); color: var(--sp-ink); border-color: var(--sp-yellow); }
html[data-dg-theme="space"] .world-grid > .world-card.next-up .world-card-icon { background: var(--sp-ink); color: var(--sp-yellow); }
html[data-dg-theme="space"] .world-grid > .world-card.next-up .world-card-title { font-size: 1.8rem; margin-top: 18px; }
html[data-dg-theme="space"] .world-grid > .world-card.next-up .world-card-play-btn { color: var(--sp-yellow) !important; filter: none; }
html[data-dg-theme="space"] .world-grid > .world-card.next-up .world-card-play-btn::before { background: var(--sp-ink); }
html[data-dg-theme="space"] .world-grid > .world-card.next-up::after { display: block; content: "</>"; position: absolute; right: 22px; bottom: 30px; left: auto; top: auto; width: auto; height: auto; background: none; font: 700 6rem "Chakra Petch", sans-serif; opacity: .09; pointer-events: none; }
@media (max-width: 600px) { html[data-dg-theme="space"] .world-grid > .world-card.next-up { grid-column: auto; } }

/* ミニクエスト カード */
html[data-dg-theme="space"] .spot-card-head { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 4px; }
html[data-dg-theme="space"] .spot-card-subject { font: 700 .66rem "Chakra Petch", "Noto Sans JP", sans-serif; border: 1px solid currentColor; padding: 3px 7px; border-radius: 0; background: transparent !important; color: var(--sp-cyan) !important; }
html[data-dg-theme="space"] .spot-card-difficulty { color: var(--sp-yellow); letter-spacing: .1em; }
html[data-dg-theme="space"] .spot-card-title { font-size: 1.2rem; margin: 26px 0 8px; font-weight: 800; color: inherit; }

/* フィルタ → cyber tab rail */
html[data-dg-theme="space"] .spot-filter-tabs { display: flex; gap: 7px; flex-wrap: wrap; padding: 0 0 7px; margin-bottom: 14px; border-bottom: 2px solid rgba(255,204,0,.58); position: relative; }
html[data-dg-theme="space"] .spot-filter-tabs::after { content: ""; position: absolute; right: 0; bottom: -3px; width: 74px; height: 4px; background: repeating-linear-gradient(90deg, var(--sp-yellow) 0 7px, transparent 7px 11px); }
html[data-dg-theme="space"] .spot-filter-tab { background: linear-gradient(180deg,#f7f8f5,#d8dedb); color: #343936; border: 0; font-weight: 900; padding: 11px 15px; clip-path: polygon(9px 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%,0 9px); filter: drop-shadow(0 3px 0 rgba(0,0,0,.3)); }
html[data-dg-theme="space"] .spot-filter-tab.active { background: #20251f; color: #ffdb45; box-shadow: inset 0 0 0 2px var(--sp-yellow); }

/* ステータス（参考 .stat） */
html[data-dg-theme="space"] .dash-status-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px; }
html[data-dg-theme="space"] .dash-stat-card { clip-path: none; border-radius: 4px 12px 12px 4px; border: 0; border-left: 3px solid var(--sp-cyan); background: rgba(25,28,26,.82); padding: 17px 19px; min-width: 0; box-shadow: none; }
html[data-dg-theme="space"] .dash-stat-card:nth-child(2) { border-left-color: var(--sp-acid); }
html[data-dg-theme="space"] .dash-stat-card:nth-child(3) { border-left-color: var(--sp-yellow); }
html[data-dg-theme="space"] .dash-stat-value { font-size: 1.6rem; }
html[data-dg-theme="space"] .dash-stat-icon { display: none; }
@media (max-width: 600px) { html[data-dg-theme="space"] .dash-status-cards { grid-template-columns: 1fr; } }

/* もちもの（パネル・タイル） */
html[data-dg-theme="space"] .dg-items-top { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; margin-bottom: 24px; }
html[data-dg-theme="space"] .dg-level-card, html[data-dg-theme="space"] .dg-companion-card { position: relative; padding: 24px 26px; min-height: 160px; background: var(--sp-panel-solid); border: 2px solid var(--sp-yellow); box-shadow: none;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
html[data-dg-theme="space"] .dg-level-card::before, html[data-dg-theme="space"] .dg-companion-card::before { display: block; content: ""; position: absolute; left: 34px; top: 11px; width: 34%; height: 1px; background: var(--sp-yellow); opacity: .65; right: auto; bottom: auto; }
html[data-dg-theme="space"] .dg-level-card::after, html[data-dg-theme="space"] .dg-companion-card::after { display: block; content: ""; position: absolute; right: 34px; bottom: 11px; width: 24%; height: 1px; background: var(--sp-yellow); opacity: .65; left: auto; top: auto; }
html[data-dg-theme="space"] .dg-level-lv { font: 700 2.4rem "Chakra Petch", sans-serif; color: var(--sp-yellow); }
html[data-dg-theme="space"] .dg-level-bar { height: 10px; border: 1px solid #555; padding: 2px; background: transparent; border-radius: 0; }
html[data-dg-theme="space"] .dg-level-bar > div { background: linear-gradient(90deg, var(--sp-yellow), var(--sp-acid)) !important; border-radius: 0; height: 100%; }
html[data-dg-theme="space"] .dg-level-meta, html[data-dg-theme="space"] .dg-companion-hint, html[data-dg-theme="space"] .dg-companion-bond { color: #aeb3ae; font-size: .8rem; }
html[data-dg-theme="space"] .dg-items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
html[data-dg-theme="space"] .dg-item-card { position: relative; padding: 5px; background: #11120f; border: 0; border-radius: 0; box-shadow: none; clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px); color: var(--sp-ink); text-align: center; }
html[data-dg-theme="space"] .dg-item-card > * { position: relative; }
html[data-dg-theme="space"] .dg-item-card::before { content: ""; position: absolute; inset: 5px; background: var(--sp-paper); clip-path: polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px); }
html[data-dg-theme="space"] .dg-item-icon { margin: 12px auto 6px; width: 72px; height: 64px; display: grid; place-items: center; font-size: 2.4rem; background: var(--sp-yellow); border: 2px solid #11120f; }
html[data-dg-theme="space"] .dg-item-name { font-weight: 900; padding: 0 8px; }
html[data-dg-theme="space"] .dg-item-count { font: 700 .8rem "Chakra Petch", sans-serif; padding-bottom: 10px; }
html[data-dg-theme="space"] .dg-item-hint { font-size: .7rem; opacity: .7; padding: 0 8px 10px; }
@media (max-width: 700px) { html[data-dg-theme="space"] .dg-items-top { grid-template-columns: 1fr; } }

/* せってい・スタジオ（controlbox dark-demo・input-shell・check） */
html[data-dg-theme="space"] .dg-settings-block, html[data-dg-theme="space"] .dg-studio-form {
  position: relative; isolation: isolate; border: 0; background: #32382f; box-shadow: 0 6px 0 #0a0b09; padding: 24px; margin-bottom: 18px; color: #f4f4ec; backdrop-filter: none;
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}
html[data-dg-theme="space"] .dg-settings-block::before, html[data-dg-theme="space"] .dg-studio-form::before { content: ""; position: absolute; z-index: -1; inset: 3px; background: #171916;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); }
html[data-dg-theme="space"] .dg-settings-block .dash-section-sub { margin-top: 0; background: #20211f; color: #fff; font-weight: 900; padding: 8px 15px; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%); display: inline-block; }
html[data-dg-theme="space"] .dg-check input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; background: linear-gradient(#fff,#d9dcdc); border: 3px solid #4e4d49; transform: skewX(-8deg); vertical-align: -5px; margin-right: 6px; cursor: pointer; }
html[data-dg-theme="space"] .dg-check input[type=checkbox]:checked { background: var(--sp-yellow); }
html[data-dg-theme="space"] .dg-check input[type=checkbox]:checked::after { content: "✓"; display: block; color: #273000; font-size: 1.1rem; font-weight: 900; transform: skewX(8deg); line-height: 16px; text-align: center; }
html[data-dg-theme="space"] .dg-studio-form input:not([type=checkbox]), html[data-dg-theme="space"] .dg-studio-form select, html[data-dg-theme="space"] .dg-settings-block select {
  background: linear-gradient(#fff,#e5e9e9); color: #292d29; border: 3px solid #4c443b; border-radius: 0; padding: 10px 12px;
  clip-path: polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
html[data-dg-theme="space"] .dg-studio-form input:focus, html[data-dg-theme="space"] .dg-studio-form select:focus { border-color: var(--sp-yellow); outline: none; }

/* 黄モードの各ページ（参考 dashboard-light / ui-toolkit-yellow） */
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-grid > .world-card, html[data-dg-theme="space"][data-dg-mode="yellow"] .spot-grid > .spot-card, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-study-grid > .dg-study-card {
  background: var(--sp-paper); color: var(--sp-ink); border-color: var(--sp-ink); box-shadow: 6px 6px 0 rgba(17,17,15,.13); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-grid > .world-card.next-up { background: var(--sp-ink); color: var(--sp-paper); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-grid > .world-card.next-up .world-card-icon { background: var(--sp-yellow); color: var(--sp-ink); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-grid > .world-card.next-up .world-card-play-btn { color: var(--sp-ink) !important; }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-grid > .world-card.next-up .world-card-play-btn::before { background: var(--sp-yellow); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-card-icon { background: var(--sp-yellow); color: var(--sp-ink); border: 1px solid var(--sp-ink); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-card-subtitle, html[data-dg-theme="space"][data-dg-mode="yellow"] .spot-card-desc { color: #554f37; }
html[data-dg-theme="space"][data-dg-mode="yellow"] .world-card-meta { color: #3b6c00; }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dash-stat-card { background: var(--sp-paper); border-left-color: var(--sp-ink); box-shadow: 5px 5px 0 rgba(17,17,15,.12); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-level-card, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-companion-card { background: var(--sp-paper); border-color: var(--sp-ink); color: var(--sp-ink); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-level-card::before, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-level-card::after,
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-companion-card::before, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-companion-card::after { background: var(--sp-ink); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-level-lv { color: var(--sp-ink); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .spot-filter-tabs { border-bottom-color: rgba(17,18,15,.62); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .spot-filter-tabs::after { background: repeating-linear-gradient(90deg, var(--sp-ink) 0 7px, transparent 7px 11px); }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-settings-block, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-studio-form { background: #5d5143; box-shadow: 0 6px 0 #30281f; color: #201a18; }
html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-settings-block::before, html[data-dg-theme="space"][data-dg-mode="yellow"] .dg-studio-form::before { background: #eeeede; }
html[data-dg-theme="space"][data-dg-mode="yellow"] .spot-card-subject { color: #1976d2 !important; }