:root{--ink:#2d2017;--ink-soft:#645240;--paper:#f8efdd;--paper-deep:#e3cfac;--panel:rgba(255,248,233,0.86);--line:rgba(106,71,42,0.2);--accent:#9c471d;--accent-strong:#6e2f12;--accent-soft:#be7c43;--shadow:0 18px 34px rgba(63,39,21,0.14)}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}.game-body{min-height:100vh;color:var(--ink);font-family:STKaiti,KaiTi,SimSun,serif;background:var(--site-bg-image) left top/704px auto repeat;position:relative;overflow-x:hidden}.game-body:before{background:var(--site-bg-image) var(--site-bg-jitter-pos-1) /var(--site-bg-jitter-size-1) repeat;opacity:var(--site-bg-jitter-opacity-1)}.game-body:after,.game-body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.game-body:after{background:var(--site-bg-image) var(--site-bg-jitter-pos-2) /var(--site-bg-jitter-size-2) repeat;opacity:var(--site-bg-jitter-opacity-2)}.game-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2.4rem;position:relative;z-index:1}.game-shell .home-top{position:relative;top:0;z-index:3;justify-content:space-between;gap:.9rem;padding:.75rem 1rem;border-radius:18px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.brand,.game-shell .home-top{display:flex;align-items:center}.brand{gap:.7rem}.brand-logo{width:64px;height:64px;border-radius:12px;border:0;object-fit:contain;background:transparent}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:clamp(1.35rem,2.1vw,1.7rem);letter-spacing:.05em}.brand-text small{margin-top:.1rem;letter-spacing:.2em;color:var(--ink-soft);font-size:.76rem}.top-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.top-links a{border-radius:999px;border:1px solid rgba(123,78,44,.2);color:#fff8ec;background:linear-gradient(120deg,var(--accent-strong) 0,var(--accent) 100%);padding:.38rem .84rem;box-shadow:0 8px 15px rgba(111,52,21,.22);transition:transform .24s ease,filter .24s ease,box-shadow .24s ease}.top-links a:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 11px 18px rgba(111,52,21,.3)}.top-links .is-active{border-color:rgba(255,229,197,.28);background:linear-gradient(120deg,#6a2a10,#8d3714);box-shadow:0 10px 18px rgba(96,40,15,.28)}.game-hero{margin-top:1.2rem;min-height:320px;border-radius:34px;padding:clamp(1.4rem,3.6vw,2.7rem);display:flex;align-items:center;color:#fbf2e7;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 16% 22%,rgba(227,138,72,.24) 0,transparent 34%),radial-gradient(circle at 84% 24%,rgba(255,224,182,.14) 0,transparent 30%),radial-gradient(circle at 82% 84%,rgba(138,72,38,.24) 0,transparent 38%),linear-gradient(120deg,rgba(63,30,16,.98),rgba(122,62,30,.95) 50%,rgba(69,34,20,.98));box-shadow:var(--shadow);animation:rise-in .75s ease both}.game-hero:before{background:linear-gradient(90deg,rgba(38,19,10,.58),rgba(45,22,12,.42) 42%,rgba(45,22,12,.14) 72%,rgba(45,22,12,.04)),linear-gradient(180deg,rgba(255,236,209,.08),rgba(255,236,209,0) 44%)}.game-hero:after,.game-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.game-hero:after{border:1px solid rgba(255,229,197,.28);border-radius:34px;box-shadow:inset 0 1px 0 rgba(255,245,230,.18),inset 0 -28px 60px rgba(22,10,5,.12)}.game-hero-copy{position:relative;z-index:1;max-width:560px;display:flex;flex-direction:column;gap:.12rem;justify-content:center;min-height:100%}.kicker{font-size:.84rem;font-weight:600;letter-spacing:.2em;color:rgba(255,235,209,.82);text-shadow:0 2px 8px rgba(29,14,7,.38)}.game-hero h1{margin-top:.38rem;margin-bottom:.72rem;font-family:var(--font-display);font-size:clamp(2.35rem,4.5vw,3.6rem);font-weight:700;line-height:1.04;letter-spacing:.07em;-webkit-text-stroke:.45px rgba(255,241,221,.48);text-shadow:0 10px 28px rgba(32,16,9,.32),0 2px 0 rgba(255,235,208,.08)}.hero-lead{max-width:19em;font-size:clamp(1.12rem,2vw,1.52rem);line-height:1.64;white-space:normal;text-wrap:wrap;color:rgba(249,238,223,.96);text-shadow:0 2px 8px rgba(26,12,6,.28)}.game-gallery{margin-top:1.15rem;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,249,239,.9),rgba(255,245,227,.76));box-shadow:var(--shadow);padding:1.05rem;animation:rise-in .82s ease both}.gallery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.gallery-kicker{font-size:.82rem;letter-spacing:.16em;color:var(--ink-soft)}.gallery-head h2{margin-top:.2rem;font-size:clamp(1.72rem,3vw,2.2rem);color:var(--accent-strong)}.game-grid{margin-top:.95rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.game-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:.62rem;min-height:286px;padding:1rem;border-radius:22px;border:1px solid rgba(136,94,61,.18);background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(247,235,214,.95));box-shadow:0 14px 28px rgba(82,48,24,.1);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;transform:translateY(18px);opacity:0;animation:rise-in .7s ease forwards}.game-card:before{content:attr(data-glyph);position:absolute;top:.72rem;right:.88rem;font-size:5.6rem;line-height:1;font-weight:700;color:rgba(125,86,53,.11);pointer-events:none;z-index:-1}.game-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.52) 0,transparent 36%),linear-gradient(180deg,rgba(255,243,225,.32),transparent 55%);z-index:-2}.game-card:first-child{animation-delay:.1s}.game-card:nth-child(2){animation-delay:.18s}.game-card:nth-child(3){animation-delay:.26s}.game-card:nth-child(4){animation-delay:.34s}.game-card:nth-child(5){animation-delay:.42s}.card-top{justify-content:flex-end}.card-bottom,.card-top{display:flex;align-items:center;gap:.75rem}.card-bottom{justify-content:space-between}.card-index{font-size:.82rem;letter-spacing:.18em;color:rgba(86,61,43,.55)}.card-accent{font-size:.9rem;letter-spacing:.08em;color:#84512f}.game-card h2{font-size:clamp(1.84rem,2.9vw,2.16rem);line-height:1.04}.game-card p{max-width:26ch;line-height:1.72;color:#4c3829}.game-card>p{flex:1 1 auto}.card-origin{margin-top:.08rem;min-height:76px;border-radius:14px;border:1px solid rgba(146,101,62,.14);background:rgba(188,132,78,.08);padding:.68rem .78rem;display:flex;flex-direction:column;justify-content:flex-start}.origin-label{display:block;font-size:.78rem;letter-spacing:.14em;color:rgba(107,67,35,.76)}.card-origin p{margin-top:.18rem;max-width:none;font-size:.93rem;line-height:1.6;color:#5b4737}.card-bottom{margin-top:auto;padding-top:.72rem;border-top:1px dashed rgba(141,97,61,.18)}.card-action{color:var(--accent);font-weight:700}.card-action:after{content:" →"}.card-hint{font-size:.84rem;color:rgba(88,64,46,.72)}.game-card:hover{transform:translateY(-6px);border-color:rgba(129,89,58,.3);box-shadow:0 18px 34px rgba(98,58,29,.18)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1040px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.gallery-head,.game-shell .home-top{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.game-shell{width:calc(100% - 1rem);padding-top:.7rem}.game-shell .home-top{padding:.8rem .85rem;gap:.8rem}.brand{width:100%}.brand,.brand-text{min-width:0}.brand-text strong{font-size:1.18rem;line-height:1.1}.brand-text small{font-size:.66rem;letter-spacing:.12em;line-height:1.25}.top-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.45rem}.top-links a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:2.7rem;text-align:center;white-space:nowrap;font-size:.88rem;letter-spacing:.01em;padding:.42rem .32rem}.brand-logo{width:56px;height:56px}.game-hero{border-radius:24px;padding:1rem}.game-gallery{padding:.9rem;border-radius:20px}.game-grid{grid-template-columns:1fr}.game-card{min-height:252px;padding:.92rem}.game-card:before{top:.86rem;right:.72rem;font-size:4.7rem}.game-card h2{font-size:1.64rem}.game-card p{max-width:none}.card-origin{min-height:auto}}@media (max-width:420px){.brand-text strong{font-size:1.08rem}.brand-text small{font-size:.6rem;letter-spacing:.08em}.top-links{gap:.28rem}.top-links a{font-size:.8rem;padding:.4rem .1rem}.card-bottom{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.game-card,.game-gallery,.game-hero{animation:none}.game-card,.top-links a{transition:none}}