*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.35;overflow:hidden}#app{max-width:520px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0 auto;position:relative}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:400}.btn{background:var(--btn);width:100%;color:var(--btn-ink);box-shadow:0 4px 0 var(--btn-edge);text-align:center;border:0;border-radius:999px;gap:2px;padding:14px 20px;transition:transform 80ms,box-shadow 80ms;display:grid}.btn:active{box-shadow:0 1px 0 var(--btn-edge);transform:translateY(3px)}.btn__title{font-family:var(--display);letter-spacing:.02em;font-size:22px}.btn__sub{opacity:.8;font-size:14px;font-weight:600}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 0 var(--accent-edge)}.btn--primary:active{box-shadow:0 1px 0 var(--accent-edge)}.btn--quiet{box-shadow:none;color:var(--muted);background:0 0;padding:10px;font-weight:600}.btn--quiet:active{box-shadow:none}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:var(--press)}.bar{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 10px 0;display:grid}.bar h2{letter-spacing:.04em;font-size:22px}.bar__aside{font-family:var(--display);color:var(--accent);font-size:15px}.stars{gap:2px;display:inline-flex}.star{width:18px;height:18px;fill:var(--star-off)}.star--on{fill:var(--star)}.home{flex-direction:column;justify-content:space-between;height:100%;padding:24px 28px 32px;display:flex;position:relative}.home__settings{position:absolute;top:12px;right:12px}.home__brand{text-align:center;margin-top:6vh}.home__rink{background:var(--rink);width:220px;height:120px;box-shadow:inset 0 0 0 4px var(--rink-edge);border-radius:60px;margin:0 auto 18px;position:relative;overflow:hidden}.home__rink .house{background:var(--house);border-radius:50%;width:84px;height:84px;margin-top:-42px;position:absolute;top:50%;right:22px}.home__rink .stone{background:var(--puck-0);border-radius:50%;width:44px;height:44px;margin-top:-22px;animation:3.2s cubic-bezier(.15,.7,.25,1) infinite home-glide;position:absolute;top:50%;left:142px;box-shadow:0 4px #0003}@keyframes home-glide{0%,12%{transform:translate(-122px)}55%,85%{opacity:1;transform:none}to{opacity:0;transform:none}}.logo{color:var(--logo);letter-spacing:.02em;font-size:clamp(48px,15vw,72px);line-height:.95;display:grid}.logo span:last-child{color:var(--accent)}.home__tag{color:var(--muted);margin:14px 0 0;font-size:17px;font-weight:600}.home__menu{gap:14px;display:grid}.sheet{z-index:20;background:var(--scrim);place-items:center;padding:24px;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.sheet__card{background:var(--card);width:min(100%,380px);color:var(--card-ink);text-align:center;border-radius:28px;padding:26px 24px 18px;animation:.25s cubic-bezier(.2,.8,.3,1.2) rise}.sheet__card h2{margin-bottom:12px;font-size:26px}.sheet__card p{margin:0 0 12px}.sheet__card .btn{margin-top:8px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}.howto__demo{background:var(--rink);--cell:48px;border-radius:14px;width:240px;height:56px;margin:4px auto 16px;position:relative}.howto__demo>i{width:48px;height:48px;position:absolute;top:4px}.howto__demo .wall{left:188px}.howto__demo .dock{left:140px}.howto__demo .puck{animation:2.8s cubic-bezier(.15,.7,.25,1) infinite demo-glide;left:4px}@keyframes demo-glide{0%,15%{transform:none}45%,to{transform:translate(136px)}}.howto__small{color:var(--card-muted);font-size:14px}.win .stars{gap:6px;margin:4px 0 10px}.win .star{width:46px;height:46px;animation:.4s cubic-bezier(.2,.8,.3,1.6) both pop}.win .star:nth-child(2){animation-delay:.12s}.win .star:nth-child(3){animation-delay:.24s}@keyframes pop{0%{opacity:0;transform:scale(.2)}}.win__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--card-muted);font-size:13px;font-weight:800}.win__score{font-family:var(--display);font-size:18px}.win__sub{min-height:1.35em;color:var(--card-muted)}.win__menu{gap:4px;display:grid}.select{flex-direction:column;height:100%;display:flex}.select__grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:10px;padding:16px 18px 28px;display:grid;overflow-y:auto}.lvl{background:var(--btn);color:var(--btn-ink);box-shadow:0 3px 0 var(--btn-edge);border:0;border-radius:18px;justify-items:center;gap:2px;padding:10px 0 8px;display:grid}.lvl b{font-family:var(--display);min-height:26px;font-size:22px;font-weight:400;line-height:1.1}.lvl .star{width:13px;height:13px}.lvl--next{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-edge)}.lvl--next .star{fill:#ffffff59}.lvl--locked{opacity:.45;box-shadow:none;cursor:default}.play{flex-direction:column;height:100%;display:flex}.score{justify-content:center;gap:10px;padding:6px 16px 0;display:flex}.score__cell{background:var(--panel);border-radius:16px;justify-items:center;min-width:82px;padding:6px 12px;display:grid}.score__cell small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.score__cell b{font-family:var(--display);font-size:22px;font-weight:400;line-height:1.15}.score__cell .stars{align-items:center;height:25px}.score__moves.over{color:var(--accent)}.stage{flex:1;place-items:center;min-height:0;padding:8px;display:grid}.rink{width:calc(var(--w) * var(--cell) + 12px);height:calc(var(--h) * var(--cell) + 12px);border-radius:calc(var(--cell) * .45);background:var(--rink);box-shadow:inset 0 0 0 5px var(--rink-edge), 0 10px 0 -2px var(--rink-under);touch-action:none;padding:6px;position:relative}.rink>i{left:calc(6px + var(--x) * var(--cell));top:calc(6px + var(--y) * var(--cell));width:var(--cell);height:var(--cell);position:absolute}.wall{border-radius:calc(var(--cell) * .22);background:var(--wall);box-shadow:var(--wall-shadow);transform:scale(.94)}.dock:before{content:"";background:var(--dock-bg);border-radius:50%;position:absolute;inset:6%}.puck{z-index:2;transition:left var(--ms,.15s) cubic-bezier(.2, .75, .35, 1), top var(--ms,.15s) cubic-bezier(.2, .75, .35, 1)}.puck:before{content:"";background:var(--puck);box-shadow:var(--puck-shadow);border-radius:50%;transition:box-shadow .2s,transform .2s;position:absolute;inset:11%}.puck.sel:before{box-shadow:var(--puck-shadow), 0 0 0 4px var(--sel)}.puck.home:after{content:"";border:3px solid var(--home-ring);border-radius:50%;animation:.5s ease-out both ring;position:absolute;inset:0}@keyframes ring{0%{opacity:0;transform:scale(.6)}}.puck .arrow{text-decoration:none;display:none;position:absolute;inset:0}.puck.hint .arrow{display:block}.puck.hint .arrow:before{content:"";width:0;height:0;margin-left:calc(var(--cell) * -.17);border:calc(var(--cell) * .17) solid transparent;border-bottom:calc(var(--cell) * .24) solid var(--hint);animation:.7s ease-in-out infinite alternate point;position:absolute;top:-34%;left:50%}.puck.hint.down .arrow{transform:rotate(180deg)}.puck.hint.left .arrow{transform:rotate(-90deg)}.puck.hint.right .arrow{transform:rotate(90deg)}@keyframes point{to{translate:0 -5px}}.puck[class*=nudge-]:before{animation:.22s ease-out nudge}.puck.nudge-up{--nx:0;--ny:-1}.puck.nudge-down{--nx:0;--ny:1}.puck.nudge-left{--nx:-1;--ny:0}.puck.nudge-right{--nx:1;--ny:0}@keyframes nudge{40%{transform:translate(calc(var(--nx) * 5px), calc(var(--ny) * 5px))}}.puck.bump-up:before,.puck.bump-down:before{animation:.18s ease-out squash-y}.puck.bump-left:before,.puck.bump-right:before{animation:.18s ease-out squash-x}@keyframes squash-y{40%{transform:scale(1.1,.88)}}@keyframes squash-x{40%{transform:scale(.88,1.1)}}.cleared .puck:before{animation:.6s ease-in-out .1s party}@keyframes party{50%{transform:scale(1.12)}}.note{text-align:center;min-height:1.5em;color:var(--muted);margin:0;padding:0 20px;font-weight:600}.tools{justify-content:center;gap:12px;padding:8px 16px 18px;display:flex}.tool{background:var(--btn);min-width:88px;color:var(--btn-ink);box-shadow:0 3px 0 var(--btn-edge);border:0;border-radius:20px;justify-items:center;gap:2px;padding:10px 12px 8px;font-size:13px;font-weight:700;display:grid}.tool:active{box-shadow:0 1px 0 var(--btn-edge);transform:translateY(2px)}.settings{height:100%;padding-bottom:24px;overflow-y:auto}.settings h3{letter-spacing:.08em;color:var(--muted);margin:22px 22px 10px;font-size:15px}.looks{gap:10px;padding:0 18px;display:grid}.look{background:var(--panel);text-align:left;border:3px solid #0000;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:12px 14px;display:grid}.look--on{border-color:var(--accent)}.look__sw{grid-row:span 2;display:flex}.look__sw i{width:22px;height:22px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;margin-right:-6px}.look__name{font-weight:800}.look__blurb{color:var(--muted);font-size:13px}.toggle{background:var(--panel);border-radius:18px;justify-content:space-between;align-items:center;margin:0 18px 8px;padding:14px 16px;font-weight:700;display:flex}.toggle input{opacity:0;position:absolute}.toggle i{background:var(--press);border-radius:999px;width:48px;height:28px;transition:background .15s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(20px)}.settings>.btn--quiet{width:auto;margin:6px auto 0;display:block}.credits{text-align:center;color:var(--muted);margin:20px;font-size:13px}.credits a{color:inherit}@font-face{font-family:Bungee;src:url(/games/glide-home/play/fonts/bungee-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Outfit;src:url(/games/glide-home/play/fonts/outfit-var.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--display:"Bungee", "Arial Black", sans-serif;--text:"Outfit", system-ui, sans-serif;--scrim:#0a141e8c}.p0{--pc:var(--c0)}.p1{--pc:var(--c1)}.p2{--pc:var(--c2)}.p3{--pc:var(--c3)}[data-theme=rink]{--bg:#eef4f7;--ink:#18324a;--muted:#18324a9e;--accent:#d8382c;--accent-ink:#fff8ec;--accent-edge:#9e2219;--btn:#fff;--btn-ink:#18324a;--btn-edge:#b9cfdc;--press:#18324a1f;--panel:#fff;--card:#fffdf7;--card-ink:#18324a;--card-muted:#18324a99;--star:#e9a822;--star-off:#d5e2ea;--logo:#18324a;--rink:linear-gradient(transparent calc(50% - 2px), #d8382c59 calc(50% - 2px) calc(50% + 2px), transparent 0), #f8fbfd;--rink-edge:#9cc6dd;--rink-under:#c6dbe6;--house:radial-gradient(circle, #fff 0 17%, #d8382c 18% 40%, #fff 41% 62%, #5aa4cf 63% 100%);--wall:linear-gradient(#cfe4ef 0 22%, #a7cde0 22% 100%);--wall-shadow:inset 0 -5px 0 #6fa3c1;--puck-0:linear-gradient(#232b33, #232b33) center / 50% 13% no-repeat, radial-gradient(circle, #d8382c 0 62%, #9aa3ab 64% 80%, #7b858e 82% 100%);--sel:#18324a;--hint:#18324a;--c0:#d8382c;--c1:#e9a822;--c2:#2c79b8;--c3:#3a9a6a}[data-theme=rink] .puck,[data-theme=rink] .dock{--dock-bg:radial-gradient(circle, var(--pc) 0 16%, #fff 17% 36%, var(--pc) 37% 56%, #fff 57% 70%, #a9d0e4 71% 100%);--puck:linear-gradient(#232b33, #232b33) center / 50% 13% no-repeat, radial-gradient(circle, var(--pc) 0 62%, #9aa3ab 64% 80%, #7b858e 82% 100%);--puck-shadow:0 4px 0 #18324a40;--home-ring:var(--pc)}[data-theme=rink] body{background:linear-gradient(90deg, transparent 49.6%, #5aa4cf1f 49.6% 50.4%, transparent 50.4%), var(--bg)}[data-theme=floodlit]{--bg:#101a33;--ink:#eef2ff;--muted:#eef2ff99;--accent:#ff5a7a;--accent-ink:#1a0a12;--accent-edge:#b8314e;--btn:#1c2a4f;--btn-ink:#eef2ff;--btn-edge:#0a1124;--press:#eef2ff24;--panel:#1a2747;--card:#18244a;--card-ink:#eef2ff;--card-muted:#eef2ff9e;--star:#ffd45c;--star-off:#2c3a63;--logo:#46e0d0;--rink:radial-gradient(ellipse at 50% 0%, #78a0ff38, transparent 70%), #16244a;--rink-edge:#2e4380;--rink-under:#0a1124;--house:radial-gradient(circle, transparent 0 22%, #ff5a7a 23% 30%, transparent 31% 58%, #46e0d0 59% 66%, transparent 67%);--wall:#22305c;--wall-shadow:inset 0 0 0 2px #46e0d0, 0 0 12px #46e0d059;--puck-0:radial-gradient(circle at 35% 30%, #ffffffb3 0 10%, transparent 26%), #ff5a7a;--sel:#fff;--hint:#ffd45c;--c0:#ff5a7a;--c1:#46e0d0;--c2:#ffd45c;--c3:#a98bff}[data-theme=floodlit] .puck,[data-theme=floodlit] .dock{--dock-bg:radial-gradient(circle, var(--pc) 0 14%, transparent 15% 46%, var(--pc) 47% 55%, transparent 56%);--puck:radial-gradient(circle at 35% 30%, #ffffffb3 0 10%, transparent 26%), var(--pc);--puck-shadow:0 0 16px var(--pc,#ff5a7a);--home-ring:#fff}[data-theme=pond]{--bg:#dfe6e2;--ink:#26342f;--muted:#26342f9e;--accent:#3f6b5b;--accent-ink:#f4f1e8;--accent-edge:#284638;--btn:#f4f1e8;--btn-ink:#26342f;--btn-edge:#b5c2bb;--press:#26342f1f;--panel:#f4f1e8;--card:#f4f1e8;--card-ink:#26342f;--card-muted:#26342f99;--star:#c4562e;--star-off:#ccd5cf;--logo:#26342f;--rink:linear-gradient(160deg, #ffffff59, transparent 40%, #fff3 70%, transparent), #b9c9c5;--rink-edge:#f7f8f6;--rink-under:#95a8a2;--house:radial-gradient(circle, transparent 0 40%, #26342f59 41% 45%, transparent 46%);--wall:radial-gradient(ellipse at 50% 18%, #fff 0 34%, transparent 36%), #7d8580;--wall-shadow:inset 0 -5px 0 #5c635f;--puck-0:repeating-linear-gradient(90deg, #ffffff29 0 3px, transparent 3px 7px), #c4562e;--sel:#26342f;--hint:#26342f;--c0:#c4562e;--c1:#3f6b5b;--c2:#d9a440;--c3:#4b5f8f}[data-theme=pond] .puck,[data-theme=pond] .dock{--dock-bg:radial-gradient(circle, transparent 0 46%, var(--pc) 47% 57%, transparent 58%), radial-gradient(circle, var(--pc) 0 12%, transparent 13%);--puck:repeating-linear-gradient(90deg, #ffffff29 0 3px, transparent 3px 7px), var(--pc);--puck-shadow:0 4px 0 #26342f4d;--home-ring:#f7f8f6}