body[data-route=home]{--ember: #ff8a3c;--gold: #c8a24e;--bone: #f0e4cc;--dim: #a8967a;--soul: #ff7a30;background:#060403;color:var(--bone);font-family:Cormorant Garamond,Hiragino Mincho ProN,Yu Mincho,Georgia,serif;font-size:clamp(17px,1.5vw,21px)}#fh-gl{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.fh-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 46%,transparent 45%,#000b 100%)}body[data-route=home] #app{position:relative;z-index:2;background:none}body[data-route=home] .site-header{position:fixed;top:0;left:0;right:0;z-index:6;border:0;background:linear-gradient(#060403e6,transparent);min-height:76px;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-route=home] .brand{font:600 .82rem/1 Cinzel,serif;letter-spacing:.5em}body[data-route=home] .game-nav a{font:600 .68rem/1 Cinzel,serif;letter-spacing:.32em}body[data-route=home] .header-tools .quiet-button,body[data-route=home] .header-tools select{background:#0008;border-color:#4a3a1c;color:var(--bone);font-family:inherit}body[data-route=home] #site-main{width:100%;max-width:none;padding:0}body[data-route=home] .home-page>div,body[data-route=home] .home-page>aside{padding-inline:clamp(22px,8vw,140px)}.fh-act{min-height:88vh;min-height:88svh;display:flex;align-items:center;position:relative}.fh-hero{min-height:100vh;min-height:100svh}.fh-copy{max-width:min(640px,100%)}.fh-copy.right{margin-left:auto;text-align:right}.fh-mark{font:600 .74rem/1 Cinzel,serif;letter-spacing:.9em;color:var(--ember);margin:0 0 2.4em;text-shadow:0 0 18px #ff6a2066}.fh-copy h1{font:400 clamp(2.3rem,5vw,5rem)/1.1 "Cinzel","Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.04em;margin:0;text-shadow:0 0 60px #000;text-wrap:balance}.fh-copy h2,.fh-why h2{font:400 clamp(1.9rem,4.6vw,4.2rem)/1.08 "Cinzel","Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.05em;margin:0;text-shadow:0 0 50px #000;text-wrap:balance}.fh-copy p:not(.fh-mark){color:var(--dim);line-height:1.85;margin:1.5em 0 0;max-width:34ch;text-shadow:0 0 20px #000}.fh-copy.right p{margin-left:auto}.fh-cta{display:inline-block;margin-top:2.4em;padding:18px 44px;border:1px solid var(--ember);background:#0009;color:var(--bone);text-decoration:none;font:600 .78rem/1 Cinzel,Hiragino Mincho ProN,serif;letter-spacing:.38em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:letter-spacing .4s,box-shadow .4s,background .4s;box-shadow:0 0 24px #ff7a3018}.fh-cta:hover{letter-spacing:.48em;background:#ff7a3022;box-shadow:0 0 50px #ff7a3055;color:var(--bone)}.scroll-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);font:600 .62rem/1 Cinzel,serif;letter-spacing:.5em;color:var(--dim);text-align:center}.scroll-hint:after{content:"";display:block;width:1px;height:40px;margin:12px auto 0;background:linear-gradient(var(--ember),transparent);animation:fh-drip 2.2s ease-in-out infinite}@keyframes fh-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.fh-games{background:linear-gradient(#06040300,#060403cc 14%,#060403e6);padding:4vh clamp(22px,8vw,140px) 10vh;position:relative}.fh-games h2{font:400 clamp(1.5rem,3vw,2.4rem)/1.1 Cinzel,"Hiragino Mincho ProN",serif;letter-spacing:.1em;margin:0 0 1.4em}.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px;max-width:1180px}.gcard{--accent: #ffb45a;display:grid;grid-template-rows:auto 1fr;color:var(--bone);text-decoration:none;background:#0d0907;border:1px solid #3a2a18;overflow:hidden;position:relative;isolation:isolate;transition:border-color .4s,transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.gcard:hover,.gcard:focus-visible{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 18px 50px #000c,0 0 40px color-mix(in srgb,var(--accent) 22%,transparent);color:var(--bone)}.gcard-art{display:block;aspect-ratio:16 / 10;overflow:hidden;background:#120b07;position:relative}.gcard-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.9) brightness(.92)}.gcard:hover .gcard-art img{transform:scale(1.06);filter:saturate(1.05) brightness(1.02)}.gcard-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0d0907 0%,transparent 45%)}.gcard-body{display:grid;gap:10px;padding:18px 22px 22px;align-content:start}.gcard-title{font:400 1.5rem/1.1 Cinzel,Hiragino Mincho ProN,serif;letter-spacing:.12em}.gcard-text{color:var(--dim);line-height:1.7;font-size:.98rem}.gcard-tags{display:flex;gap:8px;flex-wrap:wrap}.gcard-tags span{font:500 .78rem/1 Cormorant Garamond,Hiragino Mincho ProN,serif;padding:6px 10px;border:1px solid #4a3a22;color:#c8b690}.gcard-go{justify-self:start;margin-top:6px;font:600 .72rem/1 Cinzel,Hiragino Mincho ProN,serif;letter-spacing:.34em;color:var(--accent);padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent);transition:letter-spacing .4s}.gcard:hover .gcard-go{letter-spacing:.44em}.fh-more{margin:2.2em 0 0;color:#7d6e58;font-size:.95rem}.fh-why{background:linear-gradient(#06040300,#060403d9 22%,#060403f2);min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding-block:12vh}.fh-points{list-style:none;margin:3em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1100px}.fh-points li{border-top:1px solid #5a4020;padding-top:1.2em;display:grid;gap:.6em;align-content:start}.fh-points strong{font:400 1.25rem/1.2 Cinzel,Hiragino Mincho ProN,serif;letter-spacing:.1em}.fh-points span{color:var(--dim);line-height:1.75}.fh-curtain{position:fixed;inset:0;z-index:9;background:#000;display:grid;place-items:center;font:600 .74rem/1 Cinzel,serif;letter-spacing:.8em;color:#a8967a;transition:opacity 1.6s ease .2s}body.fh-ready .fh-curtain{opacity:0;pointer-events:none}body.fh-leave .fh-curtain{opacity:1;transition:opacity .6s ease;background:radial-gradient(ellipse at 50% 55%,#6a3410,#000 72%);pointer-events:all}.fh-in{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity 1.2s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s}.fh-in.on{opacity:1;transform:none;filter:none}body.fh-ready .fh-hero .fh-in{transition-delay:calc(.35s + var(--i, 0) * .16s)}@media(max-width:760px){.fh-copy.right{text-align:left;margin-left:0}.fh-copy.right p{margin-left:0}.fh-act{align-items:flex-end;padding-bottom:12vh}.fh-hero{align-items:center;padding-bottom:0}.fh-points{grid-template-columns:1fr;gap:20px}.fh-card{grid-template-columns:48px 1fr}.fh-card-go,body[data-route=home] .game-nav{display:none}body[data-route=home] .home-page>div,body[data-route=home] .home-page>aside{padding-inline:22px}}@media(prefers-reduced-motion:reduce){.fh-in{transition:none;opacity:1;transform:none;filter:none}.scroll-hint:after{animation:none}}.ad-slot{display:block;position:relative;margin:36px auto;width:min(100%,970px);min-height:280px;max-height:340px;overflow:hidden;text-align:center}.ad-slot[hidden]{display:none}.ad-slot .ad-label{position:absolute;top:4px;left:50%;transform:translate(-50%);font:500 10px/1 system-ui,sans-serif;letter-spacing:.12em;color:#8a7a62;text-transform:uppercase}.ad-slot ins{margin-top:18px}body[data-route=home] .ad-slot{margin-block:0 8vh}body[data-route=chess-info] .ci-doc{position:relative;max-width:none;margin:0;padding:12vh max(22px,calc((100vw - 880px)/2)) 6vh;background:#0b0907}body[data-route=chess-info] .ci-doc:before{content:"";position:absolute;left:0;right:0;top:-22vh;height:22vh;background:linear-gradient(#0b090700,#0b0907);pointer-events:none}body[data-route=chess-info] .site-footer{position:relative;background:#0b0907}.ci-sec{margin-bottom:9vh}.ci-sec h2{font:400 clamp(1.5rem,3vw,2.3rem)/1.15 Cinzel,"Hiragino Mincho ProN",serif;letter-spacing:.08em;margin:0 0 1.2em;color:var(--ink2, #efe3c8)}.ci-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.ci-features li{border-top:1px solid #5c4724;padding-top:1em;display:grid;gap:.5em}.ci-features strong{font:400 1.2rem/1.2 Cinzel,Hiragino Mincho ProN,serif;letter-spacing:.08em;color:#efe3c8}.ci-features span,.ci-steps li,.ci-faq dd{color:#a8967a;line-height:1.85}.ci-steps{margin:0;padding-left:1.4em;display:grid;gap:.8em}.ci-steps li::marker{color:#c8a24e;font-family:Cinzel,serif}.ci-faq{margin:0}.ci-faq dt{font:500 1.1rem/1.5 Cormorant Garamond,Hiragino Mincho ProN,serif;color:#efe3c8;margin-top:1.4em}.ci-faq dd{margin:.3em 0 0}.ci-final{text-align:center;margin:4vh 0 2vh}@media(max-width:760px){.ci-features{grid-template-columns:1fr}}#games{scroll-margin-top:70px}.gcards:has(.gcard:only-child){grid-template-columns:minmax(0,1fr);max-width:1040px}.gcards:has(.gcard:only-child) .gcard{grid-template-rows:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.gcards:has(.gcard:only-child) .gcard-art{aspect-ratio:auto;min-height:340px}.gcards:has(.gcard:only-child) .gcard-art:after{background:linear-gradient(to right,transparent 55%,#0d0907 100%)}.gcards:has(.gcard:only-child) .gcard-body{padding:34px 38px;align-content:center;gap:14px}.gcards:has(.gcard:only-child) .gcard-title{font-size:clamp(1.8rem,3vw,2.5rem)}.gcards:has(.gcard:only-child) .gcard-text{font-size:1.08rem;max-width:36ch}@media(max-width:760px){.gcards:has(.gcard:only-child) .gcard{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gcards:has(.gcard:only-child) .gcard-art{aspect-ratio:16 / 10;min-height:0}.gcards:has(.gcard:only-child) .gcard-art:after{background:linear-gradient(to top,#0d0907 0%,transparent 45%)}.gcards:has(.gcard:only-child) .gcard-body{padding:18px 22px 22px}body[data-route=home] .fh-hero .fh-copy{background:linear-gradient(90deg,#060403d9 55%,#06040300);margin-inline:-22px;padding-inline:22px}}.gcard-hit{position:absolute;inset:0;z-index:2}.gcard-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:6px}.gcard-more{position:relative;z-index:3;color:var(--dim);font-size:.95rem;text-decoration:none;border-bottom:1px solid #5a4a30;padding-bottom:2px}.gcard-more:hover{color:var(--bone);border-color:var(--accent)}.gcard:focus-within{border-color:var(--accent)}body[data-route=home]{--dim: #b9aa91}body[data-route=home] .fh-copy h1{white-space:pre-line;font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.3;letter-spacing:.03em}.fh-why h2{max-width:20ch;font-size:clamp(1.8rem,3.3vw,3.3rem);line-height:1.45;overflow-wrap:anywhere}.fh-why{min-height:58svh;padding-block:clamp(64px,10vh,120px)}.fh-points{margin-top:42px;gap:clamp(24px,4vw,64px)}.fh-points span{font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:.88rem;line-height:1.95}.fh-points strong{font-size:1.05rem;line-height:1.6}.fh-cta{letter-spacing:.14em;transition:background .25s,border-color .25s}.fh-cta:hover{letter-spacing:.14em;box-shadow:0 0 24px #ff7a3022}.fh-in{filter:none;transform:translateY(18px);transition:opacity .8s ease,transform 1s cubic-bezier(.22,1,.36,1)}body.fh-ready .fh-hero .fh-in{transition-delay:calc(.1s + var(--i, 0) * .1s)}.fh-curtain{transition:opacity .6s ease}.fh-cta:focus-visible,.gcard a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}@media(max-width:760px){.fh-copy h1{max-width:12ch}.fh-points{gap:28px}}@media(prefers-reduced-motion:reduce){.fh-in{transform:none;transition:none}.gcard,.gcard-art img{transition:none}.gcard:hover{transform:none}}body[data-route=home]{--ember: #d8b76f;--gold: #d0b477;--soul: #ecd59a}body[data-route=home] .fh-mark{text-shadow:0 0 18px #d8b76f33}@media(max-width:760px){body[data-route=home] .fh-copy h1{max-width:none;font-size:clamp(1.6rem,7.4vw,2.4rem);word-break:keep-all;overflow-wrap:normal}}
