:root{color:#f2f3f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0e11;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#0d0e11;min-width:320px;min-height:100svh;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--q-background:#0d0e11;--q-background-glow:#1b1e25;--q-invalid:#ff4d5e;--q-success:#6cf2d2;--q-text-primary:#f2f3f5;--q-text-secondary:#8d93a0;--q-text-muted:#7a808c;--q-surface:#17191e;--q-surface-raised:#1e2127;--q-hairline:#ffffff1a;--q-accent:#5b8cff;--q-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.game-root{box-sizing:border-box;height:100dvh;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--q-background);color:var(--q-text-primary);font-family:var(--q-font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.app-backdrop{background:radial-gradient(circle 110vmin at 50% 32.5%, var(--q-background-glow), var(--q-background));pointer-events:none;position:absolute;inset:0}.game-column{flex-direction:column;align-items:center;display:flex;position:relative}.game-column.phone{height:100%}.game-columns{justify-content:center;align-items:center;gap:40px;height:100%;display:flex;position:relative}.game-root.wide .tray-area{flex:none;align-self:center}.game-header{flex:none;align-items:center;gap:8px;display:flex}.game-title{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex}.brand-small{letter-spacing:3.2px;color:var(--q-text-secondary);font-size:11px;font-weight:800;line-height:1.2}.game-subtitle{white-space:nowrap;text-overflow:ellipsis;color:var(--q-text-primary);font-size:19px;font-weight:700;line-height:1.2;animation:.25s ease-out q-fade-in;overflow:hidden}.game-subtitle.solved{color:var(--q-success)}.clock-pill{color:var(--q-text-secondary);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.menu-button{width:44px;height:44px;color:var(--q-text-secondary);cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.menu-button:disabled{color:#7a808c66;cursor:default;background:#ffffff08}.board-frame{box-sizing:border-box;background-origin:border-box;flex:none;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.board-grid{touch-action:none;position:relative}.board-layer{pointer-events:none}.hint-layer,.reject-layer,.solved-sweep{pointer-events:none;position:absolute;inset:0}.reject-layer{animation-name:q-reject;animation-timing-function:ease-in;animation-fill-mode:forwards}.reject-cell{box-sizing:border-box;background:#ff4d5e47;border-style:solid;border-color:#ff4d5ee6;position:absolute}@keyframes q-reject{0%{opacity:1}to{opacity:0}}.tray-bar{flex:none;align-items:center;gap:8px;display:flex}.tray-bar-text{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:0;color:var(--q-text-secondary);flex:1;font-size:13px;line-height:1.3;animation:.2s ease-out q-fade-in;overflow:hidden}.tray-bar-text.tip{color:var(--q-text-muted)}.tray-bar-text.hint{color:var(--q-accent)}.tray-bar-count{font-variant-numeric:tabular-nums;color:var(--q-text-secondary);margin-right:2px;font-size:13px}.pill-button{height:34px;color:var(--q-text-primary);font:600 14px/1 var(--q-font);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:flex}.hint-pill{gap:4px;padding:0 11px}.pill-button:disabled{color:#7a808c73;cursor:default;border-color:#ffffff0f}.hint-pill.shown{color:var(--q-accent);border-color:#5b8cff99}.hint-pill .hint-video{color:var(--q-accent)}.hint-pill:disabled .hint-video{color:inherit}.tray-area{box-sizing:border-box;flex:1;min-height:0;padding:4px 0 12px;position:relative}.tray-host{position:absolute;inset:4px 0 12px}.piece-tray{position:absolute;inset:0}.tray-slot{place-items:center;display:grid;position:absolute}.tray-piece{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid}.tray-piece:disabled{cursor:default}.tray-piece:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #5b8cffcc}.drag-overlay{z-index:1000;pointer-events:none;transform-origin:0 0;will-change:transform;transition:opacity 90ms linear;position:fixed;top:0;left:0}.start-prompt{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .14s,transform .16s ease-in;display:flex;position:absolute;top:35%;left:0;right:0;transform:translateY(-50%)scale(.86)}.start-prompt.ready{opacity:1;pointer-events:auto;transition:opacity .26s,transform .32s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-50%)scale(1)}.caption{color:var(--q-text-muted);text-align:center;margin:0;font-size:13px;line-height:1.3}.skip-caption{text-align:center;color:var(--q-text-muted);opacity:0;pointer-events:none;margin:0;font-size:13px;line-height:1.3;transition:opacity .2s;position:absolute;bottom:20px;left:0;right:0}.skip-caption.visible{opacity:1}.roll-dice-button{box-sizing:border-box;color:#fff;min-width:220px;max-width:300px;height:64px;font:700 20px/1 var(--q-font);letter-spacing:.2px;cursor:pointer;background:linear-gradient(#5d90ff,#3060c7);border:1px solid #ffffff42;border-radius:32px;justify-content:center;align-items:center;gap:14px;padding:0 32px;transition:transform .11s ease-out,box-shadow .16s,background .16s,border-color .16s;display:flex;box-shadow:0 0 31px #3e7bff80,0 8px 19.5px #00000073}.roll-dice-button.pressed{background:linear-gradient(#6c9bff,#3060c7);border-color:#fff6;transform:scale(.95);box-shadow:0 0 42.6px 2px #3e7bffbf,0 8px 19.5px #00000073}.roll-dice-button:disabled{cursor:default}.dice-roll-layer{z-index:50;touch-action:none;cursor:pointer;position:absolute;inset:0;overflow:hidden}.roll-effects{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.roll-tile{pointer-events:none;position:absolute;top:0;left:0}.roll-die3d{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.roll-face{transform-origin:0 0;backface-visibility:visible;width:100px;height:100px;position:absolute;top:0;left:0}.result-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.26s cubic-bezier(.215,.61,.355,1) q-rise-in;display:flex;position:absolute;inset:4px 0 12px}.result-stars{flex-direction:column;align-items:center;gap:2px;display:flex}.result-star-row{display:flex}.result-balance{color:var(--q-accent);font-size:13px;line-height:1.3}.result-title{color:var(--q-text-primary);margin:10px 0 0;font-size:22px;font-weight:800;line-height:1.2}.result-time{color:var(--q-text-secondary);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:15px;line-height:1.4}.result-panel .caption{margin-top:3px}.result-actions{flex-direction:column;gap:10px;width:min(100%,340px);margin-top:20px;display:flex}.result-secondary{gap:10px;display:flex}.result-secondary>*{flex:1}.result-back{justify-content:center;display:flex;position:absolute;bottom:12px;left:0;right:0}@keyframes q-fade-in{0%{opacity:0}to{opacity:1}}@keyframes q-rise-in{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}.q-action{box-sizing:border-box;font-family:var(--q-font);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:10px 24px;transition:transform .11s,background .14s,border-color .14s,box-shadow .14s,opacity .12s;display:flex}.q-action.pressed{transform:scale(.97)}.q-action:disabled{cursor:default}.q-action-title{align-items:center;gap:10px;min-width:0;display:flex}.q-action-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.q-action-stack{flex-direction:column;align-items:center;gap:3px;display:flex}.q-action-detail{color:var(--q-text-secondary);font-variant-numeric:tabular-nums;font-size:13px;line-height:1.3}.q-primary{background:linear-gradient(180deg, #252e41, var(--q-surface));min-height:56px;color:var(--q-text-primary);border:1.2px solid #5b8cff99;border-radius:18px;font-size:17px;font-weight:700;box-shadow:0 0 24.1px #5b8cff2e}.q-primary.with-detail{min-height:64px}.q-primary.compact{border-radius:15px;min-height:48px;padding:6px 14px}.q-primary.pressed{background:linear-gradient(180deg, #2c3957, var(--q-surface));border-color:#5b8cffe6;box-shadow:0 0 31px #5b8cff52}.q-primary:disabled{box-shadow:none;color:#f2f3f559;border-color:#5b8cff33}.q-secondary{min-height:56px;color:var(--q-text-primary);background:#17191ee6;border:1px solid #ffffff1c;border-radius:18px;padding:8px 18px;font-size:16px;font-weight:600}.q-secondary.compact{border-radius:15px;min-height:48px}.q-secondary.icon-only{padding:8px 0}.q-secondary.pressed{background:var(--q-surface-raised);border-color:#fff3}.q-secondary:disabled{color:#f2f3f559}.q-quiet{min-width:48px;min-height:48px;color:var(--q-text-secondary);background:0 0;border:0;padding:8px 16px;font-size:16px;font-weight:600}.q-quiet.pressed{opacity:.6}.q-quiet:disabled{color:#8d93a059}.q-sheet-scrim{z-index:1200;background:#0000008c;justify-content:center;align-items:flex-end;animation:.18s ease-out q-fade-in;display:flex;position:fixed;inset:0}.q-sheet{box-sizing:border-box;width:min(100%,520px);padding:10px 20px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--q-hairline);background:var(--q-surface);color:var(--q-text-primary);font-family:var(--q-font);border-bottom:0;border-radius:24px 24px 0 0;animation:.26s cubic-bezier(.215,.61,.355,1) q-sheet-up}.q-sheet-handle{background:#ffffff2e;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.sheet-title{text-align:center;margin:0 0 16px;font-size:22px;font-weight:800;line-height:1.2}.sheet-body{text-align:center;color:var(--q-text-secondary);margin:-6px 0 18px;font-size:15px;line-height:1.4}.sheet-actions{flex-direction:column;gap:10px;display:flex}.menu-row{min-height:52px;color:var(--q-text-primary);font:600 16px/1 var(--q-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:0 16px;display:flex}.menu-row svg{color:var(--q-text-secondary)}.menu-row:hover{background:#ffffff0a}.menu-row:disabled{color:#f2f3f559;cursor:default}@keyframes q-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.game-subtitle,.tray-bar-text,.result-panel,.q-sheet,.q-sheet-scrim{animation:none}}.mini-board{box-sizing:border-box;background-origin:border-box;flex:none}.screen-frame{box-sizing:border-box;height:100dvh;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--q-background);color:var(--q-text-primary);font-family:var(--q-font);flex-direction:column;display:flex;position:relative;overflow:hidden}.screen-bar{flex:none;align-items:center;height:56px;padding:0 4px;display:flex;position:relative}.screen-bar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:700;overflow:hidden}.screen-back{width:48px;height:48px;color:var(--q-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.screen-back:hover{background:#ffffff0a}.screen-bar-trailing{flex:none;place-items:center;width:52px;display:grid}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.customize-body{flex-direction:column;margin:0 auto;padding:8px 0 24px;display:flex}.live-preview{margin:0 auto;position:relative}.live-preview-fade{animation:.22s ease-out q-fade-in}.balance-chip{background:var(--q-surface-raised);border:1px solid #5b8cff80;border-radius:18px;align-self:center;align-items:center;gap:7px;margin-top:14px;padding:9px 16px;font-size:16px;font-weight:600;display:flex}.section-row{align-items:flex-end;margin-top:28px;padding-bottom:10px;display:flex}.section-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--q-text-muted);flex:1;margin:0;padding:0 4px;font-size:12px;font-weight:700}.preset-strip{scrollbar-width:thin;scrollbar-color:#7a808c73 transparent;scroll-snap-type:x proximity;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.preset-strip::-webkit-scrollbar{height:3px}.preset-strip::-webkit-scrollbar-thumb{background:#7a808c73;border-radius:3px}.preset-card{scroll-snap-align:start;flex:none;width:min(180px,50% - 14px)}.choice-card{box-sizing:border-box;border:1px solid var(--q-hairline);background:var(--q-surface);color:var(--q-text-primary);font-family:var(--q-font);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;padding:12px 10px 10px;transition:background .16s,border-color .16s,transform .11s;display:flex}.choice-card:active{background:var(--q-surface-raised);transform:scale(.97)}.choice-card.selected{background:var(--q-surface-raised);border:1.6px solid #5b8cffe6}.choice-card:disabled{cursor:default}.choice-preview{place-items:center;width:100%;height:72px;display:grid}.choice-card.locked .choice-preview{opacity:.45}.choice-title{text-align:center;margin-top:10px;font-size:16px;font-weight:600;line-height:1.25}.choice-status{min-height:18px;color:var(--q-text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-top:3px;font-size:13px;font-weight:600;display:flex}.choice-status .accent{color:var(--q-accent)}.slot-tabs{border:1px solid var(--q-hairline);background:var(--q-surface);border-radius:16px;margin-top:28px;padding:4px;display:flex}.slot-tabs button{min-height:44px;color:var(--q-text-secondary);font:600 15px/1 var(--q-font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:1;padding:0 6px}.slot-tabs button.selected{background:var(--q-surface-raised);color:var(--q-text-primary);border-color:#5b8cff99}.skin-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.sample-row{align-items:center;display:flex}.reset-row{justify-content:center;margin-top:20px;display:flex}.q-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1300;color:var(--q-text-primary);font:500 14px/1.3 var(--q-font);background:#2a2d34;border-radius:12px;padding:12px 18px;animation:.18s ease-out q-fade-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}.qybeq-mark{flex:none;position:relative}.mark-part{transform-origin:50%;position:absolute}.menu-root{box-sizing:border-box;height:100dvh;min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--q-background);color:var(--q-text-primary);font-family:var(--q-font);position:relative;overflow:hidden auto}.menu-backdrop{background:radial-gradient(circle 110vmin at 50% 35%, var(--q-background-glow), var(--q-background));position:fixed}.menu-column{flex-direction:column;align-items:center;min-height:100%;display:flex;position:relative}.menu-spacer{min-height:8px}.menu-wordmark{color:var(--q-text-primary);margin:0;padding-left:.1em;font-size:34px;font-weight:800;line-height:1.1}.menu-tagline{text-align:center;color:var(--q-text-secondary);margin:0;padding:0 24px;line-height:1.4}.menu-actions-block{flex-direction:column;align-items:stretch;display:flex}.progress-summary{border:1px solid var(--q-hairline);background:#17191ec7;border-radius:16px;align-items:center;display:flex;overflow:hidden}.progress-summary>i{background:var(--q-hairline);width:1px;height:30px}.progress-value{color:var(--q-text-primary);font:600 16px/1.2 var(--q-font);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 0;display:flex}button.progress-value{cursor:pointer}button.progress-value:hover{background:#ffffff08}.daily-card{background:linear-gradient(180deg, #252e41, var(--q-surface));color:var(--q-text-primary);font-family:var(--q-font);text-align:left;cursor:pointer;border:1.2px solid #5b8cff9e;border-radius:18px;flex-direction:column;align-items:stretch;gap:9px;padding:12px 16px 11px 18px;transition:transform .11s;display:flex;box-shadow:0 0 24.1px #5b8cff26}.daily-card:active{transform:scale(.98)}.daily-card.compact{gap:5px;padding-top:8px;padding-bottom:8px}.daily-top{align-items:center;gap:10px;display:flex}.daily-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-title{font-size:17px;font-weight:700}.daily-card.compact .daily-title{font-size:16px;font-weight:600}.daily-status{color:var(--q-text-muted);font-size:13px;line-height:1.3}.daily-metrics{display:flex}.daily-metric{min-width:0;color:var(--q-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.shortcut-row{align-items:flex-start;display:flex}.shortcut{min-height:56px;color:var(--q-text-secondary);font:600 13px/1.2 var(--q-font);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:6px 4px;transition:opacity .12s;display:flex}.shortcut:active{opacity:.6}.menu-footer-link{color:var(--q-text-muted);margin-bottom:14px;font-size:12px;text-decoration:none}.settings-body{flex-direction:column;gap:28px;width:min(100% - 40px,600px);margin:0 auto;padding:12px 0 32px;display:flex}.settings-section .section-label{padding:0 4px 8px}.settings-plate{border:1px solid var(--q-hairline);background:var(--q-surface);border-radius:18px;overflow:hidden}.settings-row{box-sizing:border-box;width:100%;min-height:56px;color:var(--q-text-primary);font-family:var(--q-font);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px 10px 16px;text-decoration:none;display:flex}.settings-row+.settings-row{box-shadow:inset 16px 1px 0 -15px transparent, 0 -1px 0 0 var(--q-hairline)}.settings-row.link{cursor:pointer}.settings-row.link:hover{background:#ffffff08}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{font-size:16px;font-weight:600}.row-detail{color:var(--q-text-muted);font-size:13px;line-height:1.3}.settings-row.volume input{width:min(45%,220px);accent-color:var(--q-accent)}.q-switch{appearance:none;background:var(--q-surface-raised);cursor:pointer;border:2px solid #ffffff24;border-radius:16px;flex:none;width:52px;height:32px;margin:0;transition:background .16s,border-color .16s;position:relative}.q-switch:after{content:"";background:var(--q-text-secondary);border-radius:50%;width:16px;height:16px;transition:left .16s,width .16s,height .16s,background .16s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.q-switch:checked{border-color:var(--q-accent);background:var(--q-accent)}.q-switch:checked:after{background:#fff;width:24px;height:24px;left:22px}.q-switch:focus-visible,.language-segments button:focus-visible{outline-offset:2px;outline:2px solid #5b8cffcc}.language-segments{border:1px solid var(--q-hairline);background:var(--q-background);border-radius:12px;padding:3px;display:flex}.language-segments button{min-height:36px;color:var(--q-text-secondary);font:600 14px/1 var(--q-font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0 12px}.language-segments button[aria-pressed=true]{background:var(--q-surface-raised);color:var(--q-text-primary);border-color:#5b8cff99}.board-piece-focus{pointer-events:none;background:0 0;border:0;padding:0;position:absolute}.board-piece-focus:focus-visible{outline-offset:2px;outline:2px solid #5b8cffd9}.lesson-counter{font-variant-numeric:tabular-nums}.screen-scroll:has(>.howto){flex-direction:column;display:flex;overflow:hidden}.howto{flex-direction:column;flex:1;min-height:0;display:flex}.howto-pager{touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:hidden}.howto-track{height:100%;display:flex}.lesson{flex:0 0 100%;height:100%;overflow:hidden auto}.lesson-content{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:0 32px;display:flex}.lesson-art{flex:none;place-items:center;display:grid}.lesson-title{text-align:center;color:var(--q-text-primary);margin:32px 0 0;font-size:22px;font-weight:800;line-height:1.2}.lesson-body{text-align:center;max-width:360px;color:var(--q-text-secondary);margin:10px 0 0;font-size:15px;line-height:1.4}.howto-controls{flex:none;align-items:center;padding:8px 20px 16px;display:flex}.lesson-dots{flex:1;justify-content:center;display:flex}.lesson-dots span{background:#ffffff2e;border-radius:3px;width:6px;height:6px;margin:0 3px;transition:width .2s,background-color .2s}.lesson-dots span.active{background:var(--q-text-primary);width:18px}.piece-set{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.demo-piece{flex-direction:column;align-items:center;gap:16px;display:flex}.demo-piece-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.demo-piece-button:focus-visible,.place-demo-piece:focus-visible{outline:2px solid var(--q-accent);outline-offset:4px}.place-demo{flex-direction:column;align-items:center;gap:12px;display:flex}.place-demo-row{align-items:center;gap:16px;display:flex}.place-demo-tray{flex:none;position:relative}.place-demo-piece{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.place-demo-piece:active{cursor:grabbing}.place-demo-caption{align-items:center;gap:6px;min-height:17px;display:flex}.place-demo-caption.done{color:var(--q-success)}.reward-offer{flex-direction:column;display:flex}.reward-badge{width:52px;height:52px;color:var(--q-accent);background:#5b8cff1f;border:1px solid #5b8cff59;border-radius:16px;place-items:center;display:grid;position:relative}.reward-badge-play{position:absolute;bottom:7px;right:7px}.reward-title{margin:14px 0 0;font-size:22px;font-weight:800;line-height:1.2}.reward-body{color:var(--q-text-secondary);margin:8px 0 0;font-size:15px;line-height:1.4}.reward-status{color:var(--q-text-secondary);align-items:flex-start;gap:8px;margin:16px 0 0;font-size:15px;line-height:1.4;display:flex}.reward-status svg{flex:none;margin-top:1px}.reward-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}#root{min-height:100svh}button{color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #5b8cffd9}.piece-art,.tile-art{flex:none;display:inline-block;position:relative}.piece-art canvas,.tile-art canvas{pointer-events:none}.wells-art{display:block;position:absolute;inset:0}.eyebrow{color:#7a808c;letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:700}.analytics-consent{z-index:2000;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#f2f3f5;background:#17191ef7;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:1fr auto;align-items:end;gap:20px;width:min(480px,100% - 36px);padding:22px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:fixed;box-shadow:0 24px 70px #0000008a}.analytics-consent h2{margin:7px 0;font-size:19px}.analytics-consent p{color:#8d93a0;margin:0;font-size:13px;line-height:1.5}.analytics-consent-actions{gap:8px;display:grid}.analytics-consent-actions a{color:#5b8cff;text-align:center;padding:3px 5px;font-size:12px;text-decoration:none}.analytics-consent-actions button{white-space:nowrap;background:#1e2127;border:1px solid #ffffff1c;border-radius:12px;min-width:104px;padding:10px 14px;font-weight:600}.analytics-consent-actions .consent-primary{background:linear-gradient(#252e41,#17191e);border-color:#5b8cff99}@media (width<=430px){.analytics-consent{grid-template-columns:1fr;gap:15px;padding:18px}.analytics-consent-actions{grid-template-columns:1fr 1fr}.analytics-consent-actions a{grid-column:1/-1}}