:root{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;color:#e0d4b8;background:#101e20;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,#06141688,#0c191b32 50%,#07131577),url(./image-7b1fe674-3488-4bf5-98c9-3b1228b05066-CVN8Vvh-.png) center/cover fixed}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #f4d08a;outline-offset:3px}button:disabled{cursor:default}.room{position:relative;z-index:1;max-width:1160px;margin:auto;padding:27px 42px 20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c0a16a55;padding-bottom:20px;margin-bottom:23px}.brand{display:flex;gap:18px;align-items:center}.stamp{background:#8a342b;color:#e9c9a3;padding:8px 6px;line-height:1.3;font-size:17px;border:1px solid #b76b4e;outline:1px solid #7e302a;outline-offset:3px;transform:rotate(-4deg);box-shadow:0 3px 12px #0006}h1{font-family:STKaiti,Kaiti SC,KaiTi,Songti SC,serif;font-size:46px;letter-spacing:10px;font-weight:500;margin:0;color:#f2e1b7;text-shadow:0 3px 15px #0009}header p{margin:8px 0 0;color:#b4b6a3;letter-spacing:6px;font-size:12px}.edition{text-align:right;font-size:14px;letter-spacing:3px;color:#d4bc8c}.edition span{display:block;font-size:11px;color:#a6b3a8;margin-top:8px;letter-spacing:2px}#ambience{margin-top:12px;padding:5px 10px;border:1px solid #b49b6555;background:#10242699;color:#c3c5aa;font-size:11px;letter-spacing:2px}#ambience[aria-pressed=true]{color:#f0cf92;border-color:#b99864}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:38px;align-items:center}.board-section{min-width:0}.table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#d2b883;letter-spacing:3px;font-size:12px;text-shadow:0 2px 8px #000}.table-heading>span:nth-child(2){color:#abb8ac;font-size:11px;letter-spacing:2px}.table-seal{border:1px solid #a97556;padding:2px 4px;color:#d4aa7c}.board-frame{position:relative;padding:18px;border:1px solid #a77e49;background:repeating-linear-gradient(3deg,#2c211a00 0,#2c211a00 3px,#b68b4922 4px,#21191300 6px),linear-gradient(125deg,#59402a,#271d18 40%,#60462b 75%,#241d18);border-radius:3px;box-shadow:inset 0 0 0 4px #271d16,inset 0 0 0 5px #98713d,0 9px #201913,0 10px 0 1px #80603c,0 25px 45px #0009;isolation:isolate}.board-inlay{padding:17px;background:linear-gradient(135deg,#e6bd6d20,#41240d18),url(./image-e96de503-a60c-4820-b768-a5a9635268e6-D-B9-YBY.png) center/cover,#b99157;box-shadow:inset 0 0 18px #4829106b,0 0 0 1px #130e0b,0 0 0 3px #bb935447}.corner{position:absolute;width:27px;height:27px;border:3px double #c1a16a;z-index:3;pointer-events:none;background:linear-gradient(135deg,#d1b57c44,#79552c11)}.tl{top:5px;left:5px;border-right:0;border-bottom:0}.tr{top:5px;right:5px;border-left:0;border-bottom:0}.bl{bottom:5px;left:5px;border-right:0;border-top:0}.br{bottom:5px;right:5px;border-left:0;border-top:0}.board{position:relative;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));aspect-ratio:1}.grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;fill:#3d2b1b;stroke:#493321;stroke-width:.18;overflow:visible}.grid text{font:2px serif;stroke:none;fill:#503820}.cell{position:relative;aspect-ratio:1;border:0;padding:0;background:transparent;min-width:0;z-index:1;border-radius:50%}.cell:not(:disabled):not(.stone):hover{background:#fae4a955;box-shadow:inset 0 0 0 1px #683b27}.cell.stone:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;box-shadow:2px 4px 4px #21170ca6,inset 0 -2px 3px #0003;animation:place .22s ease-out}.black:before,.black-token{background:radial-gradient(ellipse at 31% 23%,#7d8581,#3a4341 20%,#172020 48%,#080e0f 85%);border:1px solid #070d0c}.white:before,.white-token{background:radial-gradient(ellipse at 31% 23%,#ffffef,#f2edda 42%,#d2c9ad 75%,#948b70);border:1px solid #d2c5a6}.last:after{content:"";position:absolute;top:39%;right:39%;bottom:39%;left:39%;border:1.5px solid #c6573d;box-shadow:0 0 3px #ffb26955}.seal:before{content:"封";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:1px solid #842e22;outline:1px solid #842e2255;outline-offset:2px;transform:rotate(-8deg);color:#842e22;display:grid;place-items:center;font:clamp(9px,1.1vw,15px)/1 "STKaiti","Kaiti SC",serif}.seal:after{content:"";position:absolute;right:4%;top:5%;width:17%;height:17%;border-radius:50%;background:#192320;border:1px solid #772b1e}.seal-2:after{background:#fff1d2}.sealing .cell:not(.stone):hover{background:#aa382340;cursor:crosshair}.board[data-phase=dice]{filter:drop-shadow(0 0 8px #ffce7155)}.players{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding:0 5px;font-size:15px}.players>span{display:grid;grid-template-columns:28px auto;column-gap:9px;align-items:center;color:#a3afa3;transition:color .25s}.players small{grid-column:2;font-size:10px;letter-spacing:2px;margin-top:4px;color:#8e9e93}.players>span.active{color:#f2d59a}.players>span.active small{color:#c0ae83}.players b{font-weight:400;letter-spacing:6px;font-size:11px;color:#b39b70}.stone-token{display:inline-block;width:25px;height:25px;border-radius:50%;grid-row:span 2;box-shadow:1px 3px 6px #0008}.players .active .stone-token{outline:1px solid #b79858;outline-offset:4px}.board-caption{display:flex;justify-content:space-between;margin:19px 0 0;font-size:10px;color:#a4b4a8;letter-spacing:1px}.panel{position:relative;padding:24px 25px 20px;background:linear-gradient(135deg,#192b2bef,#0c191bec);border:1px solid #9b825780;outline:1px solid #8f784c30;outline-offset:5px;box-shadow:0 20px 45px #0005,inset 0 0 40px #0003;text-align:center}.panel:before,.panel:after{content:"";position:absolute;left:calc(50% - 25px);width:50px;height:3px;background:#a58a56}.panel:before{top:-2px}.panel:after{bottom:-2px}.eyebrow{font-size:11px;color:#b5a27d;letter-spacing:4px;margin:0 0 15px}.panel-emblem{font-family:STKaiti,Kaiti SC,serif;font-size:28px;color:#c9af79;margin:0 auto 13px;display:grid;place-items:center;width:47px;height:47px;border:1px solid #8b794f;border-radius:50%;box-shadow:0 0 0 4px #ae955413}h2{font-weight:500;font-size:25px;margin:0 0 12px;color:#f0dfb9}.muted{font-size:12px;color:#9cae9f;margin:0}.reserves{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #a98b4e40;margin:20px 0 18px;padding-top:17px;font-size:12px;color:#b4bfae}.reserves strong{font-weight:400;letter-spacing:3px;color:#c4a16b;white-space:nowrap}button.primary{background:linear-gradient(110deg,#873d2d,#662a23);color:#f3ddbb;border:1px solid #bd7950;box-shadow:inset 0 0 0 3px #67291f,min(1px,1vw) 3px 8px #0004;min-height:47px;width:100%;letter-spacing:4px;transition:filter .2s}button.primary:hover:not(:disabled){filter:brightness(1.2)}button.primary[aria-pressed=true]{background:#a45a36}button.primary:disabled{background:#36413a;border-color:#5c6552;box-shadow:none;color:#9aa591}.dice{min-height:47px;display:flex;justify-content:center;align-items:center;gap:12px;color:#c6ab77;font-size:12px}.dice b{font-family:serif;font-size:32px;font-weight:400;vertical-align:middle;color:#efdfbb}.dice i{font-style:normal}.result{font-size:11px;color:#9aa997;margin:0 0 19px}.story{border-top:1px solid #a98b4e40;padding-top:18px;text-align:left}.story h3{font-size:12px;color:#c7ad79;font-weight:400;letter-spacing:3px;margin:0 0 12px}.story h3 span{display:inline-block;padding:3px;border:1px solid #88553c;color:#c58e62;font-size:11px;letter-spacing:0;margin-right:5px}.story p{font-size:16px;line-height:1.95;min-height:94px;margin:0 0 18px;color:#d3d2b8}.actions{display:flex;gap:12px}.actions button{flex:1;border:1px solid #95825a77;background:#b9a06c0c;padding:10px 3px;font-size:13px;color:#cbbb97}.actions button:hover{background:#b9a06c22}.actions button:disabled{opacity:.5}.motto{font-size:10px;color:#85998b;margin:19px 0 0;letter-spacing:1px}footer{display:flex;justify-content:space-between;border-top:1px solid #b99b5a40;padding-top:15px;margin-top:27px;font-size:11px;color:#a9b7a6;letter-spacing:2px}dialog{background:linear-gradient(140deg,#23322d,#111f20);color:#d6d7be;border:1px solid #ae935e;max-width:460px;width:calc(100% - 36px);padding:30px;box-shadow:0 15px 80px #0009}dialog::backdrop{background:#040f11bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog p{line-height:1.9;font-size:16px}dialog h2{letter-spacing:4px}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.rain{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:repeating-linear-gradient(105deg,transparent 0 90px,#d8f0e712 91px,transparent 92px,transparent 190px);background-size:220px 120px;animation:rainfall 1.6s linear infinite;opacity:.65}.mist{position:absolute;top:40%;right:-20%;bottom:-30%;left:-20%;background:radial-gradient(ellipse at 20% 70%,#9db6ab20,transparent 55%),radial-gradient(ellipse at 75% 80%,#c4d3bd15,transparent 50%);filter:blur(25px);animation:mist 24s ease-in-out infinite alternate}.lantern-glow{position:absolute;right:-120px;top:0;width:480px;height:480px;background:radial-gradient(ellipse,#e4a34b22,transparent 65%);animation:lamplight 6s ease-in-out infinite alternate}@keyframes rainfall{to{transform:translate(-32px,120px)}}@keyframes mist{to{transform:translate(5%,-4%)}}@keyframes lamplight{to{opacity:.5;transform:scale(.9)}}@keyframes place{0%{transform:translateY(-6px) scale(1.1);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}@media(min-width:1000px)and (max-height:850px){.room{max-width:980px;padding-top:20px}header{padding-bottom:14px;margin-bottom:17px}.layout{gap:32px}.panel{padding:18px 23px}.panel-emblem{display:none}.story p{min-height:85px}.table-heading{margin-bottom:12px}h1{font-size:40px}footer{margin-top:20px}}@media(max-width:850px){.room{padding:22px}.layout{gap:23px;grid-template-columns:minmax(0,1.3fr) minmax(265px,1fr)}.board-frame{padding:13px}.board-inlay{padding:12px}.panel{padding:18px}.panel-emblem{display:none}.board-caption{display:block;line-height:1.9}.board-caption span{display:block}h1{font-size:34px}.story p{font-size:15px}.reserves{font-size:11px}.table-heading>span:nth-child(2){letter-spacing:0;font-size:10px}.players{font-size:13px}.players small{font-size:9px;letter-spacing:0}}@media(max-width:650px){body{background-position:64% center}.room{padding:20px 17px}.edition{font-size:10px;letter-spacing:1px}.edition span{font-size:9px;letter-spacing:0}#ambience{font-size:10px;margin-top:8px;padding:4px 6px}h1{font-size:32px;letter-spacing:5px}header p{font-size:10px;letter-spacing:2px}.brand{gap:11px}.stamp{font-size:14px;padding:6px 4px}header{margin-bottom:20px;padding-bottom:17px}.layout{grid-template-columns:1fr;gap:26px}.board-frame{padding:12px}.board-inlay{padding:10px}.corner{width:22px;height:22px}.table-heading{font-size:11px}.table-heading>span:nth-child(2){letter-spacing:1px}.board-caption{display:flex;font-size:9px;margin-top:15px;letter-spacing:0}.panel{padding:23px}.story p{min-height:58px;font-size:16px}.reserves{font-size:13px}.eyebrow{margin-bottom:14px}.motto{margin-top:17px}footer{font-size:9px;letter-spacing:0;margin-top:23px}.seal:before{font-size:10px}.players{margin-top:21px}.rain{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mist{filter:none}}