.pm-pc{background:var(--pc-tint,var(--tint-sky));border:1.5px solid var(--ink);border-radius:var(--r-xl);width:100%;max-width:300px;box-shadow:var(--shadow);flex-direction:column;gap:10px;margin:0 auto;padding:16px;display:flex;position:relative}.pm-pc__star{z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-sm);width:32px;height:32px;box-shadow:var(--shadow-hover);color:var(--ink-3);place-items:center;padding:0;font-family:inherit;font-size:15px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.pm-pc__star.is-fav{background:var(--butter-deep);color:var(--ink)}.pm-pc-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px;display:grid}.pm-pc-link{color:inherit;text-decoration:none;display:block}.pm-pc-link .pm-pc{max-width:none;margin:0}.pm-pc-link:focus-visible{outline:3px solid var(--pink);outline-offset:4px;border-radius:var(--r-xl)}.pm-pc__head{align-items:center;gap:12px;padding-right:42px;display:flex}.pm-pc__badge{background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-badge);flex:none;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.pm-pc__name{letter-spacing:-.02em;font-size:19px;font-weight:900;line-height:1.1}.pm-pc__board-fit{justify-content:center;width:100%;display:flex;position:relative;overflow:hidden}.pm-pc__board{transform-origin:top;flex:none;width:284px;height:384px;position:relative}.pm-pc__cap{align-items:center;gap:12px;min-height:40px;padding:4px 2px 0;display:flex}.pm-pc__cap-text{min-width:0;color:var(--ink);text-align:left;flex:1;font-size:14px;font-weight:700;line-height:1.3}.pm-pc__play{background:var(--ink);width:32px;height:32px;color:var(--surface);border-radius:50%;flex:none;place-items:center;padding-left:2px;font-size:12px;display:grid}@media (max-width:1023px){.pm-pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.pm-pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pm-pc-link .pm-pc{gap:8px;padding:12px}.pm-pc-link .pm-pc__head{gap:8px;padding-right:32px}.pm-pc-link .pm-pc__badge{width:36px;height:36px;font-size:18px}.pm-pc-link .pm-pc__name{font-size:16px}.pm-pc-link .pm-pc__star{width:28px;height:28px;font-size:13px;top:10px;right:10px}.pm-pc-link .pm-pc__cap{gap:8px;min-height:32px}.pm-pc-link .pm-pc__cap-text{font-size:13px}.pm-pc-link .pm-pc__play{width:28px;height:28px}}.dc-plane-fill{fill:var(--surface)}.dc-plane-edge{fill:none;stroke:#0a0a0a4d;stroke-width:1.5px;stroke-linejoin:round}.dc-flash{background:var(--butter-deep)}.dc-hole{background:var(--demo-hole)}.dc-sil{filter:brightness(0)}.dc-paint{border:2px solid var(--ink);box-shadow:var(--shadow-hover);overflow:hidden}.dc-opt.is-hover{background:var(--bg-warm)}.dc-cloze{background:var(--surface)}.dc-cloze.is-filled{background:var(--butter-deep)}.dc-arrow{fill:var(--ink);stroke:var(--surface);stroke-width:1.6px;stroke-linejoin:round}.dc-pi-body{fill:var(--pink)}.dc-pi-stroke{stroke:var(--ink)}.dc-pi-ink{fill:var(--ink)}.dc-pi-spark{fill:var(--butter-deep)}.dc-mole{fill:var(--demo-mole)}.dc-mole-snout{fill:var(--demo-mole-snout)}.dc-nose{fill:var(--demo-nose)}.dc-ink-fill{fill:var(--ink)}.dc-stroke{stroke:var(--ink)}