.lby{--l-ground: var(--parchment);--l-raised: #faf5e8;--l-well: #ece0c2;--l-line: #e3d5b2;--l-edge: #d6c59c;--l-ink: var(--ink);--l-soft: #6a5839;--l-accent: var(--accent);--l-link: #a3431a;--l-on-accent: #fffaf0;--l-radius: 16px;--l-control: 12px;min-height:100vh;background:var(--l-ground);color:var(--l-ink);font-family:var(--font-ui);font-size:17px;line-height:1.4}.lby *,.lby *:before,.lby *:after{box-sizing:border-box}:where(.lby) a{color:var(--l-link);text-decoration:none}:where(.lby) a:hover{text-decoration:underline;text-underline-offset:3px}:where(.lby) button{font:inherit;color:inherit}.lby :focus-visible{outline:2px solid var(--l-ink);outline-offset:3px;box-shadow:0 0 0 6px #fffdf7e6}body.lobby-page{padding:0}body.lobby-page .build-stamp{display:none}.lby .lby-mapcard:hover,.lby .lby-mapcard:focus-visible,.lby .lby-row--link:hover,.lby .lby-textbtn:hover{background:none;border-color:transparent}.lby .lby-row--link:hover{border-top-color:var(--l-line)}.lby .lby-chip:hover,.lby .lby-iconbtn:hover{background:#fffdf7;border-color:var(--l-edge)}.lby-wrap{max-width:1240px;margin:0 auto;padding:24px 40px 64px}.lby-header .lby-textbtn{white-space:nowrap}.lby-chip{flex:none}.lby-header{display:flex;align-items:center;gap:8px;min-height:56px}.lby-brand{margin-right:auto;min-width:0}.lby-tagline-below{display:none;margin:4px 0 0;font-size:15px;color:var(--l-soft)}.lby-tagline{margin:2px 0 0;font-size:13px;color:var(--l-soft)}.lby-wordmark{margin:0;font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.01em;line-height:1.1}.lby-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;margin-top:20px;align-items:start}.lby-title{margin:0;font-family:var(--font-display);font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:1}.lby-subtitle{margin:0;font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1.1}.lby-eyebrow{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--l-soft)}.lby-note{font-size:13px;color:var(--l-soft)}.lby-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--l-control);border:1px solid var(--l-ink);background:transparent;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .12s ease,transform .12s ease}.lby-btn:hover{background:var(--l-well)}.lby-btn:active{transform:scale(.98)}.lby-btn--primary,a.lby-btn--primary{border-color:transparent;background:var(--l-accent);color:var(--l-on-accent)}.lby-btn--primary:hover{background:var(--accent-deep)}.lby-btn--big{width:100%;min-height:56px;border-radius:14px;font-size:17px}.lby-btn--quiet{border-color:transparent;color:var(--l-soft);font-weight:500}.lby-btn--danger{border-color:transparent;background:#8f2a1c;color:#fffaf0}.lby-btn--danger:hover{background:#6f1f14}.lby-btn[disabled]{opacity:.5;cursor:not-allowed}.lby-textbtn{min-height:44px;padding:0 8px;border:0;background:none;color:var(--l-link);font-size:15px;font-weight:500;cursor:pointer}.lby-textbtn:hover{text-decoration:underline;text-underline-offset:3px}.lby-iconbtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:22px;border:1px solid var(--l-edge);background:var(--l-raised);cursor:pointer}.lby-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:22px;border:1px solid var(--l-edge);background:var(--l-raised);font-size:15px;font-weight:500;cursor:pointer;max-width:220px}.lby-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-chip svg{flex:none;color:var(--l-soft)}.lby-header .short{display:none}.lby-desktop-only{display:initial}input[type=search].lby-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lby-dot{flex:none;width:18px;height:18px;border-radius:50%}fieldset.lby-seg,fieldset.lby-stepper{margin:0;border:0;min-inline-size:0}fieldset.lby-stepper{padding:0}.lby-seg{display:inline-flex;padding:3px;background:var(--l-well);border-radius:var(--l-control)}.lby-seg--full{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%}.lby-seg button{min-width:48px;min-height:38px;padding:0 14px;border:0;border-radius:9px;background:transparent;font-size:15px;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.lby-seg button:hover{background:#fffdf773}.lby-seg button[aria-pressed=true],.lby-seg button[aria-checked=true],.lby-seg button[aria-selected=true]{background:#fffdf7;font-weight:600;box-shadow:0 0 0 1px var(--l-edge)}.lby-newgame{display:flex;flex-direction:column;gap:20px;min-width:0}.lby-shelf-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lby-shelf-head .lby-textbtn{margin-left:auto}.lby-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lby-mapcard{display:flex;flex-direction:column;gap:10px;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.lby-mapcard__art{position:relative;width:100%;aspect-ratio:5 / 4;border-radius:14px;overflow:hidden;background:var(--l-well);box-shadow:0 0 0 1px var(--l-edge);transition:box-shadow .2s ease,transform .2s ease}.lby-mapcard__art img{width:100%;height:100%;object-fit:cover;display:block}.lby-mapcard:hover .lby-mapcard__art{transform:translateY(-2px)}.lby-mapcard[aria-pressed=true] .lby-mapcard__art{box-shadow:0 0 0 3px var(--l-accent),0 10px 24px #3c260c38}.lby-mapcard__name{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-mapcard[aria-pressed=true] .lby-mapcard__name{font-weight:600}.lby-mapcard__meta{font-size:13px;color:var(--l-soft)}.lby-mapcard__tag{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:6px;background:var(--l-raised);font-size:13px;font-weight:600}.lby-mapcard--all .lby-mapcard__art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;box-shadow:none}.lby-mapcard--all .lby-mapcard__art img{border-radius:8px}.lby-mapcard--all .lby-mapcard__name{color:var(--l-link)}.lby-card{background:var(--l-raised);border-radius:20px;box-shadow:0 0 0 1px #e0d1ab}.lby-setup{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"head head" "form side";column-gap:28px;padding:20px 28px 24px}.lby-setup__map{grid-area:head}.lby-setup__form{grid-area:form}.lby-setup__map{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;padding-bottom:8px}.lby-setup__desc{margin:0;font-size:15px;color:var(--l-soft)}.lby-setup__form{display:flex;flex-direction:column;min-width:0}.lby-memory{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--l-soft);min-height:44px}.lby-reset{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:36px;margin:-8px 0 4px;padding:0;font-size:13px}.lby-mapcard__tag{font-size:12px}.lby-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:64px;padding:10px 0;border-top:1px solid var(--l-line)}.lby-row:last-of-type{border-bottom:1px solid var(--l-line)}.lby-row__label{display:flex;flex-direction:column;flex:1 1 150px;min-width:0}.lby-row__label>:first-child{font-weight:500}.lby-row__label>:nth-child(2){font-size:13px;color:var(--l-soft)}.lby-row--link{width:100%;border-left:0;border-right:0;border-bottom:0;background:none;text-align:left;cursor:pointer}.lby-row--link .lby-row__value{font-size:15px;color:var(--l-soft)}.lby-row--stack{flex-direction:column;align-items:flex-start}.lby-row--stack .lby-row__label{flex:none}.lby-phone-only{display:none}.lby-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:51px;height:31px;margin:0;border-radius:16px;background:var(--l-well);box-shadow:inset 0 0 0 1px var(--l-edge);cursor:pointer;transition:background-color .18s ease}.lby-toggle input:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fffdf7;box-shadow:0 1px 3px #2a1f0f4d;transition:transform .18s ease}.lby-toggle input:checked{background:var(--status-good);box-shadow:none}.lby-toggle input:checked:after{transform:translate(20px)}.lby-input{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--l-edge);border-radius:var(--l-control);background:#fffdf7;color:var(--l-ink);font:17px var(--font-ui)}.lby-input::placeholder{color:#8d7a59}.lby-input[aria-invalid=true]{border-color:var(--accent-deep)}.lby-field{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--l-line)}.lby-field label{font-weight:500}.lby-error{font-size:13px;color:var(--accent-deep)}.lby-create{grid-area:side;align-self:start;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:16px;border-radius:16px;background:var(--l-ground)}.lby-create__summary{margin:0;font-size:15px;font-weight:500}.lby-create__note svg{vertical-align:-3px}.lby-create__note{text-align:left}.lby-games{display:flex;flex-direction:column;gap:16px;min-width:0}.lby-games__head{display:flex;align-items:baseline;gap:12px;padding-top:8px}.lby-list{list-style:none;margin:0;padding:0;background:var(--l-raised);border-radius:var(--l-radius);box-shadow:0 0 0 1px #e0d1ab}.lby-list>li+li{border-top:1px solid var(--l-line)}.lby-game{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 16px;color:var(--l-ink)}.lby .lby-game{color:var(--l-ink)}.lby-game__table,.lby-game__status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-games__panel{display:flex;flex-direction:column;gap:16px}.lby .lby-game:hover{text-decoration:none;background:#ece0c273}.lby-game__art{flex:none;width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--l-well)}.lby-game__art img{width:100%;height:100%;object-fit:cover;display:block}.lby-game__main{display:flex;flex-direction:column;gap:4px;min-width:0;margin-right:auto}.lby-game__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-game__sub{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--l-soft);min-width:0}.lby-seats{display:inline-flex;gap:4px;flex:none}.lby-seats span{width:12px;height:12px;border-radius:50%}.lby-seats .empty{box-shadow:inset 0 0 0 1.5px #a8966f}.lby-game-item{display:flex;align-items:center}.lby-game-item .lby-game{flex:1;min-width:0}.lby-game__remove{flex:none;align-self:stretch;padding:0 16px;border-left:1px solid var(--l-line);border-radius:0;color:var(--l-soft)}.lby-game__status{font-size:15px;color:var(--l-soft)}.lby-game__status--turn{color:var(--l-link);font-weight:600}.lby-game__status--won{color:var(--status-good);font-weight:600}.lby-chev{flex:none;color:var(--l-soft)}.lby-empty{padding:20px 16px;font-size:15px;color:var(--l-soft)}.lby-invite{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--l-radius);background:var(--l-raised);box-shadow:0 0 0 1.5px var(--l-accent)}.lby-invite__actions{display:flex;gap:8px}.lby-invite__actions .lby-btn{flex:1}.lby-record{font-size:15px;color:var(--l-soft)}.lby-board>li.lby-board__you{background:#ece0c259}.lby-board__row{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 16px;border:0;background:none;text-align:left;cursor:pointer}.lby .lby-board__row:hover{background:#ece0c273;border-color:transparent}.lby-board__rank{flex:none;width:1.6em;font-family:var(--font-display);font-size:17px;color:var(--l-soft);text-align:right;font-variant-numeric:tabular-nums}.lby-board__dot{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px #00000026}.lby-board__tag{font-weight:400;color:var(--l-soft)}.lby-board__rate{flex:none;margin-left:auto;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.lby-board__streak{font-size:13px;color:var(--l-soft);white-space:nowrap}.lby-board__streak--hot{color:var(--status-good)}.lby-pcard{display:flex;flex-direction:column;gap:18px;padding:6px 16px 20px calc(28px + 1.6em);--m-good: var(--status-good);--m-gold: #c89220;--m-rust: #b34c1f;--m-blue: #2a5a9c}.lby-pcard__hero,.lby-pcard__pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:14px 24px}.lby-pcard__pair--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lby-pcard__sec{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--l-line)}.lby-pcard__sec>h4{margin:0}.lby-pcard__sec>p{margin:0}.lby-stat{min-width:0}.lby-stat__top{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-bottom:6px}.lby-stat__label{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--l-soft)}.lby-stat__value{font-family:var(--font-display-grand, var(--font-display));font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.lby-stat__unit{font-size:13px;color:var(--l-soft)}.lby-stat__note{margin-top:4px;font-size:13px;color:var(--l-soft)}.lby-meter{position:relative;display:block;height:10px;border-radius:5px;background:var(--l-well);overflow:hidden}.lby-meter__fill{display:block;height:100%;border-radius:5px}.lby-meter__fill--good{background:var(--m-good)}.lby-meter__fill--gold{background:var(--m-gold)}.lby-meter__fill--rust{background:var(--m-rust)}.lby-meter__fill--blue{background:var(--m-blue)}.lby-meter__mid{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:var(--l-soft)}.lby-form{display:flex;flex-wrap:wrap;gap:6px}.lby-form__pip{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--l-edge);font-family:var(--font-mono);font-size:11px;color:var(--l-soft)}.lby-form__pip--won{border-color:var(--m-good);background:var(--m-good);color:var(--l-raised)}.lby-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lby-piece{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.lby-piece__sprite{display:grid;place-items:center;height:48px}.lby-piece__count{font-family:var(--font-display-grand, var(--font-display));font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.lby-piece__label{font-size:13px;color:var(--l-soft);line-height:1.2}.lby-rival,.lby-maptile{display:flex;align-items:center;gap:12px;min-width:0}.lby-rival__text{display:flex;flex-direction:column;min-width:0}.lby-rival__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-rival__text .lby-stat__note{margin-top:0}@media (max-width: 520px){.lby-pcard{padding-left:16px}.lby-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.lby-meter__fill,.lby-form__pip--won{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.lby-nextup{display:none}.lby-dialog{width:min(560px,calc(100vw - 32px));max-height:min(86vh,860px);padding:0;border:0;border-radius:22px;background:var(--l-raised);color:var(--l-ink);font-family:var(--font-ui);font-size:17px;line-height:1.4;box-shadow:0 0 0 1px #e0d1ab}.lby-dialog--wide{width:min(960px,calc(100vw - 32px));height:min(86vh,860px)}.lby-dialog::backdrop{background:#2a1f0f73}.lby-dialog[open]{animation:lby-pop .2s ease-out}@keyframes lby-pop{0%{opacity:0;transform:translateY(12px)}}.lby-dialog__inner{display:flex;flex-direction:column;max-height:inherit}.lby-dialog__bar{position:relative;display:flex;align-items:center;min-height:60px;padding:8px 12px;border-bottom:1px solid var(--l-line)}.lby-dialog__title{position:absolute;left:96px;right:96px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:var(--font-display);font-size:20px;font-weight:600;pointer-events:none}.lby-dialog__bar .end{margin-left:auto}.lby-dialog__bar .lby-textbtn{position:relative;font-size:17px}.lby-dialog__bar .lby-textbtn--strong{font-weight:600}.lby-dialog__body{padding:8px 24px 24px;overflow-y:auto}.lby-dialog__lede{margin:12px 0 8px;text-align:center}.lby-stepper{display:inline-flex;align-items:center;gap:8px}.lby-stepper button{width:44px;height:44px;border-radius:22px;border:0;background:var(--l-well);font-size:22px;line-height:1;cursor:pointer}.lby-stepper button[disabled]{opacity:.4;cursor:not-allowed}.lby-stepper output{min-width:44px;text-align:center;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.lby-rule{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--l-line)}.lby-rule:last-child{border-bottom:1px solid var(--l-line)}.lby-rule__top{display:flex;align-items:center;gap:12px}.lby-rule__top>span{font-weight:500;margin-right:auto}.lby-toggle{display:flex;align-items:center;gap:12px;min-height:56px;border-top:1px solid var(--l-line);cursor:pointer}.lby-toggle span{margin-right:auto}.lby-toggle--inline{display:inline-flex;min-height:44px;border-top:0;font-size:15px}.lby-rule__top .lby-stepper{width:148px;justify-content:space-between}.lby-howto p,.lby-howto li{margin:0 0 10px}.lby-howto ol,.lby-howto ul{margin:0 0 16px;padding-left:22px}.lby-howto .lby-eyebrow{margin:20px 0 10px}.lby-section-label{margin:20px 0 6px}.lby-browse__tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 0 12px}.lby-browse__tools .lby-input{flex:1 1 220px}.lby-browse__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 16px;padding-top:8px}.lby-browse__actions{display:flex;gap:4px;margin-top:-4px}.lby-browse__actions .lby-textbtn{min-height:44px;padding:0 8px 0 0;font-size:15px}.lby-browse__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.lby-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;margin:0;padding:10px 16px;border-radius:14px;background:var(--l-ink);color:var(--l-ground);font-size:15px}.lby-toast .lby-textbtn{color:var(--l-ground)}.wr-start{margin-top:16px}.lby-admin-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:6px 16px;font-size:15px}.lby-admin-row>span{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lby-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 1180px){.lby-grid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.lby-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.lby-shelf>.lby-mapcard:nth-child(4){display:none}.lby-setup{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "form" "side"}.lby-create{position:sticky;bottom:0;z-index:5;margin:16px -28px -24px;padding:14px 28px 18px;border-radius:0 0 20px 20px;background:var(--l-raised);box-shadow:0 -1px 0 var(--l-line)}.lby-seg button{min-height:44px}.lby-create .lby-create__summary,.lby-create .lby-create__note{display:none}.lby-setup__form>.lby-create__note.lby-phone-only{display:block;margin-top:16px}.lby-games .lby-seg button{min-height:44px}}@media (max-width: 900px){.lby-wrap{padding:12px 16px 0}.lby-wordmark{font-size:22px}.lby-tagline{display:none}.lby-tagline-below{display:block}.lby-grid{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:16px}.lby-title{font-size:34px}.lby-subtitle{font-size:26px}.lby-nextup{display:flex;flex-direction:column;gap:8px;margin-top:8px}.lby-shelf{display:flex;gap:12px;margin:0 -16px;padding:4px 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.lby-shelf::-webkit-scrollbar{display:none}.lby-shelf .lby-mapcard,.lby-shelf>.lby-mapcard:nth-child(4){display:flex;flex:0 0 132px;scroll-snap-align:start}.lby-phone-only{display:block}.lby-desktop-only{display:none}.lby-seg button{min-height:44px}.lby-setup{display:block;padding:0 16px}html:has(body.lobby-page){scroll-padding-bottom:140px}.lby-setup__map{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 0 4px}.lby-setup__art{display:none}.lby-setup__map .lby-subtitle{font-size:22px}.lby-setup__desc{font-size:13px}.lby-desc-long{display:none}.lby-create__note.lby-phone-only{margin-top:16px;text-align:left}.lby-create{position:sticky;bottom:0;z-index:5;margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--l-raised);box-shadow:0 -1px 0 var(--l-line);border-radius:0 0 20px 20px;gap:6px}.lby-games{padding-bottom:48px}.lby-dialog{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:22px 22px 0 0}.lby-dialog--wide{width:100vw;height:92vh}.lby-dialog[open]{animation:lby-sheet .26s cubic-bezier(.22,1,.36,1)}.lby-dialog__body{padding:8px 20px calc(24px + env(safe-area-inset-bottom))}.lby-browse__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes lby-sheet{0%{transform:translateY(100%)}}@media (max-width: 700px){.lby-header .full{display:none}.lby-header .short{display:inline}.lby-chip{padding:0 12px}.lby-chip__name{display:none}}@media (prefers-reduced-motion: reduce){.lby *,.lby-dialog[open]{animation:none!important;transition:none!important}}:root{--parchment: #f1e6c8;--parchment-warm: #ead8b0;--parchment-deep: #d8c290;--paper-bg: #d4c08a;--ink: #2a1f0f;--ink-soft: #6e5b3e;--ink-quiet: #9c8a6b;--hairline: #c9b58c;--accent: #b34c1f;--accent-soft: rgba(179, 76, 31, .14);--accent-deep: #862f12;--status-good: #3a7a3a;--status-bad: #b34c1f;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 20px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--font-display-grand: "Fraunces", serif;--font-display: "Fraunces", serif;--font-body: "Fraunces", serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--terrain-forest: #2f9d35;--terrain-forest-deep: #18681a;--terrain-hills: #d8541b;--terrain-hills-deep: #8a3008;--terrain-pasture: #b5d840;--terrain-pasture-deep: #7da316;--terrain-fields: #eab308;--terrain-fields-deep: #a16207;--terrain-mountains: #7c6e62;--terrain-mountains-deep: #2c241e;--terrain-desert: #f0d68c;--terrain-desert-deep: #c08c30;--terrain-sea: #3da4d2;--terrain-sea-deep: #155b86;--terrain-gold: #f59e0b;--token-bg: #fbf3df;--token-bg-deep: #e8d6a8;--token-hot: #b32a2a;--player-crimson: #a44455;--player-crimson-deep: #803340;--player-cobalt: #3a5d8c;--player-cobalt-deep: #2b466b;--player-bone: #d4c089;--player-bone-deep: #9a8956;--player-ember: #c46728;--player-ember-deep: #934712;--player-moss: #4f7548;--player-moss-deep: #3a5734;--player-saffron: #c89a3a;--player-saffron-deep: #97712a;--player-indigo: #5a3f7a;--player-indigo-deep: #402958;--player-walnut: #76502c;--player-walnut-deep: #533619;--track-science: #3d7a4a;--track-politics: #2a5a9c;--track-commerce: #c89220;font-variation-settings:"opsz" 14,"SOFT" 30,"wght" 420}.t-display,h2{font-family:var(--font-display);font-variation-settings:"opsz" 96,"SOFT" 40,"wght" 600;letter-spacing:-.005em}.t-display-grand,h1{font-family:var(--font-display-grand);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 700;letter-spacing:-.012em}.t-smallcaps{font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.06em;font-variation-settings:"opsz" 16,"SOFT" 30,"wght" 600}.t-eyebrow{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet)}.hit-vertex circle:nth-of-type(1){fill:none;stroke:var(--accent);stroke-width:2;opacity:.55;transform-box:fill-box;transform-origin:center;animation:hitVertexBreathe 1.8s ease-in-out infinite}.hit-vertex circle:nth-of-type(2){fill:var(--accent-soft);transition:r .12s ease-out,fill .12s ease-out}.hit-vertex:hover circle:nth-of-type(2){fill:var(--accent)}.hit-vertex:hover circle:nth-of-type(1){opacity:.85}@keyframes hitVertexBreathe{0%,to{transform:scale(.85);opacity:.3}50%{transform:scale(1.25);opacity:.75}}@media (prefers-reduced-motion: reduce){.hit-vertex circle:nth-of-type(1){animation:none;opacity:.55}}.hit-edge rect:nth-of-type(1){transition:opacity .12s ease-out,fill .12s ease-out}.hit-edge:hover rect:nth-of-type(1){opacity:.42;fill:var(--accent)}.hit-hex circle:nth-of-type(1){transition:opacity .12s ease-out,fill .12s ease-out}.hit-hex:hover circle:nth-of-type(1){opacity:.42;fill:var(--accent)}@keyframes raidTargetPulse{0%,to{opacity:.5}50%{opacity:1}}.raid-target .raid-ring,.raid-target .raid-swords{animation:raidTargetPulse 1.25s ease-in-out infinite}.raid-target:hover .raid-ring,.raid-target:hover .raid-swords{animation:none;opacity:1}@keyframes piecePulse{0%,to{opacity:.5}50%{opacity:1}}.preview-piece{animation:piecePulse 2.2s ease-in-out infinite;cursor:pointer;transition:opacity 80ms ease-out}.preview-piece:hover{animation:none;opacity:1}.preview-anchor-pulse{transform-box:fill-box;transform-origin:center;animation:hitVertexBreathe 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.preview-anchor-pulse{animation:none;opacity:.55}}@keyframes redDotPulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.1);opacity:1}}.upgrade-marker{animation:redDotPulse 1.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box;cursor:pointer}.upgrade-marker:hover{animation:none;transform:scale(1.15)}@keyframes affordancePulse{0%,to{opacity:.65}50%{opacity:1}}.affordance-marker{animation:affordancePulse 1.8s ease-in-out infinite;cursor:pointer}.affordance-marker:hover{animation:none;opacity:1}@keyframes pieceAppear{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pieceFadeIn{0%{opacity:0}to{opacity:1}}.board-piece{filter:drop-shadow(0 0 1.6px #ffffff) drop-shadow(0 3px 2.5px rgba(0,0,0,.5));animation:pieceFadeIn .26s ease-out;transform-origin:center;transform-box:fill-box}@keyframes metroToastIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes activePulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 14px var(--active-glow, rgba(44, 31, 16, .6)))}}.player-card-active{animation:activePulse 2.2s ease-in-out infinite}@keyframes turnPillPulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.turn-pill{animation:turnPillPulse 1.6s ease-in-out infinite;transform-origin:center}@keyframes metroPulse{0%,to{box-shadow:0 0 #b43c1e73,0 2px 8px #b43c1e66;transform:scale(1)}50%{box-shadow:0 0 0 8px #b43c1e00,0 2px 10px #b43c1e8c;transform:scale(1.03)}}.active-turn-pulse{animation:metroPulse 1.4s ease-in-out infinite;transform-origin:center}@keyframes winShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.win-banner{background:linear-gradient(90deg,#2c1f10,#5b4022,#d8b04a,#5b4022,#2c1f10);background-size:300% 100%;animation:winShimmer 4s ease-in-out infinite}@keyframes diceRoll{0%{transform:translateY(-30px) rotate(-180deg) scale(.6);opacity:0}35%{transform:translateY(0) rotate(60deg) scale(1.1);opacity:1}60%{transform:translateY(-4px) rotate(-30deg) scale(.95)}85%{transform:translateY(0) rotate(8deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.dice-display .die{display:inline-block;animation:diceRoll .7s cubic-bezier(.2,.7,.3,1.2) both;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dice-display .die-red{animation-delay:80ms}.dice-display .die-event{animation-delay:.16s}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:var(--left-col, 280px) minmax(0,1fr) 320px;grid-template-areas:"left   board  right";overflow:hidden;gap:6px;padding:4px 12px 6px;box-sizing:border-box;transition:grid-template-columns .2s ease}.game.left-collapsed{--left-col: 40px}@media (max-width: 1023px){.game{grid-template-columns:0 minmax(0,1fr) 0;grid-template-areas:"board  board  board"}.game .left-col,.game .right-col{display:none}}.top-bar{grid-area:top;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 14px;background:var(--parchment-deep);border-radius:8px;min-height:50px;font-family:var(--font-ui);font-size:14px}.top-bar>.sep{width:1px;align-self:stretch;background:var(--hairline);margin:6px 2px}.left-col{grid-area:left;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.left-col-toggle{background:var(--parchment-deep);border:1px solid var(--hairline);border-radius:6px;padding:6px 8px;font-family:var(--font-ui);font-size:12px;cursor:pointer;letter-spacing:1px}.board-col{grid-area:board;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.board-col>svg,.board-col>div{max-width:100%;max-height:100%}.map-editor-canvas{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.map-editor-canvas>svg{max-width:100%;max-height:100%}.right-col{grid-area:right;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.board-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin:0;padding:0;align-items:start}.board-main{min-width:0}.board-rail{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:4px}.rail-section{background:var(--parchment-deep);border-radius:6px;padding:12px}.rail-section h3{margin:0 0 8px;font-family:var(--font-display);font-size:18px;letter-spacing:3px;color:var(--ink-soft);font-weight:400}.rail-resizer{cursor:col-resize;position:relative;background:transparent}.rail-resizer:before{content:"";position:absolute;top:0;right:50%;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--ink-soft);opacity:.18;transition:opacity .12s}.rail-resizer:hover:before{opacity:.55}@media (max-width: 1023px){.rail-resizer{display:none}.board-shell{grid-template-columns:1fr!important}.board-rail{position:static;max-height:none;overflow:visible}}@media (max-width: 600px){.board-shell{padding:8px 8px 24px;gap:12px}.board-rail{gap:10px}.rail-section{padding:10px 11px}.rail-section h3{font-size:15px;letter-spacing:2px;margin-bottom:6px}.player-card-active,.player-card-root{padding:9px 11px!important}.board-main>header>h1{font-size:22px!important}}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmRise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c1f1073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;animation:confirmFadeIn .14s ease-out}.confirm-dialog{background:var(--parchment);color:var(--ink);border:2px solid var(--ink);border-radius:10px;box-shadow:0 18px 48px #00000073;padding:22px 26px 20px;min-width:320px;max-width:460px;animation:confirmRise .18s cubic-bezier(.2,.7,.3,1.05);position:relative}.confirm-dialog:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:.8px dashed var(--ink-soft);border-radius:6px;opacity:.55;pointer-events:none}.confirm-dialog h2{margin:0 0 4px;font-family:var(--font-display);font-size:22px;letter-spacing:3px;color:var(--ink)}.confirm-dialog .confirm-rule{height:1px;background:var(--ink-soft);opacity:.4;margin:8px 0 12px}.confirm-dialog .confirm-body{font-family:var(--font-body);font-size:16px;font-style:italic;color:var(--ink-soft);margin-bottom:12px}.confirm-dialog .confirm-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.8px;color:var(--ink-soft);text-transform:uppercase;margin-bottom:6px}.confirm-dialog .confirm-section{margin-bottom:12px}.confirm-dialog .confirm-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.confirm-dialog .confirm-btn-primary{background:var(--ink);color:var(--parchment);border:1px solid var(--ink);padding:8px 22px;font-family:var(--font-display);font-size:16px;letter-spacing:2px;border-radius:6px;cursor:pointer}.confirm-dialog .confirm-btn-primary:hover{background:var(--ink-soft)}.confirm-dialog .confirm-btn-cancel{background:transparent;color:var(--ink);border:1px dashed var(--ink-soft);padding:8px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;border-radius:6px;cursor:pointer}.confirm-dialog .confirm-btn-cancel:hover{border-color:var(--ink);color:var(--ink-soft)}.hex-tooltip{position:fixed;pointer-events:none;z-index:50;padding:6px 10px;background:var(--ink);color:var(--parchment);border-radius:4px;font-size:12px;font-family:var(--font-mono);letter-spacing:1.5px;white-space:nowrap;box-shadow:0 3px 8px #00000059}.hex-production-bloom{transform-box:fill-box;transform-origin:center;animation:hexBloom 1.6s ease-out forwards}@keyframes hexBloom{0%{transform:scale(.6);opacity:0}20%{transform:scale(1);opacity:.95}to{transform:scale(1.4);opacity:0}}.board-change-pulse{transform-box:fill-box;transform-origin:center;animation:boardPulseBuild 6s ease-out forwards;opacity:0}@keyframes boardPulseBuild{0%{transform:scale(.55);opacity:0;stroke-width:5}10%{transform:scale(1.05);opacity:1;stroke-width:4}30%{transform:scale(1.15);opacity:.85;stroke-width:3.5}60%{transform:scale(1.3);opacity:.55;stroke-width:3}to{transform:scale(1.55);opacity:0;stroke-width:2}}.board-change-pulse--destroy{animation:boardPulseDestroy 6s ease-out forwards}@keyframes boardPulseDestroy{0%{transform:scale(1.5);opacity:0;stroke-width:6}10%{transform:scale(1.05);opacity:1;stroke-width:5}35%{transform:scale(.95);opacity:.85;stroke-width:4}65%{transform:scale(.8);opacity:.5;stroke-width:3}to{transform:scale(.5);opacity:0;stroke-width:2}}.production-flash-card{animation:prodFlashCard 6s ease-out forwards;opacity:0}@keyframes prodFlashCard{0%{opacity:0;transform:translateY(18px) scale(.85)}8%{opacity:1;transform:translateY(0) scale(1.05)}16%{transform:translateY(-2px) scale(1)}85%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-14px)}}.hex-production-bloom--mine{animation:hexBloomMine 2s ease-out forwards}.hex-production-bloom--mine-fill{animation:hexBloomMineFill 2s ease-out forwards}.inventor-swap-ring,.inventor-swap-halo{transform-box:fill-box;transform-origin:center;animation:inventorSwapBreathe 1.8s ease-in-out infinite}@keyframes inventorSwapBreathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.6}}@media (prefers-reduced-motion: reduce){.inventor-swap-ring,.inventor-swap-halo{animation:none}}@keyframes hexBloomMine{0%{transform:scale(.55);opacity:0}18%{transform:scale(1.05);opacity:1}55%{transform:scale(1.18);opacity:.85}to{transform:scale(1.55);opacity:0}}@keyframes hexBloomMineFill{0%{opacity:0}18%{opacity:.32}55%{opacity:.18}to{opacity:0}}.bot-thinking-dots{display:inline-block;letter-spacing:1px}.bot-thinking-dots span{animation:botDotBlink 1.2s infinite;opacity:.2}.bot-thinking-dots span:nth-child(2){animation-delay:.2s}.bot-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes botDotBlink{0%,60%,to{opacity:.2}30%{opacity:1}}.theme-wood .board-col,.theme-wood .map-editor-canvas,.theme-steampunk .board-col,.theme-steampunk .map-editor-canvas{background:transparent;box-shadow:none;transition:background-color .3s ease,background-image .3s ease}.bot-speech-bubble-anchor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bot-speech-bubble{position:fixed;z-index:60;width:max-content;max-width:240px;padding:8px 12px;background:var(--parchment);color:var(--ink);border:2px solid var(--bubble-accent, var(--ink));border-radius:12px;box-shadow:0 4px 14px #28190847;font-family:var(--font-ui);font-size:14px;line-height:1.35;font-style:italic;pointer-events:none;animation:botBubbleIn .26s ease-out}.bot-speech-bubble__tail{position:absolute;right:-10px;top:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid var(--bubble-accent, var(--ink))}@keyframes botBubbleIn{0%{opacity:0;transform:translate(8px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.bot-speech-bubble{animation:none}}:root{font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--ink);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:var(--s-4);min-height:100vh;background-color:var(--paper-bg);background-image:repeating-linear-gradient(115deg,transparent 0 13px,rgba(120,90,50,.04) 13px 14px),radial-gradient(circle at 30% 20%,rgba(255,240,200,.7),transparent 60%),radial-gradient(circle at 70% 80%,rgba(140,100,50,.18),transparent 70%);background-attachment:fixed}h1{font-family:var(--font-display-grand);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 700;font-weight:400;letter-spacing:-.012em;margin:0 0 var(--s-2)}h2{font-family:var(--font-display);font-variation-settings:"opsz" 96,"SOFT" 40,"wght" 600;letter-spacing:-.005em;margin:0}h3{font-family:var(--font-display);font-variation-settings:"opsz" 32,"SOFT" 30,"wght" 600;margin:0}p{margin:var(--s-1) 0}button{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.01em;padding:8px 16px;background:var(--parchment-warm);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-1);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease}button:hover{background:var(--parchment-deep);border-color:var(--ink-soft)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{background:var(--parchment-warm);border-color:var(--hairline)}.reload-button{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 52px);z-index:900;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hairline);background:var(--parchment);color:var(--ink-soft);box-shadow:0 1px 4px #2819082e;cursor:pointer;opacity:.85}.reload-button:hover{opacity:1;color:var(--ink);background:var(--parchment)}@media print{.reload-button{display:none}}