.site-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--line);background:#130d26d1;position:sticky;top:0}.header-inner{align-items:center;gap:var(--s-2) var(--s-3);padding-block:var(--s-2);grid-template-columns:auto 1fr auto;grid-template-areas:"logo.tools""search search search";display:grid}@media (min-width:900px){.header-inner{gap:var(--s-5);min-height:var(--header-h);grid-template-columns:auto auto minmax(220px,520px) 1fr;grid-template-areas:"logo nav search tools";padding-block:0}}.logo{grid-area:logo;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.logo-word{font-family:var(--font-display);letter-spacing:-.035em;font-size:1.45rem;font-weight:800;font-stretch:85%;line-height:1}.logo-mark{transition:transform var(--t-med) var(--ease-spring)}.logo:hover .logo-mark{transform:rotate(-12deg)scale(1.06)}.header-nav{gap:var(--s-1);grid-area:nav;display:none}@media (min-width:900px){.header-nav{display:flex}}.header-nav a{border-radius:var(--r-pill);color:var(--text-dim);transition:color var(--t-fast) linear, background var(--t-fast) linear;padding:.45rem .8rem;font-weight:600;text-decoration:none}.header-nav a:hover{color:var(--text);background:var(--ink-2)}.header-nav a[aria-current=page]{color:var(--text);background:var(--ink-2);box-shadow:inset 0 -2px 0 var(--sun)}.header-search{grid-area:search;min-width:0}.header-tools{justify-content:flex-end;align-items:center;gap:var(--s-2);grid-area:tools;display:flex}.search{border-radius:var(--r-pill);background:var(--ink-2);height:44px;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--t-fast) linear, background var(--t-fast) linear;align-items:center;display:flex;position:relative}.search:focus-within{background:var(--ink-1);box-shadow:inset 0 0 0 2px var(--sky), 0 0 0 4px #5ab8ff2e}.search-icon{color:var(--text-faint);place-items:center;padding-inline-start:.95rem;display:grid}.search input{min-width:0;height:100%;font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1;padding:0 .7rem}.search input::placeholder{color:var(--text-faint)}.search input::-webkit-search-cancel-button{display:none}.search-kbd{border-radius:var(--r-xs);background:var(--ink-3);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-xs);margin-inline-end:.8rem;padding:0 .45rem;line-height:1.6;display:none}@media (hover:hover) and (pointer:fine){.search:not(:focus-within) input:placeholder-shown~.search-kbd{display:inline-block}}.search-clear{background:var(--ink-3);width:32px;height:32px;color:var(--text);border:0;border-radius:50%;place-items:center;margin-inline-end:6px;display:grid}.lang{border-radius:var(--r-pill);background:var(--ink-2);height:36px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--text-dim);cursor:pointer;align-items:center;gap:.3rem;padding-inline:.6rem;display:inline-flex;position:relative}.lang:hover{color:var(--text)}.lang:focus-within{outline:2px solid var(--focus);outline-offset:2px}.lang-code{font-size:var(--fs-xs);letter-spacing:.04em;font-weight:800}.lang-select{opacity:0;cursor:pointer;width:100%;font:inherit;position:absolute;inset:0}.login{align-items:center;display:flex;position:relative}.gis-wrap{display:grid}.gis-wrap>*{grid-area:1/1}.gis-host{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:32px}.gis-placeholder{border-radius:var(--r-pill);width:96px;height:32px}.gis-host:not(:empty)+.gis-placeholder{display:none}.login-status{color:var(--text-dim);font-size:var(--fs-sm)}.login-error{top:calc(100% + 8px);width:max-content;max-width:240px;padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--danger);color:var(--text-on-accent);font-size:var(--fs-sm);font-weight:600;position:absolute;inset-inline-end:0}.avatar{object-fit:cover;background:var(--ink-3);border-radius:50%}.avatar-fallback{background:var(--grape);color:var(--text-on-accent);font-family:var(--font-display);place-items:center;font-weight:800;display:inline-grid}.avatar-skeleton{border-radius:50%;width:36px;height:36px}.account{position:relative}.account-btn{background:conic-gradient(var(--sun), var(--bubble), var(--sky), var(--mint), var(--sun));border:0;border-radius:50%;padding:2px;display:grid}.account-btn .avatar{border:2px solid var(--ink-0)}.menu{top:calc(100% + 10px);z-index:var(--z-popover);min-width:248px;padding:var(--s-2);border-radius:var(--r-lg);background:var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-float);transform-origin:100% 0;animation:pop-in var(--t-med) var(--ease-spring);position:absolute;inset-inline-end:0}.menu-head{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-3);margin-bottom:var(--s-1);border-bottom:1px solid var(--line);display:flex}.menu-head div{font-size:var(--fs-sm);display:grid}.menu-item{align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:0 var(--s-3);border-radius:var(--r-sm);color:var(--text);text-align:start;background:0 0;border:0;font-weight:600;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--ink-2)}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(-4px)}}.card{--accent:var(--grape);--accent-deep:var(--grape-deep);gap:var(--s-2);min-width:0;color:var(--text);scroll-snap-align:start;text-decoration:none;display:grid}.card-media{aspect-ratio:16/10;border-radius:var(--r-lg);background:var(--ink-2);box-shadow:0 var(--press) 0 var(--accent-deep);transition:transform var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out);position:relative;overflow:hidden;transform:translateY(0)}.card-media img{width:100%;height:100%;transition:transform var(--t-slow) var(--ease-out);position:absolute;inset:0}.card-media .card-art{object-fit:contain}.card-media .card-fill{object-fit:cover;filter:blur(18px)saturate(1.2)brightness(.6);transform:scale(1.2)}.card:hover .card-media,.card:focus-visible .card-media{box-shadow:0 var(--press-hover) 0 var(--accent-deep);transform:translateY(-3px)}.card:hover .card-media .card-art{transform:scale(1.04)}.card:active .card-media{transform:translateY(calc(var(--press) - var(--press-active)));box-shadow:0 var(--press-active) 0 var(--accent-deep);transition-duration:var(--t-fast)}.card:focus-visible{outline:none}.card:focus-visible .card-media{outline:3px solid var(--focus);outline-offset:3px}.card-fallback{background:radial-gradient(circle at 25% 20%, #ffffff47, transparent 45%), var(--accent);width:100%;height:100%;color:var(--text-on-accent);font-family:var(--font-display);place-items:center;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;display:grid}.card-badges{flex-wrap:wrap;gap:6px;min-height:1.5rem;margin-top:-2px;padding-inline:2px;display:flex}.card-badges .badge:not(.badge-new){background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.badge-new{background:var(--accent);color:var(--text-on-accent)}.card-play{inset-inline-end:10px;background:var(--accent);width:44px;height:44px;color:var(--text-on-accent);box-shadow:0 3px 0 var(--accent-deep);opacity:0;transition:opacity var(--t-med) var(--ease-out), transform var(--t-med) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;transform:translateY(6px)scale(.85)}.card-play svg{fill:currentColor;margin-inline-start:2px}.card:hover .card-play,.card:focus-visible .card-play{opacity:1;transform:none}.card-title{font-weight:650;font-size:var(--fs-sm);line-height:var(--lh-snug);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;overflow:hidden}.card-lg .card-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}@media (min-width:640px){.card-title{font-size:var(--fs-md)}}.card-skeleton .card-media{box-shadow:0 var(--press) 0 var(--ink-1)}.card-title-skel{width:70%;margin-top:2px}.row{gap:var(--s-3);min-width:0;display:grid}.row-head{align-items:center;gap:var(--s-3);display:flex}.row-title{font-size:var(--fs-xl);align-items:center;gap:.45em;margin-inline-end:auto;display:flex}.row-lead{display:inline-flex}.row-all{color:var(--text-dim);font-size:var(--fs-sm);white-space:nowrap;font-weight:700;text-decoration:none}.row-all:hover{color:var(--sun)}.row-nav{gap:var(--s-2);display:none}@media (hover:hover) and (pointer:fine){.row-nav{display:flex}}.row-track{gap:var(--s-4);margin-inline:calc(var(--gutter) * -1);padding:var(--s-1) var(--gutter) calc(var(--press-hover) + var(--s-2));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%);-webkit-mask-image:linear-gradient(90deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%);mask-image:linear-gradient(90deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%);grid-auto-columns:clamp(148px,42vw,228px);grid-auto-flow:column;display:grid;overflow-x:auto}.row-track::-webkit-scrollbar{display:none}.row-track.fade-start{--fade-l:transparent}.row-track.fade-end{--fade-r:transparent}@media (min-width:1100px){.row-track{grid-auto-columns:calc((100% - 5 * var(--s-4)) / 6)}}@media (min-width:1100px) and (max-width:1400px){.row-track{grid-auto-columns:calc((100% - 4 * var(--s-4)) / 5)}}@media (prefers-reduced-motion:no-preference){.row-track{scroll-behavior:smooth}}.hero{gap:var(--s-6);padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);background:radial-gradient(120% 140% at 100% 0%, #a77bff52, transparent 55%), radial-gradient(90% 120% at 0% 100%, #ff5aa82e, transparent 60%), var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line);align-items:center;display:grid;position:relative;overflow:hidden}@media (min-width:760px){.hero{padding:var(--s-7) var(--s-7);grid-template-columns:1.25fr 1fr}}.hero-copy{gap:var(--s-4);justify-items:start;display:grid}.hero-title{font-size:var(--fs-hero);letter-spacing:-.035em;color:var(--text);text-shadow:3px 3px 0 var(--bubble), 6px 6px 0 var(--sky), 9px 9px 0 var(--ink-0);animation:extrude var(--t-slow) var(--ease-spring) 80ms backwards;font-weight:800;font-stretch:80%;line-height:.95}@keyframes extrude{0%{text-shadow:0 0 0 var(--bubble), 0 0 0 var(--sky), 0 0 0 var(--ink-0);transform:translate(9px,9px)}}@media (prefers-reduced-motion:reduce){.hero-title{animation:none}}.hero-body{max-width:44ch;color:var(--text-dim);font-size:var(--fs-lg);line-height:1.45}.hero-actions{gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.panel-buttons{border-radius:var(--r-xl);background:var(--ink-0);box-shadow:inset 0 0 0 1.5px var(--line), 0 14px 0 -4px #05001499;grid-template-columns:repeat(3,1fr);justify-self:center;gap:clamp(14px,2.2vw,26px);padding:clamp(18px,3vw,32px);display:none;transform:rotate(-6deg)}@media (min-width:760px){.panel-buttons{display:grid}}.panel-buttons span{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffffff73, transparent 42%), var(--accent);width:clamp(44px,6vw,72px);box-shadow:0 7px 0 var(--accent-deep);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border-radius:50%}.panel-buttons span:nth-child(3n+2){translate:0 -10px}.panel-buttons span:hover{box-shadow:0 2px 0 var(--accent-deep);transform:translateY(5px)}.page-head{gap:var(--s-2);display:grid}.page-title{font-size:var(--fs-2xl);letter-spacing:-.025em;font-weight:800}.chip-bar{gap:var(--s-2);flex-wrap:wrap;display:flex}.grid{gap:var(--s-5) var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(150px,42vw),1fr));display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.frame-skeleton{aspect-ratio:16/9;border-radius:var(--r-xl);width:100%}.not-found{justify-items:start;gap:var(--s-4);padding-block:var(--s-8);display:grid}.not-found .page-title{font-size:var(--fs-hero);font-stretch:80%;line-height:.95}.site-footer{border-top:1px solid var(--line);padding-block:var(--s-6) var(--s-7);color:var(--text-faint);font-size:var(--fs-sm)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.footer-links{gap:var(--s-4);flex-wrap:wrap;display:flex}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.page,.not-found{animation:route-in var(--t-med) var(--ease-out)}@keyframes route-in{0%{opacity:0;transform:translateY(6px)}}.friends-menu-wrap,.friends-btn{position:relative}.friends-badge{top:-2px;background:var(--live);min-width:18px;height:18px;color:var(--text);font-size:var(--fs-xs);text-align:center;border-radius:9px;padding:0 5px;font-weight:700;line-height:18px;position:absolute;inset-inline-end:-2px}.friends-menu{width:min(360px,100vw - 32px);max-height:min(70vh,560px);padding:var(--s-3);overflow-y:auto}.friends-panel{gap:var(--s-2);display:grid}.friends-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0}.friends-code{font-size:var(--fs-sm);margin:0}.friends-sub{margin:var(--s-2) 0 0;color:var(--text-dim);font-size:var(--fs-sm);font-weight:700}.friend-add{gap:var(--s-2);display:flex}.friend-code-input{min-width:0;min-height:40px;padding:0 var(--s-3);border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--ink-2);color:var(--text);font-family:var(--font-mono);text-transform:uppercase;flex:1}.friends-notice{color:var(--success);font-size:var(--fs-sm);margin:0}.friends-notice.is-error{color:var(--danger)}.friend-list{gap:var(--s-1);margin:0;padding:0;list-style:none;display:grid}.friend-line{align-items:center;gap:var(--s-2);min-height:44px;display:flex}.friend-info{min-width:0;font-size:var(--fs-sm);flex:1;display:grid}.friend-info>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-status{font-style:italic}.friend-avatar{display:grid;position:relative}.friend-avatar .presence-dot{inset-inline-end:-2px;position:absolute;bottom:-2px}.btn-small{min-height:34px;padding:0 var(--s-3);font-size:var(--fs-sm)}.presence-dot{border:2px solid var(--ink-1);background:var(--text-faint);border-radius:50%;width:12px;height:12px;display:inline-block}.presence-dot.is-online{background:var(--mint)}.presence-dot.is-playing{background:var(--live)}.friends-page{max-width:560px;padding-block:var(--s-6)}.account-page{max-width:640px;padding-block:var(--s-6) var(--s-8)}.account-head{align-items:center;gap:var(--s-4);display:flex}.account-head p{margin:0}.account-title{font-family:var(--font-display);font-size:var(--fs-xl);margin:0}.account-section{gap:var(--s-3);display:grid}.account-section h2{font-family:var(--font-display);font-size:var(--fs-lg);margin:0}.account-section p{margin:0}.account-danger{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--danger) 45%, transparent)}.account-form{gap:var(--s-2);display:grid}.account-form label{font-weight:650}.account-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.account-input{min-width:0;min-height:44px;padding:0 var(--s-3);border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--ink-2);color:var(--text);font-size:var(--fs-md);flex:12rem}.account-input[aria-invalid=true]{border-color:var(--danger)}.account-row .btn{min-height:44px}.btn.btn-delete{--accent:var(--danger);--accent-deep:color-mix(in srgb, var(--danger) 60%, #000)}.account-hint{color:var(--text-faint);font-size:var(--fs-sm)}.account-msg{color:var(--success);font-size:var(--fs-sm);font-weight:600}.account-msg.is-error{color:var(--danger)}.account-link{font-size:var(--fs-sm);justify-self:start}[dir=rtl] .row-track{-webkit-mask-image:linear-gradient(270deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%);-webkit-mask-image:linear-gradient(270deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%);mask-image:linear-gradient(270deg, var(--fade-l,#000) 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), var(--fade-r,#000) 100%)}.home{gap:var(--s-7)}.hero-game{--accent:var(--grape);--accent-deep:var(--grape-deep);isolation:isolate;gap:var(--s-5);padding:var(--s-4) var(--s-4) var(--s-5);background:var(--ink-1)}@media (min-width:760px){.hero-game{gap:var(--s-6);padding-block:var(--s-7);padding-inline:clamp(2rem, 4vw, 4rem) var(--s-7);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.hero-backdrop{z-index:-1;object-fit:cover;filter:blur(40px)saturate(1.3)brightness(.45);opacity:.9;width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);position:absolute;inset:-40px}.hero-game:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#130d26d1 0%,#130d2659 70%,#0000),radial-gradient(circle,#ffffff0f 1px,#0000 1.5px) 0 0/18px 18px;position:absolute;inset:0}.hero-game .hero-copy{gap:var(--s-3);min-width:0}.hero-meta{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.hero-reason{color:var(--accent);font-weight:750;font-size:var(--fs-sm);align-items:center;gap:.45em;display:inline-flex}.hero-reason:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 2px 0 var(--accent-deep);border-radius:50%}.hero-live{font-size:var(--fs-sm);padding:.3em .7em}.hero-title-game{overflow-wrap:anywhere;text-shadow:3px 3px 0 var(--accent), 6px 6px 0 var(--accent-deep), 9px 9px 0 var(--ink-0);margin-bottom:var(--s-2);font-size:clamp(2.4rem,1.2rem + 4.6vw,4.75rem)}@keyframes extrude-accent{0%{text-shadow:0 0 0 var(--accent), 0 0 0 var(--accent-deep), 0 0 0 var(--ink-0);transform:translate(9px,9px)}}.hero-title-game{animation-name:extrude-accent}.hero-desc{-webkit-line-clamp:3;font-size:var(--fs-md);color:var(--text);opacity:.86;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:760px){.hero-desc{font-size:var(--fs-lg)}}.hero-tags{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hero-tag{border-radius:var(--r-pill);min-height:30px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--text-dim);font-size:var(--fs-xs);background:#130d268c;align-items:center;gap:.35em;padding:0 .7em;font-weight:650;text-decoration:none;display:inline-flex}.hero-tag:hover{color:var(--text);background:var(--ink-3)}.hero-game .hero-actions .btn svg{fill:currentColor}.hero-game .btn-ghost{background:#130d2673}.hero-screen{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--ink-2);box-shadow:0 0 0 3px var(--ink-0), 0 var(--press-hover) 0 3px var(--accent-deep);transition:transform var(--t-slow) var(--ease-spring);order:-1;display:block;overflow:hidden}.hero-screen img{object-fit:cover;width:100%;height:100%}@media (min-width:760px){.hero-screen{border-radius:var(--r-xl);order:0;transform:rotate(2.5deg)}.hero-game:hover .hero-screen{transform:rotate(.5deg)translateY(-4px)}}.hero-skeleton .hero-screen{box-shadow:none;transform:none}.row-action{border-radius:var(--r-pill);color:var(--text-faint);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;padding:.3rem .7rem;font-weight:700}.row-action:hover{color:var(--text);background:var(--ink-2)}.live-dot{background:var(--live);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #ff3d6e40}@media (prefers-reduced-motion:no-preference){.live-dot{animation:live-pulse 1.8s var(--ease-out) infinite}}@keyframes live-pulse{50%{box-shadow:0 0 0 8px #ff3d6e00}}.rooms-track{grid-auto-columns:clamp(268px,78vw,340px)}@media (min-width:1100px){.row-track.rooms-track{grid-auto-columns:calc((100% - 3 * var(--s-4)) / 4)}}.room-card{--accent:var(--grape);--accent-deep:var(--grape-deep);align-items:center;gap:var(--s-3);padding-block:var(--s-2);padding-inline:var(--s-2) var(--s-3);border-radius:var(--r-lg);background:var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line), 0 var(--press) 0 var(--accent-deep);color:var(--text);scroll-snap-align:start;transition:transform var(--t-med) var(--ease-out), box-shadow var(--t-med) var(--ease-out);grid-template-columns:92px minmax(0,1fr) auto;text-decoration:none;display:grid}.room-card:hover,.room-card:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent), 0 var(--press-hover) 0 var(--accent-deep);transform:translateY(-3px)}.room-card:active{transform:translateY(calc(var(--press) - var(--press-active)));box-shadow:inset 0 0 0 1.5px var(--accent), 0 var(--press-active) 0 var(--accent-deep)}.room-thumb{aspect-ratio:1;border-radius:var(--r-md);background:var(--ink-2);display:block;overflow:hidden}.room-thumb img{object-fit:cover;width:100%;height:100%}.room-thumb .card-fallback{font-size:2rem}.room-info{gap:2px;min-width:0;display:grid}.room-name,.room-game{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-name{font-family:var(--font-display);font-size:var(--fs-md);line-height:1.2}.room-game{color:var(--text-dim);font-size:var(--fs-sm)}.room-meta{white-space:nowrap;align-items:center;gap:var(--s-2);color:var(--text-faint);font-size:var(--fs-xs);font-weight:650;display:flex}.room-state{color:var(--accent);font-size:var(--fs-xs);font-weight:700}.room-state.waiting{color:var(--mint)}.room-join{border-radius:var(--r-pill);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-display);font-size:var(--fs-sm);box-shadow:0 3px 0 var(--accent-deep);align-self:center;padding:.45rem .8rem;font-weight:750}.seats{gap:3px;display:inline-flex}.seat{width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--text-faint);border-radius:50%}.seat.on{background:var(--accent);box-shadow:none}.no-scroll{overflow:hidden}.quiz{width:100%;max-width:100%;height:100%;max-height:100%;color:var(--text);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.quiz::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080416b8}.quiz[open] .quiz-sheet{animation:sheet-up var(--t-slow) var(--ease-out)}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.quiz-sheet{background:radial-gradient(90% 60% at 100% 0%, #a77bff40, transparent 60%), radial-gradient(70% 50% at 0% 100%, #3ce3b01f, transparent 60%), var(--ink-0);grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}@media (min-width:760px){.quiz{padding:var(--s-6);place-items:center;display:grid}.quiz:not([open]){display:none}.quiz-sheet{border-radius:var(--r-xl);width:min(860px,100%);height:min(760px,100%);box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-float);overflow:hidden}}.quiz-head{justify-content:space-between;align-items:center;gap:var(--s-4);padding:max(var(--s-4), env(safe-area-inset-top)) var(--s-5) var(--s-2);display:flex}.quiz-progress{gap:6px;margin:0;padding:0;list-style:none;display:flex}.quiz-progress li{border-radius:var(--r-pill);background:var(--ink-3);width:28px;height:8px;transition:background var(--t-med) linear, width var(--t-med) var(--ease-out)}.quiz-progress li.on{background:var(--sun)}.quiz-progress li[aria-current=step]{width:44px}.quiz-skip{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--ink-2);color:var(--text);border:0;font-weight:700}.quiz-skip:hover{background:var(--ink-3)}.quiz-body{align-content:start;gap:var(--s-2);padding:var(--s-3) var(--s-5) var(--s-5);overscroll-behavior:contain;animation:route-in var(--t-med) var(--ease-out);display:grid;overflow-y:auto}.quiz-title{font-size:var(--fs-2xl);letter-spacing:-.03em;font-weight:800;font-stretch:85%;line-height:1.05}.quiz-genres{gap:var(--s-3);margin-top:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:560px){.quiz-genres{grid-template-columns:repeat(4,minmax(0,1fr))}}.quiz-genre{--accent:var(--grape);--accent-deep:var(--grape-deep);align-items:center;gap:var(--s-2);min-height:56px;padding:0 var(--s-3);border-radius:var(--r-md);background:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line), 0 4px 0 var(--ink-1);color:var(--text);text-align:start;transition:background var(--t-fast) linear, color var(--t-fast) linear, box-shadow var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-spring);border:0;font-weight:700;display:flex}.quiz-genre:hover{background:var(--ink-3)}.quiz-genre:active{transform:translateY(3px)}.quiz-genre[aria-pressed=true]{background:var(--accent);color:var(--text-on-accent);box-shadow:0 4px 0 var(--accent-deep)}.quiz-genre-emoji{font-size:1.5rem;line-height:1}.quiz-games{gap:var(--s-4) var(--s-3);margin-top:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:560px){.quiz-games{grid-template-columns:repeat(4,minmax(0,1fr))}}.quiz-game{--accent:var(--grape);--accent-deep:var(--grape-deep);gap:var(--s-2);color:var(--text);text-align:start;background:0 0;border:0;padding:0;display:grid}.quiz-game-media{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--ink-2);box-shadow:0 4px 0 var(--ink-1);transition:box-shadow var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-spring);display:block;position:relative;overflow:hidden}.quiz-game-media img{object-fit:cover;width:100%;height:100%;transition:filter var(--t-med) linear}.quiz-game[aria-pressed=true] .quiz-game-media{box-shadow:0 0 0 3px var(--accent), 0 6px 0 3px var(--accent-deep);transform:translateY(-2px)}.quiz-check{top:8px;color:#0000;width:30px;height:30px;transition:background var(--t-fast) linear, transform var(--t-med) var(--ease-spring);background:#130d26b3;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:8px;box-shadow:inset 0 0 0 2px #ffffff80}.quiz-game[aria-pressed=true] .quiz-check{background:var(--accent);box-shadow:none;color:var(--text-on-accent);transform:scale(1.1)}.quiz-game-title{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.quiz-foot{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5) max(var(--s-4), env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#130d26d9;display:flex}.quiz-foot .btn{min-width:10rem}[dir=rtl] .hero-game:after{background:linear-gradient(270deg,#130d26d1 0%,#130d2659 70%,#0000),radial-gradient(circle,#ffffff0f 1px,#0000 1.5px) 0 0/18px 18px}.browse{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:900px){.browse{gap:var(--s-6);grid-template-columns:220px minmax(0,1fr)}}.browse-main{gap:var(--s-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.browse-head{align-items:baseline;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.browse-head .page-title{align-items:center;gap:.35em;display:flex}.browse-emoji{font-size:.9em}.browse-count{color:var(--text-faint);font-size:var(--fs-sm);font-weight:650}.sidebar{gap:var(--s-2);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) var(--s-2);overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.side-list{margin:0;padding:0;list-style:none;display:contents}.side-heading{display:none}.side-link{--accent:var(--grape);--accent-deep:var(--grape-deep);border-radius:var(--r-pill);background:var(--ink-2);min-height:40px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-fast) linear, color var(--t-fast) linear;align-items:center;gap:.45em;padding:0 .9em;font-weight:650;text-decoration:none;display:inline-flex}.side-link:hover{background:var(--ink-3)}.side-link[aria-current=page]{background:var(--accent);color:var(--text-on-accent);box-shadow:0 3px 0 var(--accent-deep)}.side-emoji{place-items:center;width:1.3em;line-height:1;display:inline-grid}.side-count{display:none}@media (min-width:900px){.sidebar{top:calc(var(--header-h) + var(--s-4));max-height:calc(100dvh - var(--header-h) - var(--s-6));padding-block:0 var(--s-4);padding-inline:0 var(--s-2);scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;margin:0;display:block;position:sticky;overflow-y:auto}.side-list{gap:2px;display:grid}.side-heading{margin:var(--s-5) 0 var(--s-2);color:var(--text-faint);font-family:var(--font-body);font-size:var(--fs-sm);padding-inline-start:.8rem;font-weight:700;display:block}.side-link{border-radius:var(--r-sm);min-height:40px;box-shadow:none;color:var(--text-dim);font-size:var(--fs-md);background:0 0;padding:0 .8rem;display:flex}.side-link:hover{background:var(--ink-2);color:var(--text)}.side-link[aria-current=page]{background:var(--ink-2);color:var(--text);box-shadow:inset 4px 0 0 var(--accent)}.side-emoji{font-size:1.1rem}.side-count{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:700;display:inline}.side-link[aria-current=page] .side-count{color:var(--accent)}}.filters{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.filter-chips{align-items:center;gap:var(--s-2);min-width:0;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 6px;scrollbar-width:none;flex:100%;display:flex;overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}@media (min-width:900px){.filter-chips{flex-wrap:wrap;flex:0 auto;margin:0;padding:4px 0 6px;overflow:visible}}.filter-chips .chip svg{flex:none}.filter-sep{background:var(--line);flex:none;width:1.5px;height:22px}.chip-select{padding:0;position:relative}.chip-select select{appearance:none;border-radius:var(--r-pill);height:36px;color:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding-block:0;padding-inline:.9em 2em;font-weight:600}.chip-select:after{content:"";inset-inline-end:.85em;pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.chip-select select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chip-select select option{background:var(--ink-1);color:var(--text)}.chip-select.is-set{background:var(--accent);color:var(--text-on-accent);box-shadow:0 3px 0 var(--accent-deep)}.chip-clear{color:var(--text-dim);background:0 0}.sort{border-radius:var(--r-pill);background:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line);padding:3px;display:inline-flex}.sort-opt{border-radius:var(--r-pill);min-height:32px;color:var(--text-dim);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--t-med) var(--ease-out), color var(--t-fast) linear;background:0 0;border:0;padding:0 .85rem;font-weight:700}.sort-opt:hover{color:var(--text)}.sort-opt[aria-checked=true]{background:var(--text);color:var(--ink-0)}.tag-hits{gap:var(--s-2);flex-wrap:wrap;display:flex}.grid-dense{gap:var(--s-4) var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}@media (min-width:520px){.grid-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.grid-dense{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}}@media (hover:hover) and (pointer:fine){.grid-dense .card:hover .card-media .card-art{transform:scale(1.06)}.grid-dense .card-play{width:36px;height:36px}}.grid-more{margin-top:var(--s-4);justify-self:center}.empty{justify-items:start;gap:var(--s-4);color:var(--text-dim);display:grid}.game-page{gap:var(--s-7);padding-block:var(--s-4) var(--s-8);display:grid}.game-top{gap:var(--s-5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.game-top:has(.ad-rail){grid-template-columns:minmax(0,1fr) 300px}.player{--stage-max-h:calc(100dvh - var(--header-h) - 150px);gap:var(--s-5);min-width:0;display:grid}.stage{isolation:isolate;aspect-ratio:16/9;width:100%;max-height:max(320px, var(--stage-max-h));border-radius:var(--r-xl);box-shadow:inset 0 0 0 1.5px var(--line), 0 var(--press-hover) 0 var(--accent-deep);background:#07040f;position:relative;overflow:hidden;container-type:inline-size}.stage-portrait{aspect-ratio:9/16;width:min(100%, calc(max(320px, var(--stage-max-h)) * 9 / 16));justify-self:center}.stage-cover{z-index:0;position:absolute;inset:0}.stage-cover img,.stage-cover .card-fallback{object-fit:cover;width:100%;height:100%}.stage-cover:after{content:"";background:radial-gradient(at 50% 52%,#130d2633,#130d26d1 78%);position:absolute;inset:0}.stage[data-phase=ad] .stage-cover:after{transition:background var(--t-med) linear;background:#130d26db}.play-btn{z-index:1;place-content:center;justify-items:center;gap:clamp(var(--s-3), 3cqi, var(--s-5));padding:var(--s-4);color:var(--text);cursor:pointer;background:0 0;border:0;display:grid;position:absolute;inset:0}.play-cap{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffffff73, transparent 42%), var(--accent);width:clamp(64px,13cqi,128px);color:var(--text-on-accent);box-shadow:0 0 0 10px #130d268c, 0 10px 0 10px #130d268c, 0 10px 0 var(--accent-deep);transition:transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.play-cap svg{fill:currentColor;width:46%;height:46%;margin-left:8%}.play-label{font-family:var(--font-display);font-size:clamp(var(--fs-md), 2.4cqi, var(--fs-xl));letter-spacing:-.01em;text-shadow:0 2px #00000073;font-weight:800}.play-btn:hover .play-cap{box-shadow:0 0 0 10px #130d268c, 0 13px 0 10px #130d268c, 0 13px 0 var(--accent-deep);transform:translateY(-3px)}.play-btn:active .play-cap{box-shadow:0 0 0 10px #130d268c, 0 2px 0 10px #130d268c, 0 2px 0 var(--accent-deep);transform:translateY(8px)}.play-btn:focus-visible{outline:none}.play-btn:focus-visible .play-cap{outline:4px solid var(--focus);outline-offset:14px}@media (prefers-reduced-motion:no-preference){.play-cap{animation:cap-drop .52s var(--ease-spring) .12s both}}@keyframes cap-drop{0%{opacity:0;transform:translateY(-18px)scale(.86)}}.stage-error{left:50%;bottom:var(--s-4);z-index:2;width:min(92%,34rem);padding:var(--s-3) var(--s-4);border-inline-start:4px solid var(--danger);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);background:#130d26eb;position:absolute;transform:translate(-50%)}.stage-wait{z-index:1;place-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-4);color:var(--text-dim);text-align:center;font-weight:650;display:grid;position:absolute;inset:0}.stage-under{z-index:0}.wait-dots{gap:8px;display:inline-flex}.wait-dots span{background:var(--sun);width:12px;height:12px;box-shadow:0 3px 0 var(--sun-deep);border-radius:50%}.wait-dots span:nth-child(2){background:var(--bubble);box-shadow:0 3px 0 var(--bubble-deep)}.wait-dots span:nth-child(3){background:var(--sky);box-shadow:0 3px 0 var(--sky-deep)}@media (prefers-reduced-motion:no-preference){.wait-dots span{animation:hop .9s var(--ease-out) infinite}.wait-dots span:nth-child(2){animation-delay:.15s}.wait-dots span:nth-child(3){animation-delay:.3s}}@keyframes hop{0%,60%,to{transform:none}30%{transform:translateY(-8px)}}.game-iframe{z-index:2;color-scheme:normal;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.rotate-hint{z-index:3;place-content:center;justify-items:center;gap:var(--s-2);padding:var(--s-5);text-align:center;background:#130d26f0;display:grid;position:absolute;inset:0}.rotate-hint strong{font-family:var(--font-display);font-size:var(--fs-xl)}.rotate-hint span:last-child{color:var(--text-dim);max-width:30ch}.rotate-icon{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.rotate-icon{animation:tilt 1.6s var(--ease-out) infinite}}@keyframes tilt{50%{transform:rotate(90deg)}}:is(.stage:fullscreen,.stage.is-pseudo-fs){aspect-ratio:auto;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border-radius:0}.stage.is-pseudo-fs{z-index:calc(var(--z-sheet) + 10);height:100dvh;position:fixed;inset:0}.fs-exit{top:max(10px, env(safe-area-inset-top));z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#130d26b3;position:absolute;inset-inline-end:max(10px, env(safe-area-inset-right))}.player-bar{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.game-heading{flex:18rem;min-width:0}.game-title{font-size:var(--fs-2xl);line-height:var(--lh-tight)}.game-dev{margin-top:var(--s-1);color:var(--text-dim);font-size:var(--fs-sm)}.rating{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:inline-flex}.rate-btn{--accent:var(--mint);--accent-deep:var(--mint-deep);align-items:center;gap:var(--s-2);min-width:44px;min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--ink-2);color:var(--text);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1.5px var(--line);transition:background var(--t-fast) linear, transform var(--t-fast) var(--ease-spring), box-shadow var(--t-fast) linear;border:0;font-weight:700;display:inline-flex}.rate-down{--accent:var(--bubble);--accent-deep:var(--bubble-deep);padding:0 var(--s-3)}.rate-btn:hover{background:var(--ink-3)}.rate-btn[aria-pressed=true]{background:var(--accent);color:var(--text-on-accent);box-shadow:0 3px 0 var(--accent-deep);transform:translateY(-1px)}.rate-score{color:var(--text-faint);font-size:var(--fs-sm);font-weight:600}.tool-btn{min-height:44px}@media (max-width:559px){.tool-btn span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-btn{padding:0 var(--s-3)}}.ad-rail{top:calc(var(--header-h) + var(--s-4));gap:var(--s-1);width:300px;display:grid;position:sticky}.ad-label{color:var(--text-faint);font-size:var(--fs-xs)}.ad-mock{border:2px dashed var(--line);border-radius:var(--r-md);height:600px;color:var(--text-faint);font-size:var(--fs-sm);place-items:center;display:grid}.game-info{gap:var(--s-7);display:grid}@media (min-width:900px){.game-info.has-rooms{gap:var(--s-7);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}.section-title{align-items:center;gap:var(--s-2);font-size:var(--fs-xl);display:flex}.about{gap:var(--s-4);align-content:start;display:grid}.about-text{font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--text)}.game-facts{gap:var(--s-2) var(--s-5);color:var(--text-dim);font-size:var(--fs-sm);flex-wrap:wrap;margin:0;padding:0;font-weight:650;list-style:none;display:flex}.controls{gap:var(--s-2);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line);display:grid}.controls h3{font-size:var(--fs-md)}.controls p{color:var(--text-dim)}.game-tags{flex-wrap:wrap}.rooms-list{gap:var(--s-4);align-content:start;display:grid}.rooms-list ul{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.room-line{align-items:center;gap:var(--s-3);padding-block:var(--s-3);padding-inline:var(--s-4) var(--s-3);border-radius:var(--r-lg);background:var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.room-line.is-current{box-shadow:inset 0 0 0 2px var(--accent,var(--grape))}.room-line-info{gap:2px;min-width:0;display:grid}.room-line-info strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-line .room-meta{flex-wrap:wrap}.room-line .room-join{text-decoration:none}.room-full{color:var(--text-faint);font-size:var(--fs-sm);font-weight:700}.sheet{width:min(92vw,30rem);padding:var(--s-6) var(--s-5) var(--s-5);border-radius:var(--r-xl);background:var(--ink-1);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-float);border:0}.sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0616b8}.sheet h2{font-size:var(--fs-xl)}.sheet p{margin-top:var(--s-2)}.invite-link{gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.invite-link input{min-width:0;min-height:44px;padding:0 var(--s-3);border-radius:var(--r-sm);background:var(--ink-2);color:var(--text);font:inherit;font-size:var(--fs-sm);box-shadow:inset 0 0 0 1.5px var(--line);border:0;flex:14rem}.sheet-close{top:var(--s-3);position:absolute;inset-inline-end:var(--s-3)}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}::view-transition-group(game-cover){animation-duration:var(--t-slow);animation-timing-function:var(--ease-out)}::view-transition-old(game-cover){object-fit:cover;height:100%}::view-transition-new(game-cover){object-fit:cover;height:100%}@media (max-width:599px){.game-page{padding-top:var(--s-3);gap:var(--s-6)}.game-page.container{padding-inline:0}.game-page>:not(.game-top),.player-bar{padding-inline:var(--gutter)}.stage{box-shadow:0 var(--press) 0 var(--accent-deep);border-radius:0}}@media (max-width:599px) and (orientation:portrait){.stage-any[data-phase=playing]:not(.is-fs){aspect-ratio:3/4;max-height:calc(100dvh - var(--header-h) - 80px)}}.machine-note{font-size:var(--fs-sm);margin-block-start:calc(var(--s-2) * -1);font-style:italic}.container{padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right))}.site-header{padding-top:env(safe-area-inset-top)}html{scroll-padding-top:calc(var(--header-h) + env(safe-area-inset-top) + var(--s-4))}.site-footer{padding-bottom:calc(var(--s-7) + env(safe-area-inset-bottom))}@media (max-width:599px){.game-page.container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:is(.stage:fullscreen .game-iframe,.stage.is-pseudo-fs .game-iframe){top:env(safe-area-inset-top);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom))}:is(.stage:fullscreen,.stage.is-pseudo-fs){background:#000}:is(.stage.is-pseudo-fs .rotate-hint,.stage:fullscreen .rotate-hint){padding:max(var(--s-5), env(safe-area-inset-top)) max(var(--s-5), env(safe-area-inset-right)) max(var(--s-5), env(safe-area-inset-bottom)) max(var(--s-5), env(safe-area-inset-left))}.rotate-hint .btn{margin-top:var(--s-3)}html.game-running,html.game-running body{overscroll-behavior:none}.stage[data-phase=playing]{overscroll-behavior:contain;touch-action:none}.header-brand{align-items:center;gap:var(--s-2);grid-area:logo;min-width:0;display:flex}.back-btn{background:0 0;flex:none}.header-brand .logo-mark{flex:none}@media (max-width:400px){.header-brand:has(.back-btn) .logo-word{display:none}}.header-search{align-items:center;gap:var(--s-2);display:flex}.header-search>:first-child{flex:1;min-width:0}.install-btn{color:var(--sun);flex:none;box-shadow:inset 0 0 0 1.5px #ffd23f59}.install-btn:hover{background:var(--ink-3)}.install-banner{align-items:center;gap:var(--s-3) var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%, #ffd23f1f, transparent 60%), var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line);grid-template-columns:auto 1fr;grid-template-areas:"icon text""actions actions";display:grid}@media (min-width:720px){.install-banner{grid-template-columns:auto 1fr auto;grid-template-areas:"icon text actions"}}.install-icon{border-radius:14px;grid-area:icon}.install-text{grid-area:text;min-width:0}.install-text h2{font-size:var(--fs-lg)}.install-text p{margin-top:var(--s-1);font-size:var(--fs-sm)}.install-actions{gap:var(--s-2);flex-wrap:wrap;grid-area:actions;display:flex}.ios-sheet{margin-bottom:max(var(--s-4), env(safe-area-inset-bottom))}@media (max-width:599px){.ios-sheet{margin-block:auto max(var(--s-3), env(safe-area-inset-bottom))}}.ios-sheet h2{padding-inline-end:var(--s-7)}.ios-steps{gap:var(--s-4);margin:var(--s-5) 0 0;counter-reset:step;padding:0;list-style:none;display:grid}.ios-steps li{align-items:center;gap:var(--s-3);grid-template-columns:auto 1fr;display:grid}.ios-step-icon{border-radius:var(--r-sm);background:var(--ink-2);width:44px;height:44px;color:var(--sky);place-items:center;display:grid}.toast{inset-inline:max(var(--s-3), env(safe-area-inset-left)) max(var(--s-3), env(safe-area-inset-right));bottom:max(var(--s-3), env(safe-area-inset-bottom));z-index:var(--z-popover);align-items:center;gap:var(--s-2);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 2 * var(--s-3));padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--r-lg);background:var(--ink-1);box-shadow:inset 0 0 0 1.5px var(--line), var(--shadow-float);color:var(--text);font-size:var(--fs-sm);margin-inline:auto;font-weight:600;display:flex;position:fixed}.toast>svg{color:var(--sun);flex:none}.toast>span{min-width:0;line-height:var(--lh-snug);flex:auto}.toast .btn{min-height:44px;padding-inline:var(--s-4);flex:none}.toast .icon-btn{background:0 0;flex:none}@media (prefers-reduced-motion:no-preference){.toast{animation:toast-in var(--t-slow) var(--ease-out)}}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}}@media (pointer:coarse){.logo,.chip,.chip-select select,.hero-tag,.side-link,.sort-opt,.row-action,.row-all,.lang,.dl-link,.footer-links a,.docs-nav a,.docs-toc a{min-height:44px}.lang{min-width:44px;height:44px}.row-all,.dl-link,.footer-links a{align-items:center;display:inline-flex}.row-all{justify-content:flex-end;min-width:44px}.footer-links a{justify-content:center;min-width:44px}.docs-nav a,.docs-toc a{align-items:center;display:flex}.footer-links{column-gap:var(--s-5);row-gap:0}}