:root{--wood1:#3d2b1f;--wood2:#5a4030;--cell1:#e8d9b8;--cell2:#d9c69a;--gold:#b8860b;--red:#8b0000;}
.acg *{box-sizing:border-box}
.acg{margin:0;min-height:100vh;font-family:Georgia,'Noto Sans Telugu',serif;background:radial-gradient(1200px 800px at 50% 20%,#2e4d2e,#16261a 70%);color:#f3ead5;display:flex;flex-direction:column;align-items:center;padding:10px}
.acg header{text-align:center;margin:6px 0 2px}
.acg header .brand{font-size:15px;letter-spacing:2px;color:#e8c97a;text-transform:uppercase}
.acg header h1{font-size:30px;margin:2px 0;color:#fff;text-shadow:0 2px 8px #000}
.acg header .sub{font-size:13px;color:#c9b98f}
.acg #layout{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:10px}
.acg #boardWrap{position:relative;background:linear-gradient(145deg,var(--wood1),var(--wood2));padding:16px;border-radius:16px;box-shadow:0 14px 44px #000b,inset 0 2px 6px #00000055}
.acg #board{display:grid;grid-template-columns:repeat(5,92px);grid-template-rows:repeat(5,92px);gap:5px;position:relative}
.acg .cell{position:relative;border-radius:10px;background:linear-gradient(160deg,var(--cell1),var(--cell2));box-shadow:inset 0 2px 6px #0003;overflow:visible}
.acg .cell .num{position:absolute;top:3px;left:6px;font-size:11px;color:#7a6547;z-index:1}
.acg .cell .star{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold);text-shadow:0 1px 2px #0004;z-index:1;pointer-events:none}
.acg .cell.home{background:linear-gradient(160deg,#f4e3c0,#e6cf9e);outline:3px solid var(--gold)}
.acg .cell.home .star{color:var(--red);font-size:34px}
.acg .cell.entry0{outline:3px dashed #c0392b}.cell.entry1{outline:3px dashed #2980b9}.cell.entry2{outline:3px dashed #27ae60}.cell.entry3{outline:3px dashed #8e44ad}
.acg .habitat{position:absolute;inset:-14px;z-index:2;pointer-events:none}
.acg .pieceLayer{position:absolute;inset:16px;pointer-events:none;z-index:5}
.acg .piece{position:absolute;width:92px;height:92px;display:flex;align-items:flex-end;justify-content:center;transition:none;pointer-events:none}
.acg .piece svg{width:78px;height:78px;filter:drop-shadow(0 4px 4px #0006)}
.acg .leg{transform-origin:top center;transition:transform .12s linear}
.acg .walking .legA{animation:swA .24s linear infinite}
.acg .walking .legB{animation:swB .24s linear infinite}
@keyframes swA{0%,100%{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}
@keyframes swB{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
.acg #panel{width:300px;display:flex;flex-direction:column;gap:10px}
.acg .card{background:#1f3323cc;border:1px solid #ffffff22;border-radius:12px;padding:12px 14px;box-shadow:0 6px 18px #0007}
.acg #turnInfo{font-size:17px;font-weight:bold}
.acg #throws{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.acg .chip{background:#e8c97a;color:#3d2b1f;border-radius:8px;padding:3px 10px;font-weight:bold;font-size:16px}
.acg .chip.used{opacity:.35;text-decoration:line-through}
.acg #shellRow{display:flex;gap:10px;justify-content:center;padding:6px 0}
.acg .shell{width:46px;height:46px}
.acg #castBtn{background:linear-gradient(160deg,#e8c97a,#c9a24a);border:none;color:#3d2b1f;font-size:18px;font-weight:bold;padding:12px;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #0008}
.acg #castBtn:disabled{opacity:.45;cursor:default}
.acg #msg{min-height:44px;font-size:14px;line-height:1.45;color:#ffe9b0}
.acg #log{max-height:130px;overflow-y:auto;font-size:12px;color:#cbbf9f;line-height:1.5}
.acg button.ghost{background:#ffffff14;color:#e8c97a;border:1px solid #e8c97a55;border-radius:10px;padding:8px;font-size:14px;cursor:pointer}
.acg #setup label{font-size:13px;display:block;margin:8px 0 2px;color:#d8c9a3}
.acg #setup input{width:100%;padding:7px;border-radius:8px;border:1px solid #ffffff33;background:#0f1d13;color:#fff;font-size:14px}
.acg .nameRow{display:flex;align-items:center;gap:8px;margin:4px 0}
.acg .dot{width:14px;height:14px;border-radius:50%}

.acg {display:block;min-height:0;width:100%;padding:12px;border-radius:16px;overflow:hidden;}
.acg #layout {display:grid;grid-template-columns:minmax(0,608px) minmax(240px,1fr);gap:14px;align-items:start;transform:none!important;width:100%;}
.acg #boardStage {position:relative;width:100%;min-width:0;}
.acg #boardWrap {width:608px;height:608px;padding:64px;transform-origin:top left;}
.acg .pieceLayer {inset:64px;}
.acg .piece {pointer-events:auto;}
.acg .piece svg {pointer-events:none;}
.acg #panel {width:100%;min-width:0;}
.acg #pieceChoices {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;}
.acg button {min-height:44px;}
.acg button:disabled {opacity:.4;cursor:default;}
.acg .chip {border:1px solid #e8c97a;min-width:44px;cursor:pointer;}
.acg .chip.selected {outline:3px solid white;outline-offset:2px;}
.acg .castHand {width:130px;height:82px;display:block;margin:0 auto;transform:rotate(-8deg);}
.acg .casting .castHand {animation:handCast .7s ease-in-out;}
.acg .casting .shell {animation:shellCast .7s ease-out;}
@keyframes handCast {0%{transform:translateX(-30px) rotate(-20deg)}65%{transform:translateX(30px) rotate(12deg)}100%{transform:rotate(-8deg)}}
@keyframes shellCast {0%{transform:translate(0,-35px) rotate(0)}70%{transform:translate(0,0) rotate(200deg)}100%{transform:rotate(360deg)}}
@media(max-width:1000px){.acg #layout{grid-template-columns:minmax(0,1fr)}.acg #boardStage{max-width:608px;margin:auto}.acg #panel{max-width:608px;margin:auto}}

.acg{box-sizing:border-box;}

@media(max-width:1000px){
.acg.playing{padding:8px;}
.acg.playing header .brand,.acg.playing header .sub{display:none;}
.acg.playing header h1{font-size:20px;margin:0;}
.acg.playing #layout{gap:6px;margin-top:6px;}
.acg.playing #panel{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.acg.playing #play,.acg.playing #shellCard,.acg.playing #msgCard{grid-column:1/-1;}
.acg.playing #play{padding:6px 8px;}
.acg.playing #turnInfo{font-size:14px;}
.acg.playing #throws{margin-top:3px;}
.acg.playing #pieceChoices{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px;}
.acg.playing #pieceChoices button{font-size:11px;line-height:1.4;padding:4px;}
.acg.playing #shellCard{display:grid!important;grid-template-columns:54px 1fr auto;align-items:center;gap:4px;padding:5px 8px;}
.acg.playing .castHand{width:54px;height:42px;}
.acg.playing #shellRow{gap:3px;padding:0;}
.acg.playing .shell{width:24px;height:30px;}
.acg.playing #castBtn{font-size:13px;padding:8px;}
.acg.playing #msgCard{padding:5px 8px;}
.acg.playing #msg{min-height:0;font-size:12px;}
.acg.playing #logCard{display:none!important;}
.acg.playing #muteBtn,.acg.playing #renameBtn{font-size:12px;padding:4px;}
}

.acg .piece.challenging{opacity:1!important;filter:drop-shadow(0 0 9px #ffe8a0)!important}.acg .challenging svg{animation:challengePose .55s ease-in-out alternate infinite}@keyframes challengePose{from{transform:translateY(0) scale(1)}to{transform:translateY(-5px) scale(1.08)}}

.acg .walking .animal-body{animation:bodyBob .3s ease-in-out infinite}.acg .animal-body{transform-origin:35px 38px}@keyframes bodyBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}

.acg #castResult{text-align:center;font-size:13px;color:#f3ead5;line-height:1.4}.acg .animal-art{transition:transform .12s ease}@media(max-width:1000px){.acg.playing #castResult{font-size:11px}}

/* Clear setup, turn allocation and optional route preview. Existing game palette retained. */
.acg:not(.playing) #panel{grid-row:1}.acg:not(.playing) #boardStage{grid-row:2}
.acg #setup #startBtn{width:100%;background:#e8c97a;color:#251f21;border:0;border-radius:8px;font-weight:bold;font-size:16px;margin:6px 0 12px}
.acg .setupHelp{font-size:13px;line-height:1.65;margin:8px 0}.acg #setup summary{cursor:pointer;min-height:44px;padding:10px 0}
.acg #moveGuide{font-size:11px;line-height:1.5;color:#f3ead5;margin:4px 0}
.acg #turnStrip{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0}.acg #turnStrip span{font-size:11px;border-bottom:2px solid;padding:3px 5px;opacity:.65}.acg #turnStrip .current{background:#e8c97a;color:#251f21;font-weight:bold;opacity:1;border-radius:4px}
.acg #previewInfo{font-size:12px;color:#fff;line-height:1.5}.acg .routeHint{position:absolute;right:5px;bottom:5px;z-index:12;min-width:28px;height:28px;display:grid;place-items:center;background:#fff;color:#17291e;border:2px solid #386d5d;border-radius:50%;font-size:17px;font-weight:bold;pointer-events:none}.acg .routeHint.destination{background:#ffe49a;border-color:#795700}
@media(min-width:1001px){.acg:not(.playing) #panel{grid-column:1/-1;max-width:608px;margin:auto}.acg:not(.playing) #boardStage{grid-column:1/-1}}

.acg #setup select{width:100%;min-height:44px;background:#0f1d13;color:#fff;border:1px solid #ffffff55;border-radius:8px;font-size:14px;padding:8px}.acg #seatPlan{font-size:12px;line-height:1.8;margin-top:8px}.acg #previewBtn{font-size:11px;min-height:32px;margin-top:4px;width:100%}
.acg .piece.activeTeam{opacity:1!important;filter:drop-shadow(0 0 8px #ffe29a)!important}.acg .piece.inactiveTeam{opacity:.28!important;pointer-events:none!important}.acg .piece.activeTeam::after{content:'';position:absolute;inset:6px;border:3px solid #ffe29a;border-radius:14px;pointer-events:none}.acg .piece.walking::after{border-style:dashed}

@media(max-width:1000px){.acg.playing #turnStrip{margin:2px 0;gap:2px}.acg.playing #turnStrip span{padding:1px 3px;font-size:10px}.acg.playing #moveGuide{margin:2px 0;font-size:10px}.acg.playing #previewBtn{min-height:24px;padding:2px 4px;font-size:10px}.acg.playing #boardStage{max-width:290px}.acg.playing #pieceChoices button{font-size:10px}}

.acg #soundStatus{font-size:11px;line-height:1.5;grid-column:1/-1}.acg #soundStatus:empty{display:none}.acg #testSoundBtn{grid-column:1/-1;font-size:11px;padding:4px;min-height:32px}
.acg:not(.playing) #boardStage{margin-left:auto;margin-right:auto}
.acg:not(.playing) #boardStage{max-width:608px}
@media(max-width:360px){.acg.playing #shellCard{grid-template-columns:38px minmax(0,1fr) 78px}.acg.playing .castHand{width:38px}.acg.playing .shell{width:20px}.acg.playing #castBtn{font-size:11px;padding:6px}}

.acg #arrivalScene{grid-column:1/-1;width:100%;border-radius:12px;overflow:hidden;background:#123333;position:relative;margin:0 auto 10px;max-width:720px}.acg #arrivalScene[hidden]{display:none}.acg #arrivalCanvas{width:100%;height:280px;display:block}.acg #arrivalScene>div{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#f2dfa8;font-size:13px}@media(max-width:600px){.acg #arrivalCanvas{height:210px}}

.acg .model-animal{position:relative;display:block;pointer-events:none;filter:drop-shadow(0 4px 3px #0005)}.acg .model-frame{position:absolute;inset:0;width:100%;height:100%;display:none;object-fit:contain}.acg .model-frame.frame0{display:block}.acg .walking .model-frame{display:block;opacity:0;animation:animalFrames .63s steps(1) infinite}.acg .walking .frame1{animation-delay:.105s}.acg .walking .frame2{animation-delay:.21s}.acg .walking .frame3{animation-delay:.315s}.acg .walking .frame4{animation-delay:.42s}.acg .walking .frame5{animation-delay:.525s}@keyframes animalFrames{0%{opacity:1}16.67%,100%{opacity:0}}
.acg .cell .num{font-size:23px;color:#59472c;font-weight:bold;top:1px;left:4px}.acg .piece.inactiveTeam{opacity:.48!important}.acg #moveGuide,.acg #previewInfo{color:#fff}.acg #turnStrip span{opacity:.9}.acg button:disabled{color:#b9b4a5;background-color:#243a2b;border-color:#68745e;opacity:1;cursor:default}.acg #castBtn:disabled{opacity:.7}.acg button.ghost:not(:disabled){color:#ffe8a0;background:#344b37}.acg.playing #pieceChoices button{font-size:12px}.acg.playing #moveGuide{font-size:12px}.acg.playing #turnStrip span{font-size:11px}.acg.playing #previewBtn{font-size:11px;min-height:32px}.acg.playing #boardStage{max-width:330px}
@media(min-width:1001px){.acg.playing #boardStage{max-width:608px}}

.acg.arriving #boardStage,.acg.arriving #panel{display:none}.acg.arriving #arrivalCanvas{height:360px}@media(max-width:600px){.acg.arriving #arrivalCanvas{height:280px}}

.acg .piece[hidden]{display:none!important}.acg .stepLanding .animal-art{animation:landingHop .2s ease-out}@keyframes landingHop{0%,100%{translate:0 0}50%{translate:0 -9px}}.acg #pondPlay{grid-column:1/-1;position:relative;background:#123333;border-radius:10px;overflow:hidden}.acg #pondCanvas{width:100%;height:95px;display:block}.acg #pondPlay span{position:absolute;bottom:3px;right:8px;font-size:10px;color:#fff}.acg #setup select[hidden],.acg #setup label[hidden]{display:none}.acg #setup label{color:#fff}
.acg:not(.playing) #pondPlay{display:none}.acg #pondCanvas{height:160px}.acg #pondPlay{max-height:160px}

/* Village courtyard, earth, lime floor and roof trim. Procedural artwork. */
.acg{background:radial-gradient(ellipse at 20% 5%,#e6c778 0,transparent 32%),linear-gradient(#8d714c,#534331);border:6px solid #65482b}.acg header .sub{color:#fff2cf}.acg #boardWrap{background:linear-gradient(110deg,#a87949,#805b38);box-shadow:inset 0 0 0 6px #d5bd83,0 9px 24px #2d1c14aa}.acg #boardWrap:before{content:'';position:absolute;inset:6px;border:2px dashed #f4e4bb;border-radius:12px;pointer-events:none}.acg .card{background:#f0dfbdeF;color:#382d20;border-color:#fff2d7}.acg #turnInfo,.acg #moveGuide,.acg #previewInfo{color:#332819}.acg #msg{color:#3b2b13}.acg #setup label,.acg .setupHelp,.acg #seatPlan{color:#332819}.acg #setup select{background:#fff3d9;color:#362619;border-color:#846840}.acg #turnStrip span{color:#3b2d1b}.acg #pieceChoices button{background:#f4e8cf;color:#382b18;border-color:#9d8055}.acg #log{color:#3d3020}.acg .villageTrim{height:32px;background:repeating-linear-gradient(110deg,#80512e 0 10px,#a26e3f 11px 18px,#b78248 19px 24px);border-bottom:4px solid #553820;box-shadow:0 3px 8px #0005;margin:-12px -12px 8px}.acg #pondPlay{border:3px solid #d2b77d}.acg .coinCounter{color:#44311c}

.acg #castResult{color:#433018}.acg #previewBtn:disabled{color:#ded6c5}.acg .villageTrim{background:repeating-linear-gradient(110deg,#754725 0 10px,#986036 11px 18px,#b78348 19px 24px)}

.acg #entryConfirm[hidden]{display:none}.acg #entryConfirm{width:100%;margin-top:6px;background:#795522;color:white;border:0;border-radius:8px}.acg #pieceChoices .selectedEntry{background:#795522;color:#fff;outline:3px solid #c99a27}

/* Jungle clearing: foliage stays outside the readable numbered path. */
.acg{background:radial-gradient(ellipse at 15% 4%,#607a37 0,transparent 35%),radial-gradient(ellipse at 85% 50%,#334f2b 0,transparent 42%),linear-gradient(#1d3827,#152c22);border-color:#284631;position:relative}
.acg header .sub{color:#e8e5be}.acg .villageTrim{height:40px;margin-bottom:10px;background:radial-gradient(ellipse at 8% 0%,#7b913c 0 19%,transparent 20%),radial-gradient(ellipse at 32% -10%,#3d672e 0 30%,transparent 31%),radial-gradient(ellipse at 70% -20%,#6a8538 0 25%,transparent 26%),radial-gradient(ellipse at 99% 10%,#3e682d 0 26%,transparent 27%),#122a1e;border-bottom:3px solid #a3a05e;box-shadow:0 4px 10px #0b201e}
.acg #boardWrap{background:radial-gradient(ellipse at 5% 5%,#4e7938 0,transparent 36%),radial-gradient(ellipse at 95% 95%,#314f2e 0,transparent 34%),linear-gradient(125deg,#51633c,#6b7048);box-shadow:inset 0 0 0 6px #a2a56f,0 9px 24px #081b17aa}
.acg #boardWrap:before{border:2px solid #c4c58d;box-shadow:inset 0 0 0 3px #465d35}
.acg .cell{background:linear-gradient(150deg,#f0e7c8,#d9ce9e);border-radius:9px}.acg .cell.home{background:linear-gradient(#fbefbb,#e2ce82)}
.acg .card{background:#f2e8cfee;border-color:#d8d6af}.acg button.ghost:not(:disabled){background:#294d3b;color:#fff2c1}.acg #pieceChoices button{background:#f8f0db}.acg #pieceChoices .selectedEntry{background:#315a3e;color:white;outline-color:#d3b751}.acg #entryConfirm{background:#315a3e}.acg #pondPlay{border-color:#8fa46b}

/* Browser 3D geometry: perspective camera, tile top and extruded edge planes. */
.acg #boardStage{perspective:1000px;perspective-origin:50% 40%;--board-angle:18deg}
.acg #boardWrap{rotate:x var(--board-angle);transform-style:preserve-3d;transition:rotate .25s;box-shadow:0 16px 0 #213b24,0 26px 30px #07180ecc}
.acg #board,.acg .pieceLayer{transform-style:preserve-3d}.acg .cell{transform:translateZ(7px);box-shadow:0 7px 0 #8b9060,0 10px 5px #17271688;transform-style:preserve-3d}
.acg .cell::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:#9d9f6c;transform-origin:bottom;transform:rotateX(-90deg);border-radius:0 0 5px 5px;pointer-events:none}
.acg .pieceLayer{translate:0 0 20px}.acg .angleControl{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#f8edc9;min-height:44px}.acg .angleControl input{width:130px;accent-color:#d9bd68;min-height:44px}.acg:not(.playing) .angleControl{grid-row:2}.acg:not(.playing) #boardStage{grid-row:3}

/* Animals, not foliage, carry the visual focus. Turn is a ring, never dimmed animals. */
.acg .piece.inactiveTeam{opacity:1!important;filter:drop-shadow(0 3px 3px #142618)!important}.acg .model-animal{filter:brightness(1.13) saturate(1.15) drop-shadow(0 3px 3px #0006)}.acg .cell{background:linear-gradient(150deg,#dedfc8,#c5c8a8)}.acg .cell .num{color:#515b43}.acg .cell .star{opacity:.68}.acg #boardWrap{background:linear-gradient(125deg,#43583c,#526047)}.acg #boardStage{isolation:isolate}

.acg #boardStage{perspective:1800px;overflow:visible}.acg #boardWrap{transform-origin:top left;rotate:x var(--board-angle)}

.acg .supplied-animal{display:block;position:relative;filter:brightness(1.1) drop-shadow(0 2px 2px #14261866)}.acg .supplied-animal img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.acg .walking .supplied-animal img{animation:none}

.acg .supplied-animal img{transform:scale(1.18);transform-origin:center 85%}

.acg{background-image:linear-gradient(#173423cf,#172e24ef),var(--supplied-forest);background-size:cover;background-position:center}.acg #boardWrap{background-image:linear-gradient(#344d32bd,#314331dc),var(--supplied-forest);background-size:cover}.acg .cell{background-image:linear-gradient(#e8e0bac9,#cecba4dd),var(--supplied-stone);background-size:cover}

.acg #boardWrap{background-image:var(--supplied-frame);background-size:100% 100%;background-position:center}
.acg .supplied-animal img{filter:drop-shadow(0 0 1px #f8e7b9) drop-shadow(0 0 3px #f7e9c199)}
.acg .piece::before{content:"";position:absolute;bottom:1px;width:64px;height:13px;border-radius:50%;background:#eadfb3a6;box-shadow:0 1px 3px #17281dcc;pointer-events:none}
.acg .piece:not(.activeTeam)::before{background:#e6dfbfdd}

.acg.gamePaused *, .acg.gamePaused *::before,.acg.gamePaused *::after{animation-play-state:paused!important;}.acg.gamePaused #play,.acg.gamePaused #shellCard,.acg.gamePaused #boardStage{pointer-events:none;opacity:.8}.acg #pauseStatus{grid-column:1/-1;color:#fff3c7;text-align:center;font-size:14px;line-height:1.6}.acg #pauseBtn{min-height:44px}

.acg .cell{background-size:100% 100%;border:1px solid #a08a36;border-radius:3px;box-shadow:0 5px 0 #5e492c,0 7px 5px #17271688}.acg .cell .num,.acg .cell .star{visibility:hidden}.acg .cell.home{background-color:#243a22}.buildVersion{border-left:4px solid #30715e;background:#edf6f0;padding:10px 14px;color:#183c31;font-weight:600}

.acg #controlPanel{grid-column:1/-1;background:#fff3d8;color:#18362a;padding:16px;border:3px solid #427651;border-radius:12px}.acg #controlPanel[hidden],.acg #skipIntroBtn[hidden]{display:none!important}.acg #controlPanel label{display:block;margin:8px 0}.acg #controlPanel input{display:block;width:95%;padding:10px;font-size:16px;color:#18362a;background:white}.acg #controlPanel button,.acg #skipIntroBtn{min-height:44px;margin:4px}.acg #controlHint{font-size:14px;line-height:1.6;color:#233e2c;font-weight:600}.acg.playing .shell{width:29px;height:38px}.acg button{touch-action:manipulation}

.acg{--supplied-forest:url(jungle-material.jpg);--supplied-frame:url(jungle-frame.jpg)}body{margin:0;background:#f3eee5;color:#18362a;font:16px/1.6 system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:12px}h1{font-size:clamp(24px,5vw,38px)}a{color:#15543d}summary,button{cursor:pointer}details{margin:16px 0} .release{padding:12px;background:#d9eadd;border-left:4px solid #306f49}img.reference{max-width:100%;height:auto}header p{max-width:850px}
/* Outside pit trays, four pits per side like the supplied board art. Visual only. */
.acg .pitTray{position:absolute;z-index:1;pointer-events:none;border-radius:10px;background:linear-gradient(145deg,#8a5a31,#5d3a1d);border:2px solid #3b2410;box-shadow:inset 0 2px 3px #d9a56a66,0 4px 6px #0008}.acg .pitTray .pit{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#6b4326 0,#3e2512 62%,#2a190b 100%);box-shadow:inset 0 5px 8px #000c,inset 0 -2px 3px #b9814c55}

.acg img.shell{object-fit:contain;filter:drop-shadow(0 3px 3px #0008);width:auto;height:50px}.acg.playing img.shell{height:34px;width:auto}@media(max-width:360px){.acg.playing img.shell{height:30px}}

/* User-supplied carved teak board art. Grid of the art is mapped onto the 5x5 cells (64px inset, 480px). */
.acg #boardWrap{background:#5a3217 url(board-user.jpg) 3.5px 2.4px/602px 613px no-repeat!important;box-shadow:0 14px 44px #000b!important}
.acg .cell,.acg .cell.home{background:none!important;background-image:none!important;box-shadow:none!important}
.acg .cell .star{display:none}
.acg .cell .num{color:#f6e3b0;text-shadow:0 1px 2px #000c}
.acg .supplied-lion img{transform:scale(1.5)}
.acg .supplied-peacock img{transform:scale(1.12)}
.acg .cell .num{visibility:visible!important;font-size:17px;font-weight:bold;top:7px;left:9px;color:#fbe9b7;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000;opacity:.95}

/* avatars */
.avBlock{margin:8px 0;padding:8px;border:1px solid #0002;border-radius:10px}
.avBlock input{margin:4px 0}
.genderBtns{margin:4px 0}
.genderBtns button{margin-right:6px;padding:3px 10px;border-radius:8px;border:1px solid #754e38;background:#fff;cursor:pointer}
.genderBtns button.on{background:#754e38;color:#fff}
.avGrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.avGrid img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;cursor:pointer;border:2px solid transparent;background:#d9c3a0}
.avGrid img.sel{border-color:#c0392b;box-shadow:0 0 8px #c0392b}
.avHint{font-size:.8em;opacity:.75;margin:4px 0 0}
#turnAvatarWrap{display:flex;align-items:center;gap:10px;margin-bottom:6px;min-height:70px}
#turnAvatarImg{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #ffe9b0;box-shadow:0 0 12px #c0392b;background:#d9c3a0}
#turnAvatarName{font-weight:700}