:root{--ink:#eee5d2;--muted:#9a9385;--gold:#cf9e50;--gold-bright:#e9bd72;--panel:#171c19;--panel-deep:#101412;--line:#8d7044;--border:#494338}*{box-sizing:border-box}html{background:#0b0e0d;min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(115deg,#0000 0 68%,#02030340 68% 100%),radial-gradient(circle at 12% -10%,#2c3d33 0,#0000 34%),radial-gradient(circle at 80% 100%,#241c12 0,#0000 32%),#0c100e;margin:0;font-family:Georgia,Noto Serif SC,Songti SC,serif}body:before{content:"";pointer-events:none;opacity:.25;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(93deg,#0000 0 17px,#fff 18px,#0000 19px 41px);position:fixed;inset:0}button{font:inherit}button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.game-page{min-height:100vh;padding:22px clamp(16px,3.4vw,56px) 24px;position:relative;overflow-x:hidden}.topbar{border-bottom:1px solid #5e554080;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:1420px;margin:0 auto 20px;padding:0 2px 17px;display:grid}.brand-mark{color:#d9b268;background:#121814;border:1px solid #bd914d;place-items:center;width:44px;height:44px;font-weight:700;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #0c0f0e}.brand-mark span{transform:rotate(-45deg)}.brand-copy{align-items:baseline;gap:13px;display:flex}.eyebrow{color:#b59d73;letter-spacing:.18em;text-transform:uppercase;margin:0;font:700 10px/1.25 Arial,sans-serif}h1{letter-spacing:.12em;margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:500}.header-actions{align-items:center;gap:18px;display:flex}.edition{color:#77746c;letter-spacing:.18em;font:600 9px Arial,sans-serif}.text-button{color:#c3ad88;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8b7148;padding:5px 0;font:12px Arial,sans-serif}.language-switch{color:#d1b77f;cursor:pointer;letter-spacing:.08em;background:#111613;border:1px solid #66583f;min-width:42px;padding:5px 8px;font:700 10px Arial,sans-serif}.language-switch:hover{color:#f0d49c;border-color:#b38c50}.game-layout{grid-template-columns:minmax(500px,1.42fr) minmax(330px,.78fr);align-items:stretch;gap:18px;max-width:1280px;margin:0 auto;display:grid}.board-panel,.control-panel{border:1px solid var(--border);background:linear-gradient(145deg,#19201c,#111512 80%);position:relative;box-shadow:0 26px 80px #0009}.board-panel{flex-direction:column;min-height:min(760px,100vh - 128px);padding:17px 22px 12px;display:flex;overflow:hidden}.board-panel:before,.control-panel:before{content:"";pointer-events:none;border:1px solid #77705c18;position:absolute;inset:5px}.turn-line{color:#aaa394;letter-spacing:.02em;align-items:center;gap:9px;min-height:26px;font:12px Arial,sans-serif;display:flex}.turn-line strong{color:#ecd9ad;font-size:13px}.turn-line>span:last-child{color:#827d73;margin-left:auto}.turn-dot{background:#d5a450;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #d5a450}.turn-dot.thinking{animation:1.15s infinite pulse}.board-stage{flex:1;place-items:center;width:min(94%,700px);margin:4px auto;padding:23px 0 0 24px;display:grid;position:relative}.board-wrap{aspect-ratio:1;background:radial-gradient(circle at 28% 12%,#56452c30,#0000 34%),repeating-linear-gradient(7deg,#0000 0 25px,#b7915420 26px,#0000 28px),radial-gradient(circle,#3e3323,#201d17 72%);border:1px solid #7b633b;width:min(100%,100vh - 205px);padding:8%;position:relative;box-shadow:inset 0 0 90px #000b,0 18px 45px #0007}.board-wrap:after{content:"";pointer-events:none;border:1px solid #ae8a4a30;position:absolute;inset:2.5%}.board-wrap:before{content:"";background:linear-gradient(to right, transparent 24.62%, var(--line) 24.72% 25.28%, transparent 25.38% 49.62%, var(--line) 49.72% 50.28%, transparent 50.38% 74.62%, var(--line) 74.72% 75.28%, transparent 75.38%), linear-gradient(to bottom, transparent 24.62%, var(--line) 24.72% 25.28%, transparent 25.38% 49.62%, var(--line) 49.72% 50.28%, transparent 50.38% 74.62%, var(--line) 74.72% 75.28%, transparent 75.38%);border:2px solid var(--line);filter:drop-shadow(0 1px #140e08);position:absolute;inset:8%}.board-lines{position:absolute;inset:8%;overflow:hidden}.diag{background:var(--line);transform-origin:0;filter:drop-shadow(0 1px #140e08);height:2px;display:block;position:absolute}.main-a{width:141.421%;top:0;left:0;transform:rotate(45deg)}.main-b{transform-origin:100%;width:141.421%;top:0;right:0;transform:rotate(-45deg)}.diamond{width:70.711%}.d1{top:0;left:50%;transform:rotate(135deg)}.d2{top:0;left:50%;transform:rotate(45deg)}.d3{top:50%;left:0;transform:rotate(45deg)}.d4{transform-origin:100%;top:50%;right:0;transform:rotate(135deg)}.board-grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);width:100%;height:100%;display:grid;position:relative}.node{width:22px;height:22px;color:inherit;z-index:2;background:#957a51;border:0;border-radius:50%;place-self:center;padding:0;transition:transform .16s,background .16s,box-shadow .16s;position:relative;box-shadow:0 0 0 4px #2a241b,0 2px 4px #000}.node:not(:disabled){cursor:pointer}.node.empty:not(:disabled):hover,.node.legal{background:#f0c372;transform:scale(1.16);box-shadow:0 0 0 4px #3b2c1b,0 0 19px #e9b75e}.node.legal:after{content:"";border:1px solid #ddae5a80;border-radius:50%;animation:1.8s infinite target;position:absolute;inset:-12px}.node.selected .wolf-piece,.node.selected .sheep-piece{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 3px #f2c978,0 0 26px #e3ae50,0 10px 20px #000b}.node.last-from:before,.node.last-to:before{content:"";border:1px solid #c59b5470;border-radius:50%;position:absolute;inset:-9px}.node.last-to:before{box-shadow:0 0 12px #d6a04d80}.node.ai-from{box-shadow:0 0 0 4px #1c2f38,0 0 0 7px #5babc9,0 0 20px #54b7d580}.node.ai-to{box-shadow:0 0 0 4px #3b2d18,0 0 0 7px #f0bd62,0 0 24px #e9ad4ea0}.node.ai-capture{box-shadow:0 0 0 4px #341d1b,0 0 0 7px #c66c5a,0 0 22px #b94c3d80}.ai-step-marker{z-index:6;color:#e9bd72;pointer-events:none;background:#101412e8;border:1px solid;min-width:20px;padding:3px 4px;font:700 8px/1 Arial,sans-serif;position:absolute;top:-31px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #000a}.node.ai-from .ai-step-marker{color:#75c5df}.node.ai-capture .ai-step-marker{color:#e18a77}.wolf-piece,.sheep-piece{pointer-events:none;border-radius:50%;place-items:center;width:clamp(40px,4.2vw,56px);height:clamp(40px,4.2vw,56px);transition:transform .18s,box-shadow .18s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 10px 20px #000b}.wolf-piece{color:#efd298;background:radial-gradient(circle at 34% 25%,#77776e,#282e2a 52%,#101411 78%);border:3px solid #a58757}.wolf-piece:before{content:"";border:1px solid #c8a66a55;border-radius:50%;position:absolute;inset:5px}.sheep-piece{color:#2b2c27;background:radial-gradient(circle at 34% 25%,#fffdf5,#d4cab5 58%,#a99e89);border:3px solid #796644}.sheep-piece:before{content:"";border:1px solid #75623d50;border-radius:50%;position:absolute;inset:5px}.wolf-piece b,.sheep-piece b{font:700 clamp(10px,1.15vw,14px) Arial,sans-serif;position:relative}.coordinate{color:#776f61;letter-spacing:.12em;font:9px Arial,sans-serif;display:grid;position:absolute}.coordinate.top{text-align:center;grid-template-columns:repeat(5,1fr);top:8px;left:calc(8% + 24px);right:8%}.coordinate.side{grid-template-rows:repeat(5,1fr);align-items:center;top:calc(8% + 23px);bottom:8%;left:7px}.board-footer{color:#898274;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;min-height:28px;font:10px Arial,sans-serif;display:flex}.footer-actions{align-items:center;gap:15px;display:flex}.footer-actions button{color:#c7ad7f;cursor:pointer;background:0 0;border:0;font:11px Arial,sans-serif}.footer-actions button:disabled{color:#55534e;cursor:default}.control-panel{grid-template-rows:auto 1fr minmax(116px,.62fr);min-height:min(760px,100vh - 128px);display:grid}.settings-section{border-bottom:1px solid #474237;padding:26px 28px 20px}.section-heading{justify-content:space-between;align-items:start;display:flex}.section-heading h2{margin:5px 0 18px;font-size:25px;font-weight:500}.icon-button{color:#a69a84;cursor:pointer;background:#101411;border:1px solid #4d493f;width:31px;height:31px}.score-row{border-block:1px solid #454034;grid-template-columns:repeat(3,1fr);margin-bottom:17px;padding:13px 0;display:grid}.score-row div{padding:0 12px}.score-row div:first-child{padding-left:0}.score-row div+div{border-left:1px solid #454034}.score-row span{color:#827b70;letter-spacing:.08em;font:9px Arial,sans-serif;display:block}.score-row strong{color:#e2c990;margin-right:4px;font-size:28px;font-weight:400}.score-row small{color:#777269;font:9px Arial,sans-serif}.settings-section label{color:#918b7e;letter-spacing:.12em;margin:14px 0 7px;font:9px Arial,sans-serif;display:block}.segmented{border:1px solid #454034;gap:3px;padding:3px;display:flex}.segmented button{color:#918b80;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:8px 4px;font:11px Arial,sans-serif;transition:all .16s}.segmented button span{color:#b99b69;margin-right:5px}.segmented .active{color:#fff7e6;background:linear-gradient(#a77b3b,#7a572c);box-shadow:inset 0 0 0 1px #dab36e}.segmented .active span{color:#fff2d1}.engine-card{background:#0f1311;border:1px solid #504838;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:51px;padding:9px 11px;display:grid}.engine-card>span{color:#cfa354;letter-spacing:.08em;border:1px solid #6d5938;padding:5px 6px;font:700 8px Arial,sans-serif}.engine-card strong{color:#d9c7a8;font:700 10px Arial,sans-serif;display:block}.engine-card p{color:#6f6b62;margin:3px 0 0;font:8px Arial,sans-serif}.engine-card>b{color:#9d875e;font:400 8px Arial,sans-serif}.primary-button{color:#fff5df;cursor:pointer;letter-spacing:.1em;background:linear-gradient(#af8441,#755126);border:1px solid #deb86f;width:100%;margin:17px 0 0;padding:11px;font:700 11px Arial,sans-serif;box-shadow:inset 0 0 0 2px #6b4c25,0 8px 18px #0005}.primary-button:hover{filter:brightness(1.1)}.primary-button.compact{width:auto;padding-inline:30px}.insight-section{background:#0e1210aa;border-bottom:1px solid #474237;min-height:228px;padding:18px 28px 16px}.insight-title{align-items:center;gap:11px;display:flex}.ai-glyph{color:#e0b763;background:#151a17;border:1px solid #6d5838;flex:none;place-items:center;width:30px;height:30px;display:grid}.ai-glyph.pulse{animation:1.15s infinite pulse}.insight-title strong{color:#d1c2a7;font:700 11px Arial,sans-serif}.insight-title p{color:#6f6d67;margin:3px 0 0;font:9px Arial,sans-serif}.candidate-list{margin-top:12px}.candidate{border-top:1px solid #36352f;align-items:center;gap:10px;padding:7px 0;display:flex}.candidate-rank{color:#665f53;font:9px Arial,sans-serif}.candidate-copy{flex:1;min-width:0}.candidate-copy>div{justify-content:space-between;gap:8px;display:flex}.candidate-copy strong,.candidate-copy span{font:10px Arial,sans-serif}.candidate-copy strong{color:#bdb4a3}.candidate-copy span{color:#c99c55}.candidate-copy p{text-overflow:ellipsis;white-space:nowrap;color:#716d64;margin:2px 0 5px;font:9px Arial,sans-serif;overflow:hidden}.candidate-copy>i{background:#2d2f2a;height:2px;display:block}.candidate-copy>i b{background:linear-gradient(90deg,#776038,#d5a856);height:100%;display:block}.empty-insight{color:#555750;align-content:center;place-items:center;min-height:92px;display:grid}.empty-insight span{color:#746548;font-size:16px}.empty-insight p{margin:5px 0 0;font:9px Arial,sans-serif}.candidate.skeleton{height:45px}.candidate.skeleton i,.candidate.skeleton span{background:linear-gradient(90deg,#282b26 25%,#3a3c35 50%,#282b26 75%) 0 0/200% 100%;animation:1.4s infinite shimmer;display:block}.candidate.skeleton i{width:24px;height:8px}.candidate.skeleton span{width:70%;height:18px}.move-log{min-height:0;padding:15px 28px 18px}.log-heading{color:#a49b8b;letter-spacing:.12em;justify-content:space-between;font:9px Arial,sans-serif;display:flex}.log-heading small{color:#5f5c56}.log-list{scrollbar-width:thin;scrollbar-color:#5e5039 transparent;height:92px;margin-top:9px;overflow-y:auto}.log-empty{color:#605f59;font:9px Arial,sans-serif}.log-item{color:#8e897f;border-top:1px solid #302f2a;grid-template-columns:24px 19px 1fr auto;align-items:center;min-height:28px;font:9px Arial,sans-serif;display:grid}.log-item>span{color:#595750}.log-item i{font-style:normal}.log-item i.sheep{color:#d6cfbf}.log-item i.wolf{color:#bf9251}.log-item p{margin:0}.log-item b{color:#c0884a;font-size:8px}.result-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#090c0bd9;align-content:center;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.result-overlay:before{content:"";border:1px solid #94744650;position:absolute;inset:12%}.result-overlay>*{position:relative}.result-overlay h2{margin:7px 0 8px;font-size:35px;font-weight:500}.result-overlay>p:not(.eyebrow){color:#9d9688;max-width:360px;font:12px/1.7 Arial,sans-serif}.site-footer{color:#66645e;letter-spacing:.04em;justify-content:space-between;max-width:1280px;margin:14px auto 0;font:9px Arial,sans-serif;display:flex}.site-footer button{color:#9e8969;cursor:pointer;background:0 0;border:0;font:9px Arial,sans-serif}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050706db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rules-modal{background:linear-gradient(145deg,#1d241f,#111512);border:1px solid #6f6046;width:min(760px,100%);max-height:90vh;padding:38px 42px 32px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000}.rules-modal:before{content:"";pointer-events:none;border:1px solid #82765e30;position:absolute;inset:7px}.rules-modal h2{margin:7px 0 25px;font-size:31px;font-weight:500}.modal-close{color:#b9ab93;cursor:pointer;background:0 0;border:1px solid #514b3e;width:34px;height:34px;font:24px/1 Arial,sans-serif;position:absolute;top:18px;right:22px}.rule-grid{background:#494336;border:1px solid #494336;grid-template-columns:1fr 1fr;gap:1px;display:grid}.rule-grid article{background:#141917;gap:13px;padding:16px;display:flex}.rule-grid article>span{color:#b68b4c;font:9px Arial,sans-serif}.rule-grid h3{color:#dfceb0;margin:0 0 5px;font-size:14px;font-weight:500}.rule-grid p{color:#827e74;margin:0;font:10px/1.6 Arial,sans-serif}.rule-tip{background:#0d110f;border-left:2px solid #ad8246;gap:14px;margin-top:18px;padding:13px 15px;display:flex}.rule-tip b{color:#d8b36b;font:10px Arial,sans-serif}.rule-tip p{color:#77736b;margin:0;font:10px Arial,sans-serif}@keyframes pulse{0%,to{opacity:.45;box-shadow:0 0 #d5a45000}50%{opacity:1;box-shadow:0 0 18px #d5a45088}}@keyframes target{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=980px){.game-layout{grid-template-columns:1fr;max-width:760px}.board-panel{min-height:auto}.board-wrap{width:min(100%,620px)}.control-panel{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;min-height:auto}.settings-section{border-bottom:0;border-right:1px solid #474237;grid-row:1/3}.move-log{min-height:140px}}@media (width<=640px){.game-page{padding-inline:10px}.topbar{grid-template-columns:auto 1fr}.brand-copy{display:block}.brand-copy .eyebrow{margin-bottom:3px}.header-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-7px}.header-actions .edition,.header-actions .text-button{display:none}.board-panel{padding:14px 12px 10px}.turn-line>span:last-child{font-size:9px}.board-stage{width:100%;padding-left:18px}.board-wrap{width:100%}.wolf-piece,.sheep-piece{width:clamp(34px,11vw,48px);height:clamp(34px,11vw,48px)}.node{width:17px;height:17px}.board-footer{align-items:start}.board-footer>span{max-width:55%;line-height:1.4}.control-panel{display:block}.settings-section{border-bottom:1px solid #474237;border-right:0;padding:24px 20px 18px}.insight-section,.move-log{padding-inline:20px}.rule-grid{grid-template-columns:1fr}.rules-modal{padding:32px 22px 24px}.site-footer{padding-inline:4px}.site-footer span{max-width:65%;line-height:1.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}