@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-0.woff2) format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/font-1.woff2) format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/font-2.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/font-3.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-4.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/font-5.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/font-6.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./fonts/font-7.woff2) format('woff2');
}


:root{--ink:#234735;--muted:#7a8067;--paper:#f5f0df;--gold:#b79b59;--green:#255440;--line:#dedbc5;--font:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#e9eadc;color:var(--ink);font:14px var(--font)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b89b56;outline-offset:3px}button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:12px 17px;font-weight:700;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ebe6ce;transform:translateY(-1px)}.primary{background:var(--green);color:#fff7da;border-color:var(--green);box-shadow:0 4px 10px #2148341c}.primary:hover:not(:disabled){background:#31674f}.secondary{background:#e8e9d8}.icon{padding:9px 13px;font-size:19px;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:800;color:#94804f}.serif,h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif}h1,h2,h3,p{margin-top:0}h1{font-size:56px;font-weight:600;line-height:.94;margin-bottom:20px}h2{font-size:30px;margin-bottom:15px;font-weight:600}h3{font-size:23px;margin-bottom:8px}p{line-height:1.7}.muted{color:var(--muted)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#faf7ed}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left}.brand>svg{width:43px;height:43px}.brand strong{font:700 23px 'Cormorant Garamond',Georgia;display:block}.brand small{font-size:9px;letter-spacing:2px;color:#899078}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{font-size:12px;padding:9px 13px}.avatar{width:31px;height:31px;border-radius:50%;background:#e6eadc;padding:3px}.online-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#6e9e64;margin-right:6px}.home{max-width:1480px;padding:34px 38px 28px;margin:auto;display:grid;grid-template-columns:330px minmax(0,1fr);gap:34px}.intro{padding:12px 5px}.intro .eyebrow{margin-bottom:23px;display:block}.intro p{max-width:290px;font-size:12px}.modes{display:grid;gap:8px;margin:26px 0}.mode{display:flex;align-items:center;gap:14px;text-align:left;background:#f8f5e9;padding:13px 15px;position:relative}.mode .symbol{font-size:22px;width:27px;text-align:center;font-weight:400}.mode span strong{display:block;font-size:12px}.mode span small{display:block;font-size:10px;color:#899078;margin-top:4px;font-weight:400}.mode.active{border-color:#42634a;background:#e2e7d4;box-shadow:inset 3px 0 #42634a}.mode.active:after{content:'✓';margin-left:auto}.name-row{display:flex;align-items:center;gap:10px;margin:16px 0}.name-row input{width:100%;border:1px solid var(--line);background:#faf7ec;padding:11px;border-radius:7px;color:var(--ink);font-size:12px}.name-row select{background:#faf7ec;border:1px solid var(--line);padding:10px;color:var(--ink);border-radius:7px}.start{width:100%;font-size:13px;padding:17px}.small-note{font-size:10px;text-align:center;color:#8a907c;margin:13px 0}.right-home{min-width:0}.hero{height:286px;position:relative;border-radius:14px;overflow:hidden;background:#c5d1b0;box-shadow:0 8px 24px #2347350c}.hero>svg{width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;left:28px;bottom:24px;background:#f9f4dfed;backdrop-filter:blur(8px);padding:13px 19px;border:1px solid #fff5ce;border-radius:9px}.hero-caption strong{font:600 24px 'Cormorant Garamond',Georgia;display:block}.hero-caption small{font-size:10px;color:#6b765d}.hero-badge{position:absolute;right:20px;top:18px;background:#f5f1dcdf;color:#4c6145;border-radius:30px;padding:7px 12px;font-size:10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:28px;margin-bottom:15px}.section-head h2{margin:0}.section-head small{font-size:10px;color:#888d78}.expansions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.expansion{padding:0;overflow:hidden;text-align:left;background:#faf7eb;border-radius:11px;font-weight:400;position:relative;display:flex;flex-direction:column}.expansion.selected{border-color:#698461;box-shadow:0 0 0 1px #698461}.expansion-art{height:107px;background:#c9d3ab;position:relative;overflow:hidden;width:100%}.expansion-art>svg{width:100%;height:220%;transform:translateY(-24%)}.expansion-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#f7f2de38)}.expansion-body{padding:13px 14px 14px}.expansion h3{font-size:21px;line-height:1.05;margin:0 0 7px;min-height:43px}.expansion p{font-size:10px;color:#7c826d;line-height:1.6;margin-bottom:12px}.expansion .meta{font-size:10px;color:#7e744e}.check{position:absolute;right:9px;top:9px;width:23px;height:23px;border-radius:50%;border:1px solid #f3ecd1;background:#faf5e5de;z-index:1;text-align:center;line-height:21px}.selected .check{background:#315b40;color:#ffefbf;border-color:#315b40}.table-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:#f5f1e3;padding:15px 19px;border-radius:9px;margin-top:18px;font-size:11px}.table-summary strong{font-size:15px}.footer{max-width:1404px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#879079;border-top:1px solid #d6dbc7;padding:18px 0}.footer button{padding:0;border:0;background:none;font-size:10px;color:#7c856d;font-weight:400}.game{height:calc(100dvh - 76px);display:grid;grid-template-columns:240px minmax(0,1fr) 246px}.game-left,.game-right{background:#f6f2e5;padding:23px 18px;overflow:auto;z-index:2}.game-left{border-right:1px solid var(--line)}.game-right{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:17px}.game-left h2{font-size:26px}.player{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:9px;background:#faf7ec}.player.current{border-color:#82916b;background:#e7ebd8}.player .token{width:36px;height:36px}.player-name{font-weight:700;font-size:11px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.player small{display:block;color:#8b8e78;font-size:9px;margin-top:4px}.score{margin-left:auto;font:600 29px 'Cormorant Garamond',Georgia}.goods{display:flex;gap:8px;font-size:10px;margin-top:4px;color:#937846}.log{font-size:10px;color:#838a73;line-height:1.7}.log p{margin-bottom:11px;border-bottom:1px solid #e4e4d2;padding-bottom:10px}.log-title{margin:26px 0 12px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8b8d74}.board-wrap{position:relative;overflow:hidden;touch-action:none;background-color:#587357;background-image:radial-gradient(ellipse at center,#79936c55,transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 0h40v40H0z' fill='none' stroke='%23ffffff' stroke-opacity='.025'/%3E%3C/svg%3E")}.board{position:absolute;left:50%;top:50%;transform-origin:0 0}.tile{position:absolute;width:100px;height:100px;padding:0;border:0;border-radius:2px;background:none;box-shadow:0 2px 4px #1f37282e}.tile>svg{display:block;width:100%;height:100%}.tile:hover:not(:disabled){transform:none;background:none}.tile.latest{box-shadow:0 0 0 2px #f6e4a2;z-index:1}.tile.ghost{background:#f3e9b016;border:1px dashed #e4e5ba8c;box-shadow:none;display:flex;align-items:center;justify-content:center;color:#f2ecc8;font-size:28px}.tile.ghost:hover{background:#ebdf9a42}.tile.preview{opacity:.8;pointer-events:none}.board-status{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:3;background:#f8f1dcf0;border-radius:30px;padding:10px 20px;max-width:90%;font-size:11px;white-space:nowrap;box-shadow:0 3px 16px #183a2420}.board-toolbar{position:absolute;left:18px;bottom:18px;display:flex;gap:5px;z-index:3}.board-help{position:absolute;right:17px;bottom:23px;font-size:9px;color:#e7ead1}.tile-preview{width:142px;height:142px;margin:4px auto;filter:drop-shadow(0 4px 6px #2c442620)}.game-right .eyebrow{text-align:center;margin-top:4px}.game-right h2{text-align:center;font-size:25px;margin-bottom:0}.rotate{width:100%;padding:10px}.tile-caption{text-align:center;font-size:10px;color:#8c8d75}.figure-kinds{display:grid;grid-template-columns:1fr 1fr;gap:6px}.figure-kinds button{padding:9px 4px;font-size:10px;font-weight:600}.figure-kinds .active{background:#dbe3c9;border-color:#718562}.instructions{padding:13px;background:#ecebd8;border:1px solid #dedfc4;border-radius:8px;font-size:10px;line-height:1.8;color:#6b785e}.game-right .primary{width:100%;padding:14px;font-size:11px}.rule-mini{margin-top:auto;font-size:10px;color:#899078;line-height:1.7}.feature-choice{cursor:pointer}.feature-choice:hover circle{fill:#d5e2b2;stroke-width:3}.feature-choice:focus{outline:none}.feature-choice:focus circle{stroke-width:3}.room-code{font:600 32px 'Cormorant Garamond',Georgia;letter-spacing:5px}.room-panel{padding:20px;border:1px solid var(--line);background:#faf7e9;border-radius:11px;margin-top:18px}.room-panel input{padding:12px;width:100%;border:1px solid var(--line);border-radius:8px;margin:8px 0}.room-actions{display:flex;gap:8px;margin-top:12px}.room-actions button{flex:1}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:12px}.catalog>div{text-align:center;font-size:10px}.catalog>div>svg{width:100%;display:block}.catalog small{display:block;margin:4px 0}.rules p,.rules li{font-size:12px;line-height:1.9}.rules h3{margin-top:20px}.rules ul{padding-left:20px}dialog{max-width:min(800px,92vw);width:760px;max-height:85dvh;border:1px solid #b5b797;background:#f7f3e5;color:var(--ink);padding:30px;border-radius:15px;box-shadow:0 20px 90px #10271950}dialog::backdrop{background:#17352499;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:15px;border:0;background:none}.result-list{margin:23px 0}.result-list .player{padding:15px}.results-title{text-align:center;font-size:40px}.toast-visible{opacity:1!important;transform:translateX(-50%) translateY(0)!important}#toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;transition:.2s;background:#233f30;color:#fff3d4;padding:13px 23px;border-radius:9px;font-size:12px;max-width:90%;pointer-events:none}.hidden{display:none!important}.loading{padding:40px;text-align:center}.pill{border-radius:20px;background:#e6ead6;padding:5px 9px;font-size:10px}.mobile-menu{display:none}.soft-button{background:none;border:0;padding:7px;font-size:10px;color:#809073}
@media(min-width:1600px){.home{padding-top:55px}.hero{height:340px}.expansion-art{height:140px}}@media(max-width:1100px){.home{grid-template-columns:270px 1fr;gap:24px;padding:25px}h1{font-size:48px}.hero{height:250px}.expansion h3{font-size:18px}.expansion-body{padding:10px}.game{grid-template-columns:190px 1fr 210px}.game-left,.game-right{padding:16px 12px}.footer{margin:0 25px 20px}.board-help{display:none}.topbar{padding:0 25px}}@media(max-width:800px){.home{grid-template-columns:1fr;padding:20px;gap:15px}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.intro .eyebrow{grid-column:1/-1;margin-bottom:15px}.intro h1{font-size:42px;margin-bottom:8px}.intro>p{font-size:11px;grid-column:1;grid-row:3}.modes{grid-column:2;grid-row:2/5;margin:0}.mode{padding:9px}.mode span small{display:none}.mode .symbol{font-size:17px;width:18px}.name-row{grid-column:1;margin:8px 0}.start{grid-column:1/-1;margin-top:15px}.small-note{grid-column:1/-1}.hero{height:220px}.topbar{height:65px;padding:0 17px}.brand strong{font-size:21px}.top-actions .online-dot,.top-actions .avatar{display:none}.top-actions{gap:5px}.game{height:calc(100dvh - 65px);grid-template-columns:1fr 175px;grid-template-rows:67px 1fr}.game-left{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:8px;overflow-x:auto;border-bottom:1px solid var(--line)}.game-left h2,.game-left .log-title,.game-left .log,.game-left>button{display:none}.game-left .player{min-width:120px;padding:6px;margin:0}.game-left .token{width:29px;height:29px}.player small{font-size:8px}.player-name{font-size:10px}.score{font-size:24px}.game-left .goods{display:none}.game-right{padding:12px 10px;gap:12px}.game-right h2{font-size:22px}.tile-preview{width:119px;height:119px}.board-status{top:12px;font-size:9px;padding:8px 12px}.board-toolbar{left:8px;bottom:10px}.board-toolbar button{padding:8px 10px}.rule-mini{font-size:9px}.instructions{padding:9px;font-size:9px}.footer{margin:0 20px 20px}.expansion h3{min-height:40px}.table-summary{font-size:10px}.hero-caption{left:18px;bottom:18px}.hero-caption strong{font-size:22px}}@media(max-width:480px){.intro{display:block}.intro h1{font-size:45px}.intro>p{max-width:100%}.modes{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.mode .symbol{display:none}.mode{min-height:46px}.mode.active:after{display:none}.mode span strong{font-size:10px}.intro .eyebrow{margin-top:10px}.hero{height:180px}.expansions{gap:7px}.expansion-art{height:80px}.expansion h3{font-size:17px;min-height:50px}.expansion p{display:none}.expansion-body{padding:9px}.section-head small{display:none}.table-summary{padding:12px;gap:8px}.table-summary strong{font-size:12px}.game{grid-template-columns:1fr 142px}.tile-preview{width:104px;height:104px}.figure-kinds{grid-template-columns:1fr}.figure-kinds button{padding:7px}.game-right h2{font-size:20px}.game-right .eyebrow{font-size:8px}.rule-mini{display:none}.game-right .primary{font-size:10px;padding:11px 7px}.footer{line-height:1.8}.top-actions button{font-size:10px;padding:7px}.brand strong{font-size:19px}.brand>svg{width:34px}.brand small{font-size:8px}}
.hero-illustration{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero{background:#ced4b7}.home .intro h1{font-size:52px;letter-spacing:-1px}.hero-caption{box-shadow:0 4px 20px #213f2520}@media(max-width:800px){.home .intro h1{font-size:42px}}
