:root{--hdr-h:56px}html{scroll-padding-top:calc(var(--hdr-h) + 112px)}@media (min-width:1024px){:root{--hdr-h:72px}}html[data-hdr=off]{--hdr-h:0px}@layer components{.skip-link{position:absolute;left:12px;top:-60px;z-index:70;padding:10px 16px;border-radius:12px;border:2px solid var(--color-line-strong);background:var(--color-sun);color:var(--color-ink);font-weight:800}.skip-link:focus-visible{top:8px;outline:3px solid var(--color-sky-deep);outline-offset:2px}.home-hdr{position:sticky;top:0;z-index:40;height:56px;background:color-mix(in srgb,var(--color-night) 92%,transparent);border-bottom:2px solid var(--color-line);transition:transform var(--dur-base) var(--ease-out-soft)}@media (min-width:1024px){.home-hdr{height:72px}}html[data-hdr=off] .home-hdr{transform:translateY(-100%)}.home-main{margin-inline:auto;display:flex;flex-direction:column;gap:32px;max-width:1264px;padding:16px 16px max(2rem,env(safe-area-inset-bottom))}@media (min-width:1024px){.home-main{gap:40px;padding:24px 32px 4rem}}.section-title,.shelf-title{text-wrap:balance;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:28px}.shelf-title{align-self:flex-start;padding:0 10px;background:var(--color-surface-1);border:2px solid var(--color-line-strong);border-radius:6px;box-shadow:2px 2px 0 var(--color-line-strong);rotate:-1deg}@media (min-width:1024px){.section-title,.shelf-title{font-size:26px;line-height:32px}}.shelf-note{font-family:var(--font-hand);font-weight:700;font-size:18px;line-height:22px;color:var(--color-fg-soft);padding:2px 0 0 4px}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.shelf-arrow{display:none;width:44px;height:44px;place-items:center;border-radius:999px;border:2px solid var(--color-line-strong);background:var(--color-surface-1)}@media (min-width:1024px){.shelf-arrow{display:grid}}.shelf-arrow:active{transform:translateY(2px)}.shelf-scroll{margin-inline:-16px;padding:6px 16px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-scroll:focus-visible{outline:3px solid var(--color-sky-deep);outline-offset:-3px;border-radius:12px}@media (min-width:1024px){.shelf-scroll{margin-inline:0;padding-inline:4px;scroll-padding-inline:4px}}.shelf{display:flex;gap:12px;width:max-content}@media (min-width:1024px){.shelf{gap:20px}}.shelf-item{width:148px;flex:none;scroll-snap-align:start}@media (min-width:1024px){.shelf-item{width:152px}}.shelf-lazy{content-visibility:auto;contain-intrinsic-size:auto 300px}.hot-grid{grid-auto-rows:1fr;flex:1;min-height:0}.game-grid,.hot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:640px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}@media (min-width:1240px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.gitem{content-visibility:auto;contain-intrinsic-size:auto 240px}.tilt>li:nth-child(3n+1){--tilt:-1deg}.tilt>li:nth-child(3n+2){--tilt:1deg}.gcard{position:relative;display:flex;flex-direction:column;aspect-ratio:3/4;width:100%;border:2px solid var(--color-line-strong);border-radius:12px;background:var(--color-surface-1);box-shadow:4px 4px 0 var(--color-line-strong);overflow:hidden;rotate:var(--tilt,0deg);transition:transform .16s var(--ease-pop),box-shadow .16s var(--ease-pop),rotate .16s var(--ease-out-soft);touch-action:manipulation}.gcard:hover{rotate:0deg}.gcard:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--color-line-strong);transition-duration:60ms}.gcard:focus-visible{outline:3px solid var(--color-sky-deep);outline-offset:3px;rotate:0deg}.gcard[aria-busy=true]{cursor:progress}.gcard[aria-busy=true] .gcard-cover{filter:saturate(.5)}.gcard-cover.has-pic,.show-cover.has-pic{display:block;position:relative;overflow:hidden}.gcard-mini .gcard-cover.has-pic{align-self:stretch;min-width:38%}.cover-pic{position:absolute;inset:0}.cover-img,.cover-pic{display:block;width:100%;height:100%}.cover-img{object-fit:cover}.gcard-cover{flex:0 0 60%;display:grid;place-items:center;background:var(--c);border-bottom:2px solid var(--color-line-strong)}.gcard-body{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 10px 8px 12px;min-height:0}.gcard-name{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:1024px){.gcard-name{font-size:18px;line-height:22px}}.gcard-kind{position:absolute;left:8px;top:8px;rotate:-3deg;transform-origin:left center;padding:1px 7px;border-radius:4px;border:2px solid var(--color-line-strong);background:var(--color-surface-1);font-weight:800;color:var(--color-ink)}.gcard-kind,.gcard-meta{font-size:12px;line-height:16px}.gcard-meta{margin-top:auto;font-weight:700;color:var(--color-fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcard-count{right:8px;rotate:2deg;font-family:var(--font-hand);font-weight:700;font-size:17px;line-height:20px;color:var(--color-coral-fg)}.gcard-count,.gcard-like,.gcard-mark{position:absolute;top:calc(60% - 22px);padding:0 6px;border-radius:6px;background:var(--color-surface-1);border:2px solid var(--color-line-strong)}.gcard-like,.gcard-mark{left:8px;max-width:calc(100% - 16px);rotate:-2deg;font-size:12px;line-height:18px;font-weight:800;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gcard-mark-done{background:var(--color-mint)}.rec-hide{position:absolute;right:-6px;top:-8px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:var(--color-ink)}.rec-hide:before{content:"";position:absolute;inset:10px;z-index:-1;border-radius:999px;border:2px solid var(--color-line-strong);background:var(--color-surface-1)}.rec-hide:focus-visible{outline:3px solid var(--color-sky-deep);outline-offset:-4px}.showcase{display:grid;gap:20px}@media (min-width:1024px){.showcase{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:start}}.show-main{position:relative;display:grid;align-items:center;column-gap:8px;grid-template-columns:72px auto minmax(0,1fr);grid-template-areas:"cover eye eye" "cover name name" "cover play die" "res res res";padding:12px;border:2px solid var(--color-line-strong);border-radius:12px;background:var(--color-surface-1);box-shadow:4px 4px 0 var(--color-line-strong)}.show-cover{grid-area:cover;align-self:stretch;display:grid;place-items:center;height:104px;background:var(--c);border:2px solid var(--color-line-strong);border-radius:10px;rotate:-2deg}.show-eyebrow{grid-area:eye;font-size:13px;line-height:18px;font-weight:800;color:var(--color-fg-soft)}.show-name{grid-area:name;font-family:var(--font-display);font-weight:800;font-size:22px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-tagline{display:none;grid-area:tag}.show-play{grid-area:play;gap:6px;height:44px;padding:0 12px;margin-top:6px;border-radius:14px;font-family:var(--font-display);font-weight:700;font-size:17px}.die-badge,.show-play{display:inline-flex;align-items:center;color:var(--color-ink)}.die-badge{grid-area:die;justify-self:start;gap:4px;margin:6px 0 0 2px;min-height:44px;padding:2px 7px 2px 3px;border-radius:999px;border:2px solid var(--color-line-strong);background:var(--color-surface-1);font-weight:800;font-size:13px;white-space:nowrap;transition:transform .16s var(--ease-pop)}.die-badge .die-face{width:26px;height:26px;padding:2px}.die-badge:active{transform:translateY(2px)}.die-live{grid-area:res}@media (min-width:1024px){.show-main{min-height:280px;column-gap:28px;padding:20px 28px 20px 20px;grid-template-columns:200px auto minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"cover eye eye" "cover name name" "cover tag tag" "cover play die" "cover res res"}.show-cover{height:auto}.show-eyebrow{font-size:15px;line-height:22px}.show-name{font-size:36px;line-height:42px;white-space:normal}.show-name,.show-tagline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.show-tagline{overflow:hidden;align-self:start;max-width:52ch;font-size:16px;line-height:24px;font-weight:700;color:var(--color-fg-soft)}.show-play{height:52px;padding:0 24px;font-size:19px;margin-top:0}.die-badge{margin-top:0;font-size:15px}}.show-hot{display:none}@media (min-width:1024px){.show-hot{display:flex;flex-direction:column;gap:8px;height:280px}}.gcard-mini{flex-direction:row;aspect-ratio:auto;height:100%}.gcard-mini .gcard-cover{flex:0 0 38%;border-bottom:0;border-right:2px solid var(--color-line-strong)}.gcard-mini .gcard-body{padding:10px 12px;justify-content:center}.gcard-mini .gcard-name{font-size:18px;line-height:22px}.gcard-mini .gcard-meta{margin-top:4px}.gcard-mini .gcard-kind{display:none}.gcard-mini .gcard-count{top:auto;bottom:8px;right:8px}.daily-strip{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:2px dashed var(--color-line-strong);border-radius:12px;background:var(--color-sun-soft);font-family:var(--font-display);font-weight:700;font-size:17px;line-height:22px;color:var(--color-ink)}.daily-strip:focus-visible{outline:3px solid var(--color-sky-deep);outline-offset:2px}.die-result{margin-top:12px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:2px dashed var(--color-line-strong);border-radius:12px;background:var(--color-sun-soft)}.die-roll{animation:die-roll .42s var(--ease-pop) both}@keyframes die-roll{0%{transform:rotate(-200deg) translateY(-8px)}to{transform:none}}.filter-bar{position:sticky;top:var(--hdr-h);z-index:30;margin-inline:-16px;padding:6px 0;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--color-night) 94%,transparent);border-bottom:2px solid var(--color-line);transition:top var(--dur-base) var(--ease-out-soft)}@media (min-width:1024px){.filter-bar{margin-inline:0}}.filter-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-inline:16px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}@media (min-width:1024px){.filter-row{padding-inline:4px;flex-wrap:wrap;overflow:visible}}.mode-switch{display:flex;flex:none;padding:2px;gap:2px;border-radius:999px;border:2px solid var(--color-line-strong);background:var(--color-surface-1)}.mode-switch>button{height:40px;padding:0 16px;border-radius:999px;font-weight:800;font-size:15px;white-space:nowrap;color:var(--color-fg)}.mode-switch>button[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface-1)}.chip{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:2px solid var(--color-line);background:var(--color-surface-1);font-weight:800;font-size:15px;line-height:20px;white-space:nowrap;color:var(--color-fg)}@media (min-width:1024px){.chip,.mode-switch>button{font-size:16px}.chip{min-height:46px}}.chip:hover,.chip[aria-pressed=true]{border-color:var(--color-line-strong)}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-surface-1)}.chip:focus-visible,.die-badge:focus-visible,.mode-switch>button:focus-visible,.shelf-arrow:focus-visible{outline:3px solid var(--color-sky-deep);outline-offset:2px}.search-row{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 10px 6px 6px;border-radius:12px;border:2px solid transparent}.search-row:focus-visible,.search-row:hover{border-color:var(--color-line-strong);background:var(--color-surface-2);outline:none}.search-tile{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;background:var(--c)}.search-panel,.search-tile{border:2px solid var(--color-line-strong)}.search-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:50;padding:8px;max-height:70vh;overflow-y:auto;border-radius:12px;background:var(--color-surface-1);box-shadow:4px 4px 0 var(--color-line-strong)}.home-full,.home-sheet{padding:0;border:0;background:transparent;color:var(--color-fg);max-width:none;max-height:none}.home-full::backdrop,.home-sheet::backdrop{background:rgb(43 33 24/.5)}.home-sheet[open]{margin:auto auto 0;width:100%;max-width:28rem;border:2px solid var(--color-line-strong);border-bottom:0;border-radius:24px 24px 0 0;background:var(--color-surface-1);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 0 var(--color-line-strong);animation:sheet-up .26s var(--ease-out-soft)}@media (min-width:640px){.home-sheet[open]{margin:auto;border-bottom:2px solid var(--color-line-strong);border-radius:24px;box-shadow:4px 4px 0 var(--color-line-strong)}}.home-full[open]{margin:0;width:100%;height:100%;background:var(--color-night);animation:fade-in .16s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.tilt>li{--tilt:0deg}.gcard-count,.gcard-like,.gcard-mark,.shelf-title,.show-cover{rotate:0deg}}