.game-pixel-blocks{color:#252942;font-synthesis:none;background:#f7f3eb;font-family:Arial,Helvetica,sans-serif}:where(.game-pixel-blocks) *{box-sizing:border-box}.game-pixel-blocks{margin:0}:where(.game-pixel-blocks) button{font:inherit;cursor:pointer}:where(.game-pixel-blocks) a{color:inherit;text-decoration:none}:where(.game-pixel-blocks) .shell{background:radial-gradient(circle at 4% 48%,#fff9eb,#0000 28%),#f7f3eb;min-height:100vh;padding:24px clamp(18px,3vw,52px)}:where(.game-pixel-blocks) .topbar,:where(.game-pixel-blocks) .footer{justify-content:space-between;align-items:center;max-width:1580px;margin:auto;display:flex}:where(.game-pixel-blocks) .topbar{border-bottom:1px solid #dfdad1;height:69px}:where(.game-pixel-blocks) .brand{letter-spacing:1px;align-items:center;gap:9px;font:900 22px Courier New,monospace;display:flex}:where(.game-pixel-blocks) .brand b{color:#ed857b}:where(.game-pixel-blocks) .brand-mark{color:#f4b66b;font-size:31px;line-height:1}:where(.game-pixel-blocks) .header-note,:where(.game-pixel-blocks) .footer,:where(.game-pixel-blocks) .eyebrow,:where(.game-pixel-blocks) .tiny-label,:where(.game-pixel-blocks) .side-stat span,:where(.game-pixel-blocks) .howto-title,:where(.game-pixel-blocks) .metric-card span,:where(.game-pixel-blocks) .metric-card small,:where(.game-pixel-blocks) .tray-label,:where(.game-pixel-blocks) .game-foot,:where(.game-pixel-blocks) .head-right,:where(.game-pixel-blocks) .mode-switch,:where(.game-pixel-blocks) .small-action{letter-spacing:1.2px;font:800 11px Courier New,monospace}:where(.game-pixel-blocks) .header-note{color:#9695a1}:where(.game-pixel-blocks) .header-note span{color:#edaa67;margin-left:9px}:where(.game-pixel-blocks) .layout{grid-template-columns:minmax(240px,1fr) minmax(500px,660px) minmax(175px,.58fr);align-items:start;gap:clamp(20px,3vw,52px);max-width:1580px;margin:38px auto 50px;display:grid}:where(.game-pixel-blocks) .intro{padding-top:55px}:where(.game-pixel-blocks) .eyebrow{color:#ed897d}:where(.game-pixel-blocks) .intro h1{letter-spacing:-3.5px;margin:25px 0 20px;font-size:clamp(42px,4.2vw,74px);font-weight:900;line-height:1.03}:where(.game-pixel-blocks) .intro h1 em{color:#ed897d;font-style:normal}:where(.game-pixel-blocks) .intro>p{color:#81818d;max-width:370px;margin-bottom:31px;font-size:17px;line-height:1.55}:where(.game-pixel-blocks) .mode-switch{background:#eae5df;gap:5px;max-width:360px;padding:5px;display:flex}:where(.game-pixel-blocks) .mode-switch button{color:#82818d;min-height:45px;font:inherit;background:0 0;border:0;flex:1}:where(.game-pixel-blocks) .mode-switch button.active{color:#fff9ed;background:#292d47;box-shadow:3px 3px #cbc5c1}:where(.game-pixel-blocks) .side-stat{border-top:1px solid #ddd6ce;align-items:end;gap:15px;margin-top:37px;padding-top:20px;display:flex}:where(.game-pixel-blocks) .side-stat span{color:#93919d}:where(.game-pixel-blocks) .side-stat strong{font:900 29px Courier New,monospace}:where(.game-pixel-blocks) .howto{background:#fffdf8;border:1px solid #e5dfd6;max-width:390px;margin-top:44px;padding:20px 21px;box-shadow:6px 6px #e9e3db}:where(.game-pixel-blocks) .howto-title{color:#33364f;justify-content:space-between;margin-bottom:20px;display:flex}:where(.game-pixel-blocks) .howto-title span{color:#ea947f}:where(.game-pixel-blocks) .howto p{color:#777887;margin:14px 0;font-size:13px;line-height:1.5}:where(.game-pixel-blocks) .howto p b{color:#e9967a;margin-right:12px;font:900 12px Courier New,monospace}:where(.game-pixel-blocks) .game-panel{background:#242840;padding:18px;box-shadow:12px 12px #e3ded8}:where(.game-pixel-blocks) .game-head{color:#f9f4eb;justify-content:space-between;align-items:start;height:87px;padding:5px 8px;display:flex}:where(.game-pixel-blocks) .tiny-label{color:#94beaa}:where(.game-pixel-blocks) .score{margin-top:7px;font:900 42px/1.1 Courier New,monospace}:where(.game-pixel-blocks) .head-right{color:#989aab;flex-direction:column;align-items:end;gap:13px;display:flex}:where(.game-pixel-blocks) .small-action{color:#f4eddf;background:#343850;border:1px solid #55586e;padding:9px 10px}:where(.game-pixel-blocks) .board-frame{background:#171b32;padding:9px;position:relative;box-shadow:inset 0 0 0 2px #383b53}:where(.game-pixel-blocks) .board{grid-template-columns:repeat(var(--size),1fr);aspect-ratio:1;gap:4px;width:100%;display:grid}:where(.game-pixel-blocks) .cell{touch-action:manipulation;background:#31364e;border:0;min-width:0;min-height:0;padding:0;position:relative;box-shadow:inset 0 3px #3c4159,inset 0 -3px #282c43}:where(.game-pixel-blocks) .cell:hover{filter:brightness(1.13)}:where(.game-pixel-blocks) .cell:focus-visible{outline-offset:-4px;z-index:2;outline:3px solid #fff0aa}:where(.game-pixel-blocks) .cell[class*=color-]{box-shadow:inset -6px -6px #0003,inset 5px 5px #fff5,3px 3px #171a2c}:where(.game-pixel-blocks) .cell[class*=color-]:after{content:"";background:#fff7;width:25%;height:12%;position:absolute;top:16%;left:19%}:where(.game-pixel-blocks) .color-1{background:#f19681!important}:where(.game-pixel-blocks) .color-2{background:#f7bc6d!important}:where(.game-pixel-blocks) .color-3{background:#87cab9!important}:where(.game-pixel-blocks) .color-4{background:#b6a4dc!important}:where(.game-pixel-blocks) .color-5{background:#89afd9!important}:where(.game-pixel-blocks) .cell.preview{opacity:.63}:where(.game-pixel-blocks) .cell.invalid{opacity:.65;background:#e76469!important}:where(.game-pixel-blocks) .tray-label{color:#b9b8c3;justify-content:space-between;padding:22px 4px 10px;display:flex}:where(.game-pixel-blocks) .tray{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}:where(.game-pixel-blocks) .tray-slot{color:#fff;background:#30344c;border:2px solid #454960;place-items:center;height:92px;display:grid}:where(.game-pixel-blocks) .tray-slot.selected{border-color:#f5c975;box-shadow:0 4px #d39464,inset 0 0 0 2px #f5c975}:where(.game-pixel-blocks) .tray-slot.used{opacity:.42;cursor:default}:where(.game-pixel-blocks) .piece-grid{grid-template-rows:repeat(3,18px);grid-template-columns:repeat(4,18px);gap:2px;display:grid}:where(.game-pixel-blocks) .piece-grid i{display:block}:where(.game-pixel-blocks) .piece-grid i.filled{box-shadow:inset -3px -3px #0003,inset 2px 2px #fff6}:where(.game-pixel-blocks) .used-mark{color:#8b93a2;font-size:26px}:where(.game-pixel-blocks) .game-foot{color:#a8acbd;justify-content:space-between;align-items:center;gap:12px;min-height:53px;line-height:1.4;display:flex}:where(.game-pixel-blocks) .game-foot button{color:#f2bd79;font:inherit;white-space:nowrap;background:0 0;border:0}:where(.game-pixel-blocks) .notice{letter-spacing:.4px}:where(.game-pixel-blocks) .metrics{flex-direction:column;gap:16px;padding-top:76px;display:flex}:where(.game-pixel-blocks) .metric-card{background:#fffdf8;border:1px solid #e6dfd6;flex-direction:column;align-items:start;min-height:126px;padding:20px;display:flex;box-shadow:5px 5px #e7e1da}:where(.game-pixel-blocks) .metric-card span{color:#94929d}:where(.game-pixel-blocks) .metric-card strong{margin:7px 0 2px;font:900 42px Courier New,monospace}:where(.game-pixel-blocks) .metric-card small{color:#b4b1b5;font-size:9px}:where(.game-pixel-blocks) .metric-card.combo strong{color:#ed8b7c}:where(.game-pixel-blocks) .daily-note{background:#fae4d3;padding:22px 20px;box-shadow:5px 5px #e5d5c7}:where(.game-pixel-blocks) .daily-note>span{color:#ed927c;font-size:29px}:where(.game-pixel-blocks) .daily-note h3{margin:12px 0 8px;font-size:21px;line-height:1.1}:where(.game-pixel-blocks) .daily-note p{color:#8c7776;margin:0;font-size:12px;line-height:1.5}:where(.game-pixel-blocks) .footer{color:#aaa5a6;border-top:1px solid #e1d9d0;padding-top:14px;font-size:10px}:where(.game-pixel-blocks) .game-over{color:#fff8ee;text-align:center;z-index:5;background:#171b32d9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}:where(.game-pixel-blocks) .game-over>span{color:#f7bd75;font-size:50px}:where(.game-pixel-blocks) .game-over h2{letter-spacing:-2px;margin:10px 0;font:900 clamp(30px,5vw,50px) Arial,sans-serif}:where(.game-pixel-blocks) .game-over p{color:#c4c2cd;margin:0 0 25px}:where(.game-pixel-blocks) .game-over button{color:#292a40;background:#f19380;border:0;padding:15px 25px;font:900 13px Courier New,monospace;box-shadow:0 6px #ad5e5f}:where(.game-pixel-blocks) .game-over button.share-over{color:#f8d39c;box-shadow:none;background:0 0;margin-top:20px}@media (width<=1170px){:where(.game-pixel-blocks) .layout{grid-template-columns:minmax(210px,1fr) minmax(450px,1.5fr);gap:24px}:where(.game-pixel-blocks) .metrics{grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding-top:5px;display:grid}:where(.game-pixel-blocks) .daily-note{padding:15px}:where(.game-pixel-blocks) .daily-note h3{font-size:17px}:where(.game-pixel-blocks) .metric-card{min-height:120px}:where(.game-pixel-blocks) .intro{padding-top:25px}}@media (width<=760px){:where(.game-pixel-blocks) .layout{grid-template-columns:1fr;margin-top:25px}:where(.game-pixel-blocks) .intro{padding:0}:where(.game-pixel-blocks) .intro h1{font-size:50px}:where(.game-pixel-blocks) .intro>p{max-width:650px}:where(.game-pixel-blocks) .howto{display:none}:where(.game-pixel-blocks) .side-stat{margin-top:22px}:where(.game-pixel-blocks) .game-panel{width:min(100%,620px);margin:auto}:where(.game-pixel-blocks) .metrics{grid-template-columns:repeat(3,1fr)}:where(.game-pixel-blocks) .daily-note{grid-column:1/-1}:where(.game-pixel-blocks) .footer{gap:12px}:where(.game-pixel-blocks) .header-note{display:none}}@media (width<=520px){:where(.game-pixel-blocks) .shell{padding:12px}:where(.game-pixel-blocks) .topbar{height:58px}:where(.game-pixel-blocks) .brand{font-size:18px}:where(.game-pixel-blocks) .layout{gap:20px}:where(.game-pixel-blocks) .intro h1{margin:18px 0 12px;font-size:42px}:where(.game-pixel-blocks) .intro>p{margin-bottom:20px;font-size:14px}:where(.game-pixel-blocks) .side-stat{margin-top:18px;padding-top:12px}:where(.game-pixel-blocks) .game-panel{padding:10px;box-shadow:6px 6px #e3ded8}:where(.game-pixel-blocks) .game-head{height:75px}:where(.game-pixel-blocks) .score{font-size:34px}:where(.game-pixel-blocks) .board-frame{padding:5px}:where(.game-pixel-blocks) .board{gap:2px}:where(.game-pixel-blocks) .cell[class*=color-]{box-shadow:inset -3px -3px #0003,inset 3px 3px #fff5}:where(.game-pixel-blocks) .piece-grid{grid-template-rows:repeat(3,13px);grid-template-columns:repeat(4,13px)}:where(.game-pixel-blocks) .tray-slot{height:68px}:where(.game-pixel-blocks) .metrics{gap:8px}:where(.game-pixel-blocks) .metric-card{min-height:94px;padding:12px}:where(.game-pixel-blocks) .metric-card span{font-size:8px}:where(.game-pixel-blocks) .metric-card strong{font-size:28px}:where(.game-pixel-blocks) .metric-card small{font-size:7px}:where(.game-pixel-blocks) .game-foot{font-size:9px}:where(.game-pixel-blocks) .footer{font-size:8px}}