:root{--bg:#FAFAF8;--tint:#F1F2EA;--warm:#FDF6EC;--ink:#25251F;--ink2:#55544A;--ink3:#8B8A7E;--line:#E5E4DC;--line2:#D8D7CC;--brand:#CC451C;--brand2:#E8531F;--yel:#FFD43B;--yel-soft:#FFF6D9;--green:#3E7C4F;--green-soft:#EAF2EA;--blue:#2B6CB0;--blue-soft:#EAF1F8;--r-s:8px;--r:14px;--r-l:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:900px;margin:0 auto;padding:0 24px}.hero{padding:132px 0 40px;text-align:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 55% at 50% 0%,rgba(255,212,59,.18),transparent)}.cat{font-size:12px;letter-spacing:3px;color:var(--brand);font-weight:800;margin-bottom:12px}h1{font-size:clamp(30px,5.4vw,46px);font-weight:800;letter-spacing:1px;position:relative;line-height:1.3}h1 small{display:block;font-size:15px;font-weight:500;color:var(--ink2);margin-top:8px;letter-spacing:0}.who{margin-top:18px;display:inline-flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 22px;font-size:13.5px;color:var(--ink2);position:relative;box-shadow:0 2px 8px #25251f0d}.who b{color:var(--brand)}.desc{max-width:600px;margin:18px auto 0;font-size:15px;color:var(--ink2);position:relative}.game-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 18px 50px #25251f1a}.game-flex{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:22px}@media(max-width:820px){.game-flex{grid-template-columns:1fr}}#gameBox{width:100%;max-width:430px;margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #25251f2e}canvas{display:block;width:100%;height:auto;touch-action:none}.game-info{display:flex;flex-direction:column;gap:12px;min-width:0}.gi-card{background:var(--warm);border:1px solid var(--line);border-radius:13px;padding:15px 19px}.gi-card h4{font-size:13.5px;color:var(--brand);margin-bottom:7px;font-weight:800}.gi-card p{font-size:13px;color:var(--ink2);line-height:1.75}.sl{display:flex;justify-content:space-between;font-size:13.5px;padding:3px 0;border-bottom:1px dashed var(--line2)}.sl:last-child{border-bottom:none}.sl b{color:var(--ink)}.ctrl{display:flex;gap:10px;flex-wrap:wrap}.ctrl span{background:#fff;border:1px solid var(--line2);border-radius:8px;padding:4px 13px;font-size:12.5px;color:var(--ink2)}.ctrl b{color:var(--ink)}.play-again{display:block;width:100%;margin-top:12px;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s}.play-again:hover{background:var(--brand2)}.play-again:active{transform:scale(.98)}.mute{margin-top:8px;width:100%;background:#fff;border:1px solid var(--line2);color:var(--ink2);border-radius:10px;padding:7px;font-size:12.5px;cursor:pointer;font-family:inherit}section.blk{padding:64px 0}section.blk.tint{background:var(--tint)}.sec-head{margin-bottom:32px}.sec-head .eyebrow{font-size:11.5px;letter-spacing:3px;color:var(--brand);font-weight:800;margin-bottom:8px}.sec-head h2{font-size:clamp(21px,3.4vw,28px);font-weight:800}.sec-head p{color:var(--ink2);font-size:14px;margin-top:8px}.tl{position:relative}.tl:before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--yel),var(--brand) 90%,transparent)}.sess{position:relative;padding:0 0 30px 54px}.sess:before{content:attr(data-n);position:absolute;left:0;top:0;width:32px;height:32px;background:#fff;border:2px solid var(--brand);color:var(--brand);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.sess .date{font-size:11.5px;color:var(--ink3);letter-spacing:1px}.sess h3{font-size:16.5px;margin:2px 0 9px}.quote{background:var(--yel-soft);border-left:4px solid var(--yel);border-radius:0 12px 12px 0;padding:11px 17px;font-size:13.5px;color:var(--ink2);margin-bottom:10px}.quote b{color:var(--ink)}.sess .body{font-size:13.5px;color:var(--ink2)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tags span{font-size:11px;background:var(--blue-soft);color:var(--blue);border-radius:6px;padding:2px 9px;border:1px solid #C9D9EC;font-weight:600}.grow{margin-top:9px;font-size:12.5px;background:var(--green-soft);border:1px solid #C5DBC8;border-radius:9px;padding:8px 14px;color:var(--green);font-weight:600}.hex-wrap{display:grid;grid-template-columns:minmax(0,350px) 1fr;gap:30px;align-items:center}@media(max-width:760px){.hex-wrap{grid-template-columns:1fr}}.hex-legend{display:grid;gap:9px}.hex-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 17px;cursor:pointer;transition:.16s}.hex-item:hover,.hex-item.on{border-color:var(--ink);box-shadow:0 4px 14px #25251f0f}.hex-item b{display:block;font-size:14.5px}.hex-item span{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.hl-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.2s}.hl-card:hover{box-shadow:0 10px 26px #25251f12}.hl-card .n{font-size:11px;color:var(--brand);font-weight:800;letter-spacing:1px}.hl-card h4{font-size:15.5px;margin:4px 0 7px}.hl-card p{font-size:13px;color:var(--ink2)}.hl-card .v{margin-top:10px;font-size:12px;background:var(--yel-soft);border:1px solid #F0DE9A;border-radius:8px;padding:6px 12px;color:var(--ink2)}.hl-card .v b{color:var(--ink)}.next-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}@media(max-width:640px){.next-nav{grid-template-columns:1fr}}.nn{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:.2s}.nn:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 22px #25251f12}.nn .em{font-size:30px}.nn small{display:block;font-size:11px;color:var(--ink3)}.nn b{font-size:15px}.cta-strip{margin-top:44px;background:var(--ink);border-radius:20px;padding:32px;text-align:center;color:#fafaf8}.cta-strip h3{font-size:19px;color:#fafaf8}.cta-strip p{font-size:13.5px;color:#fafaf8b3;margin:8px 0 18px}.cta-strip a{display:inline-block;background:var(--brand);color:#fff;padding:12px 26px;border-radius:10px;font-weight:700;transition:.2s}.cta-strip a:hover{background:var(--brand2);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}