:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eee4;background:#102e27;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:360px;background:radial-gradient(ellipse at 48% 35%,#214c3c66,transparent 65%),#102e27}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;transition:background .18s,transform .18s;border:1px solid #ffffff21;background:#ffffff06;border-radius:7px;padding:11px 17px}button:hover:not(:disabled){background:#ffffff13}button:focus-visible,a:focus-visible{outline:3px solid #eac579;outline-offset:4px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}.app{max-width:1320px;margin:auto;padding:0 54px}.header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:32px;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:39px;height:46px;border-radius:7px;background:#e8e8d6;color:#264d3b;font-size:30px;box-shadow:0 3px #9baf94}.brand small{display:block;font:8px ui-sans-serif,sans-serif;letter-spacing:2px;margin-top:4px;color:#a3b9aa}.header nav{display:flex;align-items:center;gap:16px}.connection{font-size:11px;color:#a5beae;display:flex;align-items:center;gap:7px;margin-right:14px}.connection i{width:5px;height:5px;background:#a4c598;border-radius:50%}.icon-button{border-radius:50%;width:30px;height:30px;padding:0;font:16px Georgia,serif}.install-button{font-size:12px;color:#cfd8cb}.intro{display:flex;justify-content:space-between;align-items:center;padding:37px 0 28px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#bbcbad}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.7px;font-size:34px;margin:11px 0}p{line-height:1.6}.intro p{font-size:12px;color:#9cb2a2;margin:0}.layout-label{display:flex;gap:12px;align-items:center;font-size:12px;color:#d5ddcc}.layout-label>span{font-size:38px;color:#a6b89b}.layout-label small{display:block;letter-spacing:1.5px;font-size:8px;color:#90a693;margin-top:6px}.game-panel{border:1px solid #5a7e574d;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#3a644436,#183c2f44 70%),#1b4334;box-shadow:0 22px 60px #001b1a33,inset 0 0 100px #173e2d55}.game-toolbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #aec9a012}.stats{display:flex;gap:0}.stats>div{min-width:122px;border-right:1px solid #ffffff13;padding:0 26px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{display:block;font-size:8px;letter-spacing:1.6px;color:#a0b59e;margin-bottom:7px}.stats strong{font-size:20px;font-weight:400;font-variant-numeric:tabular-nums}.stats small{font-size:12px;color:#859d86}.pause-button{font-size:17px;width:35px;height:35px;padding:0;color:#b8c6af}.board-viewport{position:relative;padding:23px 65px 5px;min-height:200px}.board{position:relative;width:100%;max-width:805px;aspect-ratio:805/660;margin:auto;transition:filter .25s,opacity .25s}.tile{position:absolute;width:7.7%;height:11.35%;padding:0;border:1px solid #dad9bc;border-radius:5px;background-color:#e8e8d5;background-image:linear-gradient(125deg,#ffe,#e8e8d5);color:#25584a;box-shadow:1px 4px #b6bba0,2px 6px #617b5d,3px 8px 7px #001b2260;display:flex;align-items:center;justify-content:center;container-type:inline-size;transition:transform .2s ease-out,filter .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;touch-action:manipulation}.tile:hover:not(:disabled){background-color:#e8e8d5;background-image:linear-gradient(125deg,#fffef5,#eeeedb)}.tile.free:hover{filter:brightness(1.1);transform:translateY(-2px)}.tile.blocked{filter:brightness(.83);cursor:default}.tile.selected{background-color:#e7d898!important;background-image:none!important;box-shadow:0 0 0 3px #e1bc62,1px 5px #a09d67,0 0 20px #ecd58477}.tile.hint{background-color:#fff1b7!important;background-image:none!important;box-shadow:0 0 0 3px #d6b971,1px 5px #a09d67,0 0 22px #ffe7a255}.tile-index{position:absolute;bottom:3%;right:8%;font-size:13cqw;color:#7e876c}.pips{width:65%;height:70%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%;align-content:center;justify-items:center}.pips i{width:100%;aspect-ratio:1;border:3px double #27534c;border-radius:50%;background:#728f7440}.pips i:nth-child(3n+1){border-color:#a74b3d}.pips-1{width:49%;display:block}.pips-1 i{display:block;border-width:6px;margin-top:30%}.pips-2,.pips-3{grid-template-columns:1fr;width:22%;gap:9%}.pips-4{grid-template-columns:repeat(2,1fr);width:55%;gap:16%}.bamboos{width:62%;height:67%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:9% 16%}.bamboos i{display:block;flex:0 0 17%;height:28%;border-radius:2px;background:linear-gradient(90deg,#245c46,#548567,#245c46);position:relative}.bamboos i:after{content:"";position:absolute;top:45%;left:-15%;width:130%;height:12%;background:#aac098}.characters{display:flex;flex-direction:column;align-items:center;font-family:serif;line-height:1}.characters b{font-weight:500;font-size:44cqw;color:#2c4940}.characters em{font-style:normal;font-size:45cqw;color:#b34e3d}.honor{font-family:serif;font-size:65cqw}.honor-31,.honor-34{color:#b24c3c}.honor-33{border:2px solid #486e75;color:transparent;width:65%;height:69%;border-radius:3px}.honor-35{color:#927741}.board-caption{min-height:48px;display:flex;justify-content:center;align-items:center;gap:9px;padding:3px 20px 9px;color:#a7bb9e;font-size:11px}.board-caption>span{font-size:19px;color:#c5cba3}.board-caption p{margin:0;text-align:center}.controls{display:flex;justify-content:space-between;padding:19px 28px;border-top:1px solid #b4c8a31c;background:#15392955}.controls>div{display:flex;gap:10px}.controls button{font-size:11px;padding:10px 16px;color:#d4ddc9}.controls button span{font-size:17px;margin-right:6px;vertical-align:-1px}.controls .new-game{color:#263b2b;background:#d6ddbd;border-color:#d6ddbd}.controls .new-game:hover{background:#e7eccf}.below-board{display:flex;justify-content:space-between;align-items:center;padding:19px 1px;font-size:10px;color:#8fa68f}.below-board>span{display:flex;gap:10px;align-items:center}.tiny-leaf{font-size:22px;font-style:normal}.progress-track{width:85px;height:3px;background:#829b7540;border-radius:5px;overflow:hidden}.progress-track i{height:100%;display:block;background:#bcc69a;transition:width .3s}footer{margin-top:18px;padding:20px 0 26px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6f8e7d}footer button{padding:0;border:0;background:none;font-size:10px;color:#a8b9a1}footer button span{margin-left:10px}.board-paused{filter:blur(12px);opacity:.16;pointer-events:none}.board-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.board-overlay h2{font:32px Georgia,serif;font-weight:400;margin:18px 0 0}.board-overlay p{font-size:13px;color:#adc1a6}.overlay-flower{font-size:70px;color:#c8cea7}.board-overlay .primary{margin-top:15px}.primary{background:#d6ddbd;color:#263b2b;border-color:#d6ddbd}.primary:hover:not(:disabled){background:#e8edce}.win .eyebrow{margin-top:10px}.notice{padding:13px 20px;border:1px solid #b6c99944;border-radius:8px;font-size:12px;color:#d9dfc7}.notice button{margin-left:10px}dialog{color:#e9eee4;background:#193e31;border:1px solid #7f997d66;border-radius:15px;padding:40px;width:min(500px,calc(100vw - 32px));box-shadow:0 30px 100px #0008}dialog::backdrop{background:#061e18b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:30px Georgia,serif;line-height:1.15}dialog p{font-size:14px;color:#b6c7b0}.dialog-close{position:absolute;top:15px;right:15px}.dialog-actions{display:flex;gap:12px;margin-top:25px}.dialog-actions button{font-size:12px}@media(min-width:1500px){.app{max-width:1280px}.board{max-width:730px}}@media(max-width:900px){.app{padding:0 28px}.board-viewport{padding:22px 25px 6px}.intro h1{font-size:29px}.layout-label,.connection{display:none}.header{height:88px}}@media(max-width:600px){.app{padding:0 14px}.header{height:77px}.brand{font-size:27px;gap:10px}.brand-mark{width:32px;height:39px;font-size:25px}.brand small{font-size:6px}.header nav{gap:9px}.install-button{padding:8px 10px;font-size:11px}.intro{padding:26px 3px 23px}.eyebrow{font-size:8px}.intro h1{font-size:27px;margin:9px 0}.intro p{font-size:11px}.game-toolbar{height:70px;padding:0 15px}.stats>div{min-width:87px;padding:0 15px}.stats span{font-size:7px;letter-spacing:1px}.stats strong{font-size:18px}.board-viewport{padding:24px 7px 12px}.tile{border-radius:3px;box-shadow:1px 2px #b6bba0,1px 4px #617b5d,2px 5px 4px #001b2250}.pips i{border-width:2px}.pips-1 i{border-width:4px}.board-caption{font-size:10px;min-height:55px}.controls{padding:13px 10px;gap:7px}.controls>div{gap:5px}.controls button{padding:8px;font-size:10px}.controls button span{font-size:14px;margin-right:2px}.below-board{font-size:9px;gap:10px}.below-board>span{gap:6px}.progress-track{width:40px}.board-overlay h2{font-size:24px}.board-overlay p{font-size:11px}.overlay-flower{font-size:40px}.board-overlay .primary{font-size:12px}.below-board .tiny-leaf{font-size:17px}footer{margin-top:8px}dialog{padding:33px 25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}