*{box-sizing:border-box}body{margin:0;background:#f4f5f0;color:#1b3430;font:18px/1.75 system-ui,"PingFang TC",sans-serif}a{color:inherit;text-underline-offset:5px}header,footer{padding:22px 5vw;border-bottom:1px solid #1b343025;display:flex;justify-content:space-between;gap:20px;font-size:14px}main{max-width:1250px;margin:auto;padding:50px 5vw}h1{font-size:clamp(38px,5vw,65px);line-height:1.15;letter-spacing:-.04em;margin:20px 0}h2{font-size:30px;line-height:1.3}h3{line-height:1.4}p{max-width:850px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#39745b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0}.card{padding:24px;border:1px solid #1b343025;border-radius:22px;background:white;display:flex;flex-direction:column;gap:10px}.card h2{font-size:27px;margin:8px 0}.card p{font-size:16px;color:#526761;margin:0 0 10px}.card .num{font:12px monospace;color:#39745b}.visual{height:160px;display:grid;place-content:center;font-size:70px;border-radius:14px;background:#e4f0df;perspective:700px}.visual.game{background:#1c2847;color:#c2f18d;letter-spacing:15px}.visual.room{background:#efe2d4;color:#d16f40}.button{background:#204c3a;color:white;border-radius:11px;padding:10px 16px;text-decoration:none;display:inline-block;font-size:15px}.sub{font-size:14px;color:#526761}.download-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.download-row a{font-size:13px;padding:7px 10px;background:#edf3ed;border-radius:8px}.actions{display:flex;gap:10px;flex-wrap:wrap}.callout{padding:24px;background:#e2ecd9;border-radius:18px;margin:35px 0}.section{margin:50px 0;padding-top:25px;border-top:1px solid #1b343025}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:15px;min-width:650px}th,td{border:1px solid #1b343025;text-align:left;vertical-align:top;padding:14px}th{background:#e3eddf}pre{background:#19332e;color:#e6f2df;padding:22px;border-radius:16px;overflow:auto;font:14px/1.7 ui-monospace,monospace}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two>div{min-width:0}code{overflow-wrap:anywhere}.steps li{margin-bottom:14px}details{padding:12px 0}a:focus-visible{outline:3px solid #cf7545;outline-offset:4px}footer{border-top:1px solid #1b343025;border-bottom:0}.flow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:25px 0}.flow span{background:white;border:1px solid #1b343025;border-radius:15px;padding:12px 18px}@media(max-width:850px){.grid,.two{grid-template-columns:1fr}main{padding-top:30px}.visual{height:130px}header,footer{flex-wrap:wrap}.card{padding:22px}}