.dpw-root{position:relative;border-radius:16px;overflow:hidden;padding:.95rem .95rem .85rem;background:radial-gradient(circle at top right,rgba(145,71,255,.1),transparent 40%),linear-gradient(145deg,#ffffff0d,#ffffff03),var(--color-surface);box-shadow:inset 0 0 0 1px #ffffff12,0 14px 32px #0000002e;display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px;margin:0}.dpw-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.dpw-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a78bfa;white-space:nowrap;line-height:1.2}.dpw-date{font-size:.74rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;line-height:1.2}.dpw-loading{display:flex;align-items:center;justify-content:center;width:min(100%,240px);aspect-ratio:1;align-self:center}.dpw-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(167,139,250,.2);border-top-color:#a78bfa;animation:dpw-spin .7s linear infinite}@keyframes dpw-spin{to{transform:rotate(360deg)}}.dpw-error{padding:1rem;border-radius:14px;background:#ff475714;border:1px solid rgba(255,71,87,.2);color:#ff4757;font-size:.9rem;text-align:center}.dpw-body{display:flex;justify-content:center;align-items:center;width:100%}.dpw-body,.dpw-error{width:min(100%,240px);aspect-ratio:1;align-self:center}.dpw-error{display:flex;align-items:center;justify-content:center}.dpw-board-wrap{position:relative;border-radius:12px;overflow:hidden;flex-shrink:0}.dpw-board-inner{position:relative;pointer-events:none}.dpw-highlight{position:absolute;pointer-events:none;border-radius:3px}.dpw-highlight--correct{background:#64dc6473;box-shadow:inset 0 0 0 3px #64dc64cc}.dpw-highlight--wrong{background:#ff475766;box-shadow:inset 0 0 0 3px #ff4757b3}.dpw-highlight--hint{background:#f1c40f59;box-shadow:inset 0 0 0 3px #f1c40fbf}