:root{--ink:#354b48;--muted:#7d9188;--orange:#b88845;--line:#cdd8cb;--surface:#fcfcf2bd;background:#eff2eb}body{background:radial-gradient(ellipse at 51% 44%,#fcfaf0 0%,#f1f4ed 48%,#e8efeb 100%);position:relative}.landscape{position:absolute;top:65px;left:0;width:100%;height:900px;pointer-events:none;overflow:hidden}.ambient{display:none}.topbar{border-bottom-color:#b8c9ba75;height:100px}.brand{font-family:"STKaiti","KaiTi","Noto Serif CJK SC","Songti SC",serif;font-weight:600;letter-spacing:4px;font-size:25px}.brand-icon{display:grid;place-items:center;border-radius:3px;background:#a65346;width:39px;height:43px;font-size:27px;line-height:1;color:#fbf0d6;border:3px double #eac4a4;box-shadow:0 2px 6px #76534a14;transform:rotate(-4deg)}.brand-sub{font-family:"Microsoft YaHei",sans-serif;font-size:9px;letter-spacing:2.5px;color:#7e9388;margin-top:7px}.saved{color:#809389}.icon-button{border-color:#c5d0bf;background:#f9faf080;color:#677c70;border-radius:4px;width:34px;height:34px}.mute-slash{left:6px;top:16px}.intro{padding:36px 0 35px}.eyebrow{font-size:10px;letter-spacing:3px;color:#87947b}.eyebrow span{height:4px;width:4px;background:#ad915b;transform:rotate(45deg);border-radius:0}.intro h1{font-family:"STKaiti","KaiTi","Noto Serif CJK SC","Songti SC",serif;letter-spacing:5px;font-weight:500;font-size:43px;color:#3b514a;margin:16px 0 13px}.intro h1>span:not(.title-seal){color:#a37647}.intro h1 .title-seal{display:inline-block;position:absolute;right:-33px;top:3px;font-family:"KaiTi",serif;background:#a85b4e;color:#fcf4df;font-size:10px;font-weight:400;letter-spacing:0;line-height:1.25;padding:5px 4px;border:1px solid #fff9;outline:1px solid #b77564;transform:rotate(4deg)}.intro p{font-size:11px;color:#829287;letter-spacing:2px}.game-layout{gap:36px;grid-template-columns:205px minmax(340px,530px) 205px}.left-panel{padding-top:26px}.tiny{font-size:9px;color:#91a08c;letter-spacing:2px}.level-label h2{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:23px;font-weight:500;letter-spacing:3px}.level-label h2 span{background:#e3eade;color:#768875;border-radius:2px;font-family:"Segoe UI",sans-serif;letter-spacing:0;font-size:11px;border:1px solid #c9d4bc}.level-tag{color:#8c9c85;font-size:10px}.score-card{background:linear-gradient(145deg,#fffef6df,#f3f6eebf);border:1px solid #c9d2bc;border-radius:3px;outline:1px solid #fcfcf2;outline-offset:3px;box-shadow:0 10px 28px #61765c09;position:relative}.score-card:after{content:"";position:absolute;bottom:6px;right:6px;width:13px;height:13px;border-right:1px solid #c0ae83;border-bottom:1px solid #c0ae83}.card-top{color:#7d8e79}.little-star{color:#b99b61}.score-card>strong{font-weight:500;font-family:Georgia,"Songti SC",serif;letter-spacing:0;color:#3e584b;font-size:44px}.target-line{color:#91a08b}.target-line b{color:#798c76}.progress-track{height:5px;background:#e4eadf;border-radius:0}#progress{background:linear-gradient(90deg,#c8b37b,#b18a4e);border-radius:0}.stars{color:#dae2d1}.stars .earned{color:#b6975a}.moves-icon{border-radius:50%;width:41px;height:41px;border:1px solid #c1cdb7;background:#e5ecdf;color:#7c8c70;font-family:"KaiTi",serif;font-size:20px}.moves-card strong{font-family:Georgia,serif;font-weight:500;color:#53684f}.moves-note{color:#8e9d87;line-height:2}.best-row{border-top-color:#cbd5c1;color:#8a9a81}.best-row b{color:#7b8c70}.restart{border-radius:3px;border-color:#c7d2bd;background:#f9faf036;color:#7f9075}.restart:hover{background:#f8f8ec}.board-top{color:#7e927d;font-size:10px;letter-spacing:2px;padding-bottom:15px}.board-top i{border-radius:0;background:#9aae8b;transform:rotate(45deg)}#combo-label{font-size:9px;letter-spacing:2px;color:#ac9467}.board-wrap{padding:13px;background:linear-gradient(135deg,#dce7de,#e8ece1 50%,#dce4d7);border:1px solid #aebf9c;border-radius:8px;outline:1px solid #c7b68e;outline-offset:4px;box-shadow:0 14px 32px #5e76551a,inset 0 0 0 4px #f8faf0a6;isolation:isolate}#board{gap:5px;background:repeating-conic-gradient(#bacbb21c 0 25%,transparent 0 50%) 50% / 25% 25%;border-radius:2px}.cell{padding:4px;background:#ffffff4f;border:1px solid #eff5e854;border-radius:5px}.cell:hover{background:#fffdf3d9}.jelly{height:94%;border-radius:22%;border:1px solid #fff9;box-shadow:inset 0 2px 3px #fff,inset 0 -4px 2px var(--dark),0 3px 3px #64827424;background:radial-gradient(ellipse at 32% 18%,var(--light),var(--color) 90%);display:grid;place-items:center;transform:rotate(var(--tilt,-2deg));overflow:visible}.jelly:before{width:29%;height:10%;top:6%;left:12%;opacity:.75}.jelly:after{width:6%;height:6%;top:16%;right:13%}.t0,.s0{--emblem:url('./assets/sects/qixiu.png');--emblem-scale:125%;--emblem-ink:#a34d74;--emblem-y:53%}.t1,.s1{--emblem:url('./assets/sects/cangjian.png');--emblem-ink:#9d661c}.t2,.s2{--emblem:url('./assets/sects/chunyang.png');--emblem-ink:#487791;--emblem-scale:160%}.t3,.s3{--emblem:url('./assets/sects/wudu.png');--emblem-ink:#705294;--emblem-scale:150%;--emblem-y:53%}.t4,.s4{--emblem:url('./assets/sects/changge.png');--emblem-ink:#547c53}.t5,.s5{--emblem:url('./assets/sects/tiance.png');--emblem-ink:#aa4738}.sect-emblem{display:block;width:83%;height:83%;background:var(--emblem-ink);mask-image:var(--emblem);mask-size:var(--emblem-scale,145%);mask-position:50% var(--emblem-y,50%);mask-repeat:no-repeat;-webkit-mask-image:var(--emblem);-webkit-mask-size:var(--emblem-scale,145%);-webkit-mask-position:50% var(--emblem-y,50%);-webkit-mask-repeat:no-repeat;position:absolute;left:8.5%;top:4%;pointer-events:none}.sect-name{font-size:8px;color:var(--emblem-ink);font-family:"Songti SC","SimSun",serif;font-weight:600;letter-spacing:2px;position:absolute;bottom:5%;left:0;right:0;text-align:center;line-height:1.1;opacity:.85}.t0{--tilt:-2deg}.t1{--tilt:2deg}.t2{--tilt:-1deg}.t3{--tilt:2deg}.t4{--tilt:-2deg}.t5{--tilt:1deg}.special-mark{color:#fffbed;text-shadow:0 0 3px #9b613a;right:-4px;top:-4px;z-index:1}.selected{background:#fffae9!important;box-shadow:inset 0 0 0 2px #baa273}.board-ornament{position:absolute;width:21px;height:21px;z-index:2;pointer-events:none;border-color:#ad915e}.ornament-tl{left:-7px;top:-7px;border-top:3px double;border-left:3px double}.ornament-br{right:-7px;bottom:-7px;border-bottom:3px double;border-right:3px double}.board-bottom{color:#7f927b;padding-top:23px;font-size:10px}.status-dot{background:#a6b18a;border-radius:0;transform:rotate(45deg)}.score-float{font-family:"KaiTi",serif;color:#9c693b;text-shadow:0 2px #fffbea}.particle{border-radius:3px;box-shadow:0 0 2px #fff}.right-panel{padding-top:31px}.quote-seal{display:inline-block;writing-mode:vertical-rl;font-family:"KaiTi",serif;font-size:10px;letter-spacing:3px;padding:5px 3px 3px;color:#a16b55;border:1px solid #bc8d74;margin-bottom:13px}.right-panel h2{font-family:"STKaiti","KaiTi","Songti SC",serif;font-size:25px;font-weight:500;letter-spacing:2px;line-height:1.65;color:#50634e}.side-copy{font-size:10px;line-height:2.1;color:#8b9a81;margin:10px 0 20px}.tool{border:1px solid #cbd5bf;border-radius:3px;background:#fbfbf2a8;padding:12px 10px;gap:10px}.tool:hover{background:#fffef5;border-color:#b5c3a6}.tool-icon{border-radius:50%;border:1px solid #c8b88c;background:#f2ecd8;color:#a1854d;font-family:"KaiTi",serif;font-size:18px;width:31px;height:31px}.tool:nth-child(2) .tool-icon{background:#e5ecdf;color:#7c906a;border-color:#becaaf}.tool b{font-size:11px;color:#627856;font-weight:500;letter-spacing:1px}.tool small{font-size:8px;color:#91a084}.tool-count{border-radius:2px;color:#899c78;background:#e9eee1}.sect-directory{margin-top:20px;padding-top:17px;border-top:1px solid #cdd7c1}.sect-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 7px;margin-top:12px}.sect-item{display:flex;align-items:center;gap:3px;color:var(--emblem-ink);font-size:10px;white-space:nowrap}.sect-item .sect-emblem{position:static;width:22px;height:24px;flex-shrink:0}.howto{border-top-color:#cdd7c1;margin-top:18px;padding-top:15px}.howto p{color:#8d9c82;font-size:10px;line-height:2}.howto b{color:#74886a}.gesture{color:#92a180}footer{border-top-color:#c6d1bd;color:#98a28b;font-size:9px;letter-spacing:2px;margin-top:36px}footer i{color:#ad935e}dialog{border:1px solid #b4c09f;outline:1px solid #e0d3b1;outline-offset:-6px;border-radius:5px;background:#f5f6eb;box-shadow:0 25px 100px #334a3938}dialog::backdrop{background:#3f554958}dialog h2{font-family:"KaiTi","Songti SC",serif;font-weight:500;color:#51654e;letter-spacing:2px}dialog p{color:#7e8f74}#modal-icon{color:#b09358}.primary{border-radius:3px;background:linear-gradient(#829773,#6d8461);color:#fffbed;border:1px solid #5e7652;letter-spacing:2px;font-weight:400}.modal-close{color:#89997d}
@media(min-width:1450px){.intro{padding:46px 0 40px}}@media(max-width:1100px){.game-layout{grid-template-columns:175px minmax(320px,500px);gap:27px}.right-panel{padding-top:8px;gap:18px}.jianghu-quote{display:none}.sect-directory,.howto{display:none}.tools{gap:12px}.tool{padding:12px}.intro h1{font-size:40px}footer{margin-top:28px}}@media(max-width:650px){.topbar{height:76px}.brand{font-size:22px;letter-spacing:3px;gap:10px}.brand-icon{width:31px;height:35px;font-size:23px}.brand-sub{font-size:8px;letter-spacing:1.8px}.header-actions{gap:8px}.icon-button{width:30px;height:30px}.mute-slash{left:4px;top:14px}.intro{padding:26px 0 24px}.eyebrow{font-size:8px;letter-spacing:2px}.intro h1{font-size:29px;letter-spacing:2px;margin:14px 0 12px}.intro h1 .title-seal{right:-22px;top:1px;font-size:8px;padding:3px 2px}.intro p{font-size:9px;letter-spacing:1px}.landscape{top:65px;height:720px;width:100%}.game-layout{gap:17px}.left-panel{padding-top:0;grid-template-columns:1fr 82px;gap:12px}.level-label{gap:9px;padding-right:22px}.level-label h2{font-size:15px;letter-spacing:1px}.level-label h2 span{font-size:9px}.level-tag{font-size:8px;letter-spacing:0}.score-card{border-radius:3px;padding:11px 14px;outline-offset:2px}.score-card>strong{font-size:30px}.moves-card{background:#e6eddd91;border:1px solid #cad5bd;border-radius:3px;padding:9px}.moves-card strong{font-size:28px}.restart{top:-3px}.board-wrap{padding:8px;border-radius:5px;outline-offset:3px}#board{gap:3px}.cell{padding:3px;border-radius:3px}.jelly{border-radius:23%;border-width:.5px;box-shadow:inset 0 2px 2px #ffffffe0,inset 0 -3px 2px var(--dark),0 2px 2px #66826622}.sect-name{font-size:6px;letter-spacing:1px;bottom:5%}.sect-emblem{height:81%;top:3%}.board-top{padding:2px 6px 12px;font-size:8px}.board-bottom{font-size:9px;padding-top:19px}.tool{padding:11px 9px;gap:8px}.tool b{font-size:10px;letter-spacing:1px}.tool small{font-size:7px}.tool-icon{font-size:17px;width:27px;height:27px}.tool-count{font-size:9px}.tools{gap:9px}footer{font-size:7px;letter-spacing:.5px;margin-top:28px;padding:17px 0}.right-panel{padding:0}.board-ornament{height:17px;width:17px}.ornament-tl{left:-6px;top:-6px}.ornament-br{right:-6px;bottom:-6px}}
@media(max-width:360px){.intro h1{font-size:26px}.intro h1 .title-seal{right:-9px;top:-7px;font-size:7px}.brand{font-size:20px}.intro p{font-size:8px}.tool small{letter-spacing:-.2px}.tool{gap:6px}.tool-icon{width:24px;height:24px}.tool-count{min-width:16px;height:16px}}