:root{--green:#6aaa64;--yellow:#c9b458;--gray:#787c7e;--key:#d3d6da;--border:#d3d6da;--text:#000;--page:#fff}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #1a73e8}.game-shell{flex-direction:column;width:100%;height:100dvh;display:flex}.topbar{border-bottom:1px solid #d3d6da;flex:0 0 58px;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 16px;display:grid}.topbar h1{letter-spacing:.8px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:800;line-height:1}.icon-button{cursor:pointer;background:0 0;border:0;width:32px;height:40px;padding:0}.hamburger{flex-direction:column;justify-content:center;justify-self:start;align-items:center;gap:5px;display:flex}.hamburger span{background:#000;border-radius:2px;width:20px;height:2px;display:block}.header-actions{justify-self:end;align-items:center;gap:6px;display:flex}.help-icon{border:2px solid #000;border-radius:50%;width:26px;height:26px;font-size:17px;font-weight:700;line-height:20px}.stats-icon{justify-content:center;align-items:flex-end;gap:2px;padding-bottom:8px;display:flex}.stats-icon i{background:#000;width:4px;display:block}.stats-icon i:first-child{height:10px}.stats-icon i:nth-child(2){height:17px}.stats-icon i:nth-child(3){height:13px}.game{flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-height:0;padding:11px 8px 9px;display:flex}.board{aspect-ratio:5/6;grid-template-rows:repeat(6,1fr);gap:5px;width:min(350px,83.3dvh - 195.755px,100vw - 28px);display:grid}.board-row{grid-template-columns:repeat(5,1fr);gap:5px;min-height:0;display:grid}.tile{perspective:1000px;min-width:0;min-height:0;position:relative}.tile-inner{border:2px solid var(--border);transform-style:preserve-3d;background:#fff;position:absolute;inset:0;overflow:hidden}.tile.has-photo .tile-inner{border-color:#878a8c;animation:.1s ease-in-out pop}.tile img{object-fit:cover;object-position:center 27%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.tile-shade{opacity:0;mix-blend-mode:multiply;position:absolute;inset:0}.tile.is-correct .tile-inner,.tile.is-present .tile-inner,.tile.is-absent .tile-inner{border:0}.tile.is-correct .tile-shade,.mini-tile.is-correct span{opacity:1;background:#6aaa64e6}.tile.is-present .tile-shade,.mini-tile.is-present span{opacity:1;background:#c9b458e6}.tile.is-absent .tile-shade,.mini-tile.is-absent span{opacity:1;background:#787c7eeb}.tile.is-revealing .tile-inner{animation:flip .6s ease var(--delay) both}.tile.is-revealing .tile-shade{animation:reveal-shade .6s steps(1, end) var(--delay) both}.is-celebrating .tile{animation:bounce .9s ease var(--bounce-delay)}.is-shaking{animation:.6s shake}.selector{width:min(500px,100%);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;gap:7px;display:flex}.photo-keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 14px;display:grid}.photo-key{background:var(--key);cursor:pointer;border:0;border-radius:4px;height:clamp(54px,8.5dvh,72px);padding:4px;transition:background .2s;position:relative;overflow:hidden}.photo-key img{object-fit:cover;object-position:center 25%;border-radius:2px;width:100%;height:100%;display:block}.photo-key span{color:#fff;background:#000000b8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:6px;right:7px}.photo-key:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.9;position:absolute;inset:0}.photo-key.is-correct:after{background:var(--green)}.photo-key.is-present:after{background:var(--yellow)}.photo-key.is-absent:after{background:var(--gray)}.photo-key:active,.action-key:active{filter:brightness(.94);transform:translateY(1px)}.photo-key:disabled,.action-key:disabled{cursor:default}.action-keys{grid-template-columns:1fr 76px;gap:7px;padding:0 14px;display:grid}.action-key{background:var(--key);cursor:pointer;border:0;border-radius:4px;height:48px;font-size:12px;font-weight:700}.delete-key{font-size:24px}.blast-launch{color:#fff;letter-spacing:.3px;background:#5b46d8;grid-column:1/-1;font-size:14px}.toast{z-index:30;color:#fff;white-space:nowrap;background:#000;border-radius:4px;padding:13px 16px;font-size:14px;font-weight:700;animation:.18s toast-in;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0000002e}.modal-backdrop{z-index:20;background:#ffffffbd;place-items:center;padding:14px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(500px,100%);max-height:calc(100dvh - 28px);padding:30px 30px 28px;animation:.2s modal-in;position:relative;overflow-y:auto;box-shadow:0 4px 23px #0003}.modal-close{cursor:pointer;background:0 0;border:0;font-size:34px;font-weight:300;line-height:1;position:absolute;top:8px;right:10px}.modal h2{text-align:center;letter-spacing:.5px;margin:4px 0 22px;font-size:18px}.modal h3{text-align:center;letter-spacing:.5px;margin:26px 0 14px;font-size:14px}.help-modal>p{margin:0 0 12px;font-size:15px;line-height:1.45}.examples{border-top:1px solid #d3d6da;border-bottom:1px solid #d3d6da;margin:18px 0;padding:14px 0 10px}.examples>p{margin:0 0 13px;font-size:15px}.example-line{grid-template-columns:54px 1fr;align-items:center;gap:12px;margin:10px 0;display:grid}.example-line p{margin:0;font-size:13px;line-height:1.3}.mini-tile{border:2px solid #878a8c;width:54px;height:54px;position:relative;overflow:hidden}.mini-tile img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.mini-tile span{mix-blend-mode:multiply;position:absolute;inset:0}.daily-note{font-weight:700}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-width:350px;margin:10px auto 24px;display:grid}.stat-grid div{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-grid strong{font-size:34px;font-weight:400;line-height:1.1}.stat-grid span{font-size:11px;line-height:1.15}.distribution{max-width:360px;margin:0 auto}.distribution-row{grid-template-columns:16px 1fr;align-items:center;gap:5px;margin:4px 0;font-size:12px;font-weight:700;display:grid}.distribution-row>div{text-align:right;color:#fff;background:var(--gray);min-width:22px;padding:3px 5px}.distribution-row>div.current-result{background:var(--green)}.share-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:4px;margin:28px auto 2px;padding:14px 24px;font-size:18px;font-weight:700;display:block}.share-button span{margin-left:5px;font-size:22px}.come-back{text-align:center;color:#555;margin:28px 0 0;font-size:13px}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.result-actions .share-button{margin:0}.blast-modal-button{color:#4935c7;cursor:pointer;background:#fff;border:2px solid #5b46d8;border-radius:4px;min-height:50px;padding:12px 18px;font-size:13px;font-weight:800}.blast-shell{--blast-purple:#6847e8;--blast-deep:#21175d;color:#fff;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 15% 10%,#a282ffb3,#0000 27%),radial-gradient(circle at 88% 78%,#36dadc45,#0000 30%),linear-gradient(155deg,#21175d 0%,#44258a 52%,#17113f 100%);flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow:hidden}.blast-topbar{border-bottom:1px solid #fff3;flex:0 0 66px;grid-template-columns:100px 1fr 100px;align-items:center;height:66px;padding:0 12px;display:grid}.blast-topbar h1{text-align:center;letter-spacing:-.5px;text-shadow:0 3px #00000040;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,5vw,29px);font-style:italic;font-weight:950}.blast-back,.blast-new,.blast-share{color:#fff;cursor:pointer;background:0 0;border:0}.blast-back{justify-self:start;font-size:46px;font-weight:300;line-height:1}.blast-header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.blast-new,.blast-share{letter-spacing:.45px;padding:7px 0;font-size:10px;font-weight:800}.blast-share{color:#9fffe8}.blast-game{width:min(570px,100%);min-height:0;padding:13px 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;margin:0 auto;display:flex}.blast-scores{grid-template-columns:repeat(3,1fr);gap:9px;width:min(430px,100%);margin-bottom:12px;display:grid}.blast-scores div{background:#0d07336b;border:1px solid #ffffff38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:51px;display:flex;box-shadow:inset 0 1px #ffffff1f}.blast-scores span{letter-spacing:1.2px;opacity:.72;font-size:9px}.blast-scores strong{font-variant-numeric:tabular-nums;font-size:23px;line-height:1.05}.blast-scores .hot-combo{background:#eb50b266;animation:.65s ease-in-out infinite alternate combo-pulse}.blast-board{--blast-board-size:min(430px, calc(100vw - 32px), calc(100dvh - 310px));width:var(--blast-board-size);height:var(--blast-board-size);flex:0 0 var(--blast-board-size);background:#0805248c;border:1px solid #fff3;border-radius:15px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:clamp(2px,.7vw,4px);padding:clamp(5px,1.3vw,8px);display:grid;box-shadow:0 14px 40px #06022359,inset 0 1px #ffffff1f}.blast-cell{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff18;border:1px solid #ffffff12;border-radius:5px;min-width:0;min-height:0;padding:0;transition:transform 90ms,background 90ms,box-shadow 90ms;position:relative;overflow:hidden}.blast-cell img,.piece-block img{object-fit:cover;object-position:center 24%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.blast-cell.is-filled{border-color:#ffffff7a;animation:.2s cubic-bezier(.2,.8,.3,1.3) block-drop;box-shadow:inset 0 0 0 1px #fff3,0 2px 5px #0000004d}.blast-cell.is-filled:after,.piece-block:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 46%,#1900502b);position:absolute;inset:0}.blast-cell.is-preview{background:#78ffdd9e;box-shadow:inset 0 0 0 2px #e0fff8b8,0 0 10px #78ffddb3}.blast-cell.was-cleared{animation:.38s clear-flash}.blast-message{color:#ffffffd1;text-align:center;height:20px;margin:8px 0 4px;font-size:12px;font-weight:700}.blast-tray{grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;width:min(500px,100%);height:112px;display:grid}.blast-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff14;border:2px solid #0000;border-radius:14px;place-items:center;height:106px;padding:7px;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:grid}.blast-piece:active{cursor:grabbing}.blast-piece.is-selected{background:#89ffe22e;border-color:#89ffe2;transform:translateY(-7px)scale(1.04);box-shadow:0 7px 22px #00000038}.blast-piece.cannot-fit{opacity:.32;filter:grayscale(.6)}.piece-grid{pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;gap:2px;display:grid}.piece-block{border:1px solid #ffffff80;border-radius:4px;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000052}.piece-gap{min-width:0;min-height:0}.blast-drag-ghost{z-index:40;pointer-events:none;filter:drop-shadow(0 10px 8px #00000061);position:fixed;transform:translate(-10px,-10px)}.drag-grid{background:#7557ee47;border-radius:8px;padding:5px}.blast-loading{text-align:center;opacity:.7;grid-column:1/-1}.blast-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0427d1}.blast-over{color:#fff;text-align:center;background:linear-gradient(150deg,#6f4ef1,#311d7c);border:2px solid #ffffff59;border-radius:22px;width:min(360px,100%);padding:36px 24px 28px;overflow:hidden}.blast-over-kicker{letter-spacing:2px;opacity:.7;margin:0 0 8px;font-size:11px;font-weight:800}.blast-over h2{margin:0 0 15px;font-size:26px}.blast-over>strong{font-size:64px;line-height:1;display:block}.blast-over>span{letter-spacing:1px;opacity:.75;margin:8px 0 24px;font-size:12px;font-weight:800;display:block}.blast-over button{color:#3e25a0;cursor:pointer;background:#fff;border:0;border-radius:11px;width:100%;min-height:52px;font-weight:900}.blast-over-actions{grid-template-columns:.8fr 1.2fr;gap:9px;display:grid}.blast-over-actions button:first-child{color:#fff;background:0 0;border:2px solid #ffffffb3}@keyframes block-drop{0%{opacity:.5;transform:scale(.55)}}@keyframes clear-flash{0%,to{opacity:1}45%{background:#fff;transform:scale(1.13);box-shadow:0 0 20px #fff}}@keyframes combo-pulse{to{transform:scale(1.04);box-shadow:0 0 18px #ff60d366}}@keyframes pop{0%{opacity:.7;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes flip{0%{transform:rotateX(0)}49%{transform:rotateX(-90deg)}51%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes reveal-shade{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-18px)}50%{transform:translateY(4px)}60%{transform:translateY(-8px)}80%,to{transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@media (width<=420px){.topbar{flex-basis:52px;height:52px;padding:0 10px}.topbar h1{font-size:25px}.game{padding-top:8px}.board{width:min(330px,83.3dvh - 231.574px,100vw - 24px)}.photo-keys{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-keys,.action-keys{padding-inline:5px}.modal{padding:28px 20px 22px}.blast-game{padding-inline:10px}.blast-board{--blast-board-size:min(calc(100vw - 20px), calc(100dvh - 300px))}.blast-tray{height:105px}.blast-piece{height:98px}.blast-topbar{grid-template-columns:86px 1fr 86px;padding-inline:8px}.blast-header-actions{gap:6px}.blast-new,.blast-share{font-size:9px}}@media (height<=640px){.topbar{flex-basis:48px;height:48px}.topbar h1{font-size:24px}.game{padding-block:6px}.selector{gap:5px}.photo-key{height:48px}.action-key{height:42px}.board{width:min(285px,83.3dvh - 183.26px,100vw - 24px)}.blast-topbar{flex-basis:50px;height:50px}.blast-game{padding-top:7px}.blast-scores{margin-bottom:6px}.blast-scores div{min-height:39px}.blast-scores strong{font-size:18px}.blast-board{--blast-board-size:min(360px, calc(100vw - 22px), calc(100dvh - 235px))}.blast-message{margin-block:5px 1px}.blast-tray{height:82px}.blast-piece{height:78px;padding:4px}}@media (height<=480px){body{overflow-y:auto}.game-shell{height:auto;min-height:560px}.game{min-height:508px}.board{width:min(250px,100vw - 24px)}.photo-key{height:44px}.action-key{height:38px}.blast-shell{min-height:520px}.blast-board{--blast-board-size:min(270px, calc(100vw - 22px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-delay:0s!important}}