:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#31483f;background:#e5ebe3;font-synthesis:none;--ink: #254739;--muted: #7b897b;--gold: #bd9758;--paper: #f4f3e9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:linear-gradient(90deg,#e1eae0c2,#f1f2e4a1 50%,#dae5dbc7),url(/art/courtyard.webp) center 40% / cover fixed}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #b48f45;outline-offset:4px}button:disabled{cursor:default;opacity:.5}svg{width:19px;height:19px;stroke-width:1.6}button{touch-action:manipulation}.game{width:min(100%,490px);margin:0 auto;padding:22px 22px 16px;min-height:100svh;background:linear-gradient(180deg,#f9f8eae3,#eef1e2ed 43%,#f2f2e3f7);position:relative;box-shadow:0 0 100px #173d2c12;border-left:1px solid #fffffa80;border-right:1px solid #fffffa80}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:#284e3e;color:#eee6ca;border:1px solid #b99a62;outline:3px solid #284e3e;border-radius:9px;font:22px serif}.brand h1{font-family:"Noto Serif SC",Songti SC,serif;font-size:25px;letter-spacing:0;margin:0;font-weight:800}.chapter{display:block;font-size:10px;color:#83917d;letter-spacing:0;margin-top:4px}.tools{display:flex;gap:6px}.icon-button{display:grid;place-items:center;border:1px solid #ced6c8;border-radius:50%;width:33px;height:33px;background:#fffffa70;color:#60715f;transition:background .2s}.icon-button:hover{background:#fffbed}.encounter{height:196px;position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:25px}.encounter-side{z-index:1;display:flex;flex-direction:column;gap:7px;min-width:100px;align-items:flex-start}.encounter-side strong{font-size:16px;font-weight:600;letter-spacing:0}.eyebrow{font-size:10px;letter-spacing:0;color:#83907d}.weakness{font-size:10px;padding:4px 7px;border:1px solid #d7aa9170;background:#f4e4d780;color:#a45e43;border-radius:4px}.encounter-right{align-items:flex-end;min-width:85px}.encounter-right strong{font-family:Georgia,serif;font-size:23px;color:#7f8b6b;font-weight:400;letter-spacing:0}.personal-mark{font:11px serif;color:#99a186;letter-spacing:0}.seal-wrap{position:absolute;width:152px;height:152px;left:50%;top:7px;transform:translate(-50%);display:grid;place-items:center}.seal-halo{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:radial-gradient(circle,#e6d39c35 20%,#c1cdb52b 50%,transparent 70%);animation:breathe 5s infinite}.seal{width:124px;height:124px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d1c7ab 0deg 1deg,transparent 1deg 45deg),radial-gradient(circle at 40% 30%,#fffef4,#e8e4cf 57%,#b8b297 67%,#e8e0bf 70%,#f5f1db 77%,#b5a67c 80%,#eee7cc 86%);border:2px solid #b4a888;box-shadow:0 5px #8d92794a,0 14px 30px #58694720,inset 0 0 0 6px #eeeed950;position:relative;display:grid;place-items:center;transition:filter .3s}.seal:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px dashed #aaa182a0;border-radius:50%}#seal-character{font:700 67px Songti SC,serif;color:var(--seal-color, #aa9368);text-shadow:0 2px 0 #fff8,1px 3px 3px #6b62302c;line-height:1}.seal-inscription{position:absolute;top:17px;font-size:7px;letter-spacing:0;color:#9e967d}.seal-crack{position:absolute;top:18px;right:18px;bottom:18px;left:18px;background:#8b6547;clip-path:polygon(53% 0,47% 28%,56% 38%,42% 58%,54% 67%,47% 100%,50% 65%,47% 58%,60% 38%,52% 26%,57% 0);opacity:var(--crack, 0);transition:opacity .3s}.seal-wrap.hit{animation:seal-hit .45s ease}.seal-wrap.hit .seal{filter:brightness(1.35)}.health-track{position:absolute;bottom:17px;left:50%;transform:translate(-50%);width:70%;height:14px;background:#c1c5b6;border-radius:20px;box-shadow:inset 0 2px 3px #344f2c20,0 1px #fff;overflow:hidden;border:1px solid #a6b39780}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#9ca97d,#6c8b65);border-radius:20px;transition:width .45s ease}.health-track>span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:9px;font-weight:600;line-height:12px;color:#fff;letter-spacing:0;text-shadow:0 1px 2px #26442a70}.stats{height:42px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b7bfa64d;padding:0 4px}.stat{display:flex;align-items:baseline;gap:9px;min-width:80px}.stat>span{font-size:10px;color:#7b897b}.stat strong{font-family:Georgia,serif;font-size:22px;font-weight:400;color:#34543d}.moves{justify-content:flex-end;min-width:60px;gap:5px}.moves strong{font-size:25px}.turn-state{font-size:11px;color:#8b9478;letter-spacing:0;text-align:center}.turn-state.active{color:#a36c38}.board-frame{position:relative;padding:9px;border:1px solid #b1a680;border-radius:12px;background:linear-gradient(135deg,#d5ceb5,#a0ad98 45%,#c7c5a8);box-shadow:0 5px #a9b39960,0 12px 25px #405e3320,inset 0 0 0 3px #f0ead080}.board-frame:before,.board-frame:after{content:"◇";position:absolute;color:#b99a5c;font-size:16px;z-index:4;pointer-events:none;top:-10px;background:#e7e9d8;line-height:16px;padding:0 3px}.board-frame:before{left:15px}.board-frame:after{right:15px}.board{position:relative;aspect-ratio:6/8;border-radius:7px;background:#4e6057;box-shadow:inset 0 3px 12px #183b3260;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;isolation:isolate}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#cbd5b212 1px,transparent 1px),linear-gradient(90deg,#cbd5b212 1px,transparent 1px);background-size:16.6667% 12.5%;pointer-events:none}.tile{position:absolute;left:0;top:0;width:16.666667%;height:12.5%;padding:3px;background:none;border:0;border-radius:12px;transition:transform .115s ease-out,opacity .18s;will-change:transform;-webkit-user-drag:none}.tile img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;filter:drop-shadow(0 3px 1px #172f3370);transition:filter .15s}.tile:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid transparent;border-radius:11px;transition:border-color .12s,box-shadow .12s}.tile.selected{z-index:5}.tile.selected img{transform:scale(1.08);filter:brightness(1.2) drop-shadow(0 3px 4px #1b241a80)}.tile.selected:after{border-color:#fffde6;box-shadow:0 0 12px #fff3b590}.tile.matched:after{border-color:#ffe3a0;box-shadow:0 0 10px #ffc96caa,inset 0 0 10px #ffdd8e55}.tile.matched img{filter:brightness(1.12) drop-shadow(0 2px 3px #d9a84577)}.tile.hinted:after{border-color:#fff8c3;animation:hint-pulse .8s infinite alternate}.tile.clearing{z-index:4;animation:tile-clear .39s forwards}.board-frame.shake{animation:board-hit .25s}.trail{position:absolute;top:9px;right:9px;bottom:9px;left:9px;width:calc(100% - 18px);height:calc(100% - 18px);pointer-events:none;z-index:8;opacity:.8}.board-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:visible}.particle{position:absolute;width:5px;height:7px;border-radius:1px;animation:particle .65s ease-out forwards;background:var(--particle-color);box-shadow:0 0 5px var(--particle-color)}.float-text{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:#fff1ba;font:700 24px Songti SC,serif;text-shadow:0 2px 2px #563b1c,0 0 12px #5c321b;white-space:nowrap;animation:float-text 1.15s forwards;z-index:12;text-align:center}.float-text small{display:block;font:11px system-ui;color:#fffce5;margin-top:6px;letter-spacing:0}.damage-text{position:absolute;right:10px;top:44px;color:#b15f36;font:700 28px Georgia,serif;z-index:5;animation:damage 1s forwards;text-shadow:0 2px 0 #fff9}.round-summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b9279;min-height:33px;padding:0 3px;letter-spacing:0}.round-summary b{font-weight:500;color:#9f8757}.footer{padding-top:10px}.cycle{display:flex;align-items:center;justify-content:center;gap:11px;min-height:43px}.cycle-node{display:flex;align-items:center;gap:11px;color:#9a9f81;font-size:12px}.cycle-gem{width:32px;height:32px;display:grid;place-items:center;border:1px solid #b4bd9b80;background:#ffffff65;border-radius:50%;color:var(--element-color);font:600 19px Songti SC,serif;transition:box-shadow .3s,background .3s;position:relative}.cycle-gem.lit{box-shadow:0 0 0 3px #dfc79180,0 0 17px #e0bd6a77;background:#fffce9}.cycle-gem small{position:absolute;bottom:-12px;font:8px system-ui;white-space:nowrap;color:#a17b46}.footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:8px}.text-button{border:0;background:none;display:flex;align-items:center;gap:5px;color:#78866e;font-size:10px;padding:6px 2px}.text-button svg{width:13px;height:13px}.text-button:hover{color:#35593d}.footer-sign{font:10px Songti SC,serif;letter-spacing:0;color:#a1a78b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#243d32a0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:30;padding:24px}.overlay[hidden]{display:none}.modal{position:relative;width:min(100%,382px);max-height:90svh;overflow-y:auto;background:linear-gradient(150deg,#f9f7e9,#e8eddd);border:1px solid #cbb785;border-radius:18px;padding:28px;box-shadow:0 20px 80px #132d3b40;text-align:center;outline:none}.modal-eyebrow{color:#9d9e78;font-size:10px;letter-spacing:0}.modal h2{font:700 29px Songti SC,serif;letter-spacing:0;color:#294a3b;margin:12px 0}.modal p{font-size:12px;color:#7b826c;line-height:1.9;margin:12px 0 22px}.modal-glyph{font:700 56px Songti SC,serif;color:#a68c51;padding:15px 0}.primary-button,.secondary-button{border:1px solid #bdac79;border-radius:8px;padding:12px 18px;min-height:44px;width:100%;background:#355b45;color:#f3edd6;letter-spacing:0;font-size:13px;display:block;transition:background .2s}.primary-button:hover{background:#234d35}.secondary-button{margin-top:10px;background:#ffffff40;color:#6b795e;border-color:#c8cfb8;font-size:12px}.rule-list{text-align:left;margin:18px 0 24px;display:grid;gap:15px}.rule-list strong{font-size:12px;display:block;color:#426148;margin-bottom:5px}.rule-list span{font-size:11px;color:#7b836d;line-height:1.8;display:block}.rule-list .mini-cycle{font:15px serif;letter-spacing:0;color:#8c8053}.modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;background:none;color:#839078;font-size:20px}.result-stats{display:flex;justify-content:space-around;padding:16px 0 23px}.result-stats>div{display:grid;gap:7px}.result-stats strong{font:26px Georgia,serif;color:#426344}.result-stats span{font-size:10px;color:#92997e}.seal-options{display:flex;gap:7px;justify-content:center;margin:24px 0}.seal-option{border:1px solid #c3cbb2;width:48px;height:53px;border-radius:10px;background:#fff8;color:var(--element-color);font:700 24px serif}.seal-option.chosen{border-color:#9b8147;background:#fff9db;box-shadow:0 0 0 2px #d3c39860}#game.paused .board{filter:blur(12px)}.shortcut-note{margin-top:15px;font-size:9px;color:#a2a78d}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:11px 19px;background:#2e4c3ee8;color:#fff6df;box-shadow:0 5px 25px #18362d30;border:1px solid #b4a67870;border-radius:8px;font-size:12px;z-index:45;white-space:nowrap;animation:toast 2.4s forwards;pointer-events:none}@keyframes breathe{50%{transform:scale(1.12);opacity:.5}}@keyframes seal-hit{20%,60%{transform:translate(calc(-50% - 5px)) rotate(-3deg)}40%,80%{transform:translate(calc(-50% + 5px)) rotate(3deg)}}@keyframes board-hit{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes tile-clear{0%{opacity:1;filter:brightness(1.2)}35%{filter:brightness(1.8)}to{opacity:0;scale:.4;filter:brightness(2)}}@keyframes particle{to{translate:var(--dx) var(--dy);rotate:var(--rotation);opacity:0;scale:.2}}@keyframes float-text{0%{opacity:0;translate:0 14px;scale:.8}15%,65%{opacity:1;scale:1}to{opacity:0;translate:0 -35px}}@keyframes damage{0%{opacity:0;translate:0 12px}20%,70%{opacity:1}to{opacity:0;translate:0 -35px}}@keyframes hint-pulse{to{box-shadow:0 0 17px #ffe6a2,inset 0 0 10px #fff9ab}}@keyframes toast{0%,to{opacity:0}10%,85%{opacity:1}}.game{padding-top:16px;padding-bottom:10px}.encounter{height:156px}.seal-wrap{width:128px;height:128px;top:0}.seal{width:110px;height:110px}#seal-character{font-size:60px}.health-track{bottom:12px}.footer{padding-top:3px}.footer-actions{margin-top:10px}.round-summary{min-height:30px}@media(min-width:760px){body{display:grid;place-items:center;padding:28px 0;background-size:cover}.game{border-radius:24px;min-height:0;padding:23px 25px 18px;box-shadow:0 20px 100px #284b3226;border:1px solid #ffffeb99}.encounter{height:182px}.seal-wrap{width:152px;height:152px;top:7px}.seal{width:124px;height:124px}#seal-character{font-size:67px}.board-frame{max-width:410px;margin:0 auto}.footer{padding-top:5px}}@media(max-width:380px){.game{padding:15px 14px 12px}.brand h1{font-size:22px}.tools{gap:4px}.icon-button{width:29px;height:29px}.encounter{height:177px}.encounter-side{min-width:85px}.encounter-side strong{font-size:13px}.encounter-right{min-width:60px}.encounter-right strong{font-size:20px}.weakness{font-size:9px;padding:4px}.seal-wrap{width:132px;height:132px;top:8px}.seal{width:110px;height:110px}#seal-character{font-size:58px}.cycle,.cycle-node{gap:9px}.footer-sign{letter-spacing:0;font-size:9px}}@media(max-height:780px)and (max-width:759px){.game{padding-top:12px}.encounter{height:155px}.seal-wrap{top:0;width:125px;height:125px}.seal{width:105px;height:105px}#seal-character{font-size:57px}.seal-inscription{top:13px}.health-track{bottom:10px}.stats{height:35px}.footer{padding-top:0}.footer-actions{margin-top:9px}.round-summary{min-height:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.seal-halo{animation:none}}