:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3eee2;--paper-deep:#e7dece;--surface:#fffdf8;--surface-strong:#fff;--ink:#181b1f;--muted:#606873;--line:#d9d1c3;--tile:#101316;--red:#e50000;--blue:#008fcc;--yellow:#f2ca00;--green:#267a4a;--focus:#6658c9;--shadow:0 18px 48px #362b1c1f;--soft-shadow:0 8px 24px #362b1c17;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;color:var(--ink);background:radial-gradient(circle at 20% 0%, #fffaf0 0, transparent 34rem), var(--paper);margin:0}button,input{font:inherit}button{color:inherit}a{color:#315e9c;text-underline-offset:3px}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:1000;opacity:0;pointer-events:none;color:#fff;background:var(--ink);border-radius:10px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link.is-visible{opacity:1;pointer-events:auto;transform:none}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{min-height:100dvh}.page{flex-direction:column;width:min(1180px,100% - 32px);min-height:100dvh;margin:0 auto;display:flex}.page-main{flex:1;padding:18px 0 14px}.app-header{justify-content:space-between;align-items:center;gap:22px;min-height:100px;padding:14px 0;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 5px 7px #0003);width:72px;height:72px}.brand-copy{flex-direction:column;align-items:flex-start;min-width:0;line-height:1;display:flex}.brand-copy strong{letter-spacing:-.035em;white-space:normal;max-width:100%;font-size:1.8rem}.brand-copy span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:.72rem;font-weight:700}.header-actions{align-items:center;gap:8px;min-width:0;display:flex}.header-home-button{color:#174f78;cursor:pointer;background:#edf7ff;border:1px solid #94bad8;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:8px 13px;font-weight:800;display:inline-flex;box-shadow:0 3px #94bad8}.header-home-button:hover{background:#fff;transform:translateY(-1px)}.header-home-button[aria-current=page]{background:#dcefff;border-color:#276b9d;box-shadow:0 3px #276b9d}.sync-chip{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#ffffff9e;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.sync-dot{background:#98a0a9;border-radius:50%;width:8px;height:8px}.sync-chip[data-state=synced] .sync-dot{background:var(--green)}.sync-chip[data-state=pending] .sync-dot{background:#d28a16}.icon-button,.secondary-button,.primary-button,.quiet-button{cursor:pointer;border-radius:14px;min-height:48px;font-weight:780;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s}.primary-button{color:#fff;background:linear-gradient(145deg,#242a30,#111417);border:1px solid #0a0c0e;padding:12px 20px;box-shadow:0 7px #000}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px #000}.primary-button:active{transform:translateY(5px);box-shadow:0 2px #000}.secondary-button{background:linear-gradient(#fff,#faf6ee);border:1px solid #cec5b6;padding:11px 16px;box-shadow:0 3px #cec5b6}.secondary-button:hover{background:#fff;transform:translateY(-1px)}.quiet-button{color:var(--muted);background:0 0;border:0;padding:10px 12px}.quiet-button:hover{color:var(--ink);background:#ffffffb3}.has-icon{justify-content:center;align-items:center;gap:9px;display:inline-flex}.button-icon,.control-icon{flex:none;width:20px;height:20px}.player-button{min-width:0}.player-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon-button{border:1px solid var(--line);background:var(--surface);width:48px;box-shadow:0 3px 0 var(--line);place-items:center;padding:0;font-size:1.25rem;display:grid}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled,.quiet-button:disabled{opacity:.38;cursor:default;transform:none}.hero{grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(16px,4.5vh,52px) 0 24px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:850}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:-.05em;max-width:780px;margin:0;font-size:clamp(2rem,3.8vw,3.55rem);line-height:1}h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,2.7vw,2.35rem);line-height:1.08}h3{margin:0;font-size:1.08rem}.hero h1{font-size:clamp(2.25rem,4.7vw,4.25rem)}.hero-copy>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:16px 0 22px;font-size:clamp(.96rem,1.6vw,1.1rem);line-height:1.5}.name-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:500px;display:grid}.field{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--ink);background:var(--surface);border-radius:14px;padding:12px 15px;box-shadow:inset 0 1px #fff}.field::placeholder{color:#8a9098}.field-error{color:#a32e25;grid-column:1/-1;min-height:1.4em;margin:0;font-size:.86rem}.privacy-note{max-width:540px;color:var(--muted);margin-top:14px;font-size:.78rem;line-height:1.45}.hero-tiles{place-items:center;min-height:320px;display:grid;position:relative}.hero-tiles:before{content:"";width:274px;height:274px;box-shadow:var(--shadow);background:#fff9;border-radius:50%;position:absolute}.hero-tile{filter:drop-shadow(0 12px 13px #14141438);width:116px;height:116px;position:absolute}.hero-tile:first-child{transform:translate(-68px,-55px)rotate(-8deg)}.hero-tile:nth-child(2){transform:translate(65px,-29px)rotate(8deg)}.hero-tile:nth-child(3){transform:translate(-8px,65px)rotate(2deg)}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin:12px 0 18px;display:flex}.section-heading p{max-width:560px;color:var(--muted);margin:7px 0 0;line-height:1.55}.home-heading{margin:4px 0 12px}.home-heading #home-title{font-size:clamp(1.45rem,2.35vw,2.2rem)}.home-grid{grid-template-columns:minmax(290px,.6fr) minmax(0,1.4fr);gap:16px;display:grid}.continue-card,.journey-card,.panel,.ranking-group,.guide-card{box-shadow:var(--soft-shadow);background:#fffdf8e3;border:1px solid #78685133;border-radius:24px}.continue-card{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;min-height:218px;padding:20px;display:flex;position:relative;overflow:hidden}.continue-card:after{content:"";border:35px solid #f4cf26e6;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-60px;right:-45px}.continue-card>*{z-index:1;position:relative}.continue-card p{color:#fff;max-width:300px;margin:10px 0 14px;font-size:.9rem;font-weight:650;line-height:1.4}.continue-card .primary-button{z-index:1;color:var(--ink);background:#fff;border-color:#fff;position:relative;box-shadow:0 7px #b8b8b8}.progress-number{color:#f4cf26;letter-spacing:-.06em;text-shadow:0 2px #000;font-size:clamp(2.6rem,5vw,3.8rem);font-weight:900;line-height:1}.journey-card{padding:15px}.challenge-path{grid-template-columns:repeat(5,minmax(70px,1fr));gap:8px;display:grid}.challenge-node{border:1px solid var(--line);text-align:center;background:#f8f4eb;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:76px;padding:6px 7px;display:flex;position:relative;overflow:hidden}button.challenge-node{cursor:pointer}button.challenge-node:hover{filter:saturate(1.1)brightness(1.02);transform:translateY(-2px)}.challenge-node.is-current{color:#fff;background:linear-gradient(150deg,#194f72,#102f49);border-color:#0c3b5a;box-shadow:0 4px #08283d}.challenge-node.is-current:before{content:"";background:var(--yellow);height:4px;position:absolute;inset:0 0 auto}.challenge-node.is-complete{color:#174f31;background:linear-gradient(145deg,#e9f8ee,#dff2e6);border-color:#78b98f;box-shadow:0 3px #9ac9aa}.challenge-node.is-locked{color:#777f87;background:#f2efe9;border-style:dashed;border-color:#c8c0b4}.challenge-state{z-index:1;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:7px;right:7px}.challenge-state-icon{width:12px;height:12px}.is-current .challenge-state{color:#263039;background:var(--yellow)}.is-complete .challenge-state{color:#fff;background:#267a4a}.is-locked .challenge-state{color:#666e76;background:#dfdad1}.challenge-number{font-size:1.18rem;font-weight:900}.challenge-meta{font-size:.7rem;font-weight:750}.is-current .challenge-meta{color:#fff}.color-dot{vertical-align:-.1em;border:2px solid #00000038;border-radius:50%;width:12px;height:12px;display:inline-block}.quick-actions{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.quick-actions .secondary-button{width:100%}.quick-action{min-height:50px;padding-block:9px}.quick-action-guide{color:#125a86;box-shadow-color:#8fc2e6;background:#eaf6ff;border-color:#8fc2e6;box-shadow:0 3px #8fc2e6}.quick-action-tutorial{color:#5141a0;background:#f0edff;border-color:#b5abea;box-shadow:0 3px #b5abea}.quick-action-ranking{color:#745400;background:#fff7d8;border-color:#e1bd53;box-shadow:0 3px #e1bd53}.quick-action-settings{color:#21633d;background:#ebf8ef;border-color:#94c8a8;box-shadow:0 3px #94c8a8}.app-footer{border-top:1px solid var(--line);color:#4f5862;text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:21px auto 8px;padding:13px 3px 8px;font-size:.55rem;line-height:1.28;display:flex}.app-footer-badge{border-radius:4px;flex:none;display:inline-flex}.app-footer img{width:62px;height:auto;display:block}.app-footer-copy{min-width:0}.app-footer p{margin:0}.app-footer p+p{margin-top:1px}.app-footer a{color:#254f87;font-weight:760;text-decoration:none}.game-page{background:var(--paper);grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:560px;display:grid;overflow:hidden}.game-header{min-height:64px;padding:8px max(12px, env(safe-area-inset-left)) 8px max(12px, env(safe-area-inset-right));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.game-header-start{justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.game-header-end{justify-content:flex-end;justify-self:end;align-items:center;gap:9px;min-width:0;display:flex}.game-brand{cursor:default}.game-brand img{width:40px;height:40px}.game-brand .brand-copy strong{font-size:1rem}.game-brand .brand-copy span{margin-top:4px;font-size:.66rem}.game-exit-button{color:#8e2e27;cursor:pointer;background:#fff0ed;border:1px solid #da9f98;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:7px 12px;font-weight:850;display:inline-flex;box-shadow:0 3px #da9f98}.game-exit-button .button-icon{width:19px;height:19px}.game-exit-button:hover{background:#fff8f6;border-color:#bd6f66;transform:translateY(-1px)}.game-progress{color:#4e5660;background:#f7f2e9;border:1px solid #d7cfc1;border-radius:999px;justify-self:center;padding:7px 11px;font-size:.78rem;font-weight:850}.game-layout{grid-template-columns:310px minmax(0,1fr) 310px;min-height:0;display:grid}.game-sidebar{background:#fffdf8e6;min-height:0;padding:20px;overflow-y:auto}.game-sidebar:first-child{border-right:1px solid var(--line)}.game-sidebar:last-child{border-left:1px solid var(--line)}.game-sidebar:last-child.is-return-target{box-shadow:inset 0 0 0 3px var(--green);background:#e4f1e7}.game-control-sidebar{flex-direction:column;display:flex;overflow:hidden}.game-control-sidebar>div:first-child{flex-direction:column;flex:0 auto;min-height:0;display:flex}.game-control-sidebar .tile-tray{min-height:0;overflow-y:auto}.game-control-sidebar .game-action-stack{flex:none}.objective-label{color:#424952;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.74rem;font-weight:900}.objective-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.objective-pill{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-content:center;gap:6px;min-height:76px;padding:12px 14px;display:grid}.objective-pill span{color:#555e68;font-size:.78rem;font-weight:780}.objective-pill strong{white-space:nowrap;align-items:center;gap:7px;min-width:0;max-width:100%;font-size:1.16rem;display:inline-flex}.objective-pill strong .color-dot{flex:none}.game-status{color:#353b42;background:#e8dfcf;border-radius:14px;min-height:50px;margin:12px 0 0;padding:12px 14px;font-size:.86rem;font-weight:750;line-height:1.45}.game-status.is-valid{color:#185e37;background:#e5f3e8}.control-help{background:#f8f3e9;border:1px solid #ddd3c3;border-radius:16px;margin-top:14px;padding:15px}.control-help h3{font-size:.96rem}.control-help p{color:#3e454d;margin:7px 0 0;font-size:.86rem;line-height:1.5}.board-wrap{background:radial-gradient(circle,#fbfaf6 0,#e8e1d5 72%);min-width:0;min-height:0;position:relative;overflow:hidden}.game-board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board-cell{fill:#ffffff2e;stroke:#5e53441f;stroke-width:1.15px;vector-effect:non-scaling-stroke;cursor:crosshair;transition:fill .14s,stroke .14s}.board-cell:hover{fill:#ffffff5c;stroke:#5e534438}.board-cell.is-drop-target{fill:#2792523d;stroke:var(--green);stroke-width:3.2px}.board-tools{z-index:4;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.board-tool{color:#155878;cursor:pointer;background:#ebf7fff7;border:1px solid #9fc5df;border-radius:15px;place-items:center;gap:2px;min-width:74px;min-height:60px;padding:6px 9px;font-weight:820;display:grid;box-shadow:0 3px #9fc5df}.board-tool:hover{background:#fff;transform:translateY(-1px)}.board-tool>span:last-child{font-size:.68rem}.board-tool[data-game-action=center]{color:#51439b;background:#f0edff;border-color:#b5abe5;box-shadow:0 3px #b5abe5}.control-icon{display:block}.tantrix-tile{cursor:grab;filter:drop-shadow(0 8px 7px #00000038);transform-box:fill-box;transform-origin:50%}.tantrix-tile:active{cursor:grabbing}.tile-hit{fill:#0000;stroke:#0000;stroke-width:12px}.tile-body{fill:var(--tile);stroke:none}.tile-link-outline{fill:none;stroke:#050607;stroke-width:21px;stroke-linecap:butt;stroke-linejoin:round}.tile-link{fill:none;stroke-width:15px;stroke-linecap:butt;stroke-linejoin:round}.tile-border{fill:none;stroke:#34393e;stroke-width:2px;pointer-events:none}.tile-selection-ring{fill:none;stroke:#0000;stroke-width:5px}.is-selected .tile-selection-ring{stroke:#fff;filter:drop-shadow(0 0 2px var(--focus)) drop-shadow(0 0 6px var(--focus))}.dragging-tile{pointer-events:none;opacity:.94;filter:drop-shadow(0 16px 10px #0000004d)}.tray-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.tray-title span{color:var(--muted);font-size:.78rem;font-weight:800}.tile-tray{grid-template-columns:repeat(2,minmax(86px,1fr));align-content:start;gap:8px;margin:14px 0 18px;display:grid}.tray-tile{cursor:pointer;touch-action:none;background:0 0;border:1px solid #0000;border-radius:16px;place-items:center;min-width:0;min-height:96px;padding:3px;display:grid}.tray-tile:hover,.tray-tile.is-selected{border-color:var(--focus);background:#6658c914}.tray-tile .tile-svg{filter:drop-shadow(0 6px 5px #0000002e);width:min(100%,96px);height:auto}.game-control-sidebar.is-dense .tile-tray,.game-control-sidebar.is-max-density .tile-tray{gap:6px;margin:10px 0 12px}.game-control-sidebar.is-dense .tray-tile{min-height:78px}.game-control-sidebar.is-dense .tray-tile .tile-svg{width:min(100%,78px)}.game-control-sidebar.is-max-density .tray-tile{min-height:68px}.game-control-sidebar.is-max-density .tray-tile .tile-svg{width:min(100%,68px)}.tray-tile.is-dragging{opacity:.38}.tray-drag-ghost{z-index:80;pointer-events:none;border-color:var(--focus);background:#fffdf8f5;width:104px;height:104px;min-height:104px;margin:-52px 0 0 -52px;position:fixed;transform:scale(1.04);box-shadow:0 18px 40px #00000042}.tray-drag-ghost.is-touch-drag{border-radius:12px;width:68px;height:68px;min-height:68px;margin:-34px 0 0 -34px;transform:none;box-shadow:0 12px 24px #0000003d}.tray-drag-ghost.is-touch-drag .tile-svg{width:62px}.game-action-stack{min-width:0}.game-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.game-primary-actions button{justify-content:center;align-items:center;gap:7px;min-width:0;min-height:54px;padding:8px 10px;font-weight:850;display:flex}.game-primary-actions span:last-child{font-size:90%}.check-solution-button{color:#fff;background:linear-gradient(145deg,#2c8a58,#17613b);border-color:#175d39;width:auto;margin:0;box-shadow:0 4px #0e4428}.check-solution-button:hover{box-shadow:0 6px #0e4428}.check-solution-button .control-icon{width:22px;height:22px}.reset-game-button{color:#8d3028;background:#fff0ed;border-color:#d98f86;box-shadow:0 4px #c57970}.control-group-label{color:#55459e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.7rem;font-weight:900}.control-button{text-align:left;justify-content:flex-start;align-items:center;gap:7px;display:flex}.control-button>span:last-child{min-width:0;font-size:.75rem;line-height:1.08}.rotation-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.rotation-actions button{min-height:54px;padding:8px 10px}.rotation-actions .control-button{color:#51419d;background:#f1eeff;border-color:#b4a9e5;justify-content:center;font-weight:850;box-shadow:0 3px #b4a9e5}.rotation-actions .control-icon{color:#fff;background:#6658c9;border-radius:50%;width:28px;height:28px;padding:2px}.rotation-actions .rotate-right-button{color:#145d83;box-shadow-color:#8cc3df;background:#e8f6fd;border-color:#8cc3df}.rotation-actions .rotate-right-button .control-icon{background:#1479a8}.control-button:disabled{filter:grayscale(.35)}.refresh-button{color:#185b7d;background:#edf8ff;border-color:#9fc6df;box-shadow:0 3px #9fc6df}.settings-button{color:#225f3c;background:#edf8f0;border-color:#a8cdb6;box-shadow:0 3px #a8cdb6}.settings-heading{align-items:center}.settings-done-button{color:#fff;background:linear-gradient(145deg,#35925f,#1f7045);border-color:#17613b;min-width:108px;min-height:50px;padding:10px 18px;line-height:1;box-shadow:0 5px #125433}.settings-done-button:hover{background:linear-gradient(145deg,#41a56f,#277e50);box-shadow:0 7px #125433}.settings-done-button .button-icon{width:19px;height:19px}.sync-now-button{color:#15597f;background:#eaf6ff;border-color:#8ebce0;box-shadow:0 3px #8ebce0}.sync-now-button .button-icon{color:#fff;background:#1979aa;border-radius:7px;width:25px;height:25px;padding:2px}.success-overlay{z-index:50;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#121416b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.success-card{z-index:2;width:min(540px,100%);max-height:calc(100dvh - 24px);color:var(--ink);text-align:center;background:linear-gradient(160deg,#fffdf8 0%,#f5efe2 100%);border:1px solid #ffffffb3;border-radius:30px;padding:24px 30px 28px;animation:.42s cubic-bezier(.2,.9,.3,1.25) both success-card-in;position:relative;overflow:hidden auto;box-shadow:0 32px 100px #00000061}.success-card:before{content:"";background:linear-gradient(90deg, var(--red) 0 33.3%, var(--blue) 33.3% 66.6%, var(--yellow) 66.6%);height:6px;position:absolute;inset:0 0 auto}.success-topline{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.75rem;font-weight:800;display:flex}.success-topline strong{color:var(--green)}.success-mark{color:#fff;background:var(--green);border:6px solid #dcecdf;border-radius:50%;place-items:center;width:80px;height:80px;margin:0 auto 14px;font-size:2.35rem;font-weight:900;animation:.55s cubic-bezier(.2,.9,.3,1.35) .15s both success-mark-in;display:grid;box-shadow:0 10px 24px #267a4a4d}.success-card .eyebrow{color:var(--green);margin-bottom:7px}.success-message{max-width:420px;color:var(--muted);margin:12px auto 16px;line-height:1.5}.success-progress{background:#ddd6c9;border-radius:999px;height:9px;overflow:hidden}.success-progress span{border-radius:inherit;background:linear-gradient(90deg, #54a775, var(--green));transform-origin:0;height:100%;animation:.75s .2s both success-progress-in;display:block}.success-next{background:#ffffffb3;border:1px solid #d6cec0;border-radius:16px;margin:16px 0 0;padding:13px 16px}.success-next span,.success-next strong{display:block}.success-next span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.72rem;font-weight:750}.success-next strong{font-size:.95rem}.success-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;display:grid}.success-actions .primary-button{justify-content:space-between;align-items:center;gap:18px;display:flex}.success-confetti{z-index:1;pointer-events:none;position:absolute;inset:0}.success-confetti i{--delay:calc(var(--i) * 28ms);top:-24px;left:calc(4% + (var(--i) * 5.25%));background:var(--yellow);width:10px;height:22px;transform:rotate(calc(var(--i) * 19deg));animation:confetti-fall 1.45s var(--delay) cubic-bezier(.2,.7,.35,1) both;border-radius:2px;position:absolute}.success-confetti i:nth-child(3n){background:var(--red)}.success-confetti i:nth-child(3n+2){background:var(--blue)}@keyframes success-card-in{0%{opacity:0;transform:translateY(22px)scale(.94)}}@keyframes success-mark-in{0%{opacity:0;transform:scale(.35)rotate(-18deg)}}@keyframes success-progress-in{0%{transform:scaleX(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(105vh)rotate(620deg)}}.ranking-page{padding-bottom:12px}.ranking-hero{color:#fff;min-height:260px;box-shadow:var(--shadow);background:radial-gradient(circle at 86% 20%,#f2ca003d,#0000 32%),linear-gradient(135deg,#15191d,#252b31);border-radius:28px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:28px;padding:30px;display:grid}.ranking-intro>p:last-child{color:#cbd0d5;max-width:610px;margin:14px 0 0;font-size:.98rem;line-height:1.55}.ranking-hero .eyebrow{color:#f2ca00}.ranking-own-progress{text-align:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:22px;align-content:center;justify-items:center;min-height:180px;display:grid;position:relative;overflow:hidden}.ranking-own-progress:before{content:"";background:linear-gradient(90deg, var(--yellow) var(--own-progress), #ffffff26 0);height:7px;position:absolute;inset:auto 0 0}.ranking-own-progress>span{color:#d4d8dc;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.ranking-own-progress>strong{color:#fff;letter-spacing:-.07em;margin:6px 0 2px;font-size:3.3rem;line-height:1}.ranking-own-progress small{color:#aeb4ba;letter-spacing:0;font-size:1.05rem}.ranking-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 30px;display:grid}.ranking-summary article{border:1px solid var(--line);background:#fffdf8d1;border-radius:18px;align-items:baseline;gap:9px;min-height:78px;padding:17px 20px;display:flex}.ranking-summary strong{font-size:1.55rem}.ranking-summary span{color:var(--muted);font-size:.78rem;font-weight:720}.ranking-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.ranking-toolbar .eyebrow{margin-bottom:5px}.ranking-list,.guide-grid{gap:14px;display:grid}.ranking-group{border-left:6px solid var(--tier-accent);overflow:hidden}.ranking-group.is-finished{background:linear-gradient(120deg,#e8f7ecf2,#fffdf8f2)}.ranking-group-header{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;padding:14px 20px;display:grid}.ranking-medallion{background:conic-gradient(var(--tier-accent) var(--tier-progress), #e4ddd1 0);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.ranking-medallion:before{content:"";background:var(--surface);border-radius:50%;grid-area:1/1;width:52px;height:52px}.ranking-medallion span{z-index:1;grid-area:1/1;align-items:baseline;display:flex}.ranking-medallion strong{font-size:1.38rem}.ranking-medallion small{color:var(--muted);font-size:.68rem;font-weight:800}.ranking-group-copy h3{margin:0;font-size:1.18rem}.ranking-player-count{color:var(--tier-accent);background:color-mix(in srgb, var(--tier-accent) 10%, white);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.75rem}.ranking-players{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:0;padding:0 20px 20px;list-style:none;display:grid}.ranking-players li{background:#ffffffb8;border:1px solid #e2dbcf;border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px 11px;display:grid}.ranking-players li.is-current{border:2px solid var(--focus);background:#f0edff}.ranking-avatar{color:#fff;background:var(--tier-accent);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:850;display:grid}.ranking-player-name{min-width:0}.ranking-player-name strong,.ranking-player-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ranking-player-name small{color:var(--focus);text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:800}.ranking-player-score{color:var(--tier-accent);align-items:baseline;display:flex}.ranking-player-score strong{font-size:1.2rem}.ranking-player-score small{font-size:.7rem;font-weight:800}.ranking-updated{color:var(--muted);text-align:right;margin:13px 3px 0;font-size:.75rem}.ranking-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:20px;padding:34px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{grid-template-columns:minmax(210px,.9fr) minmax(0,1fr);align-items:center;gap:18px;min-height:238px;padding:18px;display:grid}.guide-visual{background:linear-gradient(145deg,#f1ece3,#e5dccd);border:1px solid #6a5b4324;border-radius:18px;place-items:center;width:100%;min-height:164px;display:grid;overflow:hidden}.guide-diagram{width:100%;height:auto;max-height:178px;display:block}.guide-copy h3{margin-bottom:8px;font-size:1.05rem}.guide-card p{color:var(--muted);font-size:.86rem;line-height:1.52}.guide-card strong{color:var(--ink)}.guide-emphasis{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff0aa;border-radius:5px;padding:1px 4px}.guide-color{font-weight:850}.guide-color-red{color:#b90000!important}.guide-color-blue{color:#006d9d!important}.guide-color-yellow{background:#ffe878;border-radius:5px;padding:1px 4px;color:#5f4c00!important}.guide-inline-control,.guide-inline-status{white-space:nowrap;vertical-align:middle;border-radius:8px;align-items:center;gap:4px;margin:2px 1px;padding:3px 6px;display:inline-flex}.guide-inline-control{color:#493aa5;background:#eeeaff;box-shadow:inset 0 0 0 1px #c5baff}.guide-inline-control strong{color:inherit;font-size:.78rem}.guide-turn-right{color:#145d83;background:#e4f5ff;box-shadow:inset 0 0 0 1px #9ed1ed}.guide-touch{color:#075f36;background:#e2f7e9;box-shadow:inset 0 0 0 1px #8dccaa}.guide-inline-icon{flex:none;width:16px;height:16px}.guide-tap-symbol{color:#fff;background:#16804c;border-radius:50%;place-items:center;width:16px;height:16px;font-size:13px;font-weight:900;line-height:1;display:grid}.guide-inline-status{color:#075f36;background:#dff5e6;font-size:.78rem;font-weight:850;box-shadow:inset 0 0 0 1px #7dc59b}.guide-diagram text{font-family:inherit;font-weight:800}.guide-legend text{fill:#39434b;font-size:12px}.guide-callout-line{fill:none;stroke-width:3px;stroke-linecap:round}.guide-red-stroke{stroke:#e50000}.guide-blue-stroke{stroke:#008fcc}.guide-yellow-stroke{stroke:#d7b300}.guide-red-fill{fill:#e50000}.guide-blue-fill{fill:#008fcc}.guide-yellow-fill{fill:#f2ca00;stroke:#a88600;stroke-width:1px}.guide-contact-glow{fill:#008fcc47;stroke:#008fcc;stroke-width:5px;opacity:.72}.guide-contact-ring{fill:none;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 1px 2px #0006)}.guide-ok-badge{fill:#25824e}.guide-ok-mark{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.guide-match-label rect,.guide-tap-label rect{fill:#fffdf8;stroke:#c8bda9}.guide-match-label text{fill:#07577c;font-size:11px}.guide-target-cell{fill:#ffffff6b;stroke:#7667c9;stroke-width:2.5px;stroke-dasharray:5 4}.guide-move-path{fill:none;stroke:#7667c9;stroke-width:4px;stroke-dasharray:7 5;stroke-linecap:round}.guide-move-arrow{fill:none;stroke:#7667c9;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.guide-touch-ring{fill:none;stroke:#16804c}.guide-touch-ring.outer{stroke-width:3px;opacity:.42}.guide-touch-ring.inner{fill:#bde9ce;stroke-width:2.5px}.guide-hand{fill:none;stroke:#263039;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.guide-rotate-badges circle{fill:#7667c9}.guide-rotate-badges g{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.guide-tap-label text{fill:#075f36;text-anchor:middle;letter-spacing:.08em;font-size:10px}.guide-schematic-tiles polygon,.guide-hole-shape polygon,.guide-compact-shape polygon{fill:#171b1e;stroke:#4d555c;stroke-width:2px}.guide-loop-outline{fill:none;stroke:#050607;stroke-width:17px;stroke-linecap:round;stroke-linejoin:round}.guide-loop-color{fill:none;stroke:#f2ca00;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round}.guide-start-dot{fill:#fff;stroke:#8a7200;stroke-width:2px}.guide-circuit-label rect{fill:#fff6c8;stroke:#d7b300}.guide-circuit-label path{fill:none;stroke:#25824e;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.guide-circuit-label text{fill:#594800;font-size:9px}.guide-all-tiles polygon{fill:#22282c}.guide-tile-numbers text{fill:#fff;text-anchor:middle;font-size:15px}.guide-to-tray-arrow{fill:none;stroke:#7667c9;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.guide-empty-tray path{fill:#fffdf8;stroke:#786b59;stroke-width:3px}.guide-empty-tray text{fill:#25824e;text-anchor:middle;font-size:20px}.guide-compare-label{text-anchor:middle;letter-spacing:.05em;font-size:9px}.guide-compare-label.bad{fill:#b92929}.guide-compare-label.good{fill:#147141}.guide-hole-warning{fill:#fff0f0;stroke:#d23b3b;stroke-width:2px}.guide-bad-mark{stroke:#d23b3b;stroke-width:4px;stroke-linecap:round}.guide-board-cell{fill:#ffffff52;stroke:#a89e90;stroke-width:1.5px;stroke-dasharray:4 3}.guide-board-cell.is-origin{fill:#6658c914}.guide-board-cell.is-target{fill:#267a4a1f;stroke:#25824e;stroke-width:2.2px}.guide-loop-guide{fill:#f2ca0014;stroke:#f2ca00;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 5}.guide-eye-label path{fill:#fffdf8;stroke:#6658c9;stroke-width:2px}.guide-eye-label circle{fill:#6658c9}.guide-eye-label text{fill:#51439b;text-anchor:middle;font-size:8px}.guide-all-label rect{fill:#e2f5e8;stroke:#25824e}.guide-all-label text{fill:#17613b;text-anchor:middle;font-size:10px}.settings-grid{gap:16px;display:grid}.setting-row{border:1px solid var(--line);background:var(--surface);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 18px;display:flex}.setting-row p{color:var(--muted);margin:4px 0 0;font-size:.82rem}.switch{flex:none;width:52px;height:30px;position:relative}.switch input{opacity:0;position:absolute}.switch span{cursor:pointer;background:#b7bdc3;border-radius:999px;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(22px)}.sync-setting{align-items:center}.settings-sync-state{margin-top:10px}.settings-sync-state .sync-chip{background:#f7f3ea;min-height:32px;padding:5px 9px}.tutorial-panel{border:1px solid var(--line);background:var(--surface);max-width:820px;box-shadow:var(--shadow);text-align:center;border-radius:28px;margin:10px auto;padding:clamp(20px,4vw,34px)}.tutorial-panel h1{margin-inline:auto;font-size:clamp(1.85rem,4vw,2.75rem)}.tutorial-explanation{max-width:650px;color:var(--muted);margin:12px auto 0;line-height:1.55}.tutorial-stage{background:radial-gradient(circle at 50% 40%,#fffdf8,#e8dfd1 76%);border:1px solid #d8cebf;border-radius:22px;place-items:center;min-height:260px;margin:20px 0 12px;display:grid;position:relative;overflow:hidden}.tutorial-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.tutorial-actions .primary-button{justify-content:space-between;min-width:180px}.tutorial-progress{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;font-size:.82rem;font-weight:800;display:flex}.tutorial-stepper{gap:7px;display:flex}.tutorial-step-dot{color:#777f87;background:#f2eee7;border:1px solid #cfc6b8;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.72rem;display:grid}.tutorial-step-dot.is-current{color:#fff;background:#6658c9;border-color:#6658c9;box-shadow:0 0 0 4px #6658c924}.tutorial-step-dot.is-done{color:#fff;background:#267a4a;border-color:#267a4a}.tutorial-task{color:#4d3f8d;background:#f0edff;border-radius:13px;justify-content:center;align-items:center;min-height:44px;margin:0;padding:9px 14px;font-size:.9rem;font-weight:800;display:flex}.tutorial-task.is-complete{color:#17613b;background:#e4f5e9}.tutorial-tray-demo{background:#fffdf8b8;border:2px dashed #b6aa99;border-radius:20px;place-items:center;min-width:260px;min-height:190px;padding-top:26px;display:grid;position:relative}.tutorial-stage-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850;position:absolute;top:12px;left:15px}.tutorial-piece-button{cursor:pointer;background:0 0;border:0;border-radius:24px;width:145px;height:145px;padding:0;position:relative}.tutorial-piece-button .tile-svg{filter:drop-shadow(0 9px 9px #0000003d);width:145px;height:145px}.tutorial-piece-button.is-selected{background:#6658c917;box-shadow:0 0 0 4px #6658c933}.tutorial-tap-callout{z-index:3;color:#fff;letter-spacing:.08em;background:#267a4a;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:900;position:absolute;bottom:15px;right:-32px;box-shadow:0 4px #175b36}.tutorial-stage-note{color:var(--muted);font-size:.75rem;font-weight:750;position:absolute;bottom:14px;right:18px}.tutorial-rotate-demo{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(100%,590px);display:grid}.tutorial-rotating-tile .tile-svg{filter:drop-shadow(0 10px 10px #00000038);width:160px;height:160px}.tutorial-rotation-controls{gap:12px;display:grid}.tutorial-rotation-controls button{min-width:142px}.tutorial-turn-left{color:#51419d;background:#f1eeff;border-color:#b4a9e5}.tutorial-turn-right{color:#145d83;background:#e8f6fd;border-color:#8cc3df}.tutorial-angle{color:#51419d;background:#f0edff;border-radius:12px;min-width:64px;padding:9px;font-weight:900}.tutorial-move-board{width:min(100%,520px);max-height:250px}.tutorial-move-cell{fill:#ffffff57;stroke:#5e534438;stroke-width:1.6px;cursor:pointer}.tutorial-move-cell.is-ready{fill:#267a4a33;stroke:#267a4a;stroke-width:3px;filter:drop-shadow(0 0 7px #267a4a59)}.tutorial-move-cell:focus-visible,.guide-rendered-tile:focus-visible{outline:none}.tutorial-move-cell:focus-visible{stroke:#5f4cc4;stroke-width:4px;filter:drop-shadow(0 0 7px #5f4cc461)}.tutorial-move-arrow{fill:none;stroke:#267a4a;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5}.tutorial-contact-options{grid-template-columns:1fr 1fr;gap:16px;width:min(100%,650px);display:grid}.tutorial-contact-choice{cursor:pointer;background:#fffdf8d1;border:2px solid #cfc6b8;border-radius:18px;min-width:0;padding:10px;font-weight:850;overflow:hidden}.tutorial-contact-choice:hover{border-color:#6658c9;transform:translateY(-2px)}.tutorial-contact-choice.is-wrong{background:#fff0ef;border-color:#cf4c43}.tutorial-contact-choice.is-correct{background:#e5f5ea;border-color:#267a4a;box-shadow:0 0 0 4px #267a4a1f}.tutorial-contact-svg{display:block}.tutorial-contact-svg svg{width:100%;height:auto;max-height:170px}.tutorial-contact-ring{fill:#ffffff5c;stroke-width:4px}.tutorial-contact-ring.is-match{stroke:#267a4a}.tutorial-contact-ring.is-mismatch{stroke:#cf3f36;stroke-dasharray:4 3}@media (width<=1023px){.page{width:min(100% - 24px,900px)}.hero{grid-template-columns:1fr .72fr}.home-grid{grid-template-columns:1fr}.continue-card{min-height:210px}.game-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:230px minmax(0,1fr)}.game-sidebar:first-child{grid-area:1/1}.game-objective-sidebar .objective-pills{grid-template-columns:1fr}.board-wrap{grid-area:1/2}.game-sidebar:last-child{border-top:1px solid var(--line);border-left:0;grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:225px;padding:10px 14px;display:grid;overflow:hidden}.game-control-sidebar>div:first-child{min-width:0}.tile-tray{gap:4px;margin:0;display:flex;overflow-x:auto}.tray-tile{flex:0 0 82px;min-height:82px}.tray-title{display:none}.game-action-stack{width:300px}.control-group-label{display:none}.game-primary-actions button{min-height:46px}.rotation-actions{margin-bottom:7px}.rotation-actions button{min-height:46px}}@media (width<=700px){.page{width:min(100% - 20px,620px)}.page-main{padding-top:14px}.app-header{grid-template-columns:minmax(0,1fr);gap:8px;min-height:122px;padding:10px 0;display:grid}.brand{width:100%}.brand img{width:60px;height:60px}.brand-copy strong{font-size:1.56rem}.brand-copy span{font-size:.68rem;display:block}.header-actions{grid-template-columns:auto minmax(0,1fr) auto;width:100%;display:grid}.header-home-button{min-height:38px;padding:6px 11px}.header-actions .sync-chip{justify-content:center;width:36px;min-width:36px;padding:0}.header-actions .sync-chip span:last-child{display:none}.header-actions .quiet-button{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;max-width:none;padding-inline:8px;overflow:hidden}.hero{grid-template-columns:1fr;gap:6px;padding:6px 0 12px}.hero h1{font-size:clamp(2rem,9.5vw,2.55rem);line-height:.98}.hero-copy>p:not(.eyebrow){margin:13px 0 17px;font-size:.94rem;line-height:1.45}.hero-tiles{order:-1;min-height:172px}.hero-tiles:before{width:154px;height:154px}.hero-tile{width:70px;height:70px}.hero-tile:first-child{transform:translate(-42px,-31px)rotate(-8deg)}.hero-tile:nth-child(2){transform:translate(40px,-17px)rotate(8deg)}.hero-tile:nth-child(3){transform:translate(-5px,39px)rotate(2deg)}.name-form{grid-template-columns:1fr}.section-heading{margin-top:7px}.challenge-path{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}.guide-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);padding:16px}.guide-visual{min-height:150px}.app-footer{flex-direction:row;align-items:center;gap:6px;padding:10px 1px 7px;font-size:clamp(7px,1.9vw,8px);line-height:1.2}.app-footer img{width:48px}.app-footer p{white-space:nowrap}.game-page{grid-template-rows:62px minmax(0,1fr);min-height:500px}.game-header{grid-template-columns:minmax(32px,1fr) auto minmax(72px,1fr);gap:8px;min-height:62px}.game-header-start{gap:6px}.game-header .game-brand .brand-copy{display:none}.game-header .game-brand img{width:32px;height:32px}.game-exit-button{border-radius:11px;gap:5px;min-height:38px;padding:6px 8px;font-size:.76rem}.game-progress{font-size:.72rem}.game-layout{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.game-sidebar:first-child{border-right:0;border-bottom:1px solid var(--line);grid-area:1/1;padding:6px 10px;display:block;overflow:visible}.objective-label,.control-help{display:none}.objective-pills{justify-content:center;gap:8px;display:flex}.objective-pill{border-radius:12px;flex:1 1 0;max-width:180px;min-height:43px;padding:6px 10px}.objective-pill span{font-size:.68rem}.objective-pill strong{font-size:.92rem}.game-status{text-align:center;background:0 0;min-height:0;margin:5px 0 0;padding:3px 7px;font-size:.7rem}.board-wrap{grid-area:2/1;min-height:0}.board-tools{gap:5px;bottom:8px;right:8px}.board-tool{border-radius:12px;gap:0;min-width:61px;min-height:46px;padding:3px 6px}.board-tool .control-icon{width:17px;height:17px}.board-tool>span:last-child{font-size:.58rem}.game-sidebar:last-child{min-height:210px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-area:3/1;grid-template-columns:minmax(0,1fr) 178px;gap:7px}.game-sidebar:last-child>div:first-child{min-width:0;overflow-y:auto}.tile-tray{grid-template-columns:repeat(2,minmax(50px,1fr));align-content:start;gap:4px;display:grid;overflow:hidden auto}.tray-tile{border-radius:12px;min-height:64px}.game-sidebar:last-child.is-dense,.game-sidebar:last-child.is-max-density{min-height:230px}.game-control-sidebar.is-dense .tray-tile,.game-control-sidebar.is-max-density .tray-tile{min-height:48px}.game-control-sidebar.is-dense .tray-tile .tile-svg,.game-control-sidebar.is-max-density .tray-tile .tile-svg{width:min(100%,54px)}.game-action-stack{width:178px}.rotation-actions{gap:6px;margin-bottom:6px}.rotation-actions button{min-height:43px;padding:4px 6px}.game-primary-actions{gap:6px;margin-top:8px}.game-primary-actions button{min-height:44px;padding:6px 7px}.game-primary-actions .control-icon{width:18px;height:18px}.game-primary-actions span:last-child{font-size:.6rem}.control-button{gap:4px}.control-button .control-icon{width:16px;height:16px}.rotation-actions .control-icon{width:25px;height:25px}.control-button>span:last-child{font-size:.64rem}.success-overlay{padding:10px}.success-card{border-radius:24px;padding:18px 16px 16px}.success-topline{margin-bottom:10px;font-size:.66rem}.success-mark{border-width:5px;width:62px;height:62px;margin-bottom:9px;font-size:1.8rem}.success-card .eyebrow{margin-bottom:4px}.success-message{margin:8px auto 11px;font-size:.9rem}.success-next{margin-top:11px;padding:10px 12px}.success-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.success-actions .primary-button{grid-column:1/-1}.success-actions .quiet-button{border:1px solid #0000}.ranking-hero{border-radius:23px;grid-template-columns:1fr;gap:18px;min-height:0;padding:21px}.ranking-intro>p:last-child{margin-top:10px;font-size:.9rem}.ranking-own-progress{min-height:116px}.ranking-own-progress>strong{font-size:2.65rem}.ranking-summary{gap:7px;margin:9px 0 24px}.ranking-summary article{text-align:center;align-content:center;gap:1px;min-height:72px;padding:10px;display:grid}.ranking-summary strong{font-size:1.25rem}.ranking-summary span{font-size:.67rem}.ranking-toolbar{align-items:center}.ranking-toolbar .secondary-button{min-height:44px;padding:9px 12px}.ranking-group-header{grid-template-columns:58px minmax(0,1fr) auto;gap:10px;min-height:78px;padding:10px 14px}.ranking-medallion{width:56px;height:56px}.ranking-medallion:before{width:43px;height:43px}.ranking-medallion strong{font-size:1.15rem}.ranking-group-copy h3{font-size:1rem}.ranking-player-count{grid-column:3;justify-self:end}.ranking-players{grid-template-columns:1fr;padding:0 14px 14px}.section-heading{flex-direction:column;align-items:start}.settings-heading{flex-direction:row;align-items:center;width:100%}.settings-done-button{margin-left:auto}.tutorial-panel{padding:18px 14px}.tutorial-stage{min-height:235px}.tutorial-rotate-demo{grid-template-columns:1fr 1fr;gap:10px}.tutorial-rotating-tile{grid-row:1/span 2}.tutorial-rotating-tile .tile-svg{width:132px;height:132px}.tutorial-rotation-controls{gap:8px}.tutorial-rotation-controls button{min-width:0;padding-inline:9px}.tutorial-angle{grid-column:2;justify-self:center}}@media (width<=500px){.guide-card{text-align:center;grid-template-columns:1fr}.guide-visual{width:100%;min-height:155px}.guide-copy h3{margin-top:1px}.tutorial-contact-options{grid-template-columns:1fr;gap:10px}.tutorial-contact-choice{grid-template-columns:88px minmax(0,1fr);align-items:center;padding:7px 10px;display:grid}.tutorial-contact-svg svg{max-height:116px}.tutorial-tray-demo{min-width:min(100%,250px)}.tutorial-stage-note{display:none}}@media (width<=360px){.brand-copy strong{font-size:1.5rem}.game-header-end .sync-chip{display:none}}@media (height<=620px) and (orientation:landscape){.game-page{grid-template-rows:54px minmax(0,1fr)}.game-header{min-height:54px;padding-top:4px;padding-bottom:4px}.game-exit-button{min-height:38px;padding:5px 9px}.game-brand img{width:34px;height:34px}.game-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:180px minmax(0,1fr) 250px}.game-sidebar:first-child{border-right:1px solid var(--line);border-bottom:0;grid-area:1/1;padding:10px;display:block}.objective-pills{grid-template-columns:1fr;display:grid}.objective-pill{min-height:48px}.board-wrap{grid-area:1/2}.game-sidebar:last-child{border-left:1px solid var(--line);border-top:0;flex-direction:column;grid-area:1/3;min-height:0;padding:8px;display:flex;overflow:hidden}.tile-tray{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;display:grid;overflow-y:auto}.tray-tile{min-height:64px}.game-action-stack{width:auto}.control-group-label{display:none}.rotation-actions{margin-bottom:6px}.rotation-actions button{min-height:42px}.game-primary-actions{gap:6px;margin-top:7px}.game-primary-actions button{min-height:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}