.dpw-root{position:relative;border-radius:24px;overflow:hidden;padding:1.35rem 1.35rem 1.2rem;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 20px 48px #0003;display:flex;flex-direction:column;gap:1.1rem;max-width:416px;margin:0}.dpw-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dpw-header-left{display:flex;flex-direction:column;gap:.15rem}.dpw-kicker{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a78bfa}.dpw-date{font-size:.84rem;font-weight:600;color:var(--color-text-secondary)}.dpw-go-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.2);color:#a78bfa;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease}.dpw-go-btn:hover{background:#a78bfa33;border-color:#a78bfa66}.dpw-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.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-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}