body[data-game-style="folk"] { --page:#efe3d2; --surface:#fcf4e5; --ink:#52372e; --muted:#a0876f; --line:#ddc9b4; --scene-accent:#ad4738; --scene-wash:#fff6e9; }
.fl-board { position:relative; width:100%; aspect-ratio:1; container-type:inline-size; isolation:isolate; user-select:none; }
.folk-paper-board { display:block; position:absolute; inset:0; width:100%; height:100%; border-radius:4px; box-shadow:0 6px 18px #794c2e1a; }
.fl-points { position:absolute; inset:0; }
.fl-point { position:absolute; width:16.4%; aspect-ratio:1; padding:0; transform:translate(-50%,-50%); background:none; border:0; border-radius:3px; }
.fl-point:disabled { opacity:1; }
.fl-point.is-selectable,.fl-point.is-target { cursor:pointer; }
.fl-point:focus-visible { outline:2px solid #bf993a; outline-offset:2px; }
.fl-point .piece,.fl-captured-ghost .piece { position:absolute; inset:2%; display:flex; align-items:center; justify-content:center; border:0; border-radius:0; background:none; box-shadow:none; transform:none; padding:0; }
.folk-paper-piece { display:block; flex:none; width:calc(100% * var(--paper-x)); height:calc(100% * var(--paper-y)); object-fit:contain; filter:drop-shadow(.5px 1px .6px #902f2222); }
.folk-shadow-piece { display:block; flex:none; width:100%; height:90%; overflow:visible; filter:drop-shadow(1px 2px 1.2px #7037172b); }
.folk-shadow-piece.sheep { width:82%; height:74%; }
.fl-point.is-selected .folk-shadow-piece { filter:drop-shadow(0 0 3px #bc9b38); }
.fl-point.is-selectable:hover .folk-shadow-piece { filter:drop-shadow(1px 3px 2px #6c38164d); }
.appearance-pair .folk-shadow-piece { width:48px; height:43px; }
.appearance-pair .folk-shadow-piece.sheep { width:40px; height:35px; }
.themed-token .folk-shadow-piece { width:42px; height:36px; }
.fl-piece-label { display:none; }
.fl-point.is-selected .folk-paper-piece { filter:drop-shadow(0 0 3px #bb953d); }
.fl-point.is-selectable:hover .folk-paper-piece { filter:drop-shadow(1px 2px 2px #92302244); }
.fl-point.is-last::after { content:''; position:absolute; bottom:-2%; left:47%; width:5%; aspect-ratio:1; border-radius:0; background:#b68838; transform:rotate(45deg); }
.fl-point .fl-hint { position:absolute; inset:41%; border-radius:3px; border:1px solid #b69868; background:#bc8a3e66; transform:rotate(45deg); pointer-events:none; }
.fl-point.is-capture .fl-hint { inset:0; border-radius:4px; border:1px dashed #b84735; background:none; transform:none; }
.fl-point.is-moving { z-index:5; }
.fl-captured-ghost { position:absolute; width:16.4%; aspect-ratio:1; transform:translate(-50%,-50%); z-index:4; pointer-events:none; }
.fl-last-marker { display:none; }
.fl-board .game-board-coordinates span { color:#a4543c; font-size:clamp(9px,1.7cqi,12px); text-shadow:none; }
.fl-board:not(.is-spatial) > .spatial-three-canvas { display:none!important; }
.fl-board.is-spatial { aspect-ratio:var(--game-board-ratio); }
.fl-board.is-spatial > .folk-paper-board { display:none; }
.fl-board.is-spatial > .spatial-three-canvas { display:block; position:absolute; inset:0; width:100%; height:100%; touch-action:pan-y; }
.fl-board.is-spatial .fl-points { z-index:2; pointer-events:none; overflow:hidden; }
.fl-board.is-spatial .fl-point { width:30px; height:30px; pointer-events:none; }
.fl-board.is-spatial .fl-point::after { display:none; }
.appearance-pair .folk-paper-piece { width:calc(46px * var(--paper-x)); height:calc(46px * var(--paper-y)); }
.appearance-pair .folk-clay-sample { width:42px; height:50px; }
.folk-sculpture-sample { display:block; width:100%; height:66px; object-fit:contain; border-radius:3px; }
.option-sculpture .appearance-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.themed-token .folk-paper-piece { width:calc(38px * var(--paper-x)); height:calc(38px * var(--paper-y)); }
.themed-token .folk-clay-sample { width:34px; height:39px; }
.themed-token .player-clay { width:42px; height:42px; object-fit:contain; }
.appearance-swatch.folk-paper { background:repeating-linear-gradient(17deg,#8c6d3909 0 1px,transparent 1px 3px),var(--sample-color); border:1px solid #ba736e66; }
.appearance-swatch.folk-clay-board { background:radial-gradient(circle,#7b69520f .6px,transparent .9px) 0 0/4px 3px,var(--sample-color); border:1px solid #88735b55; box-shadow:inset 0 0 0 5px #fff8e718,inset 0 0 0 6px #9b856a40; }
.folk-clay-swatch { display:block; width:54px; height:38px; margin:auto; border-radius:43% 46% 34% 41%; background:radial-gradient(circle,#76533822 .4px,transparent .7px) 0 0/3px 3px,radial-gradient(at 25% 20%,#c8af8f,transparent 64%),#99724f; box-shadow:inset -3px -4px 6px #624b3822; }
.folk-clay-swatch.clay-ochre { background:radial-gradient(circle,#513c2c22 .4px,transparent .7px) 0 0/3px 3px,radial-gradient(at 25% 20%,#cfa485,transparent 64%),#925e49; }
.folk-clay-swatch.clay-smoked { background:radial-gradient(circle,#39392f22 .4px,transparent .7px) 0 0/3px 3px,radial-gradient(at 25% 20%,#b8ad98,transparent 64%),#716859; }
.folk-craft-note { margin:15px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }
body[data-game-style="folk"] #result-mark { border-radius:4px; border:4px double #f1d5a0; transform:rotate(-4deg); font-family:"KaiTi",serif; background:#ad4334; }