.ddm-game{color:var(--cer-ink);background:#00000006;border-radius:0;padding:clamp(16px,2vw,24px);position:relative;overflow:auto;animation:ddm-fade-in .6s ease;flex:1}.ddm-game[data-theme=dark]{background:var(--cer-surface)}.ddm-game.is-finished{display:grid;place-items:center}.ddm-game:before,.ddm-game:after{content:"";position:absolute;inset:auto;width:360px;height:360px;border-radius:50%;filter:blur(10px);opacity:.6;z-index:0;animation:ddm-float 8s ease-in-out infinite}.ddm-game:before{top:-140px;right:-80px}.ddm-game:after{bottom:-160px;left:-120px;animation-delay:-3s}.ddm-header,.ddm-board,.ddm-feedback,.ddm-instructions,.ddm-finish{position:relative;z-index:1}.ddm-finish{display:grid;gap:18px;text-align:center;max-width:420px;margin:0 auto;padding:24px 12px;min-height:clamp(240px,35vh,460px)}.ddm-finish-title{margin:0;font-size:1.4rem;font-weight:700}.ddm-launch{display:grid;justify-items:center;gap:28px;padding:clamp(16px,3vw,32px);text-align:center}.ddm-launch-content{display:grid;justify-items:center;gap:18px;max-width:520px}.ddm-launch-icon{width:192px;height:192px}.ddm-launch-title{font-size:1.6rem;font-weight:700}.ddm-launch-subtitle{color:var(--cer-ink-muted);font-size:1rem}.ddm-launch cer-btn.ddm-start-button[data-variant=info]{--cer-btn-color: #fff;--cer-btn-hover-color: #fff;--cer-btn-active-color: #fff;--cer-btn-disabled-color: #fff}.ddm-modal-overlay{position:fixed;inset:0;background:var(--cer-surface);z-index:9999;display:flex}.ddm-modal{width:100%;height:100%;background:var(--cer-surface);display:flex;flex-direction:column;overflow:hidden}.ddm-modal-progress{height:6px;background:var(--cer-line);width:100%;overflow:hidden}.ddm-modal-progress span{display:block;height:100%;background:var(--cer-accent-2);transition:width .3s ease}.ddm-modal-bar{border-bottom:1px solid var(--cer-line);padding:12px clamp(16px,2vw,24px)}.ddm-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ddm-status-actions{display:inline-flex;align-items:center;gap:10px}.ddm-close{border:1px solid var(--cer-line);background:transparent;color:var(--cer-ink);width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ddm-score{margin:0;font-weight:600;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ddm-score-total-size{display:flex;font-size:.75rem;color:var(--cer-ink-muted)}.ddm-button{font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.ddm-button:hover{transform:translateY(-2px);box-shadow:none}.ddm-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,20px);align-items:start}.ddm-panel{background:transparent;border-radius:22px;padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ddm-panel-in .6s ease both}.ddm-panel h2{margin:0 0 14px;font-size:1.2rem}.ddm-list{display:grid;gap:12px}.ddm-card,.ddm-target{margin:1px;width:100%;text-align:left;justify-items:start;align-items:start;justify-content:start;position:relative;border-radius:16px;border:1px solid var(--cer-line);background:var(--cer-card);padding:14px 16px;box-shadow:none;display:grid;gap:8px;cursor:grab;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;animation:ddm-card-in .42s ease var(--cer-delay, 0ms) both}.ddm-card:hover,.ddm-target:hover{transform:translateY(-2px);box-shadow:none}.ddm-card.is-selected{border-color:var(--cer-accent-2);box-shadow:none}.ddm-card.is-dragging{opacity:.7}.ddm-card.is-fading{border-color:var(--cer-success);animation:ddm-fade-out .32s ease forwards;pointer-events:none}.ddm-term{font-weight:600;font-size:1.5rem}.ddm-chip{justify-self:start;padding:4px 10px;border-radius:999px;font-size:.75rem;background:var(--cer-chip);color:var(--cer-ink)}.ddm-chip--ghost{background:var(--cer-chip-ghost);color:var(--cer-ink-muted)}.ddm-chip--locked{background:var(--cer-chip-locked)}.ddm-target{cursor:pointer}.ddm-target.is-active{border-color:var(--cer-accent-2);box-shadow:none}.ddm-target.is-wrong{border-color:var(--cer-accent)}.ddm-target.is-wrong:after{content:"";position:absolute;inset:-1px;border:2px solid var(--cer-accent);border-radius:inherit;pointer-events:none;animation:ddm-shake .24s ease}.ddm-card.is-matched,.ddm-target.is-matched{margin:0;border-width:2px;border-color:var(--cer-success)}.ddm-target.is-fading{border-color:var(--cer-success);animation:ddm-fade-out .32s ease forwards;pointer-events:none}.ddm-definition{color:var(--cer-ink);font-size:1.5rem}.ddm-match-label{font-size:.8rem;color:var(--cer-ink-muted)}.ddm-feedback{margin-top:18px;font-weight:600;font-size:1rem}@media(max-width:900px){.ddm-board{grid-template-columns:1fr}.ddm-stats{width:100%}}@media(max-width:720px){.ddm-status-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.ddm-status-actions{justify-self:end;align-self:start}}@keyframes ddm-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ddm-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ddm-card-in{0%{transform:translateY(10px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes ddm-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes ddm-shake{0%,to{transform:translate(0)}33%{transform:translate(-4px)}66%{transform:translate(4px)}}@keyframes ddm-float{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}
