:root{color:#241a12;font-synthesis:none;text-rendering:optimizelegibility;background:#efe6d3;font-family:Inter,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{appearance:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:linear-gradient(135deg,#1f545214,#0000 42%),linear-gradient(#f6efe2 0%,#e4d3b6 100%);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0db;border-bottom:1px solid #47311f38;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px clamp(18px,4vw,44px);display:flex}.app-header h1{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.05}.app-header p{color:#6a5139;margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.4}.workspace{grid-template-columns:minmax(320px,840px) minmax(280px,380px);justify-content:center;align-items:start;gap:clamp(16px,2.6vw,28px);min-width:0;padding:clamp(12px,3vw,28px);display:grid;overflow:auto}.toolbar{align-items:center;display:flex}.segmented-control{background:#fffdf6b8;border:1px solid #49322138;border-radius:8px;grid-template-columns:repeat(2,minmax(64px,1fr));gap:4px;padding:4px;display:grid}.segmented-control__button,.tool-button{color:#2c2118;letter-spacing:0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-height:36px;font-size:14px;font-weight:700;line-height:1.2;transition:background-color .14s,border-color .14s,box-shadow .14s}.segmented-control__button:hover,.segmented-control__button:focus-visible,.tool-button:hover,.tool-button:focus-visible{background:#fffcf2d1;border-color:#1a5c565c;outline:0;box-shadow:0 0 0 3px #1a5c5624}.segmented-control__button--active{color:#fffaf0;background:#254f4c;border-color:#36261a33;box-shadow:0 1px 4px #261b1229}.setup-panel,.play-panel{background:#fffaf0e6;border:1px solid #47311f33;border-radius:8px;gap:14px;width:100%;padding:16px;display:grid;box-shadow:0 14px 32px #2b1e121f}.panel-heading,.play-panel h2,.play-panel h3{letter-spacing:0;margin:0;line-height:1.25}.panel-heading{gap:4px;display:grid}.panel-heading h2{margin:0;font-size:18px;line-height:1.2}.panel-heading p{color:#6a5139;margin:0;font-size:13px;font-weight:600;line-height:1.35}.play-panel h2{font-size:18px}.play-panel h3{color:#4b3928;font-size:14px;font-weight:800}.play-panel p{color:#6a5139;margin:0;font-size:14px;line-height:1.5}.play-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.play-stats div{background:#fffdf7a3;border:1px solid #47311f29;border-radius:8px;gap:3px;min-width:0;padding:10px;display:grid}.play-stats dt{color:#69533d;font-size:12px;font-weight:800;line-height:1.2}.play-stats dd{color:#241a12;margin:0;font-size:16px;font-weight:800;line-height:1.25}.play-panel__section{gap:8px;display:grid}.turn-banner,.check-banner{background:#fffdf7c2;border:1px solid #47311f29;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:54px;padding:12px;display:grid}.turn-banner span,.check-banner span{color:#6a5139;font-size:12px;font-weight:900;line-height:1.2}.turn-banner strong,.check-banner strong{color:#241a12;min-width:0;font-size:20px;font-weight:900;line-height:1.15}.turn-banner--white{background:linear-gradient(135deg,#fffcf2f2,#e8f2ebdb);box-shadow:inset 4px 0 #f8efdf}.turn-banner--black{background:linear-gradient(135deg,#221f1bf0,#2f4a46e6);box-shadow:inset 4px 0 #15120f}.turn-banner--black span,.turn-banner--black strong{color:#fff6e7}.check-banner--active{background:#ffebe0eb;border-color:#a8352d57}.check-banner--active strong{color:#8a2d24}.compact-list{color:#5b4531;gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}.compact-list--ordered{padding-left:22px}.muted{color:#76614b}.warning,.warning .compact-list{color:#7a2e21}.field{gap:7px;min-width:0;display:grid}.field__label{color:#5d4935;font-size:13px;font-weight:800;line-height:1.2}.field select,.field textarea{color:#241a12;background:#fffdf7eb;border:1px solid #47311f3d;border-radius:6px;width:100%;font-size:14px;line-height:1.4}.field select{min-height:38px;padding:7px 10px}.field textarea{resize:vertical;min-height:220px;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace}.field select:focus,.field textarea:focus{border-color:#1a5c5694;outline:0;box-shadow:0 0 0 3px #1a5c5629}.button-stack{gap:10px;display:grid}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-button{background:#fffdf7c7;border-color:#47311f3d;width:100%;padding:8px 12px}.tool-button--primary{color:#fffaf0;background:#254f4c;border-color:#254f4c}.tool-button--primary:hover,.tool-button--primary:focus-visible{background:#1c4542;border-color:#1c4542}.validation-status{border-radius:8px;gap:7px;padding:12px;font-size:13px;line-height:1.45;display:grid}.validation-status strong{font-size:14px;line-height:1.2}.validation-status span,.validation-status ul{margin:0}.validation-status ul{padding-left:18px}.validation-status--valid{color:#244534;background:#e1f3e6c2;border:1px solid #2a6f4f3d}.validation-status--error{color:#6c2f24;background:#ffece3d1;border:1px solid #9a40303d}.setup-boxes{gap:14px;display:grid}.piece-box-group{gap:8px;display:grid}.piece-box-group__title{color:#5d4935;justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:1.2;display:flex}.piece-box-group__title strong{color:#2c2118;font-size:15px}.piece-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.piece-box{color:#2c2118;cursor:pointer;background:#fffdf7b8;border:1px solid #47311f33;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 8px;transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.piece-box:hover,.piece-box:focus-visible{background:#fffcf2f2;border-color:#1a5c5666;outline:0;box-shadow:0 0 0 3px #1a5c5624}.piece-box:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.piece-box--selected{background:#deefe7e6;border-color:#254f4c;box-shadow:0 0 0 2px #254f4c2e,inset 0 0 0 1px #ffffff7a}.piece-box img{filter:drop-shadow(0 2px 3px #22140a38);width:34px;height:34px;display:block}.piece-box__text{text-align:left;gap:2px;min-width:0;display:grid}.piece-box__label{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.15;overflow:hidden}.piece-box__detail{color:#6a5139;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.1;overflow:hidden}.piece-box__count{color:#fffaf0;text-align:center;background:#254f4c;border-radius:999px;min-width:24px;padding:3px 6px;font-size:12px;font-weight:900;line-height:1.1}.board{--board-padding:clamp(12px, 2.8vmin, 24px);--inner-size:calc(100% - var(--board-padding) * 2);--cell-size:calc(var(--inner-size) / var(--grid-span));--piece-size:min(64px, calc(var(--cell-size) * .96));--line-color:#301f1280;--line-strong:#301f12ad;aspect-ratio:1;isolation:isolate;background:linear-gradient(135deg,#fff0c233,#0000 34%,#5b2d121f 78%),repeating-linear-gradient(90deg,#b87537 0,#c38445 58px,#b57235 116px,#cb8d4b 174px);border:8px solid #704722;border-radius:8px;width:min(100%,82vmin,820px);min-width:min(320px,100vw - 32px);position:relative;box-shadow:0 22px 48px #2b1e1240,inset 0 0 0 1px #ffecbb73,inset 0 0 34px #31180952}.board:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(2deg,#ffeec414 0 1px,#0000 2px 24px),radial-gradient(circle at 18% 22%,#5127101a,#0000 26%),radial-gradient(circle at 78% 72%,#ffe09e17,#0000 24%);border-radius:0;position:absolute;inset:0}.board-grid{inset:var(--board-padding);z-index:1;pointer-events:none;position:absolute}.board-points{inset:var(--board-padding);z-index:2;position:absolute}.board-line{background:var(--line-color);display:block;position:absolute;box-shadow:0 1px #ffdfaa33}.board-line--vertical{top:0;bottom:0;left:var(--line-position);width:1px;transform:translate(-.5px)}.board-line--horizontal{left:0;right:0;top:var(--line-position);height:1px;transform:translateY(-.5px)}.board-line--edge{background:var(--line-strong)}.intersection{left:var(--point-left);top:var(--point-top);z-index:1;width:var(--piece-size);height:var(--piece-size);color:#25180e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .14s,box-shadow .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,-50%)}.intersection:before{content:"";background:#2b1b0e61;border-radius:50%;width:8px;height:8px;transition:background-color .14s,transform .14s,opacity .14s;position:absolute;transform:scale(1)}.intersection:hover,.intersection:focus-visible{background:#fff4cc47;outline:0;box-shadow:0 0 0 3px #fff4cc57}.intersection:focus-visible{box-shadow:0 0 0 3px #fff4ccb8,0 0 0 6px #1e5b5873}.intersection--occupied:before{opacity:0}.intersection--selected{background:#efc85252;box-shadow:0 0 0 3px #ffeb95db,0 0 0 6px #643a1752}.intersection--target-move:before,.intersection--target-wall:before{background:#1c695dbd;width:16px;height:16px;box-shadow:inset 0 0 0 3px #fff5d66b,0 2px 8px #13453d3d}.intersection--target-wall:before{background:#254f4cc7;border-radius:5px;width:20px;height:20px}.intersection--legal.intersection--occupied{box-shadow:0 0 0 4px #1c695d9e}.intersection--target-cannon:after,.intersection--remove-confirm:after{content:"";z-index:3;pointer-events:none;position:absolute}.intersection--target-cannon:after{background:linear-gradient(#a62a21eb,#a62a21eb) 50%/2px 78% no-repeat,linear-gradient(90deg,#a62a21eb,#a62a21eb) 50%/78% 2px no-repeat;border:2px solid #a62a21eb;border-radius:50%;width:72%;height:72%;box-shadow:0 0 0 3px #fff1d2ad,0 2px 10px #601a1447}.intersection--remove-confirm:after{background:linear-gradient(45deg,#0000 43%,#a62a21 44% 56%,#0000 57%),linear-gradient(-45deg,#0000 43%,#a62a21 44% 56%,#0000 57%),#fff3e0eb;border-radius:50%;width:56%;height:56%;box-shadow:0 0 0 2px #a62a21c2,0 3px 8px #441b0f3d}.piece{z-index:1;object-fit:contain;filter:drop-shadow(0 6px 8px #22140a57);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block;position:relative}@media (width<=760px){.app-header{flex-direction:column;align-items:stretch;min-height:68px}.toolbar,.segmented-control{width:100%}.workspace{grid-template-columns:minmax(0,1fr);padding:12px}.board{border-width:8px;width:min(92vmin,100vw - 24px);min-width:0}.panel-section,.button-row{grid-template-columns:1fr}}