:root{--ink:#17130f;--paper:#f3efe5;--red:#c84b31;--gold:#d6a85f;--muted:#796f62;--line:#d8d0c1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}body{overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:serif;font-size:22px;font-weight:700;letter-spacing:.15em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:18px}.shell{max-width:1400px;margin:auto;padding:clamp(42px,7vw,100px) clamp(24px,5vw,76px)}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--red);font-size:12px;font-weight:800}.welcome{max-width:870px}.welcome h1{font-family:STSong,SimSun,serif;font-size:clamp(58px,9vw,126px);line-height:.95;margin:24px 0;font-weight:500;letter-spacing:-.05em}.welcome h1 em{color:var(--red);font-style:normal}.welcome>p{color:var(--muted);font-size:18px;line-height:1.8;max-width:590px}.join-card{margin-top:50px;max-width:650px;padding-top:18px;border-top:1px solid var(--ink)}label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.input-row,.friend-invite>div{display:flex;gap:10px}input{border:1px solid var(--line);background:#faf7ef;border-radius:2px;padding:16px 18px;font:inherit;min-width:0;outline:none}input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c84b3118}.input-row input{flex:1}.input-row button,.primary-btn,.invite-panel button,.friend-invite button{border:0;background:var(--ink);color:white;padding:0 25px;font-weight:700;cursor:pointer}.user-chip{background:#e7dfd0;padding:10px 16px;border-radius:999px;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.game-copy h2{font:500 clamp(36px,5vw,68px)/1.1 STSong,SimSun,serif;margin:12px 0}.ghost-btn,.text-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:5px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.mode-card{position:relative;min-height:270px;border:0;background:#f8f4eb;text-align:left;padding:30px;display:flex;flex-direction:column;cursor:pointer;transition:.25s}.mode-card:hover{background:white;transform:translateY(-5px);box-shadow:0 16px 40px #382b1915;z-index:1}.mode-card.featured{background:var(--ink);color:white}.mode-no{font:14px monospace;color:var(--red)}.mode-card strong{font:500 34px STSong,SimSun,serif;margin-top:auto}.mode-card small{color:var(--muted);margin-top:10px}.mode-card.featured small{color:#afa79b}.mode-card i{position:absolute;right:28px;bottom:26px;font-size:28px;font-style:normal}.invite-panel{display:flex;gap:10px;max-width:500px;margin-top:30px}.invite-panel input{flex:1;text-transform:uppercase;letter-spacing:.3em}.incoming{margin-top:20px;padding:18px;background:#e7dfd0}.game{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(420px,1fr);gap:clamp(30px,6vw,90px);align-items:center}.game-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.game-copy>p{color:var(--muted);line-height:1.7}.room-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:22px 0;display:flex;align-items:center;gap:16px}.room-info span{color:var(--muted);font-size:13px}.room-info strong{font:26px monospace;letter-spacing:.2em}.room-info button{margin-left:auto;border:0;background:none;cursor:pointer;color:var(--red)}.friend-invite{margin-top:12px}.friend-invite input{width:100%;text-transform:uppercase}.primary-btn{padding:15px 22px;margin-top:24px}.board-wrap{position:relative;width:min(100%,720px);aspect-ratio:1;background:#d5a65d;box-shadow:0 24px 70px #34230f28}.board-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.board-overlay{position:absolute;inset:0;background:#17130fdb;color:white;display:grid;place-content:center;text-align:center;gap:10px;backdrop-filter:blur(3px)}.board-overlay strong{font:500 48px STSong,SimSun,serif}.board-overlay span{color:#d8d0c1}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 20px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:170px}.game{grid-template-columns:1fr}.game-copy{order:2}.board-wrap{order:1}.shell{padding-top:36px}.welcome h1{font-size:58px}}@media(max-width:520px){.topbar{height:66px}.shell{padding-inline:16px}.welcome h1{font-size:48px}.input-row{flex-direction:column}.input-row button{padding:16px}.section-head{align-items:start;flex-direction:column}.board-wrap{width:calc(100vw - 32px)}}