.gtd{--gtd-bg: #fffdfa;--gtd-fg: #1a1a1a;--gtd-fg-soft: #6b6862;--gtd-fg-faint: #9a948a;--gtd-divider: rgba(0, 0, 0, .08);--gtd-locked-ring: rgba(0, 0, 0, .16);--gtd-scrim: 255, 253, 250;--gtd-head-fg: #1a1a1a;--gtd-head-fg-soft: #57534c;--gtd-head-shadow: none;--gtd-bar-track: rgba(0, 0, 0, .14);position:fixed;inset:auto 0 0;margin:0 auto;padding:0;border:0;width:100%;max-width:760px;max-height:92vh;background:transparent;color:var(--gtd-fg);border-radius:22px 22px 0 0;overflow:visible}body.dark-mode .gtd{--gtd-bg: #0a0a0a;--gtd-fg: #eef1f6;--gtd-fg-soft: rgba(238, 241, 246, .55);--gtd-fg-faint: rgba(238, 241, 246, .5);--gtd-divider: rgba(255, 255, 255, .07);--gtd-locked-ring: rgba(255, 255, 255, .14);--gtd-scrim: 8, 10, 15;--gtd-head-fg: #fff;--gtd-head-fg-soft: rgba(255, 255, 255, .82);--gtd-head-shadow: 0 2px 18px rgba(0, 0, 0, .55);--gtd-bar-track: rgba(255, 255, 255, .18)}.gtd::backdrop{background:#06080c9e;backdrop-filter:blur(5px)}html.gtd-lock{overflow:hidden}.gtd[open]{animation:gtd-slide .4s cubic-bezier(.22,.95,.3,1)}@keyframes gtd-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gtd-sheet{position:relative;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;background:var(--gtd-bg);border:0;border-radius:22px 22px 0 0;color:var(--gtd-fg);box-shadow:0 -24px 70px #00000080}.gtd-grip{position:absolute;top:9px;left:50%;transform:translate(-50%);z-index:4;width:42px;height:4px;border-radius:99px;background:#ffffff73}.gtd-close{position:absolute;top:14px;right:14px;z-index:4;width:34px;height:34px;border-radius:999px;background:#0000006b;color:#fff;border:1px solid rgba(255,255,255,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .2s ease}.gtd-close:hover{background:#000000b3}.gtd-head{position:relative;flex:0 0 auto;isolation:isolate;overflow:hidden}.gtd-head-bg{position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center 26%;background-color:#0a0d14}.gtd-head-blur{position:absolute;inset:0;pointer-events:none}.gtd-head-blur span{position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center 26%;transform:scale(1.08)}.gtd-head-blur span:nth-child(1){filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,#000 64%);mask-image:linear-gradient(to bottom,transparent 40%,#000 64%)}.gtd-head-blur span:nth-child(2){filter:blur(8px);-webkit-mask-image:linear-gradient(to bottom,transparent 56%,#000 80%);mask-image:linear-gradient(to bottom,transparent 56%,#000 80%)}.gtd-head-blur span:nth-child(3){filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,transparent 70%,#000 92%);mask-image:linear-gradient(to bottom,transparent 70%,#000 92%)}.gtd-head-blur span:nth-child(4){filter:blur(30px);-webkit-mask-image:linear-gradient(to bottom,transparent 84%,#000 100%);mask-image:linear-gradient(to bottom,transparent 84%,#000 100%)}.gtd-head-scrim{position:absolute;inset:0;background:linear-gradient(to top,var(--gtd-bg) 0%,rgba(var(--gtd-scrim),.92) 10%,rgba(var(--gtd-scrim),.5) 55%,rgba(var(--gtd-scrim),.2) 100%)}.gtd-head-row{position:relative;display:flex;align-items:flex-end;gap:1.2rem;padding:clamp(2.2rem,6vw,3.2rem) clamp(1.1rem,4vw,1.8rem) 1.7rem}.gtd-cover{width:clamp(124px,30vw,176px);height:clamp(124px,30vw,176px);border-radius:16px;object-fit:cover;flex:0 0 auto;box-shadow:0 10px 28px #0000008c}.gtd-head-text{min-width:0;flex:1 1 auto}.gtd-device{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:.5rem;color:#fff;background:#6b7280}.gtd-device.playstation{background:#06c}.gtd-device.steam{background:#3a4b63}.gtd .gtd-title{font-size:clamp(1.3rem,4vw,1.9rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 .45rem;color:var(--gtd-head-fg);text-shadow:var(--gtd-head-shadow)}.gtd-statline{display:flex;align-items:center;gap:.7rem;font-size:.84rem;font-variant-numeric:tabular-nums;color:var(--gtd-head-fg-soft);margin-bottom:.55rem}.gtd-hours{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--gtd-head-fg)}.gtd-hours:empty{display:none}.gtd-clock{width:14px;height:14px;flex:0 0 auto}.gtd-grades{display:flex;align-items:center;gap:.85rem;margin-bottom:.7rem}.gtd-grades .g{display:inline-flex;align-items:center;gap:5px;font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gtd-head-fg)}.gtd-grades img{height:26px;width:auto;display:block;transform:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.gtd-bar{height:4px;width:min(340px,100%);background:var(--gtd-bar-track);border-radius:99px;overflow:hidden}.gtd-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4da3ff,#aee3ff)}.gtd-store{display:inline-flex;align-items:center;gap:7px;margin-top:.9rem;padding:8px 15px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:-.01em;color:var(--gtd-head-fg);text-decoration:none;cursor:pointer;white-space:nowrap;background:color-mix(in srgb,var(--gtd-head-fg) 12%,transparent);border:1px solid color-mix(in srgb,var(--gtd-head-fg) 24%,transparent);transition:background .18s ease,transform .18s ease}.gtd-store:hover{background:color-mix(in srgb,var(--gtd-head-fg) 20%,transparent)}.gtd-store:active{transform:translateY(1px)}.gtd-store[hidden]{display:none}.gtd-store svg{flex:0 0 auto;opacity:.85}.gtd-list{list-style:none;margin:0;padding:.4rem clamp(.75rem,3vw,1.3rem) 1.4rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}.gtd-row{display:grid;grid-template-columns:auto 46px minmax(0,1fr) auto auto;align-items:center;gap:.85rem;padding:.6rem .4rem;border-bottom:1px solid var(--gtd-divider)}.gtd-row.locked{opacity:.55}.gtd-tgrade{height:30px;width:auto;display:block;transform:none;flex:0 0 auto}.gtd-tic{position:relative;width:46px;height:46px;border-radius:10px;overflow:hidden;background:#11151f;flex:0 0 auto}.gtd-list.gtd-squared .gtd-tic{border-radius:0}.gtd-tic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transform:none}.gtd-row.locked .gtd-tic img{filter:grayscale(1) brightness(.5)}.gtd-tlock{position:absolute;inset:0;margin:auto;width:18px;height:18px;color:#ffffffd9}.gtd-tmain{min-width:0}.gtd-tname{display:block;font-weight:700;font-size:.94rem;line-height:1.25;color:var(--gtd-fg)}.gtd-tdetail{display:block;font-size:.79rem;color:var(--gtd-fg-soft);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtd-trare{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--gtd-fg-soft);font-variant-numeric:tabular-nums;min-width:128px;justify-content:flex-end}.gtd-trare i{width:8px;height:8px;border-radius:50%;background:var(--rar, #9aa3ad);flex:0 0 auto}.gtd-trare b{color:var(--gtd-fg)}.gtd-twhen{font-size:.74rem;color:var(--gtd-fg-faint);min-width:82px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:600px){.gtd-row{grid-template-columns:auto 42px minmax(0,1fr);gap:.7rem}.gtd-tic{width:42px;height:42px}.gtd-tgrade{height:26px}.gtd-trare,.gtd-twhen{display:none}.gtd-tdetail{white-space:normal;-webkit-line-clamp:2}}@media(prefers-reduced-motion:reduce){.gtd[open]{animation:none}}