@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}}@layer base{:root{--ink:oklch(32% .04 151);--muted:oklch(51% .035 145);--paper:oklch(96% .022 100);--line:oklch(83% .025 112);--green:oklch(46% .075 145);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{--page-gutter:40px;background-image:radial-gradient(at 55%,oklch(94% .035 129/.6),#0000 60%);min-width:0;min-height:100svh}h1,h2,h3{text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-weight:400}button{color:inherit;border:1px solid var(--line);background:0 0;border-radius:8px;padding:10px 16px;transition:background .15s}button:hover{background:oklch(90% .035 130)}button:not(.board-cell){touch-action:manipulation;min-width:44px;min-height:44px}:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}}@layer components{.site-header{border-bottom:1px solid var(--line)}.site-header-inner{max-width:1376px;padding:max(20px, env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) 20px max(var(--page-gutter), env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;margin:auto;display:flex}.brand{touch-action:manipulation;border-radius:8px;flex-shrink:0;align-items:center;min-height:64px;padding:8px;display:flex}.brand-wordmark{width:200px;height:auto;display:block}.brand:hover{background:color-mix(in oklch, var(--green) 7%, transparent)}.header-actions{align-items:center;gap:25px;display:flex}.local-tag{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.local-tag i,.status-dot{background:#87a072;border-radius:50%;flex-shrink:0;width:6px;height:6px}.icon-button{border-color:#0000;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--muted);font-size:9px;font-weight:650}h1{letter-spacing:-.04em;margin:25px 0 20px;font-size:clamp(29px,3.1vw,43px);line-height:1.15}.board-wrap{aspect-ratio:560/644;background:#d4dfcc;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 35px #23402c0d}#game,#accessible-board{position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important}#accessible-board{touch-action:none;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;inset:16.77% 5.72% 6.21%}.board-cell{opacity:0;touch-action:none;border:0;border-radius:10px;padding:0}.board-cell:focus-visible{opacity:1;outline-offset:-3px;background:0 0;outline:2px solid #fff7d1}.status-line{justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px 0;display:flex}.status-line p{color:var(--muted);font-size:11px;line-height:1.4}h3{letter-spacing:-.025em;margin:17px 0 30px;font-size:27px;line-height:1.25}.instructions{gap:25px;margin:0;padding:0;list-style:none;display:grid}.instructions li{align-items:baseline;gap:12px;display:flex}.step-number{color:#89a07a;font:italic 18px Georgia,serif}.instructions strong{font-size:11px;font-weight:600}.instructions p{color:var(--muted);text-wrap:pretty;margin-top:7px;font-size:11px;line-height:1.8}.instructions em{color:var(--green);white-space:nowrap;font-style:normal}.next-visitor{border-block:1px solid var(--line);align-items:center;gap:15px;margin-top:28px;padding:19px 0;display:flex}.visitor-icon{color:#77a29a;font-size:40px}.next-visitor div>span{letter-spacing:.12em;color:var(--muted);font-size:8px}.next-visitor p{margin-top:7px;font:19px Georgia,serif}.next-visitor strong{font-weight:400}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:10px}summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}details p{color:var(--muted);padding-top:14px;line-height:1.8}.keyboard-note{color:var(--muted);margin-top:20px;font-size:10px;line-height:1.8}footer{max-width:1280px;padding:23px max(var(--page-gutter), env(safe-area-inset-right)) max(23px, env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin:0 auto;font-size:11px;display:flex}footer>span:nth-child(2){letter-spacing:.12em;font-size:8px}.footer-dot{margin:0 10px}dialog{color:var(--ink);width:min(400px, calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:clamp(24px,5vw,40px);overflow-y:auto;box-shadow:0 20px 100px #123a3033}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#15362b70}.dialog-close{border:0;font-size:24px;position:absolute;top:8px;right:12px}dialog h2{margin:15px 0;font-size:33px}dialog p{color:var(--muted);font-size:12px;line-height:1.8}.primary-button{background:var(--green);width:100%;color:var(--paper);border:0;margin-top:28px;padding:14px;font-size:12px}.primary-button:hover{background:oklch(38% .075 145)}#preferences{margin-top:25px}#preferences label{gap:10px;margin-block:20px;font-size:12px;display:grid}#preferences .check-label{align-items:center;gap:12px;min-height:44px;display:flex}#preferences input[type=range]{width:100%;min-height:44px}.debug-layout{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.debug-layout label{gap:10px;margin-block:20px;font-size:12px;display:grid}.debug-layout textarea{resize:vertical;border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--paper);border-radius:8px;padding:10px;font:13px/1.5 ui-monospace,monospace}#debug-layout-error:empty{display:none}input{accent-color:var(--green)}.best-note{border-top:1px solid var(--line);padding-top:10px}.site-nav{align-items:center;gap:22px;font-size:12px;display:flex}.site-nav a{min-width:44px;min-height:44px;color:var(--muted);touch-action:manipulation;place-items:center;padding-block:10px;display:grid}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink);text-underline-offset:6px;text-decoration:underline}.home-layout{max-width:1100px;padding:0 max(var(--page-gutter), env(safe-area-inset-right)) 0 max(var(--page-gutter), env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(40px,6vw,90px);margin:70px auto;display:grid}.home-intro{padding-top:40px}.home-intro h1{max-width:400px;margin-block:22px;font-size:clamp(38px,4.5vw,60px)}.home-copy{color:var(--muted);text-wrap:pretty;font-size:14px;line-height:1.9}.home-note{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.home-note span{color:var(--green);font-size:24px}.mode-list{gap:18px;display:grid}.mode-list-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.mode-list-heading h2{font-size:26px}.mode-card{--card-padding-block:26px;--card-padding-inline:30px;--card-animal-y:50;border:1px solid var(--line);padding:var(--card-padding-block) var(--card-padding-inline);background:var(--card-paper);border-radius:20px;overflow:clip}.pond-card{--card-paper:oklch(94% .03 136);--card-art:url(/garden-match/assets/pond-background-art-nouveau-DUKqkOGv.png)}.meadow-card{--card-paper:oklch(94% .045 94);--card-art:url(/garden-match/assets/meadow-background-art-nouveau-D2K3kCf7.png);--card-animal-y:62}.forest-card{--card-paper:oklch(92% .035 135);--card-art:url(/garden-match/assets/forest-background-art-nouveau-CFU_wsmO.png);--card-animal-y:80}.cottage-card{--card-paper:oklch(95% .04 82);--card-art:url(/garden-match/assets/cottage-background-quiet-art-nouveau-BARmnt8d.png);--card-animal-y:72}.mode-card-top img{left:50%;top:calc(100cqw * (var(--card-animal-y) - 41.5) / 560);aspect-ratio:1;object-fit:contain;width:14.8214cqw;height:auto;position:absolute;translate:-50%}.cottage-theme{--paper:oklch(96% .025 91);--line:oklch(82% .04 108);--green:oklch(46% .075 134);background-image:radial-gradient(at 55%,oklch(93% .05 91/.6),#0000 60%)}.cottage-theme .board-wrap{background:oklch(88% .04 116)}.cottage-theme .visitor-icon img{object-fit:contain;width:48px;height:48px;display:block}.forest-theme{--paper:oklch(95% .025 112);--line:oklch(80% .04 126);--green:oklch(43% .065 143);background-image:radial-gradient(at 55%,oklch(89% .055 132/.6),#0000 60%)}.forest-theme .board-wrap{background:oklch(83% .055 130)}.forest-theme .visitor-icon img{object-fit:contain;width:48px;height:48px;display:block}.forest-theme .countdown{grid-template-columns:auto minmax(0,1fr) auto}.countdown-label{color:var(--muted);white-space:nowrap;font-size:11px}.meadow-theme{--paper:oklch(96% .028 93);--line:oklch(82% .04 96);--green:oklch(46% .065 119);background-image:radial-gradient(at 55%,oklch(92% .06 104/.6),#0000 60%)}.meadow-theme .board-wrap{background:oklch(83% .055 108)}.meadow-theme .visitor-icon{color:oklch(57% .07 100)}.finds-note{color:var(--muted);margin-top:18px;font-size:11px;line-height:1.8}.finds-note span{margin-top:4px;font-size:9px;display:block}#turn[data-urgent=true]{color:oklch(50% .13 32)}.mode-card-top{aspect-ratio:560/150;margin:calc(-1 * var(--card-padding-block)) calc(-1 * var(--card-padding-inline)) 0;background-image:linear-gradient(to bottom, transparent 75%, var(--card-paper)), var(--card-art);background-position:top;background-repeat:no-repeat;background-size:100% 100%,100%;position:relative;container-type:inline-size}.mode-card-top .mode-badge{color:var(--ink);background:oklch(97% .02 100/.94);position:absolute;top:16px;right:16px}.mode-badge{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px 9px;font-size:10px}.mode-card h3{margin:17px 0 12px;font-size:32px}.mode-card p{color:var(--muted);text-wrap:pretty;font-size:12px;line-height:1.9}.mode-link{border:1px solid var(--green);background:var(--green);color:var(--paper);border-radius:8px;justify-content:space-between;align-items:center;gap:25px;margin-top:22px;padding:14px 18px;font-size:12px;transition:background .15s;display:flex}.mode-link:hover{background:oklch(38% .075 145)}.mode-link span{font-size:18px}.rules-note{color:var(--muted);padding:6px 0;font-size:11px;line-height:1.8}.rules-note a{color:var(--green);text-underline-offset:4px;margin-left:5px;text-decoration:underline}.rules-layout{max-width:1000px;padding-inline:max(var(--page-gutter), env(safe-area-inset-left)) max(var(--page-gutter), env(safe-area-inset-right));margin:65px auto}.rules-intro{max-width:620px;margin-bottom:44px}.rules-intro h1{font-size:clamp(34px,4vw,48px)}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;display:grid}.rule-section{border-top:1px solid var(--line);padding-top:24px}.rule-section h2{margin:12px 0 18px;font-size:27px}.rule-section p,.rule-section li{color:var(--muted);text-wrap:pretty;font-size:13px;line-height:1.9}.rule-section p+p{margin-top:12px}.rule-section ul{gap:10px;margin-block:0 12px;padding-left:20px;display:grid}.rule-section strong{color:var(--ink);font-weight:600}.controls-section{grid-column:1/-1}.rules-play-links{gap:16px;margin-top:35px;display:flex}.rules-play-links .mode-link{flex:1;margin-top:0}@media (width<1200px){.instructions strong,.instructions p,.keyboard-note,details,.status-line p,.game-actions button{font-size:13px}}@media (width<900px){body{--page-gutter:24px}.header-actions .local-tag{display:none}.header-actions{gap:12px}.instructions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.next-visitor{margin-top:24px}.home-layout{grid-template-columns:minmax(0,1fr);gap:32px;max-width:608px;margin-block:40px}.home-intro{padding-top:0}.home-intro h1{max-width:480px}.home-note{margin-top:18px}.mode-card p,.mode-link,.rules-note,.home-note,.rule-section p,.rule-section li{font-size:14px}.rules-play-links{flex-wrap:wrap}.rules-play-links .mode-link{flex-basis:240px}}@media (900px<=width<1200px) and (740px<=height<900px){.site-header-inner{padding-block:max(12px, env(safe-area-inset-top)) 12px}.status-line{min-height:48px}.instructions{gap:18px}}@media (width<650px){body{--page-gutter:16px}.site-header-inner{padding-block:max(12px, env(safe-area-inset-top)) 12px;gap:8px}.brand{min-height:48px;padding:6px}.brand-wordmark{width:136px}.site-nav{gap:8px;font-size:13px}.header-actions{gap:8px}.board-wrap{border-radius:16px}.status-line{min-height:56px;padding-inline:4px}.status-line p{font-size:13px}.instructions{grid-template-columns:minmax(0,1fr);gap:20px}.instructions li{gap:14px}.instructions strong,.instructions p{font-size:14px}.next-visitor div>span{font-size:10px}.finds-note{font-size:13px}.finds-note span{font-size:11px}.home-layout,.rules-layout{margin-block:32px}h1 br{display:none}.home-intro h1{font-size:clamp(34px,9vw,44px)}.home-copy br{display:none}.mode-card{--card-padding-block:24px;--card-padding-inline:24px}.mode-list-heading{flex-wrap:wrap;gap:8px}.rules-grid{grid-template-columns:minmax(0,1fr);gap:28px}.rules-intro{margin-bottom:32px}.rules-play-links{flex-direction:column}.rules-play-links .mode-link{flex-basis:auto}footer{gap:12px}footer>span:nth-child(2){display:none}}@media (width<380px){.site-header{flex-wrap:wrap}.header-actions{justify-content:space-between;width:100%}}.game-page{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.game-header{padding:calc(8px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.game-breadcrumb{align-items:baseline;gap:12px;min-width:0;display:flex}.game-home{text-align:center;min-width:160px;min-height:48px;line-height:0;display:block}.game-home .brand-wordmark{vertical-align:-1px;width:180px;display:inline-block}.game-identity{align-items:baseline;gap:12px;min-width:0;display:flex}.breadcrumb-separator{color:var(--muted);font:26px Georgia,serif}.game-identity h1{letter-spacing:-.035em;text-wrap:auto;margin:0;font-size:clamp(20px,2.5vw,30px);line-height:1.15}.game-identity #mode-label{letter-spacing:.03em;color:var(--muted);margin-top:4px;font:11px -apple-system,sans-serif;display:block}.header-stats{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 85%, white);font-variant-numeric:tabular-nums;border-radius:14px;align-items:stretch;gap:0;min-width:0;padding:4px;display:flex;box-shadow:0 2px 8px oklch(32% .04 151/.04)}.header-stats>div{align-content:center;min-width:0;padding:7px 12px}.header-stats>div>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px;font-weight:600;display:block}.header-stats strong{overflow-wrap:anywhere;font-size:22px;font-weight:600;line-height:1.1;display:block}.header-stats .score-primary{background:var(--green);min-width:90px;color:var(--paper);border-radius:10px}.header-stats .score-primary>span{color:color-mix(in oklch, var(--paper) 80%, transparent)}.header-stats .score-primary strong{letter-spacing:-.025em;font-size:26px}.game-controls{grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px;display:grid}.game-controls button{border-color:#0000;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.game-controls button>span:first-child{font-size:20px}.game-layout{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex}.board-space{flex:1;place-items:start center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.board-frame{width:min(100cqw,86.9565cqh);min-width:0;position:relative}.game-page .board-wrap{box-shadow:none;background:0 0;border-radius:0}.countdown{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:26px;display:grid}.countdown #turn{font-variant-numeric:tabular-nums;min-width:4ch;font-size:13px;font-weight:600}#time-progress{appearance:none;background:color-mix(in oklch, var(--green) 12%, var(--paper));width:100%;height:10px;color:var(--green);border:0;border-radius:20px;display:block;overflow:hidden}#time-progress::-webkit-progress-bar{background:color-mix(in oklch, var(--green) 12%, var(--paper));border-radius:20px}#time-progress::-webkit-progress-value{background:var(--green);border-radius:20px}#time-progress::-moz-progress-bar{background:var(--green);border-radius:20px}#time-progress[data-urgent=true]{color:oklch(50% .13 32)}#time-progress[data-urgent=true]::-webkit-progress-value{background:oklch(50% .13 32)}#time-progress[data-urgent=true]::-moz-progress-bar{background:oklch(50% .13 32)}.game-page .status-line p{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}#instructions-content{margin-top:24px}#instructions-content .instructions{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}#instructions-content .instructions strong,#instructions-content .instructions p,#instructions-content details,#instructions-content .keyboard-note{font-size:14px}#instructions-content summary{align-items:center;min-height:44px}.full-rules{min-height:44px;color:var(--green);text-underline-offset:4px;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;text-decoration:underline;display:flex}@media (width<1200px){.game-header{padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.game-controls{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr))}.game-controls button{padding:4px 6px}.header-stats{max-width:46vw}.header-stats>div{padding:6px 9px}.header-stats strong{font-size:clamp(14px,3.5vw,22px)}.game-page:not(.meadow-theme) .game-identity #mode-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<650px){.game-header{padding-block:calc(4px + env(safe-area-inset-top)) 4px;gap:4px 6px}.game-breadcrumb{grid-column:1/-1;gap:8px}.game-home .brand-wordmark{width:136px}.game-identity{gap:6px}.game-identity h1{font-size:18px}.breadcrumb-separator{font-size:20px}.game-identity #mode-label{display:none}.game-controls button{flex-direction:column;gap:0;font-size:11px;line-height:1.2}.game-controls button>span:first-child{line-height:1.1}.header-stats{grid-column:1/-1;justify-self:stretch;max-width:none}.header-stats>div{flex:1;align-content:center;justify-items:start;gap:3px;padding:6px 8px;display:grid}.header-stats .score-primary strong{font-size:22px}.header-stats>div>span{margin-bottom:0;font-size:9px}.game-page .status-line p{font-size:11px}}@media (orientation:landscape) and (height<550px){.game-header{padding-block:calc(2px + env(safe-area-inset-top)) 2px;grid-template-columns:minmax(0,1fr) auto}.game-breadcrumb{grid-column:1/-1}.game-home{min-height:48px;padding:4px}.game-home .brand-wordmark{width:128px}.game-identity{gap:6px}.game-identity h1{font-size:16px}.game-identity #mode-label{display:none}.header-stats{grid-column:auto;justify-self:stretch}.header-stats>div{padding:4px 8px}.header-stats .score-primary strong{font-size:20px}.game-controls{grid-column:auto;grid-template-columns:repeat(5,44px);gap:2px}.game-controls button{padding:2px}.game-controls .control-label{display:none}}@media (width<380px){.game-home .brand-wordmark{width:120px}.game-identity h1{font-size:16px}.header-stats>div{gap:4px;padding-inline:5px}.header-stats .score-primary{min-width:0}.header-stats .score-primary strong{font-size:22px}}.scores-layout{max-width:1080px;padding-inline:max(var(--page-gutter), env(safe-area-inset-left)) max(var(--page-gutter), env(safe-area-inset-right));margin:56px auto 64px}.scores-intro{max-width:620px;margin-bottom:36px}.scores-intro h1{margin-block:16px;font-size:clamp(36px,5vw,54px)}.scores-intro>p{color:var(--muted);line-height:1.7}.scores-intro .scores-note{margin-top:12px;font-size:13px}.leaderboards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.leaderboard{border:1px solid var(--line);background:color-mix(in oklch, var(--paper) 80%, white);border-radius:20px;flex-direction:column;padding:clamp(20px,3vw,32px);display:flex}.leaderboard>header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.leaderboard>header img{object-fit:contain;flex-shrink:0}.leaderboard h2{margin-top:6px;font-size:clamp(22px,2.8vw,28px)}.leaderboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.leaderboard thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:0 12px 12px;font-size:10px;font-weight:600}.leaderboard thead th:last-child{text-align:right}.leaderboard tbody :is(th,td){border-top:1px solid var(--line);height:56px;padding:12px;line-height:28px}.leaderboard tbody th{text-align:left;width:60px;color:var(--muted);font-size:13px;font-weight:500}.leaderboard tbody td{text-align:right;font-size:20px;font-weight:600}.leaderboard tbody tr:first-child{background:color-mix(in oklch, var(--green) 9%, transparent)}.leaderboard tbody tr:first-child td{color:var(--green);font-size:26px}.leaderboard>[id$=-scores]{margin-bottom:24px}.leaderboard .mode-link{margin-top:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<650px){.scores-layout{margin-block:32px}.leaderboards{grid-template-columns:minmax(0,1fr);gap:20px}.site-header{flex-wrap:wrap}.site-nav{flex-wrap:wrap;column-gap:16px}}.game-page #game{pointer-events:none}.game-page #accessible-board{inset:18.9441% 3.94286% .956522%}.game-page .status-line{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.install-banner{padding:12px max(16px, env(safe-area-inset-left)) 12px max(16px, env(safe-area-inset-right));border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--paper) 85%, white);justify-content:space-between;align-items:center;gap:12px;display:flex}.install-banner strong{font:20px Georgia,serif}.install-banner p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.install-actions{flex-shrink:0;gap:8px;font-size:12px;display:flex}.install-actions [data-install]{background:var(--green);color:var(--paper)}.install-actions [data-install]:hover{background:oklch(38% .075 145)}.game-header .install-banner{border:1px solid var(--line);border-radius:12px;grid-column:1/-1}.install-settings{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.install-settings button{width:100%;font-size:12px}.install-settings p{margin-top:10px}@media (width<500px){.install-banner{flex-wrap:wrap}.install-banner strong{font-size:18px}.install-actions{width:100%}.install-actions button{flex:1}}}