@font-face{font-family:Baloo2;font-weight:700;font-display:swap;src:url(/fonts/Baloo2-Bold.woff2)format("woff2")}@font-face{font-family:Baloo2;font-weight:800;font-display:swap;src:url(/fonts/Baloo2-ExtraBold.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:400;font-display:swap;src:url(/fonts/Nunito-Regular.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(/fonts/Nunito-Bold.woff2)format("woff2")}@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(/fonts/Nunito-ExtraBold.woff2)format("woff2")}:root{--enamel:#123a5a;--sea-deep:#0b2236;--brass:#d9a441;--brass-lo:#8a5f12;--paper:#f7ecd3;--paper-ink:#2a2118;--paper-line:#3c5a8238;--paper-edge:#2a21182e;--margin-red:#b43c3273;--ruled-paper:repeating-linear-gradient(180deg, transparent 0 15px, var(--paper-line) 15px 16px), var(--paper);--ember:#f97316;--ember-hi:#ffa451;--ember-lo:#a64a0a;--ember-wash:#f9731629;--ember-mark:#f9731657;--on-ember:#0b0b0b;--oak:#d89b57;--oak-dark:#985d2a;--playfield:#8a5530;--scrim:#160d068c;--scrim-lit:linear-gradient(180deg, #160d061f 0%, var(--scrim) 42%, #160d06bd 100%);--floor:#241913;--sky:linear-gradient(180deg, #5f9fc9 0%, #f3cfa6 24%, #2a7395 48%, #5b4640 100%);--gloss:linear-gradient(180deg, #ffffff1a, #fff0 min(50%, 56px));--keyline:#f7ecd373;--rim:2px solid var(--brass);--radius:12px;--radius-lg:22px;--pill:999px;--lift:0 6px 16px #140a0059;--lift-high:0 26px 44px -12px #140a00a6;--shadow:0 2px 0 var(--brass-lo), var(--lift);--shadow-ember:0 2px 0 var(--ember-lo), var(--lift);--shadow-sign:0 4px 0 var(--brass-lo), var(--lift-high);--sign-shade:0 3px 0 var(--sea-deep);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:18px;--space-5:26px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--display:"Baloo2", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap:44px;--reserved-rail:56px;--gold-hi:#ffb877;font-family:var(--body);color:var(--paper);font-weight:700}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}html{background:var(--floor)}body{background:var(--sky);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}::selection{background:var(--brass);color:var(--paper-ink)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--ember-hi);outline-offset:2px}.panel,.primary-button,.quiet-button,.icon-button{border:var(--rim);border-radius:var(--radius);background:var(--gloss), var(--enamel);box-shadow:var(--shadow);color:var(--paper)}.panel{border-radius:var(--radius-lg)}.sign{box-shadow:var(--shadow-sign);outline:2px solid var(--keyline);outline-offset:-9px}.pad{border:1px solid var(--paper-edge);border-top:5px solid var(--enamel);border-radius:5px 5px var(--radius) var(--radius);background:var(--paper);box-shadow:var(--lift);color:var(--paper-ink)}.primary-button,.quiet-button,.icon-button,.segmented button{min-height:var(--tap);font-family:var(--display);letter-spacing:.02em;padding:0 12px;font-size:.95rem;font-weight:800;line-height:1.1;transition:scale .11s ease-out}.primary-button:active,.quiet-button:active,.icon-button:active,.segmented button:active{scale:.96}.quiet-button:disabled{filter:grayscale()brightness(.7);cursor:default}.primary-button{letter-spacing:.03em;min-width:200px;min-height:54px;padding:0 28px;font-size:1.25rem}.icon-button{width:var(--tap);border-radius:var(--pill);flex:none;place-items:center;padding:0;display:grid}.icon-button svg{fill:currentColor;width:24px;height:24px}.tag,.seat-bubble,.knock-marks,.pips-pill{border:var(--rim);border-radius:var(--pill);background:var(--paper);box-shadow:var(--shadow);color:var(--paper-ink);font-family:var(--display);white-space:nowrap;font-variant-numeric:tabular-nums;padding:2px 10px;font-size:.9rem;font-weight:800}.primary-button,.start-badge,.hud-status[data-turn=true],.pips-pill[data-won=true]{border-color:var(--ember-lo);background-color:var(--ember);box-shadow:var(--shadow-ember);color:var(--on-ember)}.primary-button{box-shadow:0 4px 0 var(--ember-lo), var(--lift)}.field{border:var(--rim);border-radius:var(--radius);background:var(--gloss), var(--enamel);width:100%;min-height:48px;box-shadow:inset 0 0 0 4px var(--enamel), inset 0 0 0 6px var(--keyline), 0 2px 0 var(--brass-lo);color:var(--paper);caret-color:var(--ember-hi);font-family:var(--display);text-align:center;-webkit-user-select:text;user-select:text;padding:2px 14px 0;font-size:1.35rem;font-weight:800}.field::placeholder{color:#f7ecd39e}.segmented{border:var(--rim);border-radius:var(--radius);background:var(--sea-deep);display:flex}.segmented button{min-width:var(--tap);background:0 0;border:0;border-radius:10px;padding:0 14px}.segmented button[aria-pressed=true]{background:var(--gloss), var(--brass);color:var(--paper-ink)}.toggle{border:var(--rim);border-radius:var(--pill);background:radial-gradient(circle closest-side, var(--paper) 92%, transparent) left 2px center / 22px 22px no-repeat var(--sea-deep);appearance:none;cursor:pointer;flex:none;width:52px;height:30px;margin:0;transition:background-position .15s ease-out,background-color .15s ease-out}.toggle:checked{background-color:var(--brass);background-position:right 2px center}.section-label{color:var(--brass);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:0;font-size:.7rem;font-weight:800}.sheet-title,.match-end-title,.start-title,.redeal-title{font-family:var(--display);text-shadow:var(--sign-shade);margin:0;font-size:1.3rem;font-weight:800;line-height:1.05}.game{--edge-top:max(10px, env(safe-area-inset-top));--edge-right:max(10px, env(safe-area-inset-right));--edge-bottom:max(10px, env(safe-area-inset-bottom));--edge-left:max(10px, env(safe-area-inset-left));--hud-font:clamp(16px, .45vmin + 12.5px, 19px);--hud-gap:8px;--bar-height:max(var(--tap), 2.75em);--status-height:2.125em;--table-top:calc(var(--edge-top) + var(--bar-height) + var(--hud-gap));--table-right:max(4px, env(safe-area-inset-right));--table-left:max(4px, env(safe-area-inset-left));position:fixed;inset:0;overflow:hidden}@media (display-mode:standalone),(display-mode:fullscreen){.game{min-height:100lvh}}.stage-safe-area{inset:var(--table-top) var(--table-right) var(--edge-bottom) var(--table-left);font-size:var(--hud-font);visibility:hidden;pointer-events:none;position:absolute}.backdrop{transform-origin:2.83019% 2.83019%;width:106%;height:106%;position:absolute;inset:-3%}.backdrop canvas{width:100%;height:100%;display:block}.stage{z-index:0;touch-action:none;position:absolute;inset:0}.hud{z-index:1;pointer-events:none;padding:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);position:absolute;inset:0}.hud button,.hud input,.hud .sheet,.hud .sheet-scrim,.hud .start-screen,.hud .match-end{pointer-events:auto}.hud-bar{align-items:center;column-gap:var(--hud-gap);row-gap:var(--hud-gap);min-height:var(--bar-height);font-size:var(--hud-font);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);grid-template-areas:"start status score";display:grid}.hud-bar-start{grid-area:start;align-items:center;gap:6px;display:flex}.hud-bar .icon-button{width:var(--bar-height);min-height:var(--bar-height)}.hud-bar .icon-button svg{width:1.5em;height:1.5em}.hud-bar .quiet-button{min-height:var(--bar-height);padding:0 .75em;font-size:.95em}.score-sheet{background:var(--ruled-paper);grid-template-columns:1fr 1fr;display:grid}.score-pad{grid-area:score;justify-self:end}.score-team{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.375em;padding:.25em .44em .19em;display:grid}.score-team+.score-team{border-left:2px solid var(--margin-red)}.score-name{font-family:var(--display);letter-spacing:.1em;font-size:.74em;font-weight:800}.score-team[data-ours=true] .score-name{color:var(--ember-lo)}.score-total{font-family:var(--display);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;font-size:1.75em;font-weight:800;line-height:1}.tally{width:2.875em;height:.875em}.tally line{stroke:var(--paper-ink);stroke-width:2.4px;stroke-linecap:round}.hud-status{width:-moz-fit-content;width:fit-content;min-height:var(--status-height);text-align:center;white-space:normal;text-wrap:balance;grid-area:status;justify-self:center;margin:0;padding:.375em 1em;font-size:1em;line-height:1.2}.hud-status[data-blank=true]{visibility:hidden}.hud-status[data-turn=true]{animation:pop-in .24s var(--ease-pop)}.redeal-banner{top:var(--table-top);width:min(400px, calc(100% - var(--edge-left) - var(--edge-right)));border-radius:var(--radius);text-align:center;transform-origin:50% -24px;gap:2px;padding:16px 24px 17px;animation:.64s both swing-in;display:grid;position:absolute;left:50%;translate:-50%}.redeal-title{color:var(--brass);font-size:1.35rem}.redeal-body{text-wrap:balance;margin:0;font-size:.86rem;line-height:1.3}.piece-mirror{left:max(10px, env(safe-area-inset-left));bottom:max(76px, calc(env(safe-area-inset-bottom) + 66px));opacity:0;flex-wrap:wrap;gap:4px;max-width:min(520px,100% - 20px);margin:0;padding:0;list-style:none;display:flex;position:absolute}.piece-mirror[data-shown=true],.piece-mirror:focus-within{opacity:1}.sheet-scrim,.hand-call{padding:var(--space-3);place-items:center;display:grid;position:absolute;inset:0}.sheet-scrim{background:var(--scrim)}.sheet{align-content:start;gap:var(--space-3);width:min(440px,100%);max-height:100%;padding:18px;display:grid;overflow-y:auto}.end-sheet{left:50%;bottom:var(--edge-bottom);width:min(440px, calc(100% - var(--edge-left) - var(--edge-right)));animation:rise-in .22s var(--ease-out);padding:16px 16px 14px;position:absolute;translate:-50%}.end-options{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.end-option{border-color:var(--oak);background:var(--playfield);min-height:84px;box-shadow:inset 0 3px 10px #1e0e048c, 0 3px 0 var(--oak-dark);--stone:clamp(34px, 2.6vmin + 20px, 44px);justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.end-sheet>.quiet-button{min-width:180px;box-shadow:none;color:var(--brass);background:0 0;border-color:#0000;justify-self:center}.domino-face{width:var(--stone,40px);height:calc(var(--stone,40px) * 2);filter:drop-shadow(0 3px 5px #00000059);flex:none;display:block}.domino-face[data-lying=true]{margin:calc(var(--stone,40px) * -.5) calc(var(--stone,40px) * .5);rotate:-90deg}.domino-face[data-rimmed=true]{filter:drop-shadow(0 0 5px var(--ember-hi)) drop-shadow(0 3px 5px #0006)}.hand-call{background:radial-gradient(circle at 50% 46%, transparent 0%, var(--scrim) 70%);animation:.24s ease-out fade-in}.hand-call[data-fading=true]{opacity:0;transition:opacity .3s ease-out}.call-page{width:min(25em,100%);box-shadow:0 2px 0 var(--paper-edge), var(--lift-high);border-top-width:9px;justify-items:center;gap:.75em;padding:1.125em 1.25em 1.25em;font-size:clamp(16px,1.2vmin + 8px,20px);animation:.24s both slap-down;display:grid;rotate:-1.5deg}.callout{color:var(--enamel);font-family:var(--display);letter-spacing:.01em;margin:0;font-size:2.6em;font-weight:800;line-height:1;rotate:-5deg}.call-page[data-kind=changa] .callout{background:linear-gradient(transparent 58%, var(--ember-mark) 58% 86%, transparent 86%);color:var(--ember-lo);padding:0 .12em;font-size:4.2em}.call-stone{--stone:4.4em;padding:.25em 0}.won-line{align-items:center;gap:var(--space-4);font-family:var(--display);margin:0;font-size:1.6em;font-weight:800;display:flex}.stamp{outline-offset:2px;color:var(--ember-lo);font-variant-numeric:tabular-nums;mix-blend-mode:multiply;border:3px solid;border-radius:10px;outline:1.5px solid;padding:.04em .34em 0;font-size:1.375em;line-height:1.1;animation:.22s .26s both stamp-land;rotate:-9deg}.hand-reveal{border-top:1px solid var(--paper-line);width:100%;margin:0;padding:0;list-style:none;display:grid}.reveal-row{border-bottom:1px solid var(--paper-line);min-height:3em;animation:row-in .32s var(--ease-out) both;grid-template-columns:4em 1fr auto;align-items:center;gap:.5em;padding:.25em .5em;display:grid}.reveal-row[data-won=true]{background:var(--ember-wash)}.reveal-name,.reveal-pips{font-family:var(--display);font-weight:800;line-height:1.15}.reveal-name{letter-spacing:.1em;text-transform:uppercase;font-size:.74em}.reveal-pips{font-variant-numeric:tabular-nums;font-size:1em}.reveal-row[data-won=true] .reveal-name,.reveal-row[data-won=true] .reveal-pips{color:var(--ember-lo)}.reveal-stones{--stone:1.2em;flex-wrap:wrap;gap:3px;display:flex}.reveal-stones .domino-face{filter:drop-shadow(0 0 .6px var(--paper-ink)) drop-shadow(0 2px 2px #0000004d)}.start-screen,.match-end{padding:var(--edge-top) var(--edge-right) var(--edge-bottom) var(--edge-left);background:var(--scrim-lit);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.start-sign,.match-end-sign{width:min(392px,100%);animation:sign-drop .34s var(--ease-out) both;display:grid}.start-mascot,.match-end-art{z-index:1;filter:drop-shadow(0 6px 8px #00000073);width:auto;height:clamp(92px,18vh,168px);animation:perch .46s .2s var(--ease-out) both;margin-bottom:-12px;position:relative}.start-mascot{aspect-ratio:446/542;object-fit:cover;justify-self:end;margin-right:6%}.start-card{gap:clamp(10px, 2.1vh, var(--space-4));padding:var(--space-5) 22px 22px;display:grid}.start-heading{gap:var(--space-1);display:grid}.start-title{text-wrap:balance;font-size:clamp(1.6rem,1rem + 3.4vw,2.35rem)}.start-badge{text-shadow:none;vertical-align:.24em;padding:0 9px;font-size:.55em;display:inline-block;rotate:-5deg}.start-tagline{color:#f7ecd3db;margin:0;font-size:.95rem}.name-field,.level-picker{gap:var(--space-1);border:0;min-width:0;margin:0;padding:0;display:grid}.level-picker .segmented button{flex:1 0 auto}.level-hint{color:#f7ecd3db;min-height:1.25em;margin:0;font-size:.8rem;font-weight:400;line-height:1.25}.play-button{width:100%;min-height:60px;font-size:1.6rem}.start-more{gap:var(--space-2);display:flex}.start-more .quiet-button{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.start-more svg{fill:currentColor;width:1.15em;height:1.15em}.match-end-sign{justify-items:center;width:min(380px,100%)}.match-end-sign[data-won=true] .match-end-art{height:clamp(88px,15vh,124px);margin-bottom:-46px}.match-end-card{justify-items:center;gap:var(--space-3);width:100%;padding:var(--space-5) 22px 22px;text-align:center;display:grid}.match-end-sign[data-won=true] .match-end-card{padding-top:50px}.match-end-title{text-wrap:balance;font-size:2.2rem}.match-end-body{text-wrap:pretty;margin:0;line-height:1.4}.final-score{margin:var(--space-1) 0 var(--space-2);font-size:1.3rem;animation:.24s .24s both slap-down;rotate:1.5deg}.match-end-actions{justify-items:center;gap:var(--space-2);width:100%;display:grid}.match-end-actions .primary-button{width:100%}.seat-sign{pointer-events:none;justify-items:center;gap:4px;width:max-content;display:grid}.seat-bubble{border-radius:var(--radius);animation:pop-in .24s var(--ease-pop);padding:5px 12px;font-size:1.05rem;line-height:1.1;position:relative}.seat-bubble:after{content:"";border:solid var(--brass);background:var(--paper);border-width:0 2px 2px 0;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;translate:-50%;rotate:45deg}.knock-marks{gap:4px;padding:4px 8px;display:flex}.knock-marks i{background:var(--paper-ink);border-radius:50%;width:6px;height:6px}@keyframes pop-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;translate:-50% 24px}to{opacity:1;translate:-50%}}@keyframes row-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes sign-drop{0%{opacity:0;translate:0 -22px}to{opacity:1;translate:0}}@keyframes perch{0%{opacity:0;translate:0 -34px}60%{opacity:1;translate:0 3px}to{opacity:1;translate:0}}@keyframes slap-down{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);scale:1.16}70%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);scale:.985}to{opacity:1;scale:1}}@keyframes stamp-land{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);scale:1.9}65%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);scale:.92}to{opacity:1;scale:1}}@keyframes swing-in{0%{opacity:0;animation-timing-function:cubic-bezier(.33,0,.67,1);rotate:-10deg}35%{opacity:1;animation-timing-function:cubic-bezier(.33,0,.67,1);rotate:5deg}60%{animation-timing-function:cubic-bezier(.33,0,.67,1);rotate:-2.5deg}82%{animation-timing-function:cubic-bezier(.33,0,.67,1);rotate:1deg}to{opacity:1;rotate:0deg}}@media (orientation:portrait) and (max-width:639px){.game{--table-top:calc(var(--edge-top) + var(--bar-height) + 2 * var(--hud-gap) + var(--status-height))}.hud-bar{grid-template-columns:auto 1fr auto;grid-template-areas:"start.score""status status status"}}@media (orientation:portrait) and (max-height:640px){.start-mascot{height:84px}.start-card{padding:20px 18px 18px}.play-button{min-height:52px}}@media (orientation:landscape){.piece-mirror{bottom:var(--edge-bottom);max-width:250px}}@media (orientation:landscape) and (max-width:559px){.game{--hud-font:14px}}@media (orientation:landscape) and (max-height:520px){.start-sign,.match-end-sign{grid-template-columns:auto minmax(0,1fr);align-items:end;width:min(720px,100%)}.start-mascot,.match-end-art{justify-self:start;height:min(190px,50vh);margin:0 -30px 6px 0}.match-end-sign .match-end-art,.match-end-sign[data-won=true] .match-end-art{align-self:center;height:min(150px,38vh);margin:0 -40px 0 0}.start-card{column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;row-gap:10px;padding:16px 20px 18px 34px}.start-heading,.play-button,.start-more{grid-column:1/-1}.start-title{font-size:1.7rem}.start-tagline{font-size:.85rem}.field{min-height:var(--tap);font-size:1.15rem}.play-button{min-height:50px;font-size:1.35rem}.level-hint{display:none}.match-end-card,.match-end-sign[data-won=true] .match-end-card{gap:var(--space-2);padding:16px 20px 18px 44px}.match-end-title{font-size:1.7rem}.match-end-actions{grid-template-columns:1fr auto}.call-page{gap:.5em;padding:.75em 1.125em .875em}.callout{font-size:2.1em}.call-page[data-kind=changa] .callout{font-size:3em}.reveal-row{min-height:2.4em;padding:.125em .5em}.reveal-stones{--stone:.95em}}.game[data-reduced-motion=true],.game[data-reduced-motion=true] *{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}.game[data-reduced-motion=true] .callout,.game[data-reduced-motion=true] .stamp{rotate:0deg}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.settings-scrim{padding:0;display:block}.sheet-backdrop{cursor:default;background:0 0;border:0;position:absolute;inset:0}.settings-sheet{gap:var(--space-4);width:min(520px,100%);max-height:46%;padding:10px 16px max(16px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sign);animation:sheet-rise .22s var(--ease-out);border-bottom:0;position:absolute;bottom:0;left:50%;translate:-50%}.sheet-header{z-index:1;background:var(--gloss), var(--enamel);justify-content:space-between;align-items:center;margin:0 -16px;padding:4px 16px 8px;display:flex;position:sticky;top:-10px}.done-button{min-width:0;min-height:var(--tap);padding:0 22px;font-size:1.05rem}.sheet-rows{padding:0 var(--space-3);border-radius:var(--radius);background:var(--sea-deep);display:grid;box-shadow:inset 0 2px 5px #0006,0 1px #ffffff12}.sheet-row{justify-content:space-between;align-items:center;gap:var(--space-3);border:0;min-height:48px;margin:0;padding:4px 0;font-size:.95rem;display:flex}.sheet-rows>.sheet-row+.sheet-row{border-top:1px solid #f7ecd31a}.sheet-row legend{float:left;padding:0}.sheet-row input[type=range]{width:150px;accent-color:var(--brass)}@keyframes sheet-rise{0%{translate:-50% 100%}to{translate:-50%}}@keyframes drawer-in{0%{translate:100%}to{translate:0}}@media (orientation:landscape){.hud-bar{padding-right:var(--reserved-rail)}.settings-sheet{width:min(400px,46%);max-height:none;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px 16px;border-bottom:var(--rim);border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:0;animation-name:drawer-in;top:0;left:auto;right:0;translate:0}}.piece-mirror[data-shown=false]:not(:focus-within),.piece-mirror[data-shown=false]:not(:focus-within) button{pointer-events:none}.opening-mirror{left:50%;bottom:max(18px, env(safe-area-inset-bottom));position:absolute;translate:-50%}.opening-mirror[data-shown=false]:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.backdrop{width:118%;height:106%;translate:calc(var(--view-turn,0) * 7%) calc(var(--view-lift,0) * -1.6%);will-change:translate;inset:-3% -9%}.start-more{flex-wrap:wrap}.start-more .quiet-button{white-space:nowrap;flex:auto}.install-steps{gap:var(--space-2);counter-reset:step;color:#f7ecd3db;flex-basis:100%;margin:0;padding:0;font-size:.95rem;font-weight:400;line-height:1.3;list-style:none;display:grid}.install-steps li{align-items:center;gap:var(--space-3);counter-increment:step;display:flex}.install-steps li:before{content:counter(step);border-radius:var(--pill);background:var(--brass);width:28px;height:28px;color:var(--paper-ink);font-family:var(--display);flex:none;place-items:center;font-weight:800;display:grid}.install-card>*{grid-column:1/-1}.install-now{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.install-now svg{fill:currentColor;width:1em;height:1em}.update-notice{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--keyline);border-radius:var(--radius);background:#0b22368c;display:flex}.update-notice p{flex:1;margin:0;font-size:.85rem;line-height:1.25}.update-notice .quiet-button{flex:none}@media (orientation:landscape) and (max-height:520px){.update-notice{grid-column:1/-1}}