.game-hub{--gh-page-gutter: clamp(16px, 3.5vw, 56px);min-height:calc(100dvh - 64px);padding:0 var(--gh-page-gutter) 56px;color:var(--yk-text-1);background:var(--yk-canvas)}.gh-inner{max-width:1360px;margin-inline:auto}.gh-heading{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(260px,28vw,410px);margin:0 calc(-1 * var(--gh-page-gutter)) 20px;padding:48px var(--gh-page-gutter) 76px;text-align:center}.gh-banner-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 46%;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,var(--gh-mask-solid) 0%,var(--gh-mask-solid) 66%,transparent 100%);mask-image:linear-gradient(to bottom,var(--gh-mask-solid) 0%,var(--gh-mask-solid) 66%,transparent 100%)}.gh-heading h1{position:relative;max-width:100%;padding-inline:12px;color:var(--gh-hero-ink);text-shadow:var(--gh-hero-shadow);text-wrap:balance;margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-weight:500;font-size:clamp(36px,4.1vw,60px);line-height:1.25;letter-spacing:.025em}.gh-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}.gh-game{container-type:inline-size;min-width:0;position:relative;isolation:isolate;display:flex;flex-direction:column;border:1px solid var(--gh-rim);border-radius:18px;background:var(--gh-base) var(--gh-backdrop) center / cover;color:var(--gh-text);box-shadow:var(--gh-card-shadow)}.gh-game--shadow{--gh-backdrop: url(/images/game/hall/paper-backdrop-v1.webp)}.gh-game--sudoku{--gh-backdrop: url(/images/game/hall/jade-backdrop-v1.webp)}.gh-card-heading{padding:28px 30px 8px;position:relative;z-index:2}.gh-card-heading h2{margin:0;font-family:Shippori Mincho,Yu Mincho,serif;font-size:clamp(29px,3.2vw,46px);font-weight:500;line-height:1.22;text-wrap:balance}.gh-card-heading h2 a{color:inherit;text-decoration:none}.gh-card-heading p{margin:10px 0 0;color:var(--gh-muted);font-size:clamp(14px,1.3vw,18px);line-height:1.65;text-wrap:pretty}.gh-scene{position:relative;aspect-ratio:1.28;margin-top:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.gh-paper-stack{position:absolute;width:78%;aspect-ratio:1;bottom:1%;right:5%;transform:rotate(-3deg)}.gh-paper{width:100%;height:100%;object-fit:contain}.gh-answer-art{position:absolute;top:65%;width:23%;height:23%;object-fit:contain}.gh-answer-art--1{left:9%;transform:rotate(5deg)}.gh-answer-art--2{left:39%}.gh-answer-art--3{left:69%;transform:rotate(-5deg)}.gh-board{position:absolute;width:76%;aspect-ratio:1;left:4%;bottom:2%;transform:rotate(-2deg)}.gh-board-grid{position:absolute;top:8.8%;right:8.7%;bottom:11%;left:9%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));background:var(--gh-grid-line)}.gh-square{min-width:0;position:relative;display:grid;place-items:center;border:.5px solid var(--gh-grid-line);background:url(/images/game/sudoku/cell-empty-v3.webp) center / 100% 100%}.gh-square:nth-child(6n+3){border-right-width:2px}.gh-square:nth-child(n+7):nth-child(-n+12),.gh-square:nth-child(n+19):nth-child(-n+24){border-bottom-width:2px}.gh-square[data-selected]{background-image:url(/images/game/sudoku/cell-selected-v3.webp)}.gh-square img{width:84%;height:84%;object-fit:contain}.gh-board-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gh-perched-tanuki{position:absolute;width:33%;height:auto;right:-1%;bottom:-3px;z-index:3;filter:drop-shadow(var(--gh-pet-shadow));transform-origin:55% 96%}.gh-game-footer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px;min-height:114px;border-top:1px solid var(--gh-rim);border-radius:0 0 17px 17px;background:var(--gh-footer);box-shadow:var(--gh-footer-shadow)}.gh-footer-highlight{position:absolute;pointer-events:none;left:0;right:0;height:42px;top:-21px;z-index:1;overflow:hidden}.gh-footer-rail{position:absolute;left:-2.5%;width:105%;max-width:none;height:42px;top:0}.gh-summary{min-width:0;display:flex;align-items:center;gap:14px}.gh-summary-icon{width:48px;height:48px;flex:none;object-fit:contain}.gh-summary h3{margin:0;font-size:clamp(17px,1.5vw,22px);font-family:Shippori Mincho,Yu Mincho,serif;line-height:1.4;font-weight:500}.gh-summary p{display:flex;flex-wrap:wrap;gap:0 10px;margin:5px 0 0;color:var(--gh-muted);font-size:13px;line-height:1.7}.gh-summary p span{white-space:nowrap}.gh-play{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;max-width:100%;padding:13px 24px;color:var(--gh-button-ink);text-decoration:none;font-weight:650;font-size:16px;line-height:1.4;text-align:center;transition:transform .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent}.gh-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:18px solid transparent;border-image:var(--gh-button-art) 40 fill / 14px / 0 stretch;background:var(--gh-button-fallback);background-clip:padding-box;pointer-events:none}.gh-play svg{width:20px;height:20px;flex:none}.gh-play:active{transform:translateY(2px) scale(.985);filter:brightness(.95)}.game-hub a:focus-visible{outline:2px solid var(--yk-focus);outline-offset:5px;border-radius:5px}.gh-center-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px}.gh-center-row:before,.gh-center-row:after{content:"";flex:1;height:1px;background:var(--yk-line-1)}.gh-center-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 8px;min-height:48px;color:var(--yk-text-2);text-decoration:none;font-size:16px;text-align:center}.gh-center-link>img{width:36px;height:42px;object-fit:contain}.gh-center-link>svg:last-child{width:18px;height:18px}@container (max-width: 540px){.gh-game-footer{grid-template-columns:1fr;gap:14px;padding:20px}.gh-play{justify-self:stretch}.gh-summary h3{font-size:19px}.gh-summary p{font-size:13px}.gh-card-heading{padding:24px 24px 10px}}@media(max-width:1023px){.gh-games{grid-template-columns:minmax(0,1fr);max-width:680px;margin-inline:auto;gap:24px}.gh-heading{min-height:280px}.gh-card-heading h2{font-size:clamp(30px,6vw,44px)}.gh-card-heading p{font-size:16px}.gh-center-row{max-width:680px;margin-inline:auto}}@media(max-width:479px){.game-hub{--gh-page-gutter: 16px;padding:0 16px 36px}.gh-heading{min-height:240px;margin-bottom:8px}.gh-card-heading{padding:22px 22px 6px}.gh-card-heading p{font-size:14px}.gh-game{border-radius:14px}.gh-game-footer{border-radius:0 0 13px 13px}.gh-summary-icon{width:42px;height:42px}.gh-center-row{gap:12px}.gh-center-link{font-size:14px;gap:10px}}@media(hover:hover)and (pointer:fine){.gh-play:hover:not(:active){transform:translateY(-2px);filter:brightness(1.06)}.gh-center-link:hover{color:var(--yk-text-1)}.gh-card-heading a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}}@media(prefers-reduced-motion:reduce){.gh-play{transition:none}.gh-play:hover:not(:active),.gh-play:active{transform:none}}.gh-board,.gh-paper-stack{transition:transform .38s cubic-bezier(.2,.7,.2,1)}.gh-square img{transform-origin:50% 80%}.gh-square .gh-preview-symbol{opacity:0;transform:translateY(5px) scale(.8);transition:opacity .22s ease,transform .32s cubic-bezier(.2,.7,.2,1)}.gh-perched-tanuki{transform-origin:55% 100%}@keyframes gh-symbol-greeting{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.09)}70%{transform:translateY(1px) scale(.98)}}@keyframes gh-pet-breath{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.018)}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.gh-game--sudoku:hover .gh-board{transform:rotate(-.5deg) translateY(-3px)}.gh-game--sudoku:hover .gh-square img:not(.gh-preview-symbol){animation:gh-symbol-greeting .6s both;animation-delay:var(--gh-pop-delay)}.gh-game--sudoku:hover .gh-preview-symbol{opacity:.8;transform:translateY(0) scale(1);transition-delay:.16s}.gh-game--sudoku:hover .gh-perched-tanuki{animation:gh-pet-breath 2.6s ease-in-out infinite}.gh-game--shadow:hover .gh-paper-stack{transform:rotate(-1.5deg) translateY(-3px)}}@media(prefers-reduced-motion:no-preference){.gh-game--sudoku:has(.gh-play:active) .gh-board{transform:rotate(-1deg) scale(.984);transition-duration:.1s}.gh-game--sudoku:has(.gh-play:active) .gh-square img{animation:none;transform:scale(.94);transition:transform .1s ease}.gh-game--sudoku:has(.gh-play:active) .gh-preview-symbol{opacity:1}.gh-game--shadow:has(.gh-play:active) .gh-paper-stack{transform:rotate(-2deg) scale(.985);transition-duration:.1s}}@media(prefers-reduced-motion:reduce){.gh-board,.gh-paper-stack,.gh-square .gh-preview-symbol{transition:none}}