.continue-playing{margin:0 0 30px}
.resume-game{display:flex;align-items:center;gap:32px;padding:26px 0;border-bottom:1px solid #d6d4cd}
.resume-copy{flex:1;min-width:0}
.resume-copy h2{font-size:clamp(19px,2.35vw,24px);letter-spacing:-.6px;line-height:1.25;margin:8px 0 10px;max-width:none;text-wrap:wrap}
.resume-copy>p:not(.eyebrow){color:#454b59;font-size:14px;margin:0 0 16px}
.resume-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border-radius:9px;background:#efa482;color:#252a39;font-size:14px;font-weight:600;text-decoration:none}
.resume-button:hover{background:#e99670}
.resume-postcard:focus-visible,.resume-button:focus-visible,.resume-more summary:focus-visible{outline:3px solid #755592;outline-offset:4px}
/* A still, personal keepsake. No live game instance, animation or audio. */
.resume-postcard{display:block;color:inherit;text-decoration:none;position:relative;flex:0 0 200px;min-width:0;margin:10px 6px 16px;padding:7px 7px 17px;border:1px solid #ded9ce;border-radius:5px;background:#fffdf8;transform:perspective(700px) rotateY(7deg) rotateZ(-3deg);box-shadow:0 13px 22px -10px #171c2a38,0 3px 6px #171c2a12}
.resume-postcard:hover{border-color:#755592}
.resume-board{position:relative;width:100%;aspect-ratio:1.5;border-radius:2px;overflow:hidden;background:radial-gradient(ellipse at 40% 20%,#2c3547,#171c2a 85%);pointer-events:none;container-type:inline-size}
.resume-bookmark{position:absolute;right:-5px;bottom:-10px;background:#e7def0;border:1px solid #baa6ce;color:#49355e;padding:7px 12px 7px 10px;border-radius:2px 2px 6px 2px;font:600 11px/1.2 ui-monospace,monospace;box-shadow:0 2px 3px #171c2a12;white-space:nowrap}
.resume-bookmark::before{content:"";display:inline-block;width:6px;height:9px;margin-right:7px;background:#755592;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}
.resume-scene{position:absolute;height:92%;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.resume-card,.resume-block{position:absolute;display:block;box-sizing:border-box}
.resume-card{height:auto;border-radius:2px;box-shadow:0 2px 4px #0005}
.resume-block{box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #0002}
.resume-grid{position:absolute;inset:0;display:grid;gap:2px;grid-auto-rows:1fr}
.resume-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;font:600 10px/1 ui-monospace,monospace;border-radius:2px;color:#f6f4ef;overflow:hidden}
.preview-wordpath .resume-cell{font-size:clamp(11px,8cqw,19px);box-shadow:inset 0 1px 0 #ffffff22}
.preview-sudoku .resume-grid{gap:0;border:1px solid #969bad}
.preview-sudoku .resume-cell{border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;border-radius:0;font-size:clamp(7px,5cqw,12px)}
.preview-sudoku .resume-cell:nth-child(3n){border-right-color:#969bad}
.preview-sudoku .resume-cell:nth-child(n+19):nth-child(-n+27),.preview-sudoku .resume-cell:nth-child(n+46):nth-child(-n+54){border-bottom-color:#969bad}
.preview-star-battle .resume-grid{gap:0}
.preview-star-battle .resume-cell{color:#252a39;border-radius:0;font-size:clamp(9px,7cqw,17px)}
.preview-lantern .resume-grid{gap:0}
.resume-path{color:#7d8699;background:#252a39;border:1px solid #171c2a;border-radius:3px}
.resume-path.lit{color:#edc875;background:#393a36}
.path-joint{position:absolute;left:42%;top:42%;width:16%;height:16%;background:currentColor;border-radius:50%}
.path-arm{position:absolute;background:currentColor}
.path-0{left:44%;top:0;width:12%;height:50%}.path-1{left:50%;top:44%;width:50%;height:12%}.path-2{left:44%;top:50%;width:12%;height:50%}.path-3{left:0;top:44%;width:50%;height:12%}
.preview-afterglow .resume-scene{height:96%;background:#222a3c;outline:1px solid #586174}
.preview-afterglow .resume-block{border-radius:1px!important}
.preview-gem-drop .resume-scene{border:1px solid #657087;border-top:0;background:linear-gradient(0deg,#29334a,transparent)}
.preview-gem-drop .resume-block{box-shadow:inset 2px 2px 0 #ffffff66,inset -2px -2px 0 #171c2a33}
.resume-flower{position:absolute;width:6.25%;height:6.25%;display:grid;place-items:center;font:700 14px/1 sans-serif;color:#efa482}
.preview-trellis .resume-scene{background-image:radial-gradient(#5b677a44 .6px,transparent .8px);background-size:6.25% 6.25%}
.resume-brick{position:absolute;width:9.722222%;height:4.285714%;border-radius:2px;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #0003;color:#252a39;display:grid;place-items:center;font:700 7px/1 monospace}
.preview-skyline .resume-block{box-shadow:inset 0 2px 0 #ffffff77,inset -2px -1px 0 #171c2a33;transform:skewY(-3deg)}
.resume-jewel{width:85%;height:85%;background:#89c9ab;box-shadow:inset 2px 2px 0 #ffffff70,inset -2px -2px 0 #0002}
.resume-jewel.jewel-0{background:#eb8b99;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.resume-jewel.jewel-1{background:#edc875;clip-path:polygon(18% 6%,82% 6%,94% 18%,94% 82%,82% 94%,18% 94%,6% 82%,6% 18%)}
.resume-jewel.jewel-2{background:#89c9ab;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}
.resume-jewel.jewel-3{background:#82a8e7;clip-path:polygon(31% 0,69% 0,91% 22%,100% 50%,91% 78%,69% 100%,31% 100%,9% 78%,0 50%,9% 22%)}
.resume-jewel.jewel-4{background:#b99aea;clip-path:polygon(50% 0,86% 29%,78% 72%,50% 100%,22% 72%,14% 29%)}
.resume-jewel.jewel-5{background:#79cfda;clip-path:polygon(50% 2%,98% 87%,2% 87%)}
.resume-more summary{padding:16px 0;cursor:pointer;font-size:13px;font-weight:550;color:#49355e}
.resume-more>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.resume-more .resume-game{gap:20px;align-items:center}
.resume-more .resume-postcard{flex-basis:145px}
.resume-more h2{font-size:17px}
.resume-more .eyebrow,.resume-more .resume-copy>p:not(.eyebrow){display:none}
@media(max-width:700px){.resume-game{gap:22px}.resume-postcard{flex-basis:32%}.resume-more>div{grid-template-columns:1fr}.resume-more .resume-postcard{flex-basis:32%}.resume-copy .eyebrow{font-size:11px;letter-spacing:1px}}
@media(max-width:430px){.resume-game{align-items:center;gap:16px}.resume-postcard{flex-basis:34%;margin-left:2px;margin-right:0;padding:5px 5px 15px}.resume-copy h2{font-size:18px}.resume-copy>p:not(.eyebrow){font-size:12px}.resume-bookmark{padding:6px 8px}.resume-button{padding:10px 16px}.resume-more h2{font-size:16px}}

.preview-songbird .resume-grid{bottom:24px;gap:6px}
.preview-songbird .resume-cell{color:#171c2a;border-radius:12px;font-size:30px}
.resume-song-score{position:absolute;bottom:2px;left:0;right:0;text-align:center;color:#f6f4ef;font:10px ui-monospace,monospace;white-space:nowrap}

.resume-title-mobile,.resume-heading{display:none}