:root{color:#26201a;background:#eee4d2;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f5eedf;--paper-deep: #eadcc3;--ink: #26201a;--ink-soft: #66584a;--ink-faint: #8f7d6b;--cinnabar: #a3292a;--cinnabar-dark: #7d1d20;--gilt: #b4874d;--line: rgba(100, 72, 45, .18);--shadow: rgba(67, 42, 19, .12)}*{box-sizing:border-box}html{background:#eee4d2}body{min-height:100vh;margin:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 7% 6%,rgba(255,255,255,.86),transparent 33%),radial-gradient(circle at 94% 12%,rgba(177,127,73,.18),transparent 29%),radial-gradient(circle at 50% 100%,rgba(137,87,43,.12),transparent 46%),linear-gradient(138deg,#f7f1e5,#eadbc4 54%,#f1e8d9)}body:before{position:fixed;inset:0;z-index:-1;background-image:repeating-linear-gradient(0deg,rgba(82,54,28,.018) 0,rgba(82,54,28,.018) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 50% 50%,transparent 0%,rgba(73,45,21,.035) 100%);content:"";pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}#app{min-height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app *{-webkit-user-select:none;user-select:none}.app-frame{display:flex;width:min(100%,1240px);min-height:100vh;margin:0 auto;padding:0 34px 22px;flex-direction:column}.site-header{display:flex;min-height:92px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(126,31,32,.54);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffaf0,#f4e6cd 66%,#e4cea8);box-shadow:0 4px 12px #60301524,inset 0 0 0 4px #ffffff61,inset 0 0 0 5px #a3292a29;color:var(--cinnabar);font-family:STKaiti,KaiTi,serif;font-size:27px;line-height:1;transform:rotate(-2deg)}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:19px;font-weight:700;letter-spacing:.16em}.brand-copy small{color:var(--ink-faint);font-family:Times New Roman,serif;font-size:9px;letter-spacing:.22em}.brand-button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.brand-button:hover .brand-mark{box-shadow:0 7px 18px #6030152e,inset 0 0 0 4px #ffffff61,inset 0 0 0 5px #a3292a33;transform:rotate(0) scale(1.04)}.header-tags{display:flex;align-items:center;gap:9px}.header-actions{justify-content:flex-end}.back-home{color:var(--cinnabar);font-size:10px}.header-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid rgba(120,82,48,.18);border-radius:999px;background:#fffcf573;color:var(--ink-soft);font-size:12px;letter-spacing:.08em}.header-tag.secondary{border-color:transparent;background:transparent;color:var(--ink-faint)}.tag-dot{width:6px;height:6px;border-radius:50%;background:#75855a;box-shadow:0 0 0 3px #75855a1f}.game-layout{display:grid;width:100%;margin-top:30px;align-items:start;grid-template-columns:minmax(0,1fr) 382px;gap:34px}.board-column{min-width:0}.intro{width:min(100%,620px);margin:0 auto 20px;padding:0 8px}.eyebrow{color:var(--ink-faint);font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.intro h1{margin:8px 0 7px;color:var(--ink);font-size:clamp(27px,3.1vw,39px);font-weight:600;letter-spacing:.08em;line-height:1.25}.intro p{max-width:570px;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.8}.home-view{position:relative;display:grid;min-height:calc(100vh - 154px);padding:clamp(44px,6vw,82px) 0;overflow:hidden;align-items:center;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(40px,7vw,104px)}.home-view:before{position:absolute;top:12%;left:34%;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(180,135,77,.13),transparent 68%);content:"";pointer-events:none;transform:translate(-30%)}.home-hero{position:relative;z-index:1;max-width:640px}.home-hero h1{margin:16px 0 20px;color:var(--ink);font-size:clamp(48px,6.1vw,78px);font-weight:600;letter-spacing:.05em;line-height:1.2}.home-hero h1 em{color:var(--cinnabar);font-style:normal;white-space:nowrap}.home-hero>p{max-width:530px;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.9}.home-rule{display:flex;margin-top:24px;align-items:center;gap:12px;color:var(--ink-faint);font-size:10px;letter-spacing:.18em}.home-sigil{position:relative;width:132px;height:132px;margin-top:38px;margin-left:22px}.sigil-core{position:absolute;top:50%;left:50%;display:grid;width:84px;height:84px;border:1px solid rgba(163,41,42,.38);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffbf1,#f3e3c4 68%,#e2c797);box-shadow:0 10px 24px #572d1229,inset 0 0 0 5px #ffffff52,inset 0 0 0 6px #a3292a29;color:var(--cinnabar);font-family:STKaiti,KaiTi,serif;font-size:46px;place-items:center;transform:translate(-50%,-50%)}.sigil-orbit{position:absolute;inset:6px;border:1px solid rgba(128,89,48,.2);border-radius:50%}.sigil-orbit-one{transform:rotate(18deg) scaleX(1.35)}.sigil-orbit-two{transform:rotate(-42deg) scaleY(1.42)}.sigil-piece{position:absolute;display:grid;width:31px;height:31px;border:1px solid rgba(111,67,31,.25);border-radius:50%;background:#f6ead2;box-shadow:0 3px 8px #502c1124;font-family:STKaiti,KaiTi,serif;font-size:17px;place-items:center}.sigil-piece-red{top:68px;right:3px;color:var(--cinnabar)}.sigil-piece-black{bottom:2px;left:2px;color:var(--ink)}.home-modes{position:relative;z-index:1;display:flex;flex-direction:column;gap:15px}.mode-card{position:relative;display:grid;width:100%;padding:25px 24px;align-items:center;border:1px solid rgba(105,72,42,.17);border-radius:24px;background:linear-gradient(135deg,#fffdf8db,#f4ead89e);box-shadow:0 22px 48px #4b2d121a,inset 0 1px #ffffffd1;color:var(--ink);cursor:pointer;font:inherit;grid-template-columns:28px 58px minmax(0,1fr) 24px;gap:16px;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mode-card:hover{border-color:#a3292a47;box-shadow:0 28px 58px #4b2d1224,inset 0 1px #ffffffe6;transform:translateY(-4px)}.mode-study{margin-left:26px}.mode-index{align-self:start;padding-top:3px;color:var(--ink-faint);font-family:Times New Roman,serif;font-size:10px;letter-spacing:.12em}.mode-card .mode-seal{display:grid;width:58px;height:58px;flex:0 0 58px;border-radius:50%;font-size:31px;line-height:1;place-items:center;text-align:center}.mode-copy{display:flex;min-width:0;flex-direction:column}.mode-copy strong{margin-bottom:5px;font-size:25px;font-weight:600;letter-spacing:.15em}.mode-copy small{color:var(--ink-faint);font-size:10px;line-height:1.7}.mode-arrow{color:var(--ink-faint);font-family:Times New Roman,serif;font-size:21px;transition:color .18s ease,transform .18s ease}.mode-card:hover .mode-arrow{color:var(--cinnabar);transform:translate(3px,-3px)}.home-note{display:flex;margin:5px 0 0;align-items:center;justify-content:center;gap:8px;color:#8f7d6bad;font-size:9px;letter-spacing:.05em}.home-note span{color:var(--gilt);font-size:6px}.board-card{width:min(100%,620px);margin:0 auto;padding:14px 18px 18px;border:1px solid rgba(105,72,42,.17);border-radius:24px;background:#fffbf3a3;box-shadow:0 28px 70px #5133181f,0 4px 14px #5133180f,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-toolbar{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 10px}.turn-chip{display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.07em}.turn-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--cinnabar);box-shadow:0 0 0 4px #a3292a1a}.turn-black .turn-chip-dot{background:var(--ink);box-shadow:0 0 0 4px #26201a1a}.check-tag{padding:2px 7px;border-radius:999px;background:#a3292a1a;color:var(--cinnabar);font-size:10px;letter-spacing:.12em;animation:check-pulse 1.8s ease-in-out infinite}@keyframes check-pulse{50%{background:#a3292a2e}}.text-button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-faint);cursor:pointer;font-size:11px;letter-spacing:.06em;transition:color .16s ease,background .16s ease,border-color .16s ease}.text-button:hover{border-color:var(--line);background:#ffffff73;color:var(--ink)}.flip-icon{font-size:14px;line-height:1}.board-surface{position:relative;width:100%;padding:4.6%;overflow:hidden;border:1px solid rgba(99,61,29,.35);border-radius:15px;aspect-ratio:9.4 / 10.4;background-color:#d9b077;background-image:radial-gradient(ellipse at 17% 12%,rgba(255,244,215,.6),transparent 43%),radial-gradient(ellipse at 83% 91%,rgba(117,66,27,.17),transparent 42%),repeating-linear-gradient(92deg,rgba(95,53,20,.035) 0,rgba(95,53,20,.035) 1px,transparent 1px,transparent 7px),linear-gradient(158deg,#e3c38e,#d3a86f 52%,#c28f54);background-position:center;background-size:cover;box-shadow:inset 0 0 0 6px #fff1cf26,inset 0 0 32px #4a280d2b,0 7px 18px #43281029;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.board-surface:before,.board-surface:after{position:absolute;z-index:1;border:1px solid rgba(100,60,27,.22);content:"";pointer-events:none}.board-surface:before{inset:2.5%;border-radius:8px}.board-surface:after{inset:3.6%;border-color:#fff4db38;border-radius:6px}.board-grid{position:relative;width:100%;height:100%}.board-lines{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.board-grid-lines line,.palace-lines line{stroke:#593417c9;stroke-width:1.2;vector-effect:non-scaling-stroke}.board-border{fill:none;stroke:#553014de;stroke-width:2.2;vector-effect:non-scaling-stroke}.palace-lines line{stroke-width:1.15}.position-markers path{fill:none;stroke:#5833168c;stroke-linecap:square;stroke-width:1;vector-effect:non-scaling-stroke}.river-copy text{fill:#5c3517b8;font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:55px;font-weight:500;letter-spacing:.03em;pointer-events:none;-webkit-user-select:none;user-select:none}.board-point{position:absolute;z-index:2;display:grid;width:10.9%;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;place-items:center;transform:translate(-50%,-50%);aspect-ratio:1}.board-point.is-empty{width:10.5%}.piece-view{position:relative;display:grid;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 36% 27%,#fffdf7,#f8ecd5 34%,#e8d1a9 74%,#d0ac77);color:var(--cinnabar);box-shadow:0 4px 7px #3a210c4a,0 1px 2px #3a210c47,inset 0 0 0 1.5px #683d1c94,inset 0 0 0 5px #fffcf157;place-items:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.piece-view:after{position:absolute;inset:9%;border:1px solid currentColor;border-radius:50%;content:"";opacity:.55;pointer-events:none}.piece-view.piece-black{color:#2c2823}.piece-glyph{position:relative;z-index:1;font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:clamp(16px,4.1vw,32px);font-weight:600;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.4);transform:translateY(-1%)}.piece-image{width:100%;height:100%;border-radius:50%;object-fit:contain}.piece-view.has-asset{background:transparent;box-shadow:none}.piece-view.has-asset:after{display:none}.board-point.is-capturable .piece-view{outline:2px solid rgba(63,128,79,.8);outline-offset:2px}.board-point.is-threatened .piece-view:before{position:absolute;inset:-6%;z-index:2;border:2px solid rgba(177,55,48,.9);border-radius:50%;box-shadow:0 0 0 3px #b137301c,0 0 12px #b137302e;content:"";pointer-events:none;animation:threat-pulse 1.9s ease-in-out infinite}.board-point.is-selected .piece-view{outline:none}.piece-view.is-shattered{animation:piece-shatter .9s cubic-bezier(.22,.8,.3,1) forwards}.piece-crack{position:absolute;inset:14%;z-index:3;border-radius:50%;background:linear-gradient(116deg,transparent 45%,rgba(72,38,17,.72) 47%,transparent 49%),linear-gradient(52deg,transparent 51%,rgba(72,38,17,.55) 53%,transparent 55%),linear-gradient(155deg,transparent 46%,rgba(255,250,238,.54) 48%,transparent 51%);mix-blend-mode:multiply;pointer-events:none}.shatter-burst{position:absolute;inset:-2%;z-index:5;overflow:visible;pointer-events:none}.shatter-shard{position:absolute;top:50%;left:50%;width:13%;height:22%;background:linear-gradient(145deg,#f9e8c7,#c18e54);clip-path:polygon(50% 0,100% 62%,28% 100%);opacity:0;animation:shatter-fly .86s cubic-bezier(.18,.7,.26,1) var(--delay) forwards}.shatter-red .shatter-shard{border-top:2px solid rgba(163,41,42,.55)}.shatter-black .shatter-shard{border-top:2px solid rgba(44,40,35,.55)}@keyframes threat-pulse{50%{opacity:.68;transform:scale(.96)}}@keyframes piece-shatter{0%{filter:none;opacity:1;transform:scale(1)}16%{filter:brightness(1.12);transform:translate(-2px,1px) rotate(-3deg) scale(1.06)}28%{transform:translate(2px,-1px) rotate(2deg) scale(1.04)}to{filter:grayscale(.35) brightness(.96);opacity:.48;transform:scale(.9) rotate(2deg)}}@keyframes shatter-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-8%) scale(.9)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 110deg)) translateY(-205%) scale(.34)}}.board-point:hover .piece-view{filter:brightness(1.035);transform:translateY(-2px)}.board-point.is-selected .piece-view{box-shadow:0 10px 18px #46250c47,0 2px 4px #46250c29,inset 0 0 0 1.5px #683d1c94;filter:brightness(1.04);outline:none;transform:translateY(-4px) scale(1.035)}.board-point.is-selected .piece-view:before{display:none}.board-point.is-capture .piece-view{box-shadow:0 4px 8px #3a210c45,0 0 0 3px #a3292aad,inset 0 0 0 1.5px #683d1c8c}.board-point.is-last:before{position:absolute;inset:-1%;border:1px dashed rgba(118,64,25,.7);border-radius:50%;content:"";pointer-events:none}.board-point.is-last.is-empty:before{inset:34%;border:0;background:#6f3c1885}.legal-dot{display:block;width:18%;border-radius:50%;background:#8e2f2a9e;box-shadow:0 0 0 4px #8e2f2a1a,0 1px 3px #501f1540;animation:legal-breathe 2.2s ease-in-out infinite;aspect-ratio:1}@keyframes legal-breathe{50%{opacity:.62;transform:scale(.86)}}.board-footnote{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;padding:12px 4px 0;color:var(--ink-faint);font-size:10px;letter-spacing:.05em}.footnote-mark{color:var(--gilt);font-size:6px}.footnote-divider{width:1px;height:10px;background:var(--line)}.board-legend{display:inline-flex;align-items:center;gap:8px}.legend-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.legend-ring{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-green{border:1.5px solid rgba(63,128,79,.9)}.legend-red{border:1.5px solid rgba(177,55,48,.9)}.game-sidebar{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px}.panel{padding:19px;border:1px solid rgba(105,72,42,.15);border-radius:20px;background:#fffbf3b3;box-shadow:0 12px 34px #51331812,inset 0 1px #ffffffc2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.round-label,.muted-label{color:var(--ink-faint);font-size:10px;letter-spacing:.06em}.players{display:grid;grid-template-columns:1fr 1fr;gap:8px}.player{position:relative;display:flex;min-width:0;padding:10px;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;background:#ede2cf7a;transition:border-color .18s ease,background .18s ease}.player.active{border-color:#a3292a3b;background:#fff9eeeb;box-shadow:0 4px 14px #4b2b110f}.player.winner{border-color:#b4874d6b;background:#f4e6c9cc}.side-seal{display:grid;width:36px;height:36px;flex:0 0 36px;border-radius:50%;color:#fff8e8;font-family:STKaiti,KaiTi,serif;font-size:20px;place-items:center}.seal-red{background:linear-gradient(145deg,#b63b37,#8e2022);box-shadow:inset 0 0 0 2px #ffe7ca4d,0 2px 6px #7d1d2038}.seal-black{background:linear-gradient(145deg,#45403a,#24211e);box-shadow:inset 0 0 0 2px #fff1db29,0 2px 6px #26201a33}.player-copy{display:flex;min-width:0;flex-direction:column}.player-copy strong{font-size:13px;font-weight:600;letter-spacing:.08em}.player-copy small{overflow:hidden;margin-top:2px;color:var(--ink-faint);font-size:9px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.player-turn{position:absolute;top:6px;right:7px;color:var(--cinnabar);font-size:8px;letter-spacing:.08em}.status-message{position:relative;display:flex;margin-top:12px;padding:13px 13px 13px 18px;overflow:hidden;align-items:center;gap:12px;border-radius:13px;background:linear-gradient(90deg,#a3292a13,#a3292a03)}.status-message.is-over{background:linear-gradient(90deg,#b4874d29,#b4874d08)}.status-decoration{position:absolute;top:11px;bottom:11px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--cinnabar)}.status-message.is-over .status-decoration{background:var(--gilt)}.status-message strong{display:block;margin-bottom:3px;font-size:14px;font-weight:600;letter-spacing:.07em}.status-message p{margin:0;color:var(--ink-faint);font-size:10px;line-height:1.6}.result-stamp{margin-left:auto;padding:3px 6px;border:1px solid rgba(163,41,42,.5);color:var(--cinnabar);font-family:STKaiti,KaiTi,serif;font-size:15px;letter-spacing:.1em;transform:rotate(-6deg)}.capture-panel{padding-top:17px;padding-bottom:16px}.capture-row{display:flex;min-height:30px;align-items:center;gap:10px}.capture-row+.capture-row{margin-top:7px;padding-top:7px;border-top:1px dashed rgba(105,72,42,.12)}.capture-label{width:28px;flex:0 0 28px;color:var(--ink-faint);font-size:10px}.capture-list{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.captured-piece{display:grid;width:26px;height:26px;border:1px solid rgba(102,63,30,.2);border-radius:50%;background:#f8edd8d1;font-family:STKaiti,KaiTi,serif;font-size:14px;place-items:center}.captured-red{color:var(--cinnabar)}.captured-black{color:var(--ink)}.capture-empty{color:#8f7d6b8c;font-size:10px}.record-panel{padding-bottom:13px}.record-list{max-height:208px;padding-right:5px;overflow-y:auto;scrollbar-color:rgba(139,103,68,.3) transparent;scrollbar-width:thin}.record-list::-webkit-scrollbar{width:4px}.record-list::-webkit-scrollbar-thumb{border-radius:4px;background:#8b674442}.record-round{display:grid;min-height:31px;padding:0 5px;align-items:center;border-radius:7px;grid-template-columns:27px minmax(0,1fr) minmax(0,1fr)}.record-round:nth-child(2n){background:#e7d9c340}.record-number{color:#8f7d6ba6;font-family:Times New Roman,serif;font-size:10px}.record-move{display:flex;min-width:0;align-items:center;gap:4px;padding:4px 5px;border-radius:5px;color:var(--ink-soft);font-size:11px;letter-spacing:.02em}.record-move-active{background:#a3292a12;color:var(--ink)}.record-move-button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.record-move-button:hover{background:#b4874d1a;color:var(--ink)}.record-move-button:focus-visible{outline:1px solid var(--cinnabar);outline-offset:-2px}.record-move-placeholder{min-height:24px}.record-side{display:inline-grid;width:16px;height:16px;flex:0 0 16px;border-radius:50%;font-size:8px;place-items:center}.side-red{background:#a3292a1a;color:var(--cinnabar)}.side-black{background:#26201a17;color:var(--ink)}.record-check{padding:1px 3px;border-radius:3px;background:#a3292a1a;color:var(--cinnabar);font-size:8px}.record-empty{display:flex;min-height:94px;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-faint);text-align:center}.record-empty p{margin:8px 0 0;font-size:10px;letter-spacing:.05em}.empty-seal{display:grid;width:31px;height:31px;border:1px solid rgba(163,41,42,.28);border-radius:50%;color:#a3292a8c;font-family:STKaiti,KaiTi,serif;font-size:17px;place-items:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-button{min-height:40px;padding:8px 12px;border:1px solid rgba(105,72,42,.18);border-radius:11px;background:#fffbf3a3;color:var(--ink-soft);cursor:pointer;font-size:11px;letter-spacing:.08em;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.action-button:hover:not(:disabled){border-color:#69482a52;background:#fffcf6f2;color:var(--ink);transform:translateY(-1px)}.action-button.primary{border-color:#a3292a73;background:var(--cinnabar);color:#fff7e8;box-shadow:0 4px 12px #7d1d2021}.action-button.primary:hover:not(:disabled){border-color:var(--cinnabar-dark);background:var(--cinnabar-dark);color:#fffaf0}.action-button.danger{color:#a3292ac7}.action-button:disabled{cursor:not-allowed;opacity:.38}.action-button.wide{grid-column:1 / -1}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.study-control-panel{padding-bottom:17px}.study-title{display:flex;margin-bottom:13px;flex-direction:column;gap:3px}.study-title strong{overflow:hidden;font-size:15px;font-weight:600;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.study-title span{color:var(--ink-faint);font-size:9px;letter-spacing:.04em}.study-tools{display:grid;margin-bottom:15px;grid-template-columns:1fr 1fr;gap:7px}.study-tool{min-height:35px;padding:7px 9px;border:1px solid rgba(105,72,42,.18);border-radius:9px;background:#fffbf48f;color:var(--ink-soft);cursor:pointer;font-size:10px;letter-spacing:.05em;transition:border-color .15s ease,background .15s ease,color .15s ease}.study-tool:hover:not(:disabled){border-color:#a3292a4d;background:#fffcf7f0;color:var(--cinnabar)}.study-tool.subtle{grid-column:1 / -1;border-color:transparent;background:transparent;color:var(--ink-faint)}.study-tool:disabled{cursor:not-allowed;opacity:.38}.replay-progress{margin:8px 0 10px}.replay-range{width:100%;height:18px;margin:0;accent-color:var(--cinnabar);cursor:pointer}.replay-range:disabled{cursor:not-allowed;opacity:.35}.replay-labels{display:flex;margin-top:1px;align-items:center;justify-content:space-between;color:var(--ink-faint);font-size:8px;letter-spacing:.04em}.replay-labels span:nth-child(2){color:var(--cinnabar);font-size:9px}.replay-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.replay-control{display:grid;height:35px;padding:0;border:1px solid rgba(105,72,42,.17);border-radius:8px;background:#fffbf48c;color:var(--ink-soft);cursor:pointer;font-family:Times New Roman,serif;font-size:15px;place-items:center;transition:border-color .15s ease,background .15s ease}.replay-control:hover:not(:disabled){border-color:#a3292a57;background:#fffcf6f5}.replay-control:disabled{cursor:not-allowed;opacity:.3}.replay-play{border-color:#a3292a75;background:var(--cinnabar);color:#fff7e8;font-family:"Noto Serif SC",Songti SC,serif;font-size:11px}.replay-play:hover:not(:disabled){border-color:var(--cinnabar-dark);background:var(--cinnabar-dark)}.study-hint{margin:12px 0 0;color:var(--ink-faint);font-size:9px;line-height:1.7}.study-hint-mark{margin-right:4px;color:var(--gilt);font-size:6px}.study-notice,.study-error{margin:9px 0 0;padding:8px 10px;border-radius:8px;font-size:9px;line-height:1.6}.study-notice{background:#6a854e1a;color:#64734f}.study-error{background:#a3292a14;color:var(--cinnabar)}.study-record-panel .record-list{max-height:275px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;padding:20px;background:#281d1357;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center}.confirm-dialog{width:min(100%,430px);padding:27px;border:1px solid rgba(105,72,42,.2);border-radius:22px;background:radial-gradient(circle at 88% 10%,rgba(180,135,77,.12),transparent 34%),#faf4e8;box-shadow:0 30px 80px #2c1b0d42,inset 0 1px #ffffffe6}.confirm-dialog h2{margin:10px 0;font-size:23px;font-weight:600;letter-spacing:.05em}.confirm-dialog p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.8}.confirm-actions{display:grid;margin-top:22px;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:901px)and (max-height:940px){.home-view{min-height:calc(100vh - 120px);padding:30px 0}.home-hero h1{font-size:clamp(42px,5vw,64px)}.home-sigil{width:108px;height:108px;margin-top:26px}.sigil-core{width:70px;height:70px;font-size:39px}.mode-card{padding:20px}.study-record-panel .record-list{max-height:180px}}.site-footer{display:flex;margin-top:auto;padding:24px 4px 0;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;color:#8f7d6bb8;font-size:9px;letter-spacing:.1em}.footer-separator{width:18px;height:1px;background:#8f7d6b4d}.site-footer-beian{display:flex;width:100%;margin-top:10px;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;font-size:12px;letter-spacing:.04em}.site-footer-beian a{color:#8f7d6beb;text-decoration:none}.site-footer-beian a:hover{color:#7a6754;text-decoration:underline}@media(max-width:1040px){.app-frame{padding-right:24px;padding-left:24px}.game-layout{grid-template-columns:minmax(0,1fr) 344px;gap:22px}.panel{padding:16px}.player{padding:9px 8px}}@media(max-width:900px){.home-view{min-height:0;padding:42px 0 30px;grid-template-columns:minmax(0,1fr);gap:38px}.home-hero,.home-modes{width:min(100%,640px);margin-right:auto;margin-left:auto}.home-sigil,.mode-study{margin-left:0}.game-layout{grid-template-columns:minmax(0,1fr);gap:18px}.game-sidebar{position:static;width:min(100%,690px);margin:0 auto}.players{grid-template-columns:1fr 1fr}.record-list,.study-record-panel .record-list{max-height:250px}}@media(min-width:901px)and (max-height:940px){.site-header{min-height:74px}.game-layout{margin-top:18px}.intro{margin-bottom:12px}.intro h1{margin:5px 0;font-size:clamp(25px,2.4vw,32px)}.intro p{font-size:11px;line-height:1.6}.board-card{max-width:540px}.board-toolbar{min-height:34px;padding-bottom:6px}.board-footnote{padding-top:8px}}@media(min-width:901px)and (max-height:800px){.site-header{min-height:66px}.intro p{display:none}.intro h1{font-size:24px}.board-card{max-width:480px}}@media(max-width:600px){.app-frame{padding:0 12px 18px}.site-header{min-height:74px}.brand-mark{width:39px;height:39px;font-size:23px}.brand-copy strong{font-size:16px}.brand-copy small{font-size:8px}.header-tag.secondary{display:none}.header-tag{padding:6px 9px;font-size:10px}.header-actions .header-tag{display:none}.back-home{font-size:9px}.home-view{padding:28px 0 22px;gap:28px}.home-hero h1{margin:10px 0 14px;font-size:39px;line-height:1.18}.home-hero>p{font-size:11px;line-height:1.8}.home-rule{margin-top:16px;gap:8px;font-size:9px}.home-sigil{width:96px;height:96px;margin:25px auto 0}.sigil-core{width:60px;height:60px;font-size:34px}.sigil-piece{width:26px;height:26px;font-size:14px}.sigil-piece-red{top:50px}.home-modes{gap:11px}.mode-card{padding:17px 14px;border-radius:18px;grid-template-columns:50px minmax(0,1fr) 20px;gap:12px}.mode-index{display:none}.mode-card .mode-seal{width:50px;height:50px;flex-basis:50px;font-size:27px}.mode-copy strong{margin-bottom:3px;font-size:20px}.mode-copy small{font-size:9px}.home-note{padding:0 8px;font-size:8px;text-align:center}.game-layout{margin-top:22px}.intro{margin-bottom:14px;padding:0 4px}.intro h1{margin-top:6px;font-size:25px}.intro p{font-size:11px}.board-card{padding:9px 9px 12px;border-radius:18px}.board-toolbar{min-height:36px;padding-bottom:7px}.board-surface{padding:5%;border-radius:11px}.piece-glyph{font-size:clamp(15px,5.2vw,24px)}.board-footnote{padding-top:9px;font-size:8px}.footnote-divider{display:none}.board-legend{gap:7px}.panel{border-radius:17px}.study-tools{gap:6px}.replay-controls{gap:4px}.study-record-panel .record-list{max-height:220px}.status-message{padding-right:10px}.result-stamp{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.study-sim-banner{display:flex;margin:0 0 12px;padding:9px 10px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(180,135,77,.42);border-radius:9px;background:#b4874d1a}.study-sim-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.study-sim-copy strong{color:var(--cinnabar);font-size:10px;letter-spacing:.06em}.study-sim-copy span{color:var(--ink-faint);font-size:8.5px;line-height:1.55}.study-sim-exit{flex:0 0 auto;min-height:30px;padding:5px 10px}.record-move-sim{background:#a3292a0f;color:var(--cinnabar-dark)}.record-sim-tag{margin-left:auto;padding:1px 3px;border-radius:3px;background:#a3292a1f;color:var(--cinnabar);font-size:8px}.record-move-button:disabled{cursor:default}.record-future-block{margin-top:6px}.record-future-divider{display:flex;margin:6px 5px 3px;align-items:center;gap:8px;white-space:nowrap;color:var(--ink-faint);font-size:8px;letter-spacing:.05em}.record-future-divider:before,.record-future-divider:after{content:"";height:1px;flex:1;background:var(--line)}.record-round-future{opacity:.42}.record-round-future:hover{opacity:.95}