.blocks-classic,.b-game,.b-entry,.b-sample,.b-drag{--bc1:#ffe267;--bc2:#b690f4;--bc3:#80d9bd;--bc4:#ffab96;--bc5:#8bcdf8;--bu:20px}.blocks-candy{--bc1:#ffd3e8;--bc2:#d3b6ff;--bc3:#b8f1d4;--bc4:#ffcaae;--bc5:#aee5ff}.blocks-neon{--bc1:#ffe953;--bc2:#e38aff;--bc3:#5ef4c6;--bc4:#ff82a3;--bc5:#68d7ff}.blocks-space{--bc1:#a998ee;--bc2:#8066d6;--bc3:#6895d8;--bc4:#b78bd6;--bc5:#8494f1}.blocks-gold{--bc1:#ffdf5e;--bc2:#efb93d;--bc3:#ffe9a0;--bc4:#d69331;--bc5:#eac774}.b-color-1{--bc:var(--bc1)}.b-color-2{--bc:var(--bc2)}.b-color-3{--bc:var(--bc3)}.b-color-4{--bc:var(--bc4)}.b-color-5{--bc:var(--bc5)}
.b-cube{box-sizing:border-box;background:linear-gradient(145deg,#ffffff38,transparent 55%),var(--bc);border-radius:5px;box-shadow:inset 0 2px 0 #ffffff55,inset 0 -3px 0 #00000024;border:1px solid #ffffff20}.blocks-neon .b-cube{background:color-mix(in srgb,var(--bc) 24%,#251c3d);border:2px solid var(--bc);box-shadow:inset 0 0 7px var(--bc),0 0 5px color-mix(in srgb,var(--bc) 40%,transparent)}.blocks-space .b-cube{background:radial-gradient(circle at 27% 26%,#fff 0 1px,transparent 2px),radial-gradient(circle at 74% 68%,#ffffff90 0 1px,transparent 2px),linear-gradient(140deg,var(--bc),#40335d)}.blocks-candy .b-cube{border-radius:9px}.blocks-gold .b-cube{background:linear-gradient(135deg,#fff3bc,var(--bc) 48%,#af7520);border-color:#ffe9a0;box-shadow:inset 0 0 0 2px #ffeaa050}.b-invisible{visibility:hidden}.b-sample{display:grid;grid-template-columns:repeat(3,24px);gap:4px;width:max-content;margin:auto}.b-sample>span{width:24px;height:24px}.q-shop-swatch .b-sample span{font-size:inherit!important}.q-shop-preview .b-sample{--bu:30px}
#q404-concept .b-entry{box-sizing:border-box;display:flex;align-items:center;gap:13px;width:100%;padding:14px 17px;margin:18px 0 24px;border:1px solid #bc95e5;border-radius:23px;background:linear-gradient(115deg,#4d2c78,#7250a8);color:#fff5e6;text-align:left;font:inherit;box-shadow:0 5px 0 #29194030}#q404-concept .b-entry>span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}#q404-concept .b-entry small{font-size:10px;line-height:1.4;font-weight:900;letter-spacing:.4px;color:#f7dc82}#q404-concept .b-entry strong{font-size:22px;font-weight:1000}#q404-concept .b-entry>b{font-size:25px;color:#ffe36b}#q404-concept .b-entry-art .b-sample{grid-template-columns:repeat(3,12px);gap:3px;transform:rotate(-9deg)}#q404-concept .b-entry-art .b-sample>span{width:12px;height:12px;border-radius:3px}
#q404-concept .b-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px}#q404-concept .b-heading h1{font-size:28px;line-height:1.1;flex:1;margin:0}#q404-concept .b-heading em{font-style:normal;color:light-dark(#8050ba,#ffe267)}#q404-concept .b-back{width:36px;height:44px;flex-shrink:0;border:0;background:transparent;color:var(--q-text);font-size:35px;padding:0}#q404-concept .b-heading .q-soft{font-size:13px;padding:9px 12px}#q404-concept .b-game{max-width:400px;margin:auto}#q404-concept .b-scores{display:flex;gap:26px;align-items:center;padding:7px 15px;border-radius:20px;background:light-dark(#e6d8f7,#3a2a53)}#q404-concept .b-scores>div{display:grid;gap:2px}#q404-concept .b-scores small{font-size:12px;color:var(--q-muted);font-weight:800}#q404-concept .b-scores strong{font-size:27px;line-height:1.1;font-weight:1000;font-variant-numeric:tabular-nums}#q404-concept .b-scores img{margin-left:auto;width:60px;height:60px}#q404-concept .b-reward{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin:12px 0;font-size:12px}#q404-concept .b-reward small{font-size:11px;color:var(--q-muted)}#q404-concept .b-reward>div{width:100%;height:4px;background:#987cab30;border-radius:8px;overflow:hidden}#q404-concept .b-reward i{height:100%;display:block;background:#ac83ec;border-radius:8px}
#q404-concept .b-board-wrap{position:relative}#q404-concept .b-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;aspect-ratio:1;padding:9px;box-sizing:border-box;border:1px solid #aa8bd755;border-radius:19px;background:#20172f;box-shadow:0 5px 0 #160f2560;touch-action:manipulation}#q404-concept .b-cell{width:100%;min-width:0;min-height:0;aspect-ratio:1;padding:0;border:1px solid #ffffff06;border-radius:5px;background:#493759;color:transparent;box-sizing:border-box}#q404-concept .b-cell.b-cube{background:linear-gradient(145deg,#ffffff38,transparent 55%),var(--bc);border:1px solid #ffffff20}#q404-concept .blocks-neon .b-cell.b-cube{background:color-mix(in srgb,var(--bc) 24%,#251c3d);border:2px solid var(--bc)}#q404-concept .blocks-space .b-cell.b-cube{background:radial-gradient(circle at 27% 26%,#fff 0 1px,transparent 2px),radial-gradient(circle at 74% 68%,#ffffff90 0 1px,transparent 2px),linear-gradient(140deg,var(--bc),#40335d)}#q404-concept .blocks-gold .b-cell.b-cube{background:linear-gradient(135deg,#fff3bc,var(--bc) 48%,#af7520)}#q404-concept .blocks-candy .b-cell.b-cube{border-radius:9px}#q404-concept .b-cell:disabled{opacity:1;cursor:default}#q404-concept .b-cell.b-preview{background:#ffe26780;box-shadow:inset 0 0 0 2px #ffe267}#q404-concept .b-cell.b-invalid{box-shadow:inset 0 0 0 2px #ff8298;background:#b54b6d55}#q404-concept .b-cell:focus-visible{outline:2px solid #ffe267;outline-offset:1px}
#q404-concept .b-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0 0}#q404-concept .b-piece{display:grid;place-items:center;min-width:0;height:94px;padding:7px 0;border:2px solid transparent;border-radius:17px;background:light-dark(#e8ddf6,#352447);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;--bu:15px}#q404-concept .b-piece[aria-pressed=true]{border-color:#eacb67;background:light-dark(#f6edcf,#5d4561)}#q404-concept .b-piece.b-no-fit{opacity:.45}.b-piece-shape{display:grid;grid-template-columns:repeat(var(--pw),var(--bu));grid-template-rows:repeat(var(--ph),var(--bu));gap:3px;pointer-events:none}.b-piece-shape>i{display:block;width:var(--bu);height:var(--bu);font-style:normal}.b-used{color:#a58dbb;font-size:22px}.b-drag{position:fixed;z-index:1000;pointer-events:none;filter:drop-shadow(0 8px 8px #0006)}.b-drag .b-piece-shape{gap:4px}#q404-concept .b-feedback{font-size:13px;font-weight:700;line-height:1.4;min-height:36px;margin:10px 0;color:var(--q-muted)}#q404-concept .b-feedback.b-error{color:light-dark(#953652,#ffa8b9)}#q404-concept .b-tools{display:flex;align-items:flex-end;gap:12px;margin-top:9px}#q404-concept .b-tools label{flex:1;min-width:0;font-size:12px}#q404-concept .b-tools select{background:light-dark(#eee4fb,#3a2a53);color:var(--q-text);font-size:14px}#q404-concept .b-tools button{margin:0;min-height:44px}#q404-concept .b-rules{margin:22px 0;font-size:14px;line-height:1.55;color:var(--q-muted)}#q404-concept .b-rules summary{min-height:44px;cursor:pointer;font-weight:800;color:var(--q-text)}#q404-concept .b-over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#20172fe8;border-radius:19px;padding:25px;text-align:center;color:#fff3df}#q404-concept .b-over strong{font-size:28px;line-height:1.2}#q404-concept .b-over .q-action{width:100%;font-size:17px}#q404-concept .b-cleared{animation:b-clear .6s ease-out}@keyframes b-clear{0%{background:#fff0a6;transform:scale(1.05);box-shadow:0 0 13px #ffdc68}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#q404-concept .b-cleared{animation:none}}@media(max-width:360px){#q404-concept .b-piece{--bu:13px;height:88px}#q404-concept .b-heading h1{font-size:25px}#q404-concept .b-reward{font-size:11px}}