:root{--green:#2f7d43;--dark:#203329;--paper:#fff7df;--wood:#8a5a2d;--shadow:0 14px 32px #0004;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Trebuchet MS,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#f5ffe6,#b9d28b 42%,#6fa05d);color:var(--dark);overflow:hidden}.app{height:100dvh;display:grid;grid-template-rows:auto 1fr;padding:clamp(8px,1.6vw,18px);gap:10px}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff5d2d9;border:3px solid #fff9;border-radius:26px;padding:10px 14px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.brand{display:flex;gap:12px;align-items:center}.leaf{font-size:40px;filter:drop-shadow(0 4px 2px #0002)}.brand h1{font-size:clamp(23px,3vw,42px);margin:0;line-height:.92;text-transform:uppercase;letter-spacing:.5px;color:#216d37;text-shadow:0 2px 0 #fff}.brand p{margin:3px 0 0;font-weight:900;color:#5d6b35}.smallbtn,.primary{border:0;border-radius:18px;background:linear-gradient(#43a957,#2f7d43);color:white;font-weight:1000;padding:12px 16px;box-shadow:0 6px 0 #1d522b;cursor:pointer}.smallbtn:active,.primary:active,.dice:active,.deck:active,.rules:active{transform:translateY(3px);box-shadow:none}.table{height:100%;display:grid;grid-template-columns:minmax(148px,205px) 1fr;grid-template-rows:1fr auto;gap:12px}.players{grid-row:1/3;background:#7a4a25cc;border:5px solid #4b2a13;border-radius:25px;padding:12px;box-shadow:var(--shadow);overflow:auto}.player{display:flex;align-items:center;gap:8px;background:#fff4ce;border-radius:17px;margin-bottom:10px;padding:9px;border:3px solid #e7c980;box-shadow:0 4px 0 #b68a49}.player.active{border-color:#ffe05b;background:#fff9de;transform:scale(1.02)}.player small{font-weight:800;color:#5f6848}.mini-token{width:29px;height:29px;border-radius:50% 50% 45% 45%;box-shadow:inset 0 9px 10px #fff8,0 4px 7px #0005;border:2px solid #fff}.board-wrap{min-height:0}.board{position:relative;height:100%;min-height:465px;border-radius:38px;background:linear-gradient(#a8de90 0 38%,#f3d996 39% 66%,#92cc80 67%);box-shadow:inset 0 0 0 8px #fdf1c8, inset 0 0 0 15px #7a542f,var(--shadow);overflow:hidden}.board:before{content:"";position:absolute;inset:16px;border-radius:28px;background:radial-gradient(circle at 10% 18%,#ffffff55 0 10%,transparent 11%),radial-gradient(circle at 77% 82%,#ffffff40 0 9%,transparent 10%),linear-gradient(45deg,transparent 48%,#ffffff22 49% 51%,transparent 52%);pointer-events:none}.paint{position:absolute;z-index:1}.sun{right:10%;top:8%;font-size:58px}.cloud{font-size:44px;opacity:.85}.c1{left:42%;top:8%}.c2{right:24%;top:18%}.scenery{position:absolute;z-index:1;font-weight:1000;filter:drop-shadow(0 6px 5px #0002)}.forest{left:5%;top:11%;font-size:42px;letter-spacing:-8px}.river{left:9%;bottom:18%;width:23%;height:17%;display:grid;place-items:center;border-radius:50%;font-size:30px;background:radial-gradient(#a7e8f7,#3aa4c9);transform:rotate(-13deg);color:#fff}.flowers{left:39%;bottom:14%;font-size:32px;background:#fff5beaa;border-radius:30px;padding:10px 14px}.city{right:6%;top:28%;font-size:34px;background:#e9f2f0cc;border-radius:24px;padding:12px}.energy{right:9%;bottom:23%;font-size:20px;background:#ffe487d9;border:3px solid #e2b03b;border-radius:18px;padding:8px 12px;color:#73541b}.path-ribbon{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 30% 82%,transparent 0 23%,#f0c17666 24% 25%,transparent 26%),radial-gradient(ellipse at 48% 45%,transparent 0 30%,#f0c17666 31% 32%,transparent 33%),radial-gradient(ellipse at 65% 18%,transparent 0 22%,#f0c17666 23% 24%,transparent 25%);pointer-events:none}.sign{position:absolute;background:#7b4b24;color:white;padding:8px 14px;border-radius:10px;border:3px solid #4e2e15;font-weight:1000;letter-spacing:1px;box-shadow:0 8px 0 #3a220f;z-index:5}.start-sign{left:4%;bottom:8%;font-size:clamp(18px,2.4vw,34px)}.finish-sign{right:3%;top:4%;font-size:clamp(16px,2.1vw,30px)}.tile{position:absolute;width:clamp(42px,5.6vw,78px);height:clamp(42px,5.6vw,78px);border-radius:20px;background:#f6e4b7;border:4px solid #ad8952;display:grid;place-items:center;font-weight:1000;color:#fff;text-shadow:0 2px 2px #0007;font-size:clamp(16px,2.2vw,28px);box-shadow:0 8px 0 #9a7545,0 12px 14px #0003;transform:translate(-50%,-50%);z-index:4}.tile.special{background:linear-gradient(135deg,#ffe16a,#e87942)}.tile.good{background:linear-gradient(135deg,#b2dd6e,#4c9a48)}.tile.bad{background:linear-gradient(135deg,#d57676,#8d4260)}.tile.info{background:linear-gradient(135deg,#8bdff0,#4096c9)}.tile.currentGlow{outline:5px solid #fff}.token{position:absolute;width:clamp(29px,3.7vw,48px);height:clamp(29px,3.7vw,48px);border-radius:50% 50% 45% 45%;border:3px solid #ffffffdd;box-shadow:inset 0 10px 11px #fff8,0 8px 10px #0008;z-index:9;transform:translate(-50%,-88%);transition:left .35s ease,top .35s ease}.token:after{content:"";position:absolute;left:25%;top:17%;width:24%;height:16%;border-radius:50%;background:#fff9}.tray{grid-column:2;background:#3b2518dd;border:5px solid #5b3418;border-radius:26px;padding:10px calc(10px + var(--safe-bottom)) 10px 10px;display:flex;gap:12px;align-items:center;justify-content:center;box-shadow:var(--shadow)}.woodlabel,.dice,.deck,.rules{background:var(--paper);border:3px solid #e8c779}.current{min-width:240px;display:flex;align-items:center;gap:10px;border-radius:20px;padding:10px 14px;box-shadow:0 6px 0 #b7985e}#currentDot{width:31px;height:31px;border-radius:50%;box-shadow:inset 0 8px 9px #fff8,0 4px 5px #0003}.current small{display:block;font-weight:900}.dice,.deck,.rules{border-radius:20px;min-width:112px;padding:10px;font-weight:1000;box-shadow:0 6px 0 #b7985e;cursor:pointer}.dice span,.deck span,.rules span{display:block;font-size:40px}.dice.rolling span{animation:roll .55s linear infinite}@keyframes roll{to{transform:rotate(360deg) scale(1.12)}}dialog{border:0;background:transparent}.card-dialog::backdrop,.setup-dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.card,.setup-card{position:relative;width:min(92vw,455px);background:var(--paper);border:9px solid #fff;border-radius:30px;padding:24px;text-align:center;box-shadow:0 20px 50px #0008}.card{animation:deal .28s ease-out}.card.good{background:#e8ffd5}.card.bad{background:#ffe1de}.card.info{background:#e0f8ff}.cardIcon{font-size:70px}.card h2{margin:4px 0 8px;font-size:31px}.card p{font-size:18px;line-height:1.35}.fact{background:#fff9;border:3px dashed #72ad54;border-radius:16px;padding:11px;margin:12px 0;font-weight:900}.fact:empty{display:none}.effect{background:#fff8;border-radius:14px;padding:12px;margin:14px 0;font-weight:1000}.close{position:absolute;right:12px;top:8px;border:0;background:#0000;font-size:34px;cursor:pointer}@keyframes deal{from{transform:translateY(80px) rotate(5deg);opacity:0}to{transform:none;opacity:1}}select{font:inherit;padding:10px;border-radius:12px;border:2px solid #c8b27b;margin:8px}.setup-card label{font-weight:1000;display:block;margin:12px 0}@media (max-width:720px),(orientation:portrait){body{overflow:auto}.app{height:auto;min-height:100dvh}.topbar p{display:none}.table{display:block}.players{display:flex;gap:8px;margin-bottom:10px;padding:8px;overflow-x:auto}.player{min-width:152px;margin:0}.board{height:72vh;min-height:560px}.tray{position:sticky;bottom:0;z-index:20;grid-column:auto;margin-top:8px;border-radius:22px 22px 0 0;flex-wrap:wrap;padding-bottom:calc(10px + var(--safe-bottom))}.current{width:100%;justify-content:center}.dice,.deck,.rules{flex:1;min-width:88px}.tile{width:48px;height:48px;border-radius:14px}.token{width:31px;height:31px}.start-sign{bottom:3%;}.finish-sign{top:2%;right:1%}.forest{font-size:34px}.flowers{font-size:24px}.city{font-size:25px}.energy{font-size:15px}}