:root{--moss:#26766c;--deep:#194b4a}.setup-panel{display:flex;align-items:center;gap:9px}.setup-panel h2{width:100%;margin:0}.setup-panel label{font-size:12px;font-weight:700}.setup-panel select{padding:4px;border:1px solid #b8cac7;border-radius:6px;font:inherit;font-size:12px}.status-panel p{min-height:38px;margin-bottom:6px}.scoreboard{display:grid;gap:4px}.score-chip{display:flex;justify-content:space-between;align-items:center;padding:4px 7px;border-radius:7px;background:#f4f8f2;color:#476461;font-size:11px}.score-chip.active{outline:2px solid var(--chip);background:#fff}.score-chip b{color:var(--chip)}.spare-panel{text-align:center}.spare-panel>p,.rules p{font-size:11px;line-height:1.35;margin:6px 0;color:#607370}.spare-tile{display:inline-grid;grid-template-columns:48px auto;align-items:center;gap:8px;margin:0;border:0;background:transparent;cursor:pointer}.spare-tile b{font-size:12px;color:#356a64}.tile-shape{position:relative;width:48px;height:48px;display:block;border:4px solid #5a877e;border-radius:10px;background:#b8ded2;box-shadow:inset 0 0 0 5px #e6f3e9}.tile-shape:before,.tile-shape:after{content:"";position:absolute;background:#fff8d9}.tile-shape.corner:before{width:16px;height:35px;left:12px;top:-4px}.tile-shape.corner:after{height:16px;width:35px;left:12px;top:20px}.tile-shape.straight:before{width:16px;height:56px;left:12px;top:-4px}.tile-shape.tee:before{width:16px;height:56px;left:12px;top:-4px}.tile-shape.tee:after{height:16px;width:56px;left:-4px;top:20px}.note{font-size:10px;color:#84918d;margin:10px 2px}.game-sidebar>#new-game{width:100%;margin-top:11px}.play-area{display:grid;place-items:center;min-height:0;padding:18px;background:radial-gradient(circle at 18% 18%,#f8dd8d44 0 10%,transparent 28%),linear-gradient(145deg,#dff0e6,#b3d9d6)}.garden-stage{position:relative;width:min(92%,calc(100svh - 100px));aspect-ratio:1}.board{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);overflow:hidden;border:9px solid #e7d8b7;border-radius:19px;box-shadow:0 12px 30px #23584b30;background:#d1e5d9}.tile{position:relative;min-width:0;min-height:0;border:1px solid #7ba69b;background-color:#a7d0bf;background-image:radial-gradient(circle at 16% 21%,#f9e28d 0 2%,transparent 2.7%),radial-gradient(circle at 77% 69%,#5b9b70 0 2%,transparent 2.8%);cursor:pointer}.tile:before,.tile:after{content:"";position:absolute;z-index:1;background:#fff8d9;box-shadow:inset 0 0 0 2px #f0dfa2}.tile:before{width:30%;height:110%;left:35%;top:-5%}.tile:after{width:110%;height:30%;left:-5%;top:35%}.tile[data-shape="corner"]:after{width:65%;left:35%}.tile[data-shape="straight"]:after{display:none}.tile.r1{transform:rotate(90deg)}.tile.r2{transform:rotate(180deg)}.tile.r3{transform:rotate(270deg)}.tile.reachable{outline:3px solid #fff;outline-offset:-5px;z-index:3}.tile.reachable:hover{filter:brightness(1.08)}.tile.current{box-shadow:inset 0 0 0 4px #214f4c}.tile.gate{background-color:#c6a763}.token{position:absolute;z-index:5;left:50%;top:50%;width:33%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #fffdf2;border-radius:50%;color:white;font-size:clamp(9px,1.45vw,16px);box-shadow:0 2px 5px #274c4788}.goal{background:var(--owner)}.player{font-size:0;background:var(--player);box-shadow:0 2px 0 #12423e,0 3px 7px #1e504a66}.player:before{content:"";width:40%;height:40%;border-radius:50%;background:#fff}.player:after{content:"";position:absolute;width:58%;height:29%;bottom:14%;border-radius:50% 50% 40% 40%;background:#fff}.arrows{position:absolute;inset:0;pointer-events:none}.arrow{position:absolute;z-index:8;width:7%;aspect-ratio:1;border:0;border-radius:50%;background:#fffdf7;color:#26766c;font-size:clamp(13px,2vw,23px);font-weight:900;box-shadow:0 3px 7px #1c555544;cursor:pointer;pointer-events:auto}.arrow:hover:not(:disabled){background:#f8db86}.arrow:disabled{opacity:.3;cursor:default}.arrow.top{top:0;transform:translateX(-50%)}.arrow.bottom{bottom:0;transform:translateX(-50%)}.arrow.left{left:0;transform:translateY(-50%)}.arrow.right{right:0;transform:translateY(-50%)}.legend{position:absolute;right:1%;bottom:0;padding:4px 8px;border-radius:99px;background:#fffdf9cc;color:#476461;font-size:10px;font-weight:700}.player-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1f706b}.gate-dot{margin-left:7px;color:#a77d23}dialog{border:0;border-radius:16px;max-width:330px;box-shadow:0 12px 40px #1237}dialog::backdrop{background:#16313b77}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.play-area{min-height:600px}.garden-stage{width:min(94%,calc(100svh - 90px))}}@media(max-width:560px){.game-sidebar h1{font-size:38px}.play-area{min-height:420px;padding:13px}.garden-stage{width:100%}.board{border-width:6px;border-radius:13px}.token{border-width:1px}.legend{display:none}}@media(min-width:901px){.game-layout{height:calc(100svh - 58px);min-height:0}.game-layout+.site-footer{display:none}.game-sidebar{overflow:hidden}.game-sidebar h1{font-size:39px;margin-bottom:5px}.game-sidebar .intro{font-size:13px}.panel{margin-top:8px;padding:9px 11px}.status-panel p{min-height:30px;margin-bottom:4px}.rules p{font-size:10px;margin:4px 0}.play-area{padding:8px}.garden-stage{width:min(89%,calc(100svh - 76px))}.note{margin-top:8px}}