.qz-game{--qz-ink:#a8c9df;--qz-gold:#ebc9ab}.qz-game .eyebrow{color:#9cb8ce}.qz-game h1>span{color:#ebc9ab}.qz-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.qz-play{border:1px solid #30475b;border-radius:22px;background:#172330;overflow:hidden}.qz-board-heading{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#2c4051,#1a2b3c)}.qz-board-heading h2{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:500;margin-top:7px}.qz-badge{border:1px solid #617287;padding:7px 10px;border-radius:20px;font-size:9px;color:#c4d4df;letter-spacing:1px;white-space:nowrap}.qz-table{padding:19px 35px 28px;background:radial-gradient(ellipse at 50% 40%,#3d5366 0%,#263c50 48%,#192d40 100%);position:relative}.qz-table-toolbar{display:flex;justify-content:space-between;align-items:center;color:#a6bdcf;font-size:10px;letter-spacing:1.5px;gap:12px}.qz-table-toolbar label{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:0}.qz-table-toolbar input{accent-color:#a6cde0}.qz-stage{perspective:1100px;max-width:430px;width:100%;margin:26px auto 23px;padding:14px 14px 23px;filter:drop-shadow(0 22px 21px #08142480)}.qz-board{position:relative;width:100%;aspect-ratio:1;transform:rotateX(12deg);transform-style:preserve-3d;background:#101f2d;border:3px solid #162b3a;border-radius:13px;box-shadow:0 0 0 10px #526979,0 0 0 12px #9eb4bd,0 13px 0 12px #1b3040,0 15px 0 12px #142534,inset 0 0 22px #0009}.qz-slots{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);padding:2px;pointer-events:none}.qz-slots>span{display:grid;place-items:center;margin:3px;border:1px solid #364f60;border-radius:8px;color:#66859855;font-family:'Space Grotesk',sans-serif;font-size:17px;background:#172b3b}.qz-slots>span:last-child{color:#9bbfcb66}.qz-tile{position:absolute;width:25%;height:25%;background:transparent;border:0;padding:5px;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),7px);transition:left .18s cubic-bezier(.2,.7,.25,1),top .18s cubic-bezier(.2,.7,.25,1);touch-action:none;user-select:none;color:#263b4a;cursor:default;opacity:1!important;--tile-light:#dce8e7;--tile-mid:#c7d9dc;--tile-dark:#819da9}.qz-tile[data-band="1"]{--tile-light:#c9e2ee;--tile-mid:#a6c7db;--tile-dark:#6489a4}.qz-tile[data-band="2"]{--tile-light:#e2ddeb;--tile-mid:#c8c1d9;--tile-dark:#9185a7}.qz-tile[data-band="3"]{--tile-light:#f3d6bc;--tile-mid:#ddb79b;--tile-dark:#a17d65}.qz-tile>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.4vw,39px);font-weight:500;text-shadow:0 1px #fff9;border-radius:10px;background:linear-gradient(145deg,var(--tile-light),var(--tile-mid) 75%);border:1px solid #ffffff85;box-shadow:inset 1px 2px 1px #ffffff85,inset -1px -2px 2px #26374830,0 5px 0 var(--tile-dark),0 7px 4px #0007;transition:filter .15s,box-shadow .15s}.qz-tile>small{position:absolute;bottom:12%;right:13%;font-size:7px;color:#4b6870;opacity:0}.qz-tile.in-place>small{opacity:.8}.qz-tile.can-slide{cursor:grab}.qz-tile.can-slide:hover>span{filter:brightness(1.09);box-shadow:inset 1px 2px 1px #fff9,0 5px 0 var(--tile-dark),0 8px 7px #0008,0 0 0 2px #d2edf1}.qz-tile.dragging{cursor:grabbing;z-index:10;transition:none}.qz-tile.is-hint>span{outline:3px solid #ffedb3;outline-offset:0;filter:brightness(1.1)}.qz-tile:focus-visible{outline:3px solid #fff4c9;outline-offset:-3px;border-radius:12px;z-index:11}.qz-board.is-won{box-shadow:0 0 0 10px #718b9b,0 0 0 12px #edceac,0 13px 0 12px #293f51,0 0 35px 8px #ecc79835}.qz-still .qz-tile{transition:none}.qz-caption{text-align:center;font-size:9px;letter-spacing:1.8px;color:#aac0ce;line-height:1.7}.qz-win{display:flex;align-items:center;gap:13px;padding:19px 24px;background:linear-gradient(110deg,#4a5459,#334e62);border-top:1px solid #b8b8a7}.qz-win[hidden]{display:none}.qz-win>span{color:#efcbaa;font-size:33px}.qz-win strong{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:500}.qz-win p{font-size:11px;color:#c6d4d9;margin-top:6px}.qz-primary.button{background:#e9c9ab;color:#243648;border-color:#e9c9ab}.qz-primary.button:hover:not(:disabled){background:#f5dcc6}.qz-win .button{margin-left:auto;white-space:nowrap;font-size:12px}.qz-instruction{min-height:47px;padding:15px 24px 5px;font-size:12px;color:#b0c9dc;line-height:1.7}.qz-toolbar{display:flex;align-items:center;gap:8px;padding:13px 24px 20px}.qz-toolbar .quiet-button{margin-left:auto;font-size:12px}.qz-hints{border-top:1px solid #385168;padding:20px 24px;background:#203547}.qz-hints>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.qz-hints h2{display:flex;align-items:center;gap:8px;font-size:14px}.qz-hints .button{font-size:12px;white-space:nowrap}.qz-hints p{font-size:12px;line-height:1.8;color:#b5c9d7;margin-top:10px}.qz-hints #qz-apply{margin-top:12px}.qz-side{display:grid;gap:18px}.qz-panel{border:1px solid #32495c;border-radius:17px;padding:21px;background:#162736}.qz-intro{background:linear-gradient(150deg,#344753,#162b3e)}.qz-intro h2{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:400;line-height:1.35;margin:15px 0}.qz-intro p{font-size:12px;line-height:1.8;color:#b6c7d0}.qz-target{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0;max-width:170px}.qz-target span{display:grid;place-items:center;background:#405665;border:1px solid #6c818d;border-radius:4px;aspect-ratio:1;font-size:13px;color:#d4e1e5}.qz-target span:last-child{background:#182c3c;border:1px dashed #5a7384}.qz-intro .qz-keys{font-size:10px;margin-top:15px;color:#91acbf}.qz-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:16px}.qz-panel-heading h2{font-size:14px}.qz-panel-heading>span{font-size:11px;color:#9eb6c6}.qz-levels{display:grid;gap:6px}.qz-levels button{display:flex;text-align:left;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;padding:10px 8px;background:transparent;width:100%}.qz-levels button:hover{background:#263f52}.qz-levels button[aria-pressed=true]{border-color:#6f91a8;background:#314d61}.qz-levels button>span:first-child{font-family:'Space Grotesk',sans-serif;color:#bbd3e2;font-size:18px}.qz-levels strong{display:block;font-size:12px;font-weight:500}.qz-levels small{display:block;margin-top:4px;font-size:10px;color:#93b0c6}.qz-levels .qz-check{margin-left:auto;color:#ecd5b8;visibility:hidden}.qz-levels .completed .qz-check{visibility:visible}.qz-progress>div{margin-top:14px;color:#a7c0d2;font-size:12px}.qz-progress strong{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:400;color:#dce7e9;margin-right:8px}.qz-progress p{font-size:11px;color:#90adbf;line-height:1.7;margin-top:11px}.qz-particles{position:absolute;inset:0;pointer-events:none;transform:translateZ(20px);z-index:20;overflow:visible}.qz-particles i{position:absolute;width:6px;height:6px;border-radius:2px;background:var(--color);left:var(--x);top:30%;animation:qz-confetti 1.5s var(--delay) both ease-out}.qz-card{background:radial-gradient(ellipse at top right,#4e749755,transparent 70%),#14202d}.qz-card .card-symbol{color:#ebd0b9;background:linear-gradient(135deg,#577487,#293f54)}@keyframes qz-confetti{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate3d(var(--dx),-130px,0) rotate(240deg);opacity:0}}
@media(max-width:1150px){.qz-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.qz-panel{padding:17px}.qz-table{padding:18px 22px 25px}.qz-win{flex-wrap:wrap}.qz-win .button{flex-basis:100%;margin:0}}
@media(max-width:820px){.qz-layout{grid-template-columns:1fr}.qz-intro{display:none}.qz-side{grid-template-columns:1fr}.qz-levels{grid-template-columns:1fr 1fr}.qz-table{padding:18px 22px 24px}.qz-stage{max-width:410px}.qz-tile>span{font-size:34px}.qz-win .button{flex-basis:auto;margin-left:auto}}
@media(max-width:480px){.qz-game .game-heading{flex-wrap:wrap;gap:15px}.qz-game h1{font-size:35px}.qz-game .game-stats{width:100%;gap:25px}.qz-game .game-stats>div:not(.stat-divider){display:flex;align-items:baseline;gap:7px}.qz-game .game-stats strong{font-size:23px}.qz-game .game-stats>div>span{font-size:10px}.qz-game .stat-divider{display:none}.qz-board-heading{padding:17px}.qz-board-heading h2{font-size:21px}.qz-badge{font-size:8px;padding:6px 8px}.qz-table{padding:15px 14px 17px}.qz-table-toolbar{font-size:8px;letter-spacing:.8px}.qz-stage{margin:12px auto 9px;padding:11px 11px 19px}.qz-tile{padding:4px}.qz-tile>span{font-size:28px;border-radius:7px}.qz-caption{font-size:8px;letter-spacing:.8px}.qz-instruction{padding:14px 17px 5px;font-size:11px}.qz-toolbar{padding:11px 15px 17px}.qz-toolbar .button{font-size:12px;padding:9px 12px}.qz-toolbar .quiet-button{font-size:10px}.qz-hints{padding:17px}.qz-hints h2{font-size:12px;line-height:1.5}.qz-hints .button{padding:9px 10px}.qz-win{padding:17px;gap:10px}.qz-win strong{font-size:18px}.qz-win p{font-size:10px}.qz-win .button{flex-basis:100%;margin:0}.qz-levels{grid-template-columns:1fr}.qz-levels strong{font-size:13px}.qz-levels small{font-size:11px}.qz-tile>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.qz-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}