.dt-card{border:2px solid var(--brand,#EE334E)}.dt-card h3{margin:2px 0 4px}
.dt-sample{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;background:var(--brand,#EE334E);color:#fff;border-radius:6px;padding:2px 8px}
.dt-crests{display:flex;gap:6px;justify-content:space-between;margin:8px 0 10px}.dt-crest{display:inline-block;vertical-align:middle;flex:none}.dt-crest svg{width:100%;height:100%;display:block}
.dt-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dt-roles .btn{min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:8px 10px;line-height:1.15}
.dt-roles .btn small{font-size:11.5px;opacity:.8;font-weight:500}.dt-roles .btn:last-child:nth-child(odd){grid-column:1/-1}.dt-ri{font-size:18px}
.stm .dt-crest,.sc-stand .dt-crest{margin-right:6px}
.dt-chip{min-width:44px;min-height:44px;font-size:15px}
#dtour{position:fixed;inset:0;z-index:9990}#dtour .dt-shield{position:absolute;inset:0}
#dtour.dt-noel .dt-shield{background:rgba(0,0,0,.55)}
#dtour .dt-ring{position:fixed;border-radius:12px;box-shadow:0 0 0 3px var(--brand,#EE334E),0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;transition:all .25s ease}
#dtour .dt-tip{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:460px;margin:0 auto;background:var(--panel,#141d30);color:var(--ink,#eef3ff);border:1px solid var(--line,#2a3658);border-radius:16px;padding:14px;box-shadow:0 8px 30px rgba(0,0,0,.45);outline:none}
#dtour .dt-tip.top{bottom:auto;top:calc(10px + env(safe-area-inset-top))}
.dt-tag{font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--brand,#EE334E)}.dt-tip h3{margin:4px 0 2px;font-size:18px}.dt-tip p{margin:0 0 8px;color:var(--mut,#8fa0c4);font-size:14.5px}
.dt-dots{display:flex;gap:6px;margin:0 0 10px}.dt-dots i{width:8px;height:8px;border-radius:50%;background:var(--line,#2a3658)}.dt-dots i.d{background:var(--mut,#8fa0c4)}.dt-dots i.on{background:var(--brand,#EE334E);width:20px;border-radius:4px}
.dt-row{display:flex;gap:8px}.dt-row .btn{flex:1;min-height:48px}.dt-row.sm{margin-top:8px}.dt-row.sm .btn{min-height:44px;font-size:13px;padding:6px}
.dt-rolelist{display:flex;flex-direction:column;gap:8px}.dt-rl{display:flex;gap:8px}.dt-rl .btn:first-child{flex:1;min-height:52px;display:flex;justify-content:space-between;align-items:center;text-align:left}.dt-rl .btn:first-child small{display:block;font-weight:500;opacity:.8}.dt-rl .btn:last-child{min-width:48px;min-height:52px}
#dtour.dt-rm .dt-ring,#dtour.dt-rm *{transition:none!important;animation:none!important}
@media (prefers-reduced-motion:reduce){#dtour .dt-ring{transition:none}}