body[data-route^="games"]{background:var(--bg);color:var(--fg)}
body[data-route^="games"] .site-head .nav-ink{background:var(--pink)}
body[data-route^="games"] .site-head .burger i{background:var(--fg)}

.games-page{position:relative;width:100%;min-height:100vh;isolation:isolate;background:var(--bg);color:var(--fg)}
.games-page *{box-sizing:border-box}
.gp-wrap{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.gp-atmosphere{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 46rem 30rem at 70% 17%,rgba(255,31,122,.055),transparent 72%)}
.gp-local-head{height:4.5rem;display:flex;align-items:center;gap:2.5rem;border-bottom:1px solid var(--line)}
.gp-wordmark{display:flex;align-items:center;gap:.65rem;font-size:1rem;font-weight:720;letter-spacing:-.035em;white-space:nowrap}
.gp-wordmark>span:last-child>span{color:var(--pink)}
.gp-mark{display:grid;place-items:center;width:2rem;height:1.5rem;flex:none}
.gp-mark img{width:100%;height:auto}
.gp-tabs{display:flex;align-self:stretch;align-items:stretch;gap:.375rem;margin:auto}
.gp-tabs a{position:relative;display:flex;align-items:center;min-width:5.5rem;padding:0 .75rem;color:var(--muted);font-size:.8125rem;font-weight:560;transition:color var(--d2)}
.gp-tabs a:hover,.gp-tabs a[aria-current="page"]{color:var(--fg)}
.gp-tabs a[aria-current="page"]::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:-1px;height:2px;background:var(--pink);border-radius:2px}
.gp-head-code{display:inline-flex;align-items:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--fg-2);font-size:.7812rem;font-weight:620;transition:border-color var(--d2),background var(--d2)}
.gp-head-code:hover{border-color:var(--pink-line);background:var(--pink-soft)}
.gp-head-code svg,.gp-btn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(25rem,.76fr);align-items:center;gap:clamp(2.5rem,7vw,8rem);min-height:32rem;padding:clamp(3.5rem,7vw,6.25rem) clamp(0rem,3vw,3rem)}
.gp-hero-copy{max-width:43rem}
.gp-eyebrow,.gp-kicker{margin:0;font:var(--t-meta);letter-spacing:var(--ls-meta);color:var(--muted)}
.gp-eyebrow{display:inline-flex;align-items:center;gap:.625rem;white-space:nowrap;line-height:1.25}
.gp-eyebrow i{width:.4rem;height:.4rem;border-radius:50%;background:var(--pink)}
.gp-eyebrow .gp-eyebrow-label{display:inline-block;color:var(--muted);line-height:inherit}
.gp-eyebrow .gp-eyebrow-divider{display:inline-block;color:var(--faint);line-height:inherit}
.gp-hero h1{max-width:12ch;margin:1.5rem 0 1.125rem;font:var(--t-display);letter-spacing:var(--ls-display);color:var(--fg)}
.gp-hero h1 em{font-style:normal;color:var(--pink)}
.gp-lead{max-width:35rem;margin:0;color:var(--muted);font:var(--t-lead);letter-spacing:-.006em}
.gp-hero-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem}
.gp-hero-stats{display:flex;flex-wrap:wrap;gap:1.75rem 2.5rem;margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}
.gp-hero-stats div{min-width:0}
.gp-hero-stats dt{font:var(--t-meta);letter-spacing:var(--ls-meta);color:var(--muted)}
.gp-hero-stats dd{margin:.4rem 0 0;font-size:1.0625rem;font-weight:660;letter-spacing:-.03em}
.gp-steps{padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--line)}
.gp-steps-head{margin-bottom:2rem}
.gp-steps-head h2{margin:.6rem 0 0;font:var(--t-h2);letter-spacing:var(--ls-h2)}
.gp-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;counter-reset:gp-step}
.gp-step-list li{display:grid;gap:1rem;padding:1.75rem;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--sh1);transition:transform var(--d2),border-color var(--d2),box-shadow var(--d2)}
.gp-step-list li:hover{transform:translateY(-.25rem);border-color:var(--pink-line);box-shadow:var(--sh2)}
.gp-step-num{font:600 .72rem/1 var(--mono);letter-spacing:.14em;color:var(--pink)}
.gp-step-list h3{margin:0 0 .4rem;font-size:1rem;font-weight:640;letter-spacing:-.02em}
.gp-step-list p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.62}
@media(max-width:900px){.gp-step-list{grid-template-columns:1fr}}
@media(max-width:700px){.gp-code-input-wrap input{height:3rem;font-size:1rem;border-radius:.5rem}.gp-hero-stats{gap:1.25rem 1.75rem}}
@media(prefers-reduced-motion:reduce){.gp-code-input-wrap input:focus{transform:none}}
.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:2.75rem;padding:0 1.125rem;border-radius:var(--r-pill);font-size:.875rem;font-weight:600;transition:transform var(--d1),background var(--d2),box-shadow var(--d2),border-color var(--d2),color var(--d2)}
.gp-btn:active{transform:scale(.975)}
.gp-btn-primary{color:#fff;background:var(--pink);background-image:linear-gradient(180deg,#ff3a8a,var(--pink) 60%);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 0 0 1px rgba(200,0,90,.18),0 .875rem 1.875rem -1.25rem rgba(232,16,106,.42)}
.gp-btn-line{border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.gp-text-btn{min-height:2.75rem;padding:0 .375rem;color:var(--fg-2);font-size:.8125rem;font-weight:560;transition:color var(--d2)}
.gp-text-btn:hover{color:var(--pink-deep)}
.gp-code-card{position:relative;padding:1.5rem;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--sh2);overflow:hidden}
.gp-code-card::before{content:"";position:absolute;left:35%;top:-11rem;width:20rem;height:16rem;background:radial-gradient(closest-side,rgba(255,31,122,.065),transparent);pointer-events:none}
.gp-code-top{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.65rem}
.gp-code-icon{display:grid;place-items:center;width:2.375rem;height:2.375rem;border:1px solid var(--pink-line);border-radius:.75rem;background:var(--pink-soft);color:var(--pink)}
.gp-code-icon svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gp-code-state{display:inline-flex;align-items:center;gap:.45rem;padding:.375rem .625rem;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);font:var(--t-meta);letter-spacing:.04em;color:var(--muted)}
.gp-code-state i{width:.33rem;height:.33rem;border-radius:50%;background:var(--pink)}
.gp-code-card label{display:block;font-size:.875rem;font-weight:670}
.gp-code-hint{margin:.25rem 0 .875rem;font-size:.75rem;color:var(--muted)}
.gp-code-input-wrap{position:relative}
.gp-code-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}
.gp-code-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}
.gp-code-group+.gp-code-group{position:relative}
.gp-code-group+.gp-code-group::before{content:"";position:absolute;left:-.47rem;top:22%;bottom:22%;width:1px;background:var(--line)}
.gp-code-input-wrap input{width:100%;min-width:0;height:3.5rem;padding:0;border:1px solid var(--line);border-radius:.625rem;background:var(--surface-2);color:var(--fg);font:600 1.125rem/1 var(--mono);text-align:center;text-transform:uppercase;outline:none;caret-color:var(--pink);transition:border-color var(--d1),box-shadow var(--d1),background var(--d1),transform var(--d1)}
.gp-code-input-wrap input::placeholder{color:var(--faint);opacity:.7}
.gp-code-input-wrap input:hover{border-color:var(--line-strong)}
.gp-code-input-wrap input:focus{border-color:var(--pink-line);background:var(--surface);box-shadow:0 0 0 .22rem rgba(255,31,122,.09);transform:translateY(-1px)}
.gp-code-input-wrap input.is-filled{border-color:var(--pink-line);background:var(--pink-soft);color:var(--pink-deep)}
.gp-code-input-wrap.is-shaking{animation:gp-code-shake .42s cubic-bezier(.36,.07,.19,.97)}
@keyframes gp-code-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.gp-code-card[data-state="success"] .gp-code-input-wrap input{border-color:rgba(31,191,117,.5);background:rgba(31,191,117,.06);color:#16784d}
.gp-code-card[data-state="error"] label,.gp-code-card[data-state="error"] .gp-code-hint{color:var(--down)}
.gp-code-cell:disabled{opacity:.75}
.gp-code-clear{display:flex;align-items:center;justify-content:center;gap:.25rem;min-height:2.75rem;padding:0 .5rem;border-radius:.5rem;color:var(--muted);font-size:.75rem}
.gp-code-clear[hidden]{display:none}
.gp-code-clear:hover{background:var(--surface-3);color:var(--fg)}
.gp-code-clear svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.gp-code-bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.875rem}
.gp-code-bottom>span{font-size:.6875rem;color:var(--muted)}
.gp-activate{min-height:2.5rem;padding:0 .875rem;font-size:.75rem;white-space:nowrap}
.gp-code-result{min-height:0;margin:0;color:var(--fg-2);font-size:.75rem;line-height:1.5}
.gp-code-result:not(:empty){margin-top:.75rem}
.gp-demo-code{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.875rem;border-top:1px solid var(--line-2);font-size:.65rem;color:var(--muted)}
.gp-demo-code code{margin-left:auto;color:var(--fg-2);font:500 .65rem/1.4 var(--mono)}
.gp-demo-code button{min-height:2rem;padding:.35rem .625rem;border:1px solid var(--line);border-radius:var(--r2);color:var(--fg-2);font-size:.65rem;transition:border-color var(--d2),color var(--d2),background var(--d2)}
.gp-demo-code button:hover{border-color:var(--pink-line);background:var(--pink-soft);color:var(--pink-deep)}
.gp-demo-note{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
.gp-demo-note>span{flex:none;padding:.3rem .45rem;border:1px solid var(--pink-line);border-radius:.35rem;background:var(--pink-soft);font:var(--t-meta);letter-spacing:.05em;color:var(--pink-deep)}
.gp-demo-note p{margin:0;font-size:.75rem;line-height:1.55}
.gp-qualities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.gp-qualities article{min-width:0;padding:1.75rem 1.75rem 1.75rem 0}
.gp-qualities article+article{padding-left:1.75rem;border-left:1px solid var(--line)}
.gp-quality-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:1.25rem;border:1px solid var(--pink-line);border-radius:.7rem;background:var(--pink-soft);color:var(--pink)}
.gp-quality-icon svg{width:1.0625rem;height:1.0625rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gp-quality-time{font:650 .72rem/1 var(--mono)}
.gp-quality-safe{font:700 1.25rem/1 var(--sans)}
.gp-qualities .gp-kicker{font-size:.57rem;color:var(--muted)}
.gp-qualities h2{margin:.5rem 0 .45rem;font-size:.9375rem;font-weight:610;letter-spacing:-.018em}
.gp-qualities article>p:last-child{max-width:18rem;margin:0;color:var(--muted);font-size:.75rem;line-height:1.62}
.gp-panel{padding:clamp(3.75rem,7vw,6rem) 0}
.gp-panel[hidden]{display:none}
.gp-section-head{display:block;margin-bottom:1.9rem}
.gp-section-head .gp-kicker{margin-bottom:.75rem;color:var(--muted)}
.gp-section-head h1,.gp-section-head h2,.gp-bottom-callout h2,.gp-empty h2{margin:0;font:var(--t-h2);letter-spacing:var(--ls-h2)}
.gp-section-head>p{max-width:37rem;margin:.85rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.62}
.gp-controls{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}
.gp-filters{display:flex;align-items:center;gap:.375rem;flex:1 1 auto;min-width:0}
.gp-filters::-webkit-scrollbar{display:none}
.gp-filters button{flex:none;min-height:2.375rem;padding:0 .875rem;border:1px solid transparent;border-radius:var(--r-pill);color:var(--muted);font-size:.75rem;font-weight:560;transition:color var(--d2),border-color var(--d2),background var(--d2)}
.gp-filters button:hover{color:var(--fg)}
.gp-filters button[aria-pressed="true"]{border-color:var(--line);background:var(--surface-2);color:var(--fg)}
.gp-search{position:relative;flex:0 1 17rem}
.gp-search svg{position:absolute;left:.875rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round}
.gp-search input{width:100%;height:2.625rem;padding:0 .875rem 0 2.5rem;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--fg);font-size:.75rem;outline:none;transition:border-color var(--d2),box-shadow var(--d2)}
.gp-search input::placeholder{color:var(--faint)}
.gp-search input:focus{border-color:var(--pink-line);box-shadow:0 0 0 .2rem rgba(255,31,122,.06)}
.gp-art{position:relative;display:block;min-height:11.5rem;aspect-ratio:1.85;overflow:hidden;background:#282033}
.gp-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease);pointer-events:none}
.gp-art-number{position:absolute;z-index:1;right:1rem;top:1rem;font:500 .57rem/1 var(--mono);letter-spacing:.16em;color:rgba(255,255,255,.72)}
.gp-empty{max-width:31rem;padding:3rem 0;text-align:center}
.gp-empty.is-left{max-width:36rem;padding:2.25rem 0 3rem;text-align:left}
.gp-empty.is-left .gp-empty-icon{margin:0 0 1.5rem}
.gp-empty.is-left h2{font:var(--t-h3);letter-spacing:var(--ls-h3)}
.gp-empty.is-left>p:not(.gp-kicker){margin:.9rem 0 1.5rem}
.gp-empty-icon{display:grid;place-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;border:1px solid var(--pink-line);border-radius:1.25rem;background:var(--pink-soft);color:var(--pink)}
.gp-empty-icon svg{width:1.75rem;height:1.75rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.gp-empty .gp-kicker{margin-bottom:.75rem}
.gp-empty>p:not(.gp-kicker){margin:1rem auto 1.5rem;color:var(--muted);font-size:.875rem;line-height:1.65}
.gp-faq{border-top:1px solid var(--line)}
.gp-faq details{border-bottom:1px solid var(--line);transition:background var(--d2) var(--ease)}
.gp-faq details[open]{background:linear-gradient(180deg,rgba(255,31,122,.03),transparent 62%)}
.gp-faq summary{position:relative;display:flex;align-items:center;padding:1.3rem 3rem 1.3rem .2rem;font-size:.9375rem;font-weight:590;letter-spacing:-.012em;cursor:pointer;list-style:none;transition:color var(--d2)}
.gp-faq summary::-webkit-details-marker{display:none}
.gp-faq summary:hover{color:var(--pink-deep)}
.gp-faq summary::after{content:"";position:absolute;right:.35rem;top:50%;width:1.15rem;height:1.15rem;transform:translateY(-50%);background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/.95rem no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/.95rem no-repeat;transition:transform var(--d3) var(--ease),background var(--d2)}
.gp-faq details[open] summary::after{transform:translateY(-50%) rotate(180deg);background:var(--pink)}
.gp-faq-body{overflow:hidden;transition:height 360ms var(--ease),opacity 300ms var(--ease)}
.gp-faq details p{max-width:43rem;margin:.1rem 0 1.35rem;color:var(--muted);font-size:.875rem;line-height:1.72}
.gp-code-chip{display:inline-flex;align-items:center;padding:.12rem .45rem;border:1px solid var(--line);border-radius:.4rem;background:var(--surface-2);color:var(--fg-2);font:var(--t-code);cursor:pointer;transition:border-color var(--d2),background var(--d2),color var(--d2)}
.gp-code-chip:hover{border-color:var(--pink-line);background:var(--pink-soft);color:var(--pink-deep)}
.gp-code-chip.copied{border-color:rgba(31,191,117,.4);background:rgba(31,191,117,.1);color:#16784d}
.gp-help-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);gap:clamp(2rem,6vw,6rem)}
.gp-help-aside{display:grid;align-content:start;gap:.875rem}
.gp-help-card{padding:1.4rem;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--sh1);transition:transform 420ms var(--ease),border-color 300ms var(--ease),box-shadow 420ms var(--ease)}
@media(hover:hover) and (pointer:fine){
  .gp-help-card:hover{transform:translateY(-.2rem);border-color:var(--pink-line);box-shadow:0 1.4rem 2.8rem -1.6rem rgba(22,19,26,.22)}
}
.gp-help-card-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:1.25rem;border:1px solid var(--pink-line);border-radius:.75rem;background:var(--pink-soft);color:var(--pink)}
.gp-help-card-icon svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gp-help-card .gp-kicker{margin-bottom:.5rem}
.gp-help-card h2{margin:0;font:var(--t-h3);letter-spacing:var(--ls-h3)}
.gp-help-card>p:not(.gp-kicker){margin:.7rem 0 1.1rem;color:var(--muted);font-size:.8125rem;line-height:1.65}
.gp-help-card .gp-btn{min-height:2.5rem;font-size:.75rem}
.gp-partner-card{background:linear-gradient(140deg,var(--pink-soft),var(--surface) 74%)}
.gp-partner-card>a:not(.gp-btn){display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);font-size:.8125rem;font-weight:600}
.gp-partner-card>a:not(.gp-btn)::after{content:"→";color:var(--pink)}
.gp-message{position:fixed;z-index:80;left:50%;bottom:max(1.25rem,var(--sa-b));width:min(32rem,calc(100% - 2rem));padding:.875rem 1rem;border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:var(--r2);background:var(--surface);color:var(--fg);font-size:.8125rem;line-height:1.5;box-shadow:var(--sh2);opacity:0;pointer-events:none;transform:translate(-50%,.5rem);transition:opacity var(--d2),transform var(--d2) var(--ease)}
.gp-message.on{opacity:1;transform:translate(-50%,0)}
.gp-success-note{margin:0 0 1.5rem;padding:.875rem 1rem;border:1px solid rgba(31,191,117,.22);border-radius:var(--r2);background:rgba(31,191,117,.06);color:#16784d;font-size:.8125rem;line-height:1.5}
.gp-rental-list{display:grid;gap:1rem}
.gp-rental-card{display:grid;grid-template-columns:minmax(13rem,.38fr) minmax(0,1fr);min-width:0;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--sh1);overflow:hidden}
.gp-rental-card.is-current{border-color:var(--pink-line)}
.gp-rental-card>.gp-art{min-height:16rem;aspect-ratio:auto}
.gp-rental-body{min-width:0;padding:1.25rem 1.5rem}
.gp-rental-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.gp-rental-title .gp-kicker{margin:0 0 .5rem;font-size:.6rem}
.gp-rental-title h3{margin:0;font:var(--t-h3);letter-spacing:var(--ls-h3)}
.gp-rental-status{display:inline-flex;align-items:center;gap:.4rem;flex:none;padding:.4rem .55rem;border:1px solid rgba(31,191,117,.2);border-radius:var(--r-pill);color:#16784d;font:500 .62rem/1 var(--mono)}
.gp-rental-status i{width:.35rem;height:.35rem;border-radius:50%;background:var(--ok)}
.gp-rental-status.ended{border-color:var(--line);color:var(--muted)}
.gp-rental-status.ended i{background:var(--idle)}
.gp-rental-info{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.25rem 0 .75rem;font-size:.75rem;color:var(--muted)}
.gp-rental-info b{margin-left:.35rem;color:var(--fg-2);font:500 .7rem/1 var(--mono)}
.gp-rental-details{margin-top:.875rem;border-top:1px solid var(--line-2)}
.gp-rental-details summary{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--fg-2);list-style:none}
.gp-rental-details summary::-webkit-details-marker{display:none}
.gp-rental-details summary::after{content:"⌄";color:var(--muted);transition:transform var(--d2) var(--ease)}
.gp-rental-details[open] summary::after{transform:rotate(180deg)}
.gp-rental-details>div{display:grid;gap:.5rem;padding:0 0 .875rem;font-size:.75rem;color:var(--muted)}
.gp-rental-details code{display:block;margin-top:.3rem;color:var(--fg-2);font:500 .75rem/1.5 var(--mono);letter-spacing:.025em}
.gp-rental-details p{max-width:40rem;line-height:1.55}
.gp-rental-note{max-width:42rem;margin:0;color:var(--muted);font-size:.75rem;line-height:1.55}
.gp-rental-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}
.gp-rental-actions .gp-btn{min-height:2.4rem;padding:0 .75rem;font-size:.75rem}
.gp-rental-actions .gp-btn:disabled{color:var(--faint);cursor:default}
.gp-copy-id{min-height:2.4rem;padding:0 .625rem;color:var(--muted);font-size:.75rem;transition:color var(--d2)}
.gp-copy-id:hover{color:var(--pink-deep)}
.gp-rental-feedback{min-height:1rem;margin:.5rem 0 0;color:#16784d;font-size:.75rem}
.gp-subpage{min-height:40rem;padding:clamp(3.75rem,7vw,6rem) 0}
.gp-subpage>.gp-section-head h1{font:var(--t-display);letter-spacing:var(--ls-display)}
.gp-subpage>.gp-section-head{display:block;margin-bottom:2.5rem}
.gp-subpage>.gp-section-head>p{margin:.9rem 0 0;max-width:37rem;color:var(--muted);font-size:.9375rem;line-height:1.62}
.gp-subpage>.gp-section-head .gp-kicker{margin-bottom:.75rem}
.gp-rentals-footer{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;color:var(--muted);font-size:.75rem}
.gp-rentals-footer a{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);font-weight:600;transition:color var(--d2)}
.gp-rentals-footer a:hover{color:var(--pink-deep)}
.gp-rentals-footer svg{width:.875rem;height:.875rem;fill:none;stroke:var(--pink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gp-empty .gp-btn{margin-top:.25rem}
.gp-success-note+[data-enter]{margin-top:1rem}
.games-page button:focus-visible,.games-page input:focus-visible,.games-page summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
  .gp-btn-primary:hover{background-image:none;background-color:var(--pink-deep);box-shadow:0 .875rem 1.875rem -1.125rem rgba(232,16,106,.5)}
}
@media(max-width:1020px){
  .gp-local-head{gap:1.25rem}
  .gp-hero{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:2rem;padding-left:0;padding-right:0}
  .gp-help-grid{grid-template-columns:minmax(0,1fr) minmax(15rem,.72fr);gap:2rem}
}
@media(max-width:700px){
  .gp-local-head{height:auto;min-height:4.25rem;flex-wrap:wrap;gap:0 1rem;padding:.625rem 0 .25rem}
  .gp-wordmark{flex:1}
  .gp-head-code{min-height:2.375rem;padding:0 .75rem}
  .gp-head-code span{display:none}
  .gp-tabs{order:3;width:100%;height:2.75rem;justify-content:flex-start;margin:0;gap:1rem}
  .gp-tabs a{min-width:0;padding:0 .125rem;font-size:.75rem}
  .gp-tabs a[aria-current="page"]::after{left:0;right:0}
  .gp-hero{grid-template-columns:1fr;gap:2rem;min-height:0;padding:3.25rem 0 2.5rem}
  .gp-hero h1{font-size:clamp(3rem,12vw,5.25rem)}
  .gp-lead{max-width:34rem;font-size:.9375rem}
  .gp-code-card{max-width:36rem}
  .gp-section-head{display:block;margin-bottom:1.25rem}
  .gp-section-head>p{margin-top:.625rem}
  .gp-qualities{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gp-qualities article{padding:1.125rem .75rem 1.125rem 0}
  .gp-qualities article+article{padding-left:.75rem}
  .gp-qualities article:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .gp-qualities article:nth-child(4){border-top:1px solid var(--line)}
  .gp-controls{align-items:stretch;flex-direction:column;gap:.75rem}
  .gp-filters{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none}
  .gp-filters::-webkit-scrollbar{display:none}
  .gp-search{flex:auto;width:100%}
  .gp-panel{padding:3.5rem 0}
  .gp-bottom-callout{align-items:flex-start;flex-direction:column;padding:1.5rem}
  .gp-rental-card{grid-template-columns:1fr}
  .gp-rental-card>.gp-art{min-height:12rem;max-height:15rem;aspect-ratio:2.2}
  .gp-rental-body{padding:1rem}
  .gp-help-grid{grid-template-columns:1fr;gap:2rem}
  .gp-subpage{padding:3.25rem 0}
}
@media(max-width:470px){
  .gp-hero-actions{align-items:stretch;flex-direction:column;gap:.5rem}
  .gp-text-btn{align-self:flex-start}
  .gp-code-card{padding:1.125rem}
  .gp-code-top{margin-bottom:1.25rem}
  .gp-code-input-wrap input{height:3.375rem;font-size:.79rem;letter-spacing:.06em}
  .gp-code-bottom{align-items:stretch;flex-direction:column}
  .gp-code-bottom>span{order:2}
  .gp-activate{width:100%;min-height:2.875rem}
  .gp-demo-note{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 0}
  .gp-art{min-height:12rem}
  .gp-section-head h2,.gp-bottom-callout h2,.gp-empty h2{font-size:1.875rem}
}
@media(prefers-reduced-motion:reduce){
  .games-page{scroll-behavior:auto}
  .gp-btn:active{transform:none}
}
.gp-rental-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem}
.gp-rental-toolbar .gp-text-btn{margin-left:auto}
.gp-live-status{min-height:1.25rem;margin:0 0 1rem;color:var(--muted);font-size:.8rem}
.gp-live-status:empty{margin-bottom:.25rem}
.live-reveal{opacity:0;transform:translateY(1.4rem);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.live-reveal.in{opacity:1;transform:none}
.gp-rental-card>.gp-art img{width:100%;height:100%;object-fit:cover;display:block}
.gp-secret{display:grid;gap:.4rem;margin-top:.875rem}
.gp-secret:empty{display:none}
.gp-secret-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem;color:var(--muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}
.gp-copy-value{min-height:1.6rem;padding:0 .5rem;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--fg-2);font-size:.68rem;transition:border-color var(--d2)}
.gp-copy-value:hover{border-color:var(--pink-line);color:var(--pink-deep)}
.gp-secret-value{display:block;padding:.6rem .75rem;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface-2);color:var(--fg);font:600 .95rem/1.3 var(--mono);letter-spacing:.03em;overflow-wrap:anywhere;user-select:text}
.gp-secret-guard{color:var(--pink-deep);font-size:1.35rem;letter-spacing:.18em;text-align:center}
.gp-secret-note{color:var(--muted);font-size:.7rem}
.gp-renew-form{display:grid;gap:.6rem;padding:.5rem 0 0}
.gp-renew-form>label{font-size:.72rem;color:var(--muted)}
.gp-renew-row{display:flex;flex-wrap:wrap;gap:.5rem}
.gp-renew-row input{flex:1 1 12rem;min-width:0;min-height:2.4rem;padding:0 .8rem;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--fg);font:500 .8rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.gp-renew-row input:focus{border-color:var(--pink-line);outline:none}
@media(max-width:760px){
  .gp-rental-card{grid-template-columns:1fr}
  .gp-rental-card>.gp-art{min-height:0;aspect-ratio:460/215}
  .gp-rental-actions .gp-btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.live-reveal{transition:none;opacity:1;transform:none}}