.dd{-webkit-user-select:none;user-select:none;max-width:560px;margin:0 auto;padding:14px 10px 44px}.dd header{text-align:center;margin-bottom:12px;position:relative}.dd .back{color:var(--chalk-dim);border:1px solid #f6e9cd4d;border-radius:8px;padding:4px 9px;font-size:13px;text-decoration:none;position:absolute;top:4px;left:0}.dd h1{color:var(--gold);text-shadow:0 2px #00000059;letter-spacing:.5px;font-size:clamp(26px,7vw,38px)}.dd .sub{color:var(--chalk-dim);margin-top:2px;font-size:13px}.dd .prow{align-items:center;gap:8px;margin:8px 0;display:flex}.dd .prow .swatch{border:2px solid #ffffffa6;border-radius:50%;flex:none;width:16px;height:16px}.dd .prow input{min-width:0;font:inherit;color:var(--chalk);background:#00000040;border:1px solid #f6e9cd4d;border-radius:8px;flex:1;padding:8px 10px;font-size:15px}.dd .prow .type{text-align:center;flex:none;width:118px}.dd .vdesc{color:var(--chalk-dim);margin:4px 0 10px;font-size:13px;line-height:1.5}.dd .resume{border:1px dashed var(--gold);background:#f2c14e24;border-radius:10px;margin-bottom:14px;padding:12px}.dd .resume p{margin-bottom:8px}.dd .howto{color:var(--chalk-dim);margin-top:14px;font-size:14px}.dd .howto summary{cursor:pointer;color:var(--chalk);font-weight:600}.dd .howto ul{margin:8px 0 4px 18px;line-height:1.55}.dd .topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.dd .chips{align-items:center;gap:8px;display:flex}.dd .board{aspect-ratio:1;background:radial-gradient(circle at 30% 25%, #ffffff0d, transparent 45%), radial-gradient(circle at 75% 70%, #0000001a, transparent 50%), linear-gradient(var(--floor),var(--floor));border:8px solid var(--floor-dark);border-radius:12px;width:min(94vw,500px);margin:0 auto;position:relative;box-shadow:0 6px 22px #00000073,inset 0 0 40px #00000038}.dd .board svg{touch-action:manipulation;width:100%;height:100%;position:absolute;inset:0}.dd .hit{cursor:pointer}.dd .pc{transition:transform .3s}.dd .pc circle{animation:.25s ease-out dd-pop}@keyframes dd-pop{0%{r:.6}}.dd .pc.dying{opacity:0;transition:opacity .3s}.dd .ring{pointer-events:none;animation:.8s ease-in-out infinite alternate dd-pulse}@keyframes dd-pulse{0%{opacity:.95}to{opacity:.35}}.dd .tray{background:#00000047;border:1px solid #f6e9cd40;border-radius:14px;grid-template-columns:1fr;align-items:center;gap:4px;max-width:min(94vw,500px);margin:12px auto;padding:10px 14px;display:grid}.dd .msg{text-align:center;color:var(--chalk);min-height:1.4em;font-size:14px}.dd .msg .te{font-size:13px}.dd .cards{grid-template-columns:1fr 1fr;gap:8px;max-width:min(94vw,500px);margin:0 auto;display:grid}.dd .card{background:#00000047;border:1px solid #f6e9cd38;border-radius:11px;padding:9px 11px;transition:border-color .2s,background .2s}.dd .card.on{border-color:var(--gold);background:#f2c14e1a}.dd .cname{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.dd .cname .dot{background:var(--c);border:1.5px solid #ffffffb3;border-radius:50%;flex:none;width:13px;height:13px}.dd .cname .tag{flex:none;font-size:12px;font-weight:400}.dd .cmeta{color:var(--chalk-dim);margin-top:5px;font-size:11.5px;line-height:1.6}.dd .cmeta b{color:var(--chalk)}.dd .hand{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.dd .hand span{background:var(--c);border:1px solid #ffffff8c;border-radius:50%;width:10px;height:10px}.dd .overlay{z-index:50;background:#1e0e06d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dd .overlay .box{border:2px solid var(--gold);text-align:center;background:linear-gradient(#5c3018,#462512);border-radius:18px;max-width:340px;padding:28px 26px;box-shadow:0 10px 40px #0009}.dd .overlay h2{color:var(--gold);margin-bottom:8px;font-size:24px}.dd .overlay p{color:var(--chalk-dim);margin-bottom:16px}