.ticker{--ticker-cell: 1.2em;position:relative;display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}.ticker__number{display:inline-flex;align-items:center;font-weight:700;color:var(--catan-gold);font-variant-numeric:tabular-nums;line-height:var(--ticker-cell)}.ticker__digit{display:inline-block;width:1ch;height:var(--ticker-cell);overflow:hidden;text-align:center}.ticker__strip{display:flex;flex-direction:column}.ticker__strip--roll{animation:ticker-roll .26s cubic-bezier(.2,.7,.2,1) forwards}.ticker__cell{height:var(--ticker-cell);line-height:var(--ticker-cell)}.ticker__sep{line-height:var(--ticker-cell)}@keyframes ticker-roll{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--ticker-cell)))}}.ticker__label{color:#f4e4bcd9}.ticker__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){.ticker__strip--roll{animation:none;transform:translateY(calc(-1 * var(--ticker-cell)))}}html,body,#root{height:100%;overflow:hidden}.app{position:relative;height:100dvh;background:radial-gradient(ellipse at 50% 0%,rgba(212,68,28,.35),transparent 60%),var(--catan-red-deep)}.app__header{position:absolute;top:env(safe-area-inset-top);left:0;right:0;padding:10px 16px 6px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:3;pointer-events:none}.app__title,.app__seed,.app__ticker{pointer-events:auto;background:#1e0c06e0;border:1px solid rgba(218,149,75,.35);border-radius:999px;box-shadow:0 2px 8px #00000059}.app__title{font-weight:800;letter-spacing:.1em;color:var(--catan-gold);text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:1.375rem;padding:6px 14px;margin-right:auto}.app__seed{font-size:.75rem;color:#f4e4bcd9;font-variant-numeric:tabular-nums;padding:6px 12px;align-self:center}.app__ticker{font-size:.75rem;padding:6px 12px;align-self:center}@media (max-width: 599px){.app__header{padding:8px 12px 6px;gap:8px}.app__title{font-size:.9375rem;padding:5px 10px}.app__seed{display:none}.app__ticker{font-size:.6875rem;padding:5px 10px}}.app__board{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--drawer-peek);transition:top .28s ease,bottom .28s ease;overflow:hidden;touch-action:none;contain:layout style paint}.board-svg{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;transform-origin:center center}.board__view-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;align-items:center;z-index:2;user-select:none;-webkit-user-select:none}.board__btn{background:var(--catan-cream);color:var(--catan-brown-dark);border:2px solid var(--catan-gold);border-radius:50%;width:48px;height:48px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-button);display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.board__btn:active{transform:translateY(1px)}.board__btn--label{width:auto;min-width:48px;padding:0 14px;border-radius:24px;font-size:1rem;font-variant-numeric:tabular-nums}.board__btn-degree{display:inline-block;width:0}.board__rotate{display:flex;background:var(--catan-cream);border:2px solid var(--catan-gold);border-radius:999px;box-shadow:var(--shadow-button);overflow:hidden}.board__rotate-btn{width:44px;height:44px;border:none;background:transparent;color:var(--catan-brown-dark);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.board__rotate-btn+.board__rotate-btn{border-left:1px solid rgba(125,75,30,.35)}.board__rotate-btn:active{transform:translateY(1px)}.board__rotate-btn:focus-visible{outline:2px solid var(--catan-brown-dark);outline-offset:-3px;border-radius:999px}.hex{stroke:var(--tile-stroke);stroke-width:.04}.hex--wood{fill:var(--tile-wood)}.hex--brick{fill:var(--tile-brick)}.hex--wheat{fill:var(--tile-wheat)}.hex--sheep{fill:var(--tile-sheep)}.hex--ore{fill:var(--tile-ore)}.hex--desert{fill:var(--tile-desert)}.number-token{fill:var(--catan-cream);stroke:var(--catan-brown-dark);stroke-width:.03}.number-token--red{fill:#f7d9c0}.number-text{fill:var(--num-ink);font-weight:700;text-anchor:middle;font-family:Georgia,Times New Roman,serif}.number-text--red{fill:var(--num-red)}.pip-dot{fill:var(--num-ink)}.pip-dot--red{fill:var(--num-red)}.spot-badge{fill:var(--catan-cream);stroke:var(--catan-brown-dark);stroke-width:.02}.spot-text{fill:var(--catan-brown-dark);font-size:.22px;font-weight:700;text-anchor:middle}.spot-rank{stroke:var(--catan-gold);stroke-width:.06;fill:none}.spot-rank-text{fill:var(--catan-cream);font-size:.22px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:var(--catan-brown-dark);stroke-width:.02}.synergy-icon{font-size:.22px;text-anchor:middle}.controls{background:var(--catan-cream);color:var(--catan-brown-dark);border-top-left-radius:22px;border-top-right-radius:22px;border:3px solid var(--catan-gold);border-bottom:none;box-shadow:0 -8px 24px #0006;position:fixed;left:0;right:0;bottom:0;z-index:5;padding:0;display:flex;flex-direction:column;max-height:75dvh}.controls.controls--closed{transform:translateY(calc(75dvh - var(--drawer-peek)))}.controls__handle{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;width:100%;padding:10px 16px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:grab;color:var(--catan-brown-dark);font-family:inherit;touch-action:none}.controls__handle:active{cursor:grabbing}.controls__handle-label{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--catan-brown-mid)}.controls__body{flex:1 1 auto;overflow-y:auto;padding:4px 16px calc(16px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.controls.controls--closed .controls__body{pointer-events:none}.controls.controls--closed .controls__row--primary{pointer-events:auto}.app:has(.controls--has-notice){--drawer-peek: var(--drawer-peek-notice)}.controls__drag{width:44px;height:5px;border-radius:999px;background:var(--catan-brown-mid);opacity:.5;display:block}.controls__row--primary{margin-top:0}.controls:not(.controls--has-notice) .controls__row--primary{margin-bottom:28px}.controls__row{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}.controls__label{font-weight:700;font-size:.85rem;color:var(--catan-brown-dark);text-transform:uppercase;letter-spacing:.05em}.controls__group{margin:10px 0 4px;padding-bottom:8px;border-bottom:1px dashed rgba(125,75,30,.25)}.controls__group:last-of-type{border-bottom:none}.controls__footer{margin:14px 4px 2px;padding-top:10px;border-top:1px dashed rgba(125,75,30,.25)}.help{margin:4px 4px 0;font-size:.78rem;line-height:1.35;color:var(--catan-brown-mid);font-style:italic}.help--note{color:var(--catan-brown-dark);font-weight:600;font-style:normal;margin-top:4px}.seg{display:inline-flex;background:#7d4b1e1a;border-radius:var(--radius-button);padding:3px;border:1px solid var(--catan-brown-mid)}.seg__btn{border:none;background:transparent;color:var(--catan-brown-dark);padding:8px 14px;font-weight:700;font-size:1rem;border-radius:9px;cursor:pointer;min-width:44px;min-height:40px}.seg__btn--active{background:var(--catan-red-bright);color:var(--catan-cream);box-shadow:var(--shadow-button)}.toggle{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem}.toggle input{transform:scale(1.2);accent-color:var(--catan-red-bright)}.toggle--disabled{opacity:.55;cursor:not-allowed}.toggle--disabled input{cursor:not-allowed}.select{background:#fff;color:var(--catan-brown-dark);border:2px solid var(--catan-brown-mid);border-radius:var(--radius-button);padding:8px 30px 8px 12px;font-size:1rem;font-weight:600;min-height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--catan-brown-dark) 50%),linear-gradient(135deg,var(--catan-brown-dark) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.btn{border:none;border-radius:var(--radius-button);padding:12px 16px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-button);min-height:48px;letter-spacing:.04em}.btn--primary{background:var(--catan-red-bright);color:var(--catan-cream);border:2px solid var(--catan-gold);flex:1}.spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;vertical-align:-.15em;border:.18em solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.btn--secondary{background:var(--catan-gold);color:var(--catan-brown-dark);border:2px solid var(--catan-brown-mid)}.btn--success{background:#6fa84a;color:var(--catan-cream);border-color:#3d6a26}.btn--warn{background:var(--catan-red-bright);color:var(--catan-cream);border-color:var(--catan-red-deep)}.btn:active{transform:translateY(1px)}.share{display:flex}.share__btn{display:flex;align-items:center;justify-content:center;padding:0;width:48px}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#14080480;animation:share-fade .15s ease}.share-sheet{width:100%;max-width:332px;display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--catan-cream);border:2px solid var(--catan-gold);border-radius:var(--radius-card);box-shadow:var(--shadow-card);animation:share-rise .18s ease}@keyframes share-fade{0%{opacity:0}to{opacity:1}}@keyframes share-rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.share-sheet__header{display:flex;align-items:center;justify-content:space-between}.share-sheet__title{font-weight:800;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--catan-brown-dark)}.share-sheet__close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--catan-brown-mid);cursor:pointer}.share-sheet__close:hover,.share-sheet__close:focus-visible{background:#da954b40}.share-targets{display:flex;flex-wrap:wrap;gap:12px 8px;justify-content:center}.share-target{display:flex;flex-direction:column;align-items:center;gap:6px;width:62px;padding:0;background:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--catan-brown-dark)}.share-target__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;box-shadow:var(--shadow-button);transition:transform .12s ease,filter .12s ease}.share-target__icon--util{background:radial-gradient(130% 130% at 72% 100%,#e2a44d,#d4441c 42%,#b62e0d)}.share-target__icon--ghost{background:#fffaf0;border:2px solid var(--catan-gold);color:var(--catan-brown-dark)}.share-target:hover .share-target__icon,.share-target:focus-visible .share-target__icon{transform:translateY(-2px);filter:brightness(1.08)}.share-target__label{font-size:.72rem;font-weight:600;text-align:center;color:var(--catan-brown-dark)}.share-target:disabled{opacity:.75;cursor:default}@media (min-width: 900px){.share-overlay{align-items:center}}.health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.health__cell{background:#fff;border:1px solid var(--catan-brown-mid);border-radius:10px;padding:6px 4px;text-align:center;font-size:.72rem;font-weight:600;min-width:0;overflow-wrap:anywhere}.health__cell-head{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.health__dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.health__dot--healthy{background:#4a8a45}.health__dot--warning{background:#d4a228}.health__dot--unhealthy{background:#c0341d}.health__share{font-size:.85em;opacity:.75;font-variant-numeric:tabular-nums}.pairs{background:#fff;border:1px solid var(--catan-brown-mid);border-radius:10px;padding:8px 10px;margin-top:8px}.pairs__title{font-size:12px;font-weight:700;color:var(--catan-brown-mid);margin-bottom:6px}.pairs__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 8px;font-size:12px}.pairs__cell{display:flex;justify-content:space-between;padding:2px 6px;border-radius:4px;border-left:3px solid transparent}.pairs__cell--normal{border-left-color:#b8a878;background:#fdf6e3}.pairs__cell--rare{border-left-color:#c0341d;background:#fbe6e1}.pairs__cell--abundant{border-left-color:#4a8a45;background:#e7f1de}.pairs__label{font-weight:600}.pairs__count{opacity:.8;font-variant-numeric:tabular-nums}.fairness{background:#fff;border:1px solid var(--catan-brown-mid);border-radius:10px;padding:8px 10px;margin-top:8px;font-size:.85rem}.fairness__row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.fairness__bars{display:flex;gap:4px;margin-top:4px}.fairness__bar{flex:1;height:24px;background:linear-gradient(to top,var(--catan-gold),var(--catan-red-bright));border-radius:4px;position:relative;border:1px solid var(--catan-brown-mid)}.fairness__bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--catan-cream);font-weight:700;font-size:.7rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.notice{font-size:.8rem;line-height:16px;color:var(--catan-brown-mid);margin-top:4px}.notice--warn{color:var(--catan-red-bright);font-weight:700}@media (min-width: 900px){.app__board{right:376px;bottom:0}.app__header{right:376px}.controls{position:absolute;top:16px;right:16px;bottom:16px;left:auto;width:360px;max-height:none;transform:none;transition:none;border-radius:22px}.controls__handle{display:none}.controls__body{padding:10px 16px 16px}.controls:not(.controls--has-notice) .controls__row--primary{margin-bottom:14px}}