:root{--cream:#f6f0e4;--cream-deep:#e9dfca;--paper:#fffaf0;--wood:#d5b37b;--wood-light:#e7c993;--ink:#17241f;--ink-soft:#58625d;--red:#b34032;--red-dark:#8f2f25;--line:#6f512e;--focus:#176b5b;--shadow:0 24px 70px #43311a21}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 78% 2%, #dbb67638, transparent 31rem), var(--cream);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page,.play-page{min-height:100vh}.landing-nav,.play-header{border-bottom:1px solid #17241f24;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:88px;margin:0 auto;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:12px;font-family:Georgia,Noto Serif TC,serif;font-size:1.45rem;font-weight:700;display:inline-flex}.wordmark-mark{width:38px;height:38px;color:var(--paper);background:var(--red);border-radius:50%;place-items:center;font-family:Noto Serif TC,PMingLiU,serif;font-size:1.1rem;display:grid;box-shadow:inset 0 0 0 2px #fffaf052}.nav-status,.play-mode{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;width:min(1180px,100% - 48px);min-height:610px;margin:0 auto;padding:80px 0;display:grid}.eyebrow{color:var(--red);letter-spacing:.18em;margin:0 0 18px;font-size:.76rem;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:700px;margin:0;font-family:Georgia,Noto Serif TC,PMingLiU,serif;font-size:clamp(3.5rem,7vw,6.8rem);font-weight:500;line-height:.98}.hero h1 span{color:var(--red);display:block}.hero-lead{margin:36px 0 8px;font-size:clamp(1.08rem,1.8vw,1.35rem)}.hero-english{color:var(--ink-soft);margin:0 0 36px;font-family:Georgia,serif;font-size:.96rem;font-style:italic}.primary-cta,.secondary-button{color:#fff;background:var(--ink);min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:28px;padding:0 24px;font-weight:700;transition:transform .16s,background .16s;display:inline-flex}.primary-cta:hover,.secondary-button:hover{background:var(--red-dark);transform:translateY(-2px)}.hero-object{aspect-ratio:1;place-items:center;display:grid;position:relative}.hero-piece{z-index:2;aspect-ratio:1;width:min(52%,270px);color:var(--red-dark);background:linear-gradient(145deg,#f3dcae,#cfa96c);border:3px solid #6f512ebf;border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-7deg);box-shadow:inset 0 0 0 9px #fff8e673,0 30px 70px #4f351540}.hero-piece:before{content:"";border:1px solid #6f512e80;border-radius:50%;position:absolute;inset:12%}.hero-piece span{font-family:Noto Serif TC,PMingLiU,serif;font-size:clamp(4rem,9vw,7.5rem)}.hero-orbit{border:1px solid #17241f26;border-radius:50%;position:absolute}.hero-orbit-one{inset:5%}.hero-orbit-two{border-style:dashed;inset:19%}.hero-object>p{color:var(--ink-soft);letter-spacing:.25em;font-size:.66rem;position:absolute;bottom:6%}.feature-strip{border-top:1px solid #17241f29;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 48px);margin:0 auto;padding:36px 0 70px;display:grid}.feature-strip article{border-right:1px solid #17241f1f;grid-template-columns:auto 1fr;gap:16px;min-height:96px;padding:0 28px;display:grid;position:relative}.feature-strip article:first-child{padding-left:0}.feature-strip article:last-child{border-right:0}.feature-number{color:var(--red);font-family:Georgia,serif}.feature-strip h2{margin:0 0 6px;font-family:Georgia,Noto Serif TC,serif;font-size:1.15rem}.feature-strip p{color:var(--ink-soft);margin:0;font-size:.86rem}.coming-soon{width:max-content;color:var(--ink-soft);letter-spacing:.08em;border:1px solid #17241f33;border-radius:999px;grid-column:2;margin-top:12px;padding:4px 9px;font-size:.68rem}.play-page{padding-bottom:56px}.game-layout{grid-template-columns:minmax(0,760px) minmax(280px,1fr);align-items:start;gap:clamp(28px,5vw,72px);width:min(1180px,100% - 48px);margin:44px auto 0;display:grid}.game-board-column{min-width:0}.board-outer,.board-loading{background:linear-gradient(145deg, var(--wood-light), var(--wood));width:100%;max-width:720px;box-shadow:var(--shadow);border:1px solid #6f512e57;border-radius:26px;margin:0 auto;padding:clamp(26px,5.3vw,48px)}.board-grid{aspect-ratio:8/9;position:relative}.board-lines{position:absolute;inset:0}.board-line,.palace-line{background:var(--line);opacity:.75;display:block;position:absolute}.horizontal-line{width:100%;height:1px;left:0}.vertical-line{width:1px;height:100%;top:0}.vertical-top{height:44.444%}.vertical-bottom{height:44.444%;top:55.556%}.palace-line{transform-origin:0;width:35.36%;height:1px}.palace-top-a{top:0;left:37.5%;transform:rotate(41.6deg)}.palace-top-b{top:0;left:62.5%;transform:rotate(138.4deg)}.palace-bottom-a{top:77.778%;left:37.5%;transform:rotate(41.6deg)}.palace-bottom-b{top:77.778%;left:62.5%;transform:rotate(138.4deg)}.river-label{color:#4e3418d1;letter-spacing:.32em;font-family:Noto Serif TC,PMingLiU,serif;font-size:clamp(.8rem,3.2vw,1.5rem);position:absolute;top:50%;transform:translateY(-50%)}.river-left{left:13%}.river-right{right:10%}.board-square{z-index:2;aspect-ratio:1;cursor:default;background:0 0;border:0;border-radius:50%;width:10.6%;padding:0;position:absolute;transform:translate(-50%,-50%)}.board-square.own-piece,.board-square.legal-target{cursor:pointer}.board-square.piece{color:#242b27;background:linear-gradient(145deg,#f6dfad,#d0a869);border:2px solid #5d4528;place-items:center;font-family:Noto Serif TC,PMingLiU,serif;font-size:clamp(1rem,4vw,2rem);font-weight:700;display:grid;box-shadow:inset 0 0 0 3px #fff7de80,0 4px 8px #412b1233}.board-square.piece:before{content:"";opacity:.45;border:1px solid;border-radius:50%;position:absolute;inset:10%}.board-square.red{color:var(--red-dark);border-color:var(--red-dark)}.board-square.last-from:after,.board-square.last-to:after,.board-square.selected-square:after,.board-square.legal-target:after{content:"";pointer-events:none;position:absolute}.board-square.last-from:after,.board-square.last-to:after{border:2px solid #17241f7a;border-radius:50%;inset:-8%}.board-square.selected-square{box-shadow:inset 0 0 0 3px #fff7de9e,0 0 0 5px #176b5bd9,0 6px 14px #412b1242}.board-square.legal-target:after{aspect-ratio:1;background:var(--focus);border-radius:50%;width:28%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #176b5b2e}.board-square.legal-target.piece:after{aspect-ratio:auto;border:4px solid var(--focus);width:auto;box-shadow:none;background:0 0;inset:-12%;transform:none}.board-square:disabled{cursor:wait;opacity:.84}.board-loading{aspect-ratio:8/9;color:var(--ink-soft);text-align:center;place-items:center;display:grid}.board-help{max-width:720px;color:var(--ink-soft);text-align:center;margin:18px auto 0;font-size:.83rem;line-height:1.55}.game-panel{padding:12px 0;position:sticky;top:32px}.game-panel h1{letter-spacing:-.05em;margin:0 0 30px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:500;line-height:1.05}.turn-card{background:#fffaf09e;border:1px solid #17241f24;border-radius:18px;align-items:center;gap:15px;min-height:86px;padding:18px 20px;display:flex}.black-turn{background:#17241f0f}.turn-dot{border-radius:50%;width:14px;height:14px}.red-dot{background:var(--red);box-shadow:0 0 0 5px #b340321f}.black-dot{background:var(--ink);box-shadow:0 0 0 5px #17241f1a}.turn-card span,.turn-card strong{display:block}.check-badge{background:#b3403214;border:1px solid #b340324d;border-radius:999px;margin-left:auto;padding:6px 10px;font-weight:800;color:var(--red-dark)!important}.error-banner{color:#742b22;background:#ffede6b8;border:1px solid #b3403242;border-radius:14px;margin-top:16px;padding:16px 18px}.error-banner strong,.error-banner p{margin:0;display:block}.error-banner p{margin-top:5px;font-size:.82rem;line-height:1.5}.text-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:10px;padding:0;font-size:.8rem;font-weight:800}.game-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.game-actions .secondary-button,.outline-button{gap:0;width:100%;min-height:46px}.outline-button{color:var(--ink);font:inherit;cursor:pointer;background:#fffaf073;border:1px solid #17241f42;border-radius:999px;font-weight:700}.game-actions button:disabled{opacity:.42;cursor:not-allowed;transform:none}.recent-move,.move-history{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{letter-spacing:.06em;margin:0;font-size:.9rem}.section-heading>span{color:var(--ink-soft);font-size:.72rem}.recent-card{background:var(--ink);color:var(--paper);border-radius:14px;grid-template-columns:1fr auto;gap:3px 12px;padding:14px 16px;display:grid}.recent-card>span,.recent-card>small{color:#fffaf0ab;font-size:.7rem}.recent-card strong{color:#ffd7c9;grid-area:1/2/span 2;align-self:center;font-family:Noto Serif TC,serif;font-size:1.25rem}.move-history ol{border-top:1px solid #17241f24;max-height:270px;margin:0;padding:0;list-style:none;overflow-y:auto}.move-history li{border-bottom:1px solid #17241f1a;grid-template-columns:28px 38px 1fr auto;align-items:center;gap:8px;min-height:46px;font-size:.8rem;display:grid}.move-history li small,.ply-number{color:var(--ink-soft);font-size:.68rem}.history-side{font-size:.7rem;font-weight:800}.history-side.red{color:var(--red)}.empty-state{color:var(--ink-soft);border-top:1px solid #17241f1f;border-bottom:1px solid #17241f1f;margin:0;padding:14px 0;font-size:.78rem;line-height:1.5}.syncing-label{font-weight:800;color:var(--focus)!important}.turn-card span{color:var(--ink-soft);font-size:.78rem}.turn-card strong{margin-top:2px;font-size:1.25rem}.prototype-note{color:var(--ink-soft);margin-top:24px;font-size:.82rem;line-height:1.65}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:18px;padding-top:58px}.hero-object{width:min(100%,430px);margin:0 auto}.feature-strip{grid-template-columns:1fr}.feature-strip article,.feature-strip article:first-child{border-bottom:1px solid #17241f1f;border-right:0;padding:22px 0}.game-layout{grid-template-columns:1fr}.game-panel{position:static}}@media (max-width:520px){.landing-nav,.play-header,.hero,.feature-strip,.game-layout{width:min(100% - 28px,1180px)}.landing-nav,.play-header{min-height:72px}.nav-status,.play-mode{text-align:right;max-width:145px;line-height:1.4}.hero{min-height:auto;padding:48px 0}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.board-outer,.board-loading{border-radius:18px;padding:25px 23px}.game-layout{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}