:root{font-family:Georgia,serif;color:#f9e9c3;background:#100b16}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#44301c,#120d1b 75%);min-height:100vh}.app{max-width:1100px;margin:auto;padding:20px}.top{text-align:center}.eyebrow{letter-spacing:4px;color:#d9af68;font-size:12px}.top h1{font-size:clamp(28px,5vw,52px);margin:8px 0;color:#ffe4a0;text-shadow:0 2px 20px #a7703a}.subtitle{color:#d7b986;margin:0 0 20px}.layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);gap:20px;align-items:start}.boardframe{padding:14px;border:7px ridge #b8873e;border-radius:18px;background:repeating-linear-gradient(45deg,#a76e27,#d8ac5e 6px,#6c411b 11px);box-shadow:0 16px 35px #0009}.board{position:relative;aspect-ratio:1;background:#e9d7a8;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);border:4px solid #493015;overflow:hidden}.tile{position:relative;border:1px solid #b89b63;background:linear-gradient(135deg,#f8e9c4,#dcc495);display:flex;align-items:center;justify-content:center;font-size:clamp(7px,1.3vw,15px);color:#a67a39}.tile.empty{border:0;background:transparent}.tile.red{background:#a52e38}.tile.green{background:#18765b}.tile.gold{background:#e2a72d}.tile.blue{background:#24599b}.tile.safe:before{content:'✥';color:#9d7029;font-size:clamp(11px,2vw,25px)}.tile.lane:before{content:'◆';color:#fff8d8;opacity:.65}.tile.center{background:radial-gradient(circle,#ffe2a0,#a76c30);border-color:#a66e29}.tile.center:before{content:'✺';font-size:clamp(15px,3vw,40px);color:#6c301f}.tile.palace{border:0;background:transparent}.palacebg{position:absolute;inset:2%;border:2px solid #d6a85d;border-radius:50%;background:#fff3d6d9;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:clamp(10px,1.6vw,19px);box-shadow:inset 0 0 0 4px #fff4cf}.palacebg span{font-size:clamp(15px,3vw,35px)}.pawn{z-index:3;width:76%;height:76%;border-radius:50%;border:2px solid #ffe6a3;box-shadow:0 3px 5px #0008,inset 0 0 0 2px #ffffff40;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.8vw,20px);color:#fff6d4;cursor:pointer;transition:transform .18s;position:relative}.pawn:hover,.pawn.eligible{transform:scale(1.17);box-shadow:0 0 0 3px #fff9b6,0 0 16px #fff4ad}.pawn.red{background:#a52e38}.pawn.green{background:#18765b}.pawn.gold{background:#bd7d0b}.pawn.blue{background:#24599b}.pawn .n{position:absolute;bottom:-4px;right:-3px;font:700 9px Arial;background:#241a17;color:white;border-radius:8px;padding:1px 3px}.panel{border:1px solid #ae7d43;background:linear-gradient(145deg,#2a1d23,#15111d);padding:18px;border-radius:15px;box-shadow:0 15px 35px #0006}.panel h2{font-size:21px;color:#ffdb91;margin:0 0 14px}.players{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.player{border:1px solid #735b45;border-radius:8px;padding:9px;text-align:center;font:12px Arial;color:#f4e6c9}.player.active{outline:2px solid #ffe8a6;background:#554029}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.cowries{display:flex;justify-content:center;gap:5px;margin:20px 0;flex-wrap:wrap}.shell{width:34px;height:55px;border:2px solid #cfa764;border-radius:48% 48% 43% 43%;background:linear-gradient(100deg,#d5b47c,#fff5da 35%,#b98549 80%);box-shadow:inset 3px 2px 7px #fff8,0 5px 5px #0008;transform:rotate(var(--rot));position:relative}.shell.open:after{content:'';position:absolute;top:8px;bottom:8px;left:13px;width:6px;border-radius:50%;background:#5a301f;box-shadow:inset 1px 0 3px #000}.shell:not(.open){background:linear-gradient(90deg,#8b5d3e,#d8b585,#8b5d3e)}button,select{width:100%;border:1px solid #e6bb6c;border-radius:9px;background:linear-gradient(#eecb78,#a66b29);color:#241509;padding:13px 8px;font-weight:800;cursor:pointer;font-size:14px}button:disabled{opacity:.45;cursor:default}.secondary{background:#29202a;color:#ffe1a0;margin-top:8px}.result{text-align:center;min-height:56px;color:#fff0ca;line-height:1.5;font:14px Arial}.help{font:12px/1.6 Arial;color:#d2bfa6}.help summary{cursor:pointer;color:#f8d48c}.toast{color:#ffdc91;text-align:center;margin:10px 0;font:13px Arial}.tile:has(.pawn){overflow:visible}.pawnStack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;z-index:4}.pawnStack .pawn{flex-shrink:0;width:65%;height:65%;margin-left:-15%;font-size:13px}.pawnStack .pawn:first-child{margin-left:0}@media(max-width:750px){.layout{grid-template-columns:1fr}.app{padding:10px}.boardframe{padding:7px}.panel{padding:15px}.shell{width:28px;height:46px}.shell.open:after{left:10px}.pawn{border-width:1px}}