:root{--dp-font:"Arial Narrow","Helvetica Neue",Helvetica,Arial,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#000}.dp-wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:none}.dp-await{font-family:var(--dp-font);color:#7a7a7a;font-size:14px;letter-spacing:.16em;text-transform:uppercase}.dp-board{--flap-aspect:1.3;--cell-w:min(92vw/var(--cols,22),84vh/(var(--rows,6) * var(--flap-aspect)));--cell-h:calc(var(--cell-w) * var(--flap-aspect));--gap:max(1px,calc(var(--cell-w) * 0.08));display:grid;grid-template-columns:repeat(var(--cols),var(--cell-w));grid-template-rows:repeat(var(--rows),var(--cell-h));grid-gap:var(--gap);gap:var(--gap)}.dp-board[data-theme=classic]{--flap-bg:#161616;--flap-bg-2:#1e1e1e;--flap-fg:#f4f1ea;--flap-seam:rgba(0,0,0,0.55)}.dp-board[data-theme=cream]{--flap-bg:#e9e2d3;--flap-bg-2:#f0ebe0;--flap-fg:#211c14;--flap-seam:rgba(0,0,0,0.18)}.dp-cell{position:relative;width:var(--cell-w);height:var(--cell-h);perspective:calc(var(--cell-h) * 4.2);font-family:var(--dp-font);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:max(1px,calc(var(--cell-w) * .06));overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.4)}.dp-card{inset:0}.dp-card,.dp-half{position:absolute;background:var(--flap-bg)}.dp-half{left:0;right:0;height:50%;overflow:hidden}.dp-half-upper{top:0;background:var(--flap-bg-2)}.dp-half-lower{bottom:0}.dp-glyph{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;color:var(--flap-fg);font-size:calc(var(--cell-h) * .58);line-height:1}.dp-flap-face .dp-glyph,.dp-half-upper .dp-glyph{top:0}.dp-half-lower .dp-glyph{bottom:0}.dp-flap{position:absolute;left:0;right:0;top:0;height:50%;transform-style:preserve-3d;transform-origin:bottom center;animation-name:dp-flip;animation-duration:var(--dp-step-ms,90ms);animation-timing-function:linear;animation-fill-mode:both;will-change:transform}.dp-flap-face{position:absolute;inset:0;overflow:hidden;background:var(--flap-bg-2);-webkit-backface-visibility:hidden;backface-visibility:hidden}.dp-flap-back{transform:rotateX(180deg)}@keyframes dp-flip{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}.dp-seam{position:absolute;left:0;right:0;top:50%;height:max(1px,calc(var(--cell-h) * .014));transform:translateY(-50%);background:var(--flap-seam);pointer-events:none}@media (prefers-reduced-motion:reduce){.dp-flap{animation:none!important}.dp-wrap{transition:none}}.dp-sound-btn{position:fixed;right:2vh;bottom:2vh;z-index:9998;font-family:var(--dp-font);font-size:14px;letter-spacing:.04em;padding:.6em 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.55);color:#fff;cursor:pointer}.dp-sound-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.lk-dim{position:fixed;inset:0;background:#000000;pointer-events:none;z-index:9999}