:root{--bg:#0c0d11;--glass:#11131ad1;--glass-strong:#11131af2;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--tile:linear-gradient(180deg, #ffffff1c, #ffffff0a);--tile-border:#ffffff1f;--blur:blur(18px) saturate(1.4);--text:#f4efe4;--text-soft:#bdb6a8;--text-faint:#7f7a70;--accent:#f6b73c;--accent-hover:#ffc75a;--accent-press:#dfa02a;--accent-soft:#f6b73c2e;--on-accent:#1d1505;--gold:#ffd166;--mint:#3fd1b5;--on-mint:#062a22;--danger:#ff6b6b;--radius-sm:12px;--radius:16px;--radius-lg:22px;--shadow:0 10px 30px #00000059;--focus:0 0 0 3px #f6b73cb3;--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0}body{font-family:var(--font);color:var(--text);-webkit-tap-highlight-color:transparent}#root{width:100vw;height:100dvh;position:relative;overflow:hidden}button{font-family:inherit}:focus-visible{box-shadow:var(--focus);outline-offset:2px;outline:none}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{appearance:none;border-radius:var(--radius-sm);background:var(--glass-hover);color:var(--text);cursor:pointer;border:none;min-width:44px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .12s,background-color .12s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{color:var(--on-accent);background:linear-gradient(#ffc75a 0%,#f6b73c 55%,#e9a52d 100%);border:1px solid #00000040;box-shadow:0 8px 22px #f6b73c59,inset 0 1px #ffffff73}.btn--primary:hover{filter:brightness(1.06)}.btn--primary:active{filter:brightness(.96)}.btn--ghost{color:var(--text-soft);background:0 0}.btn--ghost:hover{color:var(--text)}.btn--danger{color:var(--danger);background:0 0;border:1px solid #ff6b5e66}.btn--large{width:100%;max-width:280px;min-height:52px;font-size:17px}.switch{cursor:pointer;align-items:center;gap:8px;font-weight:600;display:inline-flex}.switch input{width:40px;height:24px;accent-color:var(--accent);background:var(--glass-hover);border-radius:999px}.play-screen{width:100%;height:100%;position:relative}.play-screen canvas{touch-action:none}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud__top{top:calc(12px + env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.chip{background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;color:var(--text);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.hud__title-chip{min-width:0;padding-right:16px}.hud__icon-btn{appearance:none;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hud__icon-btn:hover{background:var(--glass-hover);color:var(--text)}.hud__icon-btn:disabled{opacity:.35;cursor:not-allowed}.hud__title{flex-direction:column;gap:2px;min-width:0;max-width:46vw;padding:0 8px;display:flex}.hud__level-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.hud__level-stars{color:var(--gold);align-items:center;gap:2px;display:flex}.hud__camera{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hud__cam-btn{appearance:none;background:var(--tile);border:1px solid var(--tile-border);color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000040}.hud__cam-btn:hover{color:var(--text);border-color:#ffffff38;transform:translateY(-1px)}.hud__cam-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.hud__status{left:50%;bottom:calc(var(--dock-h,92px) + 20px);background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);color:var(--text-soft);text-align:center;pointer-events:none;border-radius:999px;max-width:calc(100% - 24px);padding:8px 14px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%)}.dock{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));background:var(--glass-strong);width:max-content;max-width:calc(100% - 24px);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f}.dock__pieces,.dock__edit{align-items:center;gap:4px;display:flex}.dock__divider{background:#ffffff1f;width:1px;height:40px}.dock__piece{appearance:none;background:var(--tile);border:1px solid var(--tile-border);border-radius:var(--radius-sm);width:72px;height:68px;color:var(--text);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;transition:transform .12s,background-color .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000040}.dock__piece-label{font-size:10px;font-weight:700}.dock__count{letter-spacing:.02em;color:var(--text-soft);white-space:nowrap;background:#00000059;border-radius:999px;margin-top:2px;padding:1px 7px;font-size:11px;font-weight:800;position:static}.dock__count--empty{color:var(--danger)}.dock__piece[aria-pressed=true] .dock__count{background:var(--accent);color:var(--on-accent)}.dock__piece:hover{border-color:#ffffff38;transform:translateY(-1px)}.dock__piece[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 6px 18px #f6b73c40;color:var(--accent);background:linear-gradient(#f6b73c47,#f6b73c1f)}.dock__piece:active{transform:translateY(0)}.dock__piece:disabled{opacity:.35;cursor:not-allowed;transform:none}.dock__btn{appearance:none;background:var(--tile);border:1px solid var(--tile-border);border-radius:var(--radius-sm);width:48px;height:52px;color:var(--text);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;transition:transform .12s,background-color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 6px #00000040}.dock__btn-label{font-size:10px;font-weight:700}.dock__btn:hover{color:var(--text);border-color:#ffffff38;transform:translateY(-1px)}.dock__btn:active{transform:translateY(0)}.dock__btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.dock__slowmo[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.dock__meta{flex-direction:column;justify-content:center;align-items:center;min-width:56px;display:flex}.dock__meta-count{color:var(--text);font-size:20px;font-weight:800}.dock__meta-par{color:var(--text-faint);font-size:11px}.dock__go{appearance:none;min-width:128px;height:56px;color:var(--on-accent);letter-spacing:.04em;cursor:pointer;background:linear-gradient(#ffc75a 0%,#f6b73c 55%,#e9a52d 100%);border:1px solid #00000040;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:800;transition:transform .12s,background-color .12s,filter .12s;display:inline-flex;box-shadow:0 8px 22px #f6b73c59,inset 0 1px #ffffff73}.dock__go:hover{filter:brightness(1.06)}.dock__go:active{filter:brightness(.96);transform:translateY(1px)}.dock__go--stop{background:var(--tile);color:var(--text);border:1px solid var(--glass-border);box-shadow:none}.dock__go--stop svg{color:var(--danger)}.dock__running{color:var(--text-soft);padding:0 8px;font-size:13px;font-weight:700}.scene-tag{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite scene-tag-bob;display:inline-block;position:relative;box-shadow:0 4px 12px #0000004d}.scene-tag:after{content:"";border-top:6px solid #0000;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.scene-tag--start{background:var(--mint);color:var(--on-mint)}.scene-tag--start:after{border-top-color:var(--mint)}.scene-tag--goal{background:var(--accent);color:var(--on-accent)}.scene-tag--goal:after{border-top-color:var(--accent)}.scene-tag--bonus{background:var(--gold);color:#2a1d00}.scene-tag--bonus:after{border-top-color:var(--gold)}@keyframes scene-tag-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.piece-actions{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.piece-actions__btn{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.piece-actions__btn:hover{background:var(--glass-hover)}.piece-actions__btn--danger{color:var(--danger)}@media (width<=720px),(orientation:portrait) and (width<=900px){.hud__title-chip{flex:1;min-width:0}.dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px;width:auto;padding:6px;transform:none}.dock__pieces{scrollbar-width:none;flex:100%;order:1;overflow-x:auto}.dock__pieces::-webkit-scrollbar{display:none}.dock__divider{display:none}.dock__edit{flex:1;order:2}.dock__btn{width:44px;height:46px}.dock__btn-label{display:none}.dock__meta{order:3}.dock__go{flex:100%;order:4;height:52px}.dock__go--stop{flex:1}.dock__piece{width:66px;height:62px}.hud__camera{top:auto;bottom:calc(196px + env(safe-area-inset-bottom));flex-direction:column;padding:4px;right:8px;transform:none}.hud__cam-btn--zoom{display:none}.hud__status{left:8px;right:64px;bottom:calc(196px + env(safe-area-inset-bottom));font-size:12px;transform:none}}.dialog-overlay{-webkit-backdrop-filter:blur(4px);z-index:20;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog{background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:440px;max-height:min(86vh,640px);padding:24px;animation:.2s dialog-in;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.dialog h2{margin:0 0 12px;font-size:20px;font-weight:800}.dialog h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:18px 0 8px;font-size:14px}.dialog__actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}@media (width<=480px){.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end;width:100%;max-width:none;margin-top:auto}.dialog-overlay{align-items:flex-end}}.how-to-play__steps{margin:0;padding-left:20px;line-height:1.6}.how-to-play__table{border-collapse:collapse;width:100%;font-size:13px}.how-to-play__table td{border-bottom:1px solid var(--glass-border);padding:4px 0}.how-to-play__table td:first-child{width:40%}.how-to-play__table kbd{background:var(--glass-hover);border:1px solid var(--glass-border);color:var(--text);border-radius:6px;padding:2px 7px;font-family:monospace;font-size:12px;font-weight:700;display:inline-block}.how-to-play__gestures{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.settings-dialog__row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settings-dialog__label{font-weight:700}.settings-dialog__segmented{background:var(--glass-hover);border-radius:10px;padding:2px;display:flex}.segmented__option{appearance:none;cursor:pointer;color:var(--text-soft);background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.segmented__option--active{background:var(--accent);color:var(--on-accent)}.settings-dialog__measured{opacity:.7;font-weight:500}.result-card{text-align:center}.result-card__stars{justify-content:center;gap:8px;margin:12px 0;display:flex}.result-card__star-pop{animation:.35s star-pop;display:inline-block}@keyframes star-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}.result-card__body{color:var(--text-soft);margin:6px 0;font-size:14px}.coach-mark{z-index:8;pointer-events:none;position:absolute}.coach-mark--coach--go{left:50%;bottom:calc(160px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 24px);transform:translate(-50%)}.coach-mark__bubble{pointer-events:auto;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:800;animation:1.8s ease-in-out infinite coach-bob;display:flex}@keyframes coach-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.coach-mark__skip{appearance:none;color:var(--on-accent);cursor:pointer;background:#00000026;border:none;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.menu-backdrop{pointer-events:none;position:absolute;inset:0}.menu-backdrop__scrim{background:radial-gradient(#15110e59 0%,#15110ecc 100%);position:absolute;inset:0}.menu{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);color:var(--text);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.menu--title{justify-content:center;gap:28px;padding-bottom:40px}.menu__wordmark{text-align:center;background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:28px 36px}.menu__logo{color:var(--text);margin:0;font-size:clamp(32px,8vw,52px);font-weight:800}.menu__logo span{color:var(--accent)}.menu__logo-dominoes{justify-content:center;gap:6px;height:34px;margin-top:14px;display:flex}.menu__logo-domino{background:var(--text);transform-origin:bottom;width:10px;height:30px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i) * 60ms);border-radius:2px}.menu__wordmark:hover .menu__logo-domino{transform:rotate(70deg)}.reduce-motion .menu__logo-domino{transition:none}.menu__actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.menu__actions .btn:not(.btn--primary),.menu__levels-header .btn{background:var(--glass-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 18px #00000047}.menu__actions .btn:not(.btn--primary):hover,.menu__levels-header .btn:hover{border-color:#ffffff38}.menu__total-stars{color:var(--text);align-items:center;gap:6px;font-weight:800;display:inline-flex}.menu__total-stars--title{color:var(--text)}.menu--levels{-webkit-backdrop-filter:var(--blur);background:#15110edb}.menu__levels-header{background:inherit;z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:720px;padding:16px;display:flex;position:sticky;top:0}.menu__levels-header h1{margin:0;font-size:20px}.menu__chapters{flex-direction:column;gap:18px;width:100%;max-width:720px;padding-bottom:24px;display:flex}.chapter-card{background:linear-gradient(90deg, var(--swatch-a,var(--accent)) 0 50%, var(--swatch-b,var(--accent)) 50% 100%) top / 100% 8px no-repeat, var(--glass-strong);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text);padding:22px 16px 16px;overflow:hidden}.chapter-card__header{justify-content:space-between;align-items:center;display:flex}.chapter-card__header h2{margin:0;font-size:17px}.chapter-card__stars{color:var(--gold);align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.chapter-card__tagline{color:var(--text-soft);margin:4px 0 12px;font-size:13px}.chapter-card__grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.level-tile{appearance:none;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-hover);cursor:pointer;min-height:72px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .12s;display:flex}.level-tile:hover{border-color:var(--accent)}.level-tile--locked{color:var(--text-faint);cursor:not-allowed}.level-tile--locked:hover{border-color:var(--glass-border)}.level-tile__number{font-size:20px;font-weight:800}.level-tile__name{color:var(--text-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:11px;overflow:hidden}.level-tile--locked .level-tile__name{color:var(--text-faint)}.level-tile__stars{color:var(--gold);gap:1px;font-size:10px;display:flex}.scene-root{width:100%;height:100%;position:relative}.scene-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-overlay__anchor{visibility:hidden;will-change:transform;position:absolute;top:0;left:0}.scene-overlay__anchor--interactive{pointer-events:auto}