.puz{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120c;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.puz canvas{display:block}.puz-bar{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:14px;background:#0e0a16b8;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink)}.puz-back{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;color:var(--ink);text-decoration:none;background:#ffffff0f}.puz-title{display:grid;min-width:0}.puz-title b{font-size:calc(14px * var(--text-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puz-title span{font-size:calc(12px * var(--text-scale, 1));color:var(--ink-2);font-variant-numeric:tabular-nums}.puz-tools{margin-left:auto;display:flex;gap:8px}.puz-tools button{min-height:44px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font-size:calc(13px * var(--text-scale, 1));cursor:pointer}.puz-tools button.is-on{background:#ffd23f;color:#1a120c;border-color:#ffd23f}.puz-hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#0e0a16bf;color:var(--ink);font-size:calc(13px * var(--text-scale, 1))}.puz-picture{position:absolute;top:64px;right:12px;bottom:12px;left:12px;display:grid;place-items:center;padding:0;border:0;background:#08060c99;cursor:zoom-out}.puz-picture img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 20px 60px -20px #000}.puz-done{position:absolute;left:50%;bottom:calc(52px + env(safe-area-inset-bottom));z-index:4;transform:translate(-50%);width:min(440px,calc(100% - 24px));padding:16px 18px;border-radius:16px;background:#0e0a16e0;border:1px solid rgb(255 210 63 / .4);color:var(--ink);text-align:center;animation:puz-in .5s ease-out}@media (min-width: 900px) and (min-height: 520px){.puz-done{left:auto;right:24px;bottom:auto;top:50%;width:min(340px,32vw);transform:translateY(-50%);animation-name:puz-in-side}@keyframes puz-in-side{0%{opacity:0}}}.puz-done h2{margin:2px 0 4px;font-size:calc(22px * var(--text-scale, 1))}.puz-done p{margin:0;color:var(--ink-2)}.puz-done-k{font:11px/1.2 "Press Start 2P",monospace;color:#ffd23f!important}.puz-done-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}@keyframes puz-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (max-width: 640px){.puz-bar{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 10px}.puz-tools{grid-column:1 / -1;margin-left:0;gap:8px}.puz-tools button{flex:1;padding:8px 4px}.puz-where{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.puz-welcome{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100% - 24px));display:grid;gap:10px;justify-items:center;padding:16px;border-radius:16px;background:#0e0a16db;border:1px solid var(--line);color:var(--ink);text-align:center;animation:puz-in-c .4s ease-out}.puz-welcome-t{margin:0;font-size:calc(20px * var(--text-scale, 1));font-weight:700}.puz-welcome-s{margin:0;color:var(--ink-2);font-size:calc(13px * var(--text-scale, 1))}@keyframes puz-in-c{0%{opacity:0;transform:translate(-50%,-46%)}}.puz .ctl-help-btn{top:auto;left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:44px}.puz .ctl-leave-btn{display:none}.puz-welcome .rush-send,.puz-done-acts .rush-send,.puz-done-acts .rush-seg-like{min-height:44px}.puz-done-acts .rush-send,.puz-done-acts .rush-seg-like{display:inline-flex;align-items:center;justify-content:center}.puz-list{max-width:1100px;margin:0 auto;padding:24px 16px 60px;color:var(--ink)}.puz-list h1{margin:0;font-size:calc(28px * var(--text-scale, 1))}.puz-list header p{max-width:68ch;margin:6px 0 12px;color:var(--ink-2)}.puz-counts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.puz-counts button{min-width:52px;min-height:44px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}.puz-counts button.is-on{background:#ffd23f;color:#1a120c}.puz-counts span{color:var(--ink-2);font-size:calc(13px * var(--text-scale, 1))}.puz-themes{margin-top:10px}.puz-themes button{padding:6px 14px}.puz-list ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.puz-box{position:relative;display:grid;gap:2px;padding:10px;border-radius:14px;background:linear-gradient(#18243c,#10172a);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .15s,border-color .15s}.puz-box:hover{transform:translateY(-2px);border-color:#ffd23f66}.puz-box img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background:#0b0f1c;margin-bottom:6px}.puz-box-n{position:absolute;top:16px;left:16px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#0009;font-size:calc(12px * var(--text-scale, 1))}.puz-box em{font-style:normal;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-3)}.puz-box-blurb{font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2)}.puz-box-progress{justify-self:start;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:calc(12px * var(--text-scale, 1));background:#ffffff14}.puz-box-progress.is-done{background:#3ddc97;color:#062014}.puz-missing{padding:40px;color:var(--ink)}.puz-clock{color:#ffd23f;font-variant-numeric:tabular-nums}.puz-challenge{max-height:calc(100% - 90px);overflow-y:auto;text-align:left;justify-items:stretch}.puz-challenge .puz-welcome-t,.puz-challenge .puz-welcome-s{text-align:center}.puz-challenge>.rush-send,.puz-challenge>.eject-btn,.puz-challenge>a{justify-self:center}.puz-challenge>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);text-decoration:none}.puz-challenge{gap:12px;padding:18px;background:radial-gradient(120% 60% at 50% 0%,rgb(255 210 63 / .14),transparent 60%),linear-gradient(180deg,#1c122cf2,#0e0a16f2);border:1px solid rgb(255 210 63 / .35);box-shadow:0 0 0 1px #ffffff0a inset,0 18px 50px #00000080,0 0 40px #ffa03c1f}.puz-ch-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.puz-ch-lid{position:relative;width:132px;aspect-ratio:4 / 3;border-radius:6px;border:4px solid #14325c;background:#14325c;box-shadow:0 8px #0b1d38,0 14px 24px #00000080;transform:rotate(-5deg);animation:puz-ch-lid .6s cubic-bezier(.3,1.6,.5,1) both}.puz-ch-lid img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}.puz-ch-count{position:absolute;right:-14px;bottom:-12px;display:grid;place-items:center;align-content:center;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,#ffb000 70%);color:#3a1d00;font-size:calc(9px * var(--text-scale, 1));font-weight:700;line-height:1;text-transform:uppercase;box-shadow:0 3px 8px #00000073;transform:rotate(12deg)}.puz-ch-count b{font-size:calc(18px * var(--text-scale, 1))}.puz-ch-head{display:grid;gap:4px;min-width:0}.puz-ch-k{margin:0;font:calc(10px * var(--text-scale, 1)) / 1.4 "Press Start 2P",monospace;color:#ffd23f;letter-spacing:.04em}.puz-ch-t{margin:0;font-size:calc(22px * var(--text-scale, 1));line-height:1.15}.puz-ch-watch{justify-self:start;margin:4px 0 0;padding:4px 12px;border-radius:8px;background:#07060c;border:1px solid rgb(255 210 63 / .25);color:#ffd23f;font:calc(18px * var(--text-scale, 1)) / 1.3 "Press Start 2P",monospace;text-shadow:0 0 8px rgb(255 210 63 / .6)}.puz-ch-watch i{font-style:normal;animation:puz-ch-blink 1s steps(1) infinite}@keyframes puz-ch-lid{0%{opacity:0;transform:rotate(-14deg) scale(.7) translateY(-12px)}}@keyframes puz-ch-blink{50%{opacity:.15}}@media (prefers-reduced-motion: reduce){.puz-ch-lid,.puz-ch-watch i{animation:none}}.puz-challenge .puz-welcome-s{font-size:calc(14px * var(--text-scale, 1))}.puz-rules{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2)}.puz-rules li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:7px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgb(255 255 255 / .06)}.puz-rules svg{width:30px;height:30px;padding:6px;border-radius:8px;background:#ffd23f24;color:#ffd23f}.puz-rules li:nth-child(2) svg{background:#ff8a3d29;color:#ff9d4d}.puz-rules li:nth-child(3) svg{background:#5dffa81f;color:#5dffa8}@media (max-width: 640px){.puz-ch-lid{width:104px}.puz-ch-count{width:46px;height:46px;right:-12px}.puz-ch-count b{font-size:calc(15px * var(--text-scale, 1))}.puz-ch-t{font-size:calc(19px * var(--text-scale, 1))}}@media (max-width: 640px) and (min-height: 481px){.puz-challenge{top:calc(max(10px,env(safe-area-inset-top)) + 126px);transform:translate(-50%);max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 126px - max(8px,env(safe-area-inset-bottom)));animation:none}}@media (max-height: 480px){.puz-ch-lid{width:96px}.puz-ch-count{width:44px;height:44px}.puz-ch-count b{font-size:calc(14px * var(--text-scale, 1))}.puz-ch-t{font-size:calc(18px * var(--text-scale, 1))}}.puz-board-t{margin:4px 0 0;font:12px/1.2 "Press Start 2P",monospace;color:#ffd23f}.puz-board{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:calc(13px * var(--text-scale, 1))}.puz-board li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:3px 8px;border-radius:8px;background:#ffffff0a}.puz-board li span{color:var(--ink-3)}.puz-board li em{font-style:normal;font-variant-numeric:tabular-nums;color:#ffd23f}.puz-board li.puz-board-gold{background:linear-gradient(90deg,#ffd23f38,#ffd23f0d)}.puz-board li.puz-board-silver{background:linear-gradient(90deg,#c8d6e62e,#c8d6e60a)}.puz-board li.puz-board-bronze{background:linear-gradient(90deg,#d68c5033,#d68c500a)}.puz-board li.puz-board-gold span,.puz-board li.puz-board-silver span,.puz-board li.puz-board-bronze span{font-weight:700;color:var(--ink)}.puz-board li.puz-board-empty{display:block;color:var(--ink-3)}.puz-done .puz-board{margin-top:10px;text-align:left}.puz-error{margin:0;color:#ff8a80;font-size:calc(13px * var(--text-scale, 1))}.puz-list .puz-box-timed{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:6px 10px;border-radius:10px;text-align:center;font-size:calc(13px * var(--text-scale, 1));font-weight:600;color:#1a120c;background:#ffd23f;text-decoration:none}.puz-ref{position:absolute;left:calc(max(16px,env(safe-area-inset-left)) + 36px);bottom:max(12px,env(safe-area-inset-bottom));z-index:3;width:132px;padding:3px;border-radius:10px;border:1px solid var(--line);background:#0e0a16b8;box-shadow:0 10px 30px -12px #000;cursor:zoom-in}.puz-ref img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:7px}@media (max-width: 640px){.puz-ref{width:88px}}.puz-where{display:block;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-2)}.puz-resume{display:flex;align-items:center;gap:10px;margin:0 0 14px;overflow-x:auto;padding-bottom:4px}.puz-resume>span{flex:none;font-size:calc(12px * var(--text-scale, 1));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.puz-resume-item{position:relative;flex:none;width:84px;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#0e0a1699}.puz-resume-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.puz-resume-pct{position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:999px;font-size:calc(12px * var(--text-scale, 1));font-weight:800;color:#10220f;background:#a6f58a}.puz-resume-item:hover,.puz-resume-item:focus-visible{border-color:#a6f58a}.puz-music{position:relative}.puz-music>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;touch-action:manipulation}.puz-music>button.is-on{background:#ffd23f29;border-color:#ffd23f99;color:var(--ink)}.puz-music-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;padding:12px;border-radius:14px;background:#120d1af5;border:1px solid var(--line);box-shadow:0 12px 40px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.puz-music-head{margin:0;font-size:calc(12px * var(--text-scale, 1));letter-spacing:.04em;color:var(--ink-2)}.puz-music-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.puz-music-menu li button{width:100%;min-height:44px;display:grid;align-content:center;gap:1px;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:#ffffff0a;color:var(--ink);cursor:pointer}.puz-music-menu li button:hover,.puz-music-menu li button:focus-visible{border-color:var(--line)}.puz-music-menu li button.is-on{border-color:#ffd23f;background:#ffd23f1a;color:var(--ink)}.puz-music-menu li small{color:var(--ink-2);font-size:calc(12px * var(--text-scale, 1))}.puz-music-now,.puz-music-note{margin:0;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-2)}.puz-music-now{color:#ffd23f}.puz-music-warn{padding:8px 10px;border-radius:10px;border:1px solid #ff9f43;background:#ff9f431f;color:var(--ink);cursor:pointer;text-align:left}.puz-music-vol{display:flex;align-items:center;gap:10px;font-size:calc(13px * var(--text-scale, 1))}.puz-music-vol{min-height:44px}.puz-music-vol input{flex:1;min-width:0;height:32px;accent-color:#ffd23f;--range-accent: #ffd23f;touch-action:pan-x}.puz-music-warn{min-height:44px}.puz-music-label{white-space:nowrap}@media (max-width: 560px){.puz-music-label{display:none}.puz-music-menu{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 122px);left:12px;right:12px;width:auto}}.puz-welcome{z-index:3;touch-action:pan-y;overscroll-behavior:contain}@media (max-height: 480px){.puz-bar{padding:4px 8px}.puz-where{display:none}.puz-welcome{top:calc(max(10px,env(safe-area-inset-top)) + 62px);transform:translate(-50%);width:min(640px,calc(100% - 24px));max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 62px - max(8px,env(safe-area-inset-bottom)));overflow-y:auto;gap:6px;padding:10px 16px;animation:none}.puz-challenge{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 62px - max(8px,env(safe-area-inset-bottom)))}}@media (max-width: 640px) and (min-height: 481px) and (max-height: 760px){.puz-welcome{top:calc(max(10px,env(safe-area-inset-top)) + 126px);transform:translate(-50%);max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 126px - max(8px,env(safe-area-inset-bottom)));overflow-y:auto;animation:none}}@media (max-height: 480px){.puz:has(>.fair-line--puzzle) .puz-challenge{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 102px - env(safe-area-inset-bottom))}}@media (max-width: 640px) and (min-height: 481px) and (max-height: 760px){.puz:has(>.fair-line--puzzle) .puz-challenge{max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 166px - env(safe-area-inset-bottom))}}@media (hover: hover){.puz-counts button:not(.is-on):not([aria-pressed=true]):not([aria-checked=true]):not([aria-selected=true]):hover{color:#fff;border-color:#fff6;background-color:#ffffff1a}}@media (hover: hover){.puz-box-timed:hover{filter:brightness(1.1)}}@media (max-width: 640px){.puz-list ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.puz-box{padding:8px;align-content:start}.puz-box-n{top:12px;left:12px}.puz-box-blurb{display:none}.puz-list .puz-box-timed{padding-inline:6px;font-size:calc(12px * var(--text-scale, 1));text-align:center}}