/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}}:root{--ink:#251b13;--paper:#ead9b8;--red:#9e2e20;--green:#273a27}*{box-sizing:border-box}html,body{color:#f3ead8;background:#17130e;min-height:100%;margin:0}button{font:inherit}.app{min-height:100svh;font-family:Noto Serif SC,Songti SC,STSong,serif;position:relative;overflow:hidden}.scene{filter:saturate(.72)sepia(.12);background:url(/grape-arbor.png) 50%/cover no-repeat;position:fixed;inset:0}.scene:after{content:"";background:linear-gradient(90deg,#0c0f08c7 0%,#100d087a 50%,#080a0633),linear-gradient(#0000 55%,#0c09058c);position:absolute;inset:0}.grain{pointer-events:none;opacity:.1;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}.title-screen{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:8vw 10vw;animation:1.5s fade;display:flex;position:relative}.eyebrow{letter-spacing:.6em;color:#d7c39d;font-size:12px}.title-screen h1{letter-spacing:.08em;text-shadow:0 2px 18px #000;margin:24px 0 30px;font-size:clamp(36px,5.4vw,78px);font-weight:500;line-height:1.35}.rule{background:linear-gradient(90deg,#c9a96e,#0000);width:min(460px,60vw);height:1px;margin-bottom:28px}.primary{color:#f5ead5;letter-spacing:.18em;cursor:pointer;background:#1e180f73;border:1px solid #ecd9b580;padding:14px 20px}.primary span{margin-left:22px}.primary:hover{background:#8a3325}.skip{color:#c8b58f;cursor:pointer;background:0 0;border:0;margin:16px 0 0 4px;font-size:13px}.hint{color:#a99b83;letter-spacing:.25em;font-size:11px;position:absolute;bottom:5vh}.story{z-index:2;cursor:pointer;align-items:center;min-height:100svh;padding:8vw 11vw;display:flex;position:relative}.story:after{content:"";z-index:-1;background:linear-gradient(90deg,#0b0d08db 0%,#0c0c089e 52%,#0000 90%);position:absolute;inset:0}.story-copy{max-width:700px;animation:.9s rise}.chapter{letter-spacing:.45em;color:#c5a66f;font-size:12px}.story-copy p{letter-spacing:.06em;color:#f2e8d4;text-wrap:balance;margin:25px 0;font-size:clamp(23px,3vw,44px);line-height:1.65}.story-copy p+p{color:#d7c4a1;font-size:clamp(18px,2.1vw,30px)}.story-nav{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:7vh;left:11vw;right:7vw}.story-nav button{color:#d8c5a5;cursor:pointer;background:0 0;border:0}.dots{gap:10px;display:flex}.dots button{background:#766a55;width:26px;height:2px;padding:0}.dots button.active{background:#e4c891}.phase-story .scene{animation:30s linear both slowzoom}@keyframes slowzoom{to{transform:scale(1.08)}}.phase-game .scene{filter:saturate(.55)brightness(.44);transform:scale(1.03)}.game-shell{z-index:2;flex-direction:column;min-height:100svh;padding:20px 4vw 16px;display:flex;position:relative}.game-shell header,.game-shell footer{justify-content:space-between;align-items:center;display:flex}.brand{color:#eee1c8;text-align:left;cursor:pointer;background:0 0;border:0}.brand b{letter-spacing:.25em;font-size:23px;display:block}.brand span{color:#bda885;letter-spacing:.35em;font-size:10px}.header-actions{gap:24px;display:flex}.header-actions button,.game-shell footer button{color:#d7c3a0;cursor:pointer;background:0 0;border:0;font-size:12px}.game-grid{flex:1;grid-template-columns:minmax(130px,1fr) minmax(360px,68vh) minmax(130px,1fr);justify-content:center;align-items:center;gap:3vw;display:grid}.person{text-align:center;color:#d4c19f}.portrait{background:#1b160f99;border:1px solid #9f8a64;border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:26px;display:grid}.person h2{letter-spacing:.18em;margin:14px 0 8px;font-size:16px;font-weight:400}.person p{color:#a99675;font-size:13px}.person i{color:#7c9a70;font-size:11px;font-style:normal}.board-wrap{width:100%;max-width:68vh;margin:auto}.turnline,.status{color:#b9a17c;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.turnline{margin-bottom:8px}.turnline em{font-style:normal}.board{isolation:isolate;aspect-ratio:9/10;clip-path:polygon(.5% 1.2%,4% .4%,9% 1%,15% .2%,22% .8%,29% .3%,37% 1%,45% .2%,53% .7%,61% .15%,69% .8%,77% .3%,85% 1%,92% .25%,99.2% 1.1%,99.7% 8%,99.1% 17%,99.8% 26%,99.2% 37%,99.8% 48%,99.1% 59%,99.7% 70%,99% 81%,99.6% 91%,98.7% 99%,90% 99.6%,81% 99%,72% 99.7%,63% 99.1%,54% 99.8%,45% 99%,36% 99.7%,27% 99.1%,18% 99.8%,9% 99.1%,.8% 99.6%,.25% 90%,.8% 80%,.2% 69%,.7% 58%,.15% 47%,.8% 36%,.2% 25%,.7% 14%);background-color:#b28a54;background-image:radial-gradient(circle at 14% 18%,#4c2b1340,#0000 16%),radial-gradient(circle at 87% 72%,#53311747,#0000 20%),radial-gradient(at 54% 44%,#efcc8942,#0000 38%),linear-gradient(103deg,#0000 0 47%,#482a161f 47.2%,#f3d59d1f 47.6%,#0000 48%);border:9px solid #4e3520;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);padding:3.5%;display:grid;position:relative;box-shadow:0 18px 55px #080604,inset 0 0 15px #50341d,inset 0 0 55px #452712a6}.paper-stain{z-index:-1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle at 6% 7%,#351c0c7a,#0000 8%),radial-gradient(circle at 95% 4%,#2e170a8c,#0000 7%),radial-gradient(circle at 4% 93%,#341d0e7a,#0000 9%),radial-gradient(circle at 97% 96%,#30190a8c,#0000 9%);position:absolute;inset:0}.board-lines{z-index:0;color:#402a18b8;pointer-events:none;position:absolute;inset:8.15% 8.66%}.horizontal-lines,.vertical-lines{position:absolute;inset:0}.horizontal-lines{flex-direction:column;justify-content:space-between;display:flex}.horizontal-lines i{background:currentColor;height:1px;display:block}.vertical-lines{justify-content:space-between;display:flex}.vertical-lines i{background:currentColor;width:1px;display:block}.vertical-lines.top{bottom:55.56%}.vertical-lines.bottom{top:55.56%}.palace{width:25%;height:22.22%;position:absolute;left:37.5%;overflow:hidden}.palace:before,.palace:after{content:"";transform-origin:50%;background:currentColor;width:1px;height:142%;position:absolute;top:-21%;left:50%}.palace:before{transform:rotate(48deg)}.palace:after{transform:rotate(-48deg)}.palace-top{top:0}.palace-bottom{bottom:0}.cell{z-index:3;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.cell span{aspect-ratio:1;color:#312217;background:radial-gradient(circle at 38% 30%,#e6c88d 0,#c79c5c 68%,#98703f 100%);border:2px solid #654320;border-radius:50%;place-items:center;width:78%;font-size:clamp(15px,2.6vh,28px);font-weight:700;transition:all .15s;display:grid;box-shadow:0 3px 4px #2d1b0dbf,inset 0 0 0 2px #f5daa252}.cell.red span{color:#94271e;border-color:#842c22}.cell.selected span{transform:translateY(-4px);box-shadow:0 7px 12px #3c2819,0 0 0 3px #f0d28d}.river{color:#533b25;letter-spacing:.3em;z-index:1;justify-content:space-around;align-items:center;height:8.9%;font-size:clamp(13px,2vh,22px);display:flex;position:absolute;top:45.55%;left:8.66%;right:8.66%}.river span{width:18%}.status{align-items:flex-start;gap:20px;margin-top:8px}.status span{color:#8c7e69}.status strong{color:#d5c09b;text-align:right;font-weight:400}.game-shell footer{color:#9f8d70;letter-spacing:.1em;border-top:1px solid #d3be9733;padding-top:12px;font-size:11px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.header-actions{align-items:center;gap:20px}.difficulty{color:#a99470;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.difficulty select{appearance:none;color:#e1cda8;background-color:#1a140db8;background-image:linear-gradient(45deg,#0000 50%,#b9a17a 50%),linear-gradient(135deg,#b9a17a 50%,#0000 50%);background-position:calc(100% - 13px),calc(100% - 9px);background-repeat:no-repeat;background-size:4px 4px;border:1px solid #cbb38959;border-radius:2px;padding:7px 27px 7px 10px;font-family:inherit}.difficulty select:disabled{opacity:.55}.board.game-over .cell{cursor:default}.board.game-over .cell span{filter:saturate(.75)}.cell.legal-target:after{content:"";aspect-ratio:1;background:#494a279e;border-radius:50%;width:18%;box-shadow:0 0 0 3px #e0c3892e}.cell.legal-capture span{box-shadow:0 3px 4px #2d1b0dbf,0 0 0 4px #832a1d7a}@media (width<=760px){.title-screen{padding:10vw 8vw}.title-screen h1{font-size:35px}.story{padding:12vw 8vw}.story-nav{left:8vw}.game-shell{padding:12px}.game-grid{flex-direction:column;grid-template-columns:1fr;display:flex}.person{display:none}.board-wrap{max-width:min(94vw,62vh)}.header-actions{gap:8px}.header-actions>button:first-of-type{display:none}.difficulty{font-size:0}.difficulty select{font-size:11px}.game-shell footer p{max-width:65%}.board{border-width:6px}.cell span{width:85%;font-size:clamp(14px,5vw,23px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}