.box-carousel{--box-width: clamp(210px, 24vw, 280px);--box-step: clamp(170px, 25vw, 300px);text-align:center;min-width:0;padding-bottom:12px}.box-carousel-stage{position:relative;height:calc(var(--box-width) * 1.36 + 100px);overflow:hidden;perspective:1400px;touch-action:pan-y;isolation:isolate}.box-carousel-stage:after{content:"";position:absolute;inset:auto 10% 20px;height:24px;border-radius:50%;background:#031f23;filter:blur(20px);opacity:.65;z-index:-1}.box-carousel-slot{position:absolute;top:24px;left:50%;width:var(--box-width);transform:translate(calc(-50% + var(--offset) * var(--box-step))) translateY(calc(var(--distance) * 28px)) scale(calc(1 - var(--distance) * .1)) rotateY(calc(var(--offset) * -12deg)) rotate(calc(var(--offset) * 2deg));transform-origin:center 85%;transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .36s;opacity:calc(1 - var(--distance) * .2)}.box-carousel .game-box{display:block;position:relative;width:100%;aspect-ratio:3 / 4;padding:0;overflow:visible;border:0;border-radius:3px;background:var(--box-color);text-align:left;box-shadow:6px 18px 20px #00181b77;color:#fff0d5}.box-carousel .game-box:hover{background:var(--box-color);transform:translateY(-5px)}.box-carousel .game-box.selected{outline:2px solid #f0c866;outline-offset:7px}.game-box-spine{position:absolute;top:5px;bottom:-5px;left:-17px;width:18px;writing-mode:vertical-rl;transform:skewY(-28deg) rotate(180deg);background:linear-gradient(90deg,#0007,#ffffff08),var(--box-color);border:1px solid #f8e7bb33;padding:16px 2px;font:700 10px Georgia,serif;letter-spacing:.1em;text-align:center}.game-box-front{display:block;position:absolute;inset:0;overflow:hidden;border:1px solid #f5e4b980;border-radius:3px;background:var(--box-color);box-shadow:inset 3px 0 3px #fff3}.game-box-front:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#ffffff18,transparent 40%),linear-gradient(0deg,var(--box-color) 2%,transparent 80%);pointer-events:none}.game-box-front>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.game-box-edition,.game-box-title{position:absolute;z-index:1;left:20px;right:20px}.game-box-edition{top:17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 5px #00181b}.game-box-title{bottom:22px}.game-box-title>span:first-child{font-size:9px;line-height:1.6;color:#f6db9d}.box-carousel .game-box h2{font-size:clamp(35px,3.5vw,46px);margin:6px 0 18px;color:#fff3d8;text-shadow:0 2px 6px #041e20}.game-box-facts,.game-box-facts>span{display:flex;align-items:center;gap:5px}.game-box-facts{justify-content:space-between;font-size:10px}.mesa-table .game-box-facts svg{width:15px;height:15px}.box-carousel-controls{display:flex;align-items:center;justify-content:center;gap:30px}.box-carousel-controls>button{width:46px;height:46px;padding:10px;border-radius:50%;background:#092d3655;border-color:#e9d6a65c}.box-carousel-position{min-width:100px;display:grid;gap:3px}.box-carousel-position>span{color:#edc777;font-size:12px;letter-spacing:.14em}.box-carousel-position>span>span{color:#a5bbb6}.box-carousel-position strong{font:700 25px Georgia,serif}.mesa-table .box-carousel-description{max-width:420px;min-height:48px;margin:14px auto 18px;font-size:15px;color:#c4d2cb}.box-carousel-choose{gap:18px}@media(max-width:600px){.box-carousel{--box-width: min(62vw, 246px);--box-step: 66vw}.box-carousel-stage{margin-inline:-16px}.game-box-edition,.game-box-title{left:16px;right:16px}.game-box-title{bottom:18px}.box-carousel .game-box h2{font-size:35px}.game-box-title>span:first-child{font-size:8px}.game-box-facts{font-size:9px}}@media(prefers-reduced-motion:reduce){.box-carousel-slot{transition:none}}.table-room-lobby{position:relative}.table-room-lobby .table-topbar{margin-right:52px}.table-room-lobby>.seat-settings{position:absolute;top:14px;right:14px;z-index:25;margin:0;padding:0;background:transparent;border:0;box-shadow:none;color:#f8efd9}.table-room-lobby>.seat-settings>summary{display:grid;place-items:center;width:44px;min-height:44px;padding:8px;border:1px solid #b3b69b88;border-radius:50%;cursor:pointer}.table-room-lobby>.seat-settings>summary::-webkit-details-marker{display:none}.table-room-lobby>.seat-settings>summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-room-lobby .menu-dots{display:block;width:24px;height:24px}.table-room-lobby>.seat-settings[open]{width:min(360px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;padding:12px 16px 20px;color:#183d41;background:#f5ecd7;border:1px solid #c6b895;box-shadow:0 12px 60px #001d2bbb}.table-room-lobby>.seat-settings[open]>summary{margin-left:auto;border-color:#6b7b68}.mesa-table #table-close-confirmation{padding:12px 0 0;margin-top:12px;border:0;border-top:1px solid #b4aa8c;color:#183d41;background:transparent}#table-close-confirmation>summary{min-height:44px;align-content:center}.prepared-game{display:flex;align-items:center;gap:16px;margin:16px 0}.prepared-game>img{width:86px;height:110px;object-fit:cover;border:1px solid #d9bc6e88;border-radius:10px;box-shadow:4px 6px #001e28aa;flex:none}.prepared-game>div{min-width:0}.mesa-table .prepared-game h1{margin:5px 0;font-size:clamp(27px,5vw,38px)}.prepared-game p{font-size:13px;margin:6px 0;color:#d6e2db}.mesa-table .table-invitation{padding:18px;margin:16px 0 10px}.mesa-table .table-invitation h2{font:700 23px Georgia,serif;margin:4px 0 14px}.invitation-actions{display:flex;gap:8px}.invitation-actions>button{flex:1;min-height:46px}.table-invitation .invitation-link{margin-top:12px;font-size:12px}.table-invitation .invitation-link input{font-size:12px;margin-top:4px;min-height:38px}.invitation-notice{margin:8px 0;font-size:13px}.mesa-table .invitation-qr{color:#183d41;background:transparent;border:0;border-top:1px solid #c6b895;border-radius:0;padding:0;margin:8px 0}.invitation-qr summary,.game-brief summary,.lobby-map-options summary{min-height:44px;align-content:center;cursor:pointer;font-weight:700;font-size:14px}.invitation-qr img{display:block;width:140px;height:140px;margin:8px auto}.invitation-tv{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.invitation-tv svg{width:22px;height:22px;flex:none}.mesa-table .game-brief{margin:8px 0 12px;padding:0 14px;color:#e9e7d7;background:#103f49;border:1px solid #94b1ac77;border-radius:10px}.game-brief p{font-size:14px;line-height:1.5}.mesa-table .lobby-map-options{padding:6px 16px;margin:10px 0}.game-choice-set .change-game-button{min-height:44px;margin-bottom:8px;background:transparent;color:#f0e4be;border-color:#a6b8a980}.recent-table-strip{max-width:760px;margin:18px auto;border-top:1px solid #8aaca777;border-bottom:1px solid #8aaca777;padding:8px 0}.recent-table-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 4px;color:#fff0c7;text-decoration:none}.recent-table-link span,.recent-table-link small{font-size:12px;color:#c7dbd5}.recent-table-link small{grid-column:1 / -1}.recent-table-strip details{padding:0;border:0;background:transparent}.recent-table-strip summary{min-height:44px;align-content:center;font-size:13px}.room-entry-failure,.late-arrival,.join-seat{max-width:560px;margin:24px auto}.room-entry-failure p,.late-arrival p{line-height:1.6}.room-entry-failure a,.late-arrival a{display:inline-block;min-height:44px;align-content:center;margin-top:12px}.mesa-table.island-preparation{max-width:680px;margin-inline:auto}.mesa-table .island-entry{scroll-margin-top:24px;padding:22px 18px;gap:24px;background:linear-gradient(145deg,#255a55,#123b43 65%);border:1px solid #91b3a26b;border-radius:18px 18px 8px 8px;color:#fff2d9;box-shadow:0 6px #062a31,0 14px 28px #001d2444}.island-entry.join-seat{margin:24px auto;max-width:480px}.island-entry-art{display:flex;gap:20px;align-items:center}.island-entry-art>div:last-child{min-width:0}.mesa-table .island-entry-art :is(h1,h2){font-size:clamp(26px,5vw,32px);line-height:1.05}.mesa-table .island-entry :is(p,small){color:#d4e3d5}.mesa-table .island-entry-art p{margin-top:10px;font-size:13px}.island-entry-art small{display:block;margin-top:10px;font-size:11px}.mesa-table .island-entry .eyebrow{color:#f4cf83;font-size:10px;line-height:1.5}.island-mini-box{position:relative;flex:0 0 106px;padding:5px 5px 14px;border:1px solid #a9bc8c;background:linear-gradient(155deg,#486949,#164442);box-shadow:-5px 2px #1c3b37,-6px 2px #729271,5px 10px 15px #001a2980;transform:rotate(-6deg);text-align:center}.island-mini-box img{display:block;width:100%;height:112px;object-fit:contain}.island-mini-box strong{font:700 22px Georgia,serif}.mesa-table .island-nameplate{display:grid;gap:5px;padding:12px 16px 8px;background:#f7ecd2 url(/assets/paper-Dm3AV5n9.webp) center / 620px;border-radius:5px;border:1px solid #dbca9c;box-shadow:0 3px #b3a47d;color:#536552;font-size:12px;font-weight:800}.mesa-table .island-nameplate input{border:0;border-bottom:1px solid #aaa47f;background:transparent;border-radius:0;margin:0;padding:4px 0;min-height:44px;font:700 24px Georgia,serif;color:#173f47}.island-entry>button.primary{min-height:52px}.island-entry>p{font-size:12px}.island-entry .quiet-action{padding:4px;font-size:13px}.mesa-table .island-seat-colors{border:0;margin:0;padding:0;min-width:0}.island-seat-colors legend{color:#ecdfbc;font-size:13px;font-weight:800;margin-bottom:10px}.island-piece-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mesa-table .island-piece-choices>label{margin:0;position:relative;cursor:pointer;min-width:0}.mesa-table .island-piece-choices input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.island-piece-choice{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;padding:12px 2px 8px;border:1px solid #80a69a88;border-radius:9px;box-shadow:0 3px #06272e;background:#123940;color:#fff0d6}.island-piece-choice .piece-icon{width:42px;height:42px;object-fit:contain}.island-piece-choice strong{font-size:11px}.mesa-table .island-piece-choice small{font-size:10px;color:#c5d2be}.island-piece-choice>svg{position:absolute;right:4px;top:4px;width:14px;height:14px}.island-piece-choices input:checked+span{background:#f3e4bd;color:#173f47;border-color:#f3ce7a;box-shadow:0 3px #ac8749}.mesa-table .island-piece-choices input:checked+span small{color:#38584d}.island-piece-choices input:focus-visible+span{outline:3px solid #ffdd86;outline-offset:3px}.island-piece-choices .is-taken{cursor:default}.island-piece-choices .is-taken .piece-icon{opacity:.35}.island-piece-choices .is-taken .island-piece-choice{background:#092e34;box-shadow:none;border-style:dashed}.mesa-table .island-seat-colors .island-auto-color{display:flex;flex-direction:row;align-items:center;gap:9px;margin:12px 0 0;color:#d8e3d6;font-size:12px;min-height:44px}.mesa-table .island-auto-color input{flex:none;width:18px;height:18px;min-height:18px;margin:0;accent-color:#edc777}.island-preparation .prepared-game{gap:22px;margin:24px 0}.island-preparation .prepared-game>img{width:114px;height:134px;object-fit:contain;background:linear-gradient(135deg,#416c50,#123c3c);border-radius:2px;transform:rotate(-5deg);box-shadow:-4px 2px #527b66,6px 10px 18px #001e2888}.island-preparation .prepared-game h1{font-size:36px}.island-preparation .prepared-game .eyebrow{font-size:10px}.island-preparation .prepared-game p{font-size:12px;line-height:1.5}.island-lobby-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:10px;margin:0;padding:0}.island-lobby-seats li{display:flex;align-items:center;gap:8px;min-height:94px;padding:12px 8px;border-radius:10px;border:1px solid #7e9d8555;border-bottom:4px solid var(--seat-color);background:linear-gradient(145deg,#29554f,#153d40);box-shadow:0 4px 6px #001a2233}.island-lobby-seats .piece-icon{width:42px;height:48px;object-fit:contain;flex:none}.island-lobby-seats li>div{min-width:0}.island-lobby-seats :is(strong,small,.island-seat-status){display:block;overflow-wrap:anywhere}.island-lobby-seats strong{font-size:15px;line-height:1.2}.island-lobby-seats small{font-size:10px;margin-top:5px;color:#dfd8b9}.island-seat-status{font-size:9px;color:#b7cfc2;margin-top:4px}.island-lobby-seats li.empty{border:1px dashed #8ba49277;background:#0e34394d;box-shadow:none}.island-lobby-seats .empty strong{font-size:13px;color:#d3dac4}.island-preparation .start-game{margin:20px 0 26px;gap:10px}.island-preparation .start-game>button{width:100%;min-height:54px;padding:12px}.island-preparation .start-game>small{font-size:12px;text-align:center}.mesa-table .island-invitation{position:relative;padding:20px;gap:12px;border-radius:4px;border:1px solid #dac79a;box-shadow:0 5px #a59b75,0 10px 24px #001d2444}.mesa-table .island-invitation h2{margin:0}.island-invitation .invitation-title .eyebrow{margin-bottom:5px;font-size:10px}.island-invitation-code{display:grid;gap:5px;text-align:center;padding:14px 0;border-block:1px dashed #ab9f7c}.island-invitation-code>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.island-invitation-code strong{font:900 clamp(28px,7vw,36px) "Nunito Sans",sans-serif;letter-spacing:.16em}.island-invitation-code small{font-size:11px}.mesa-table .island-invitation .invitation-notice:empty{display:none}.mesa-table .island-invitation .invitation-actions>button{background:#204e50;color:#fff1d2;border-color:#204e50;box-shadow:0 2px #123237}.mesa-table .island-invitation-link{border:0;background:none;padding:0;margin:0}.island-invitation-link summary{font-size:12px;min-height:44px;align-content:center}.island-invitation .invitation-qr{margin:0;border-top:1px dashed #ab9f7c}.island-invitation .invitation-qr img{width:160px;height:160px;padding:5px;background:#fff;box-shadow:0 3px #b4a78a}.island-invitation .invitation-tv{font-size:12px}.mesa-table .island-brief,.mesa-table .island-map-options{margin:20px 0 12px;padding:0 16px;border:1px solid #7fa49b88;border-radius:10px;background:#123e43;color:#fff0d6;box-shadow:0 4px #082c32}.island-brief>summary,.island-map-options>summary{min-height:54px;font-size:13px}.island-brief[open],.island-map-options[open]{padding-bottom:18px}.island-goal{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #a9ba9366}.island-goal-token{display:flex;flex:0 0 78px;width:78px;height:78px;border-radius:50%;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(circle at 35% 20%,#fff5d3,#e4ba63);color:#214941;box-shadow:inset 0 0 0 4px #d9ae59,inset 0 0 0 6px #f9d897,0 5px #a7803b,3px 10px 12px #001d2466;font:700 34px Georgia,serif}.island-goal-token small{font:800 10px Nunito Sans,sans-serif}.island-goal .eyebrow{font-size:9px;margin-bottom:5px}.mesa-table .island-goal h2{font-size:25px}.mesa-table .island-goal p{font-size:12px;line-height:1.5;margin-top:6px;color:#dce4d3}.island-first-pieces{display:flex;align-items:center;gap:12px;padding:12px 0;border-block:1px solid #a9ba9344}.island-first-pieces .piece-icon{width:42px;height:42px;object-fit:contain}.mesa-table .island-first-pieces p{font-size:12px}.island-first-pieces strong{display:block}.island-turn-path{list-style:none;padding:0;margin:6px 0}.island-turn-path li{display:flex;align-items:center;gap:15px;padding:16px 0}.island-step-art{width:78px;flex:0 0 78px;display:flex;justify-content:center;align-items:center;gap:8px}.island-step-art .table-dice{gap:3px}.island-step-art .table-dice>span{width:33px;height:33px;padding:5px}.island-step-art .table-dice>span:first-child{transform:rotate(-12deg)}.island-step-art .table-dice>span:last-child{transform:rotate(10deg) translateY(8px)}.island-resource-fan img{width:40px;height:58px;object-fit:cover;border-radius:4px;box-shadow:0 4px 5px #00182277;transform:rotate(-12deg)}.island-resource-fan img+img{margin-left:-9px;transform:rotate(14deg)}.island-turn-path small{display:block;color:#edc777;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.island-turn-path strong{display:block;font:700 21px Georgia,serif;margin:4px 0}.mesa-table .island-turn-path p{color:#dce4d3;font-size:12px}.mesa-table .island-brief-tip{border-top:1px solid #a9ba9344;padding-top:12px;color:#c6d8cb;font-size:11px}.mesa-table .island-map-options h2{font-size:25px;margin:8px 0 18px}.island-map-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mesa-table .island-map-choices>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:12px;background:#0b3039;color:#f8efd9;border:1px solid #839e8e;box-shadow:0 4px #07272c;gap:8px}.mesa-table .island-map-choices button[aria-pressed=true]{color:#25483f;background:#f2e5c7;border-color:#edc777;box-shadow:0 4px #b29453}.island-map-choices .table-dice{height:42px;align-items:center;gap:4px}.island-map-choices .piece-icon{width:42px;height:42px;object-fit:contain}.island-map-choices .table-dice>span{width:27px;height:27px;padding:4px}.island-map-choices strong{font:700 18px Georgia,serif}.island-map-choices span{font-size:11px;line-height:1.4;font-weight:500}.island-map-choices small{font-size:10px;margin-top:auto}.island-map-preview{margin:22px 0 0}.mesa-table.island-preparation .island-map-preview .board{display:block;width:100%;height:auto;max-height:320px;background:transparent}.island-map-preview figcaption{font-size:10px;text-align:center;color:#d4dfce;margin-top:10px}.island-map-options>p{margin-top:12px;font-size:12px}.island-preparation>.seat-settings[open]{color:#fff0d6;background:#123f45;border-color:#8ba490;border-radius:12px}.island-preparation>.seat-settings[open]>summary{color:#fff0d6;border-color:#95b2a288}.island-preparation .island-profile-form{display:flex;flex-direction:column;gap:20px;margin-top:12px}.island-profile-heading{display:flex;gap:14px;align-items:center}.island-profile-heading .piece-icon{width:52px;height:60px;object-fit:contain}.island-preparation .island-profile-heading .eyebrow{font-size:10px;color:#edc777}.mesa-table .island-profile-heading h2{font-size:24px}.island-profile-form>button:not(.primary){font-size:12px;min-height:44px;background:transparent;color:#d5ddca;border-color:transparent;text-decoration:underline}.island-preparation .seat-settings .table-transfer,.island-preparation #table-close-confirmation{color:#dfdfc6;border-top-color:#8ba49066}.island-preparation .seat-settings>details>summary{font-size:12px}.island-preparation .seat-settings>details p{color:#d5ddca}.mesa-table .island-nameplate input:focus-visible{outline:2px solid #387266;outline-offset:2px}.mesa-table .island-join-code{background:transparent;color:#f5e6c3;border:1px dashed #91b3a277;box-shadow:none;align-self:start}.island-join-code>.eyebrow,.island-join-code>p{display:none}.mesa-table .island-join-code h2{font-size:23px}.mesa-table .table-paper.island-join-code label{color:#d2dfc8;font-size:12px}.island-join-code input{font-weight:900;letter-spacing:.15em}@media(max-width:360px){.island-entry-art{gap:13px}.island-mini-box{flex-basis:86px}.island-mini-box img{height:96px}.island-lobby-seats .piece-icon{width:32px}.island-piece-choice .piece-icon{width:34px}.island-piece-choice strong{font-size:10px}.island-preparation .prepared-game{gap:17px}.island-preparation .prepared-game>img{width:92px;height:118px}}.prep-city{--prep-top: #43534d;--prep-base: #173b43;--prep-box: #76593b;--prep-edge: #c9a16a}.prep-frontiers{--prep-top: #35536b;--prep-base: #153744;--prep-box: #375a73;--prep-edge: #9eb4bc}.prep-sketch{--prep-top: #6a5149;--prep-base: #293e42;--prep-box: #8a4e3b;--prep-edge: #d0ae7d}.mesa-table .collection-entry{background:linear-gradient(145deg,var(--prep-top),var(--prep-base) 70%);border-color:var(--prep-edge);gap:20px}.collection-entry .island-mini-box{background:linear-gradient(155deg,var(--prep-box),var(--prep-base));border-color:var(--prep-edge);box-shadow:-5px 2px 0 var(--prep-box),-6px 2px 0 var(--prep-edge),5px 10px 15px #001a2980}.collection-entry .island-mini-box img{object-fit:cover}.collection-entry .island-mini-box strong{font-size:19px}.collection-preparation .prepared-game>img{object-fit:cover;background:var(--prep-box);border-color:var(--prep-edge);box-shadow:-4px 2px 0 var(--prep-box),6px 10px 18px #001e2888}.collection-preparation .prepared-game{margin-bottom:22px}.collection-preparation>.seat-settings[open]{background:linear-gradient(150deg,var(--prep-top),var(--prep-base))}.preparation-piece{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;color:#153b41;background:var(--seat-color);border:1px solid #ffffff77;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff38,0 4px #071d29a8,2px 8px 10px #00192533}.mesa-table.collection-preparation .preparation-piece>svg,.mesa-table .collection-entry .preparation-piece>svg{width:27px;height:27px}.preparation-piece.piece-frontiers{border-radius:9px 9px 18px 18px}.preparation-piece.piece-sketch{border-radius:9px;transform:rotate(-5deg)}.mesa-table .collection-colors{margin:0;padding:0;border:0;min-width:0}.collection-colors legend{color:#eddfbc;font-size:13px;font-weight:800;margin-bottom:10px}.collection-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mesa-table .collection-color-grid>label{position:relative;min-width:0;margin:0;cursor:pointer}.mesa-table .collection-color-grid input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}.collection-color-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;color:#ffefd6;background:#0d303a;border:1px solid #8ca69788;border-radius:8px;box-shadow:0 2px #06252e}.collection-color-choice .preparation-piece{width:29px;height:29px;margin-bottom:3px}.mesa-table .collection-color-choice .preparation-piece>svg{width:20px;height:20px}.collection-color-choice strong{font-size:10px;line-height:1.2}.mesa-table .collection-color-choice small{font-size:9px;color:#c3d3c4}.mesa-table .collection-colors .collection-color-choice>svg{position:absolute;top:3px;right:3px;width:13px;height:13px}.collection-color-grid input:checked+span{color:#183f43;background:#f5e8c6;border-color:#f1cc76}.mesa-table .collection-color-grid input:checked+span small{color:#426153}.collection-color-grid input:focus-visible+span{outline:3px solid #ffdf8a;outline-offset:2px}.collection-color-grid .is-taken .preparation-piece{opacity:.35;box-shadow:none}.collection-color-grid .is-taken .collection-color-choice{border-style:dashed;box-shadow:none}.mesa-table .collection-more-colors{background:transparent;border:0;margin:7px 0 0;padding:0;color:#e1e6cf}.mesa-table .collection-more-colors>summary{min-height:36px;align-content:center;font-size:12px;font-weight:700}.mesa-table .table-paper .collection-colors .collection-auto-color{display:flex;flex-direction:row;gap:9px;align-items:center;margin:4px 0 0;min-height:40px;font-size:12px;color:#e1e6cf}.mesa-table .collection-auto-color input{width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:#edc777}.collection-preparation .island-profile-form{gap:17px}.collection-preparation .island-profile-heading .preparation-piece{width:48px;height:48px}.collection-seats ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-seats li{display:flex;align-items:center;gap:10px;padding:14px 10px;border:1px solid #9eb5a455;border-bottom:4px solid var(--seat-color);border-radius:9px;background:linear-gradient(150deg,var(--prep-top),var(--prep-base))}.collection-seats li>div{min-width:0}.collection-seats li :is(strong,small,span:not(.preparation-piece)){display:block;overflow-wrap:anywhere}.collection-seats li strong{font-size:15px;line-height:1.2}.collection-seats li small{font-size:10px;color:#dfddc2;margin-top:5px}.collection-seats li>div>span{color:#c1d3c7;font-size:10px;line-height:1.4;margin-top:5px}.collection-seats .preparation-piece{width:32px;height:32px}.mesa-table .collection-seats .preparation-piece svg{width:21px;height:21px}.mesa-table .collection-free-seats{display:flex;align-items:center;gap:9px;color:#cadaca;font-size:12px;margin:14px 0 0}.preparation-mode{display:flex;align-items:center;gap:14px;padding:16px;margin:20px 0;background:#f2e6c4;color:#23474a;border:1px solid #bda97c;border-radius:8px;box-shadow:0 3px #9a875a}.mesa-table.collection-preparation .preparation-mode>svg{width:36px;height:36px;flex:none;color:#7e643d}.preparation-mode strong{display:block;font:700 20px/1.15 Georgia,serif}.preparation-mode small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.06em;margin-bottom:6px}.mesa-table .preparation-mode p{font-size:12px;color:#4f6456;margin-top:7px}.collection-goal-object{width:72px;height:80px;display:flex;align-items:center;justify-content:center;flex:none;color:#ebc371}.mesa-table .collection-brief .collection-goal-object>svg{width:58px;height:58px;filter:drop-shadow(0 3px 0 #8d6634)}.mesa-table .collection-brief .island-goal h2{font-size:24px}.collection-brief .island-step-art>img{width:64px;height:70px;object-fit:cover;border:3px solid #f4e9cb;border-radius:3px;transform:rotate(-7deg);box-shadow:3px 5px #001f2a66}.mesa-table .collection-brief .island-step-art>svg{width:46px;height:46px;color:#efce83}.collection-brief .island-turn-path li{padding-block:20px}.mesa-table .collection-brief .island-turn-path p{font-size:13px}.mesa-table .collection-brief .island-brief-tip{font-size:12px}.mesa-table .sketch-team-builder{display:block;border:0;background:none;padding:0;margin:0;max-width:none}.sketch-team-heading .eyebrow{font-size:10px;margin-bottom:5px}.mesa-table .sketch-team-heading h2{font-size:28px}.mesa-table .sketch-team-heading p{color:#cbd8ca;font-size:12px;margin:8px 0 16px}.sketch-team-tools{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 18px}.mesa-table .sketch-team-tools label{color:#e8ddbd;font-size:11px;margin:0}.mesa-table .sketch-team-tools select{min-height:44px;margin-top:5px;font-size:13px;padding:9px;background:#f5ebd0}.mesa-table .sketch-team-tools>button{background:transparent;border-color:#9cb2a466;font-size:12px;padding:8px 10px}.sketch-team-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sketch-prepared-team{min-width:0;padding:0 10px 10px;background:#f3e8cd url(/assets/paper-Dm3AV5n9.webp) center / 620px;color:#23464a;border:1px solid #c7b78c;border-top:7px solid var(--seat-color);border-radius:3px 3px 10px 10px;box-shadow:0 4px #a18d61}.sketch-prepared-team header{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 0 10px;margin:0;border-bottom:1px solid #c0b78f}.mesa-table .sketch-prepared-team header>svg{color:#25494a;width:19px;height:19px}.sketch-prepared-team h3{font:700 21px Georgia,serif}.sketch-prepared-team header>span{font-size:10px;margin-left:auto}.sketch-prepared-team ul{list-style:none;padding:0;margin:8px 0}.mesa-table .sketch-prepared-team li>button{display:flex;width:100%;gap:7px;justify-content:flex-start;text-align:left;padding:9px 3px;min-height:52px;background:transparent;color:#23464a;border:1px solid transparent;box-shadow:none}.mesa-table .sketch-prepared-team li>button:hover,.mesa-table .sketch-prepared-team li>button[aria-pressed=true]{background:#e1d5ae;border-color:#a79258}.mesa-table .sketch-prepared-team li>button:focus-visible{outline-color:#1f6972}.sketch-prepared-team strong{font-size:14px;display:block;overflow-wrap:anywhere}.sketch-prepared-team li button>span:last-child{min-width:0}.sketch-prepared-team small{font-size:10px;font-weight:500;display:block;color:#597265;margin-top:3px}.sketch-member-dot{display:block;flex:none;width:10px;height:10px;border-radius:50%;background:var(--seat-color);border:1px solid #27433c88}.mesa-table .sketch-prepared-team>p{border-top:1px dashed #b6ac86;padding-top:10px;font-size:11px;font-weight:800;color:#426148}.mesa-table .sketch-prepared-team>.team-needs-players{color:#8d3e21}.sketch-team-picker{padding:16px;margin-top:18px;background:#173a40;border:1px solid #c7b17a;border-radius:8px}.sketch-team-picker>strong{display:block;font-size:15px;margin-bottom:12px}.sketch-team-picker>div{display:flex;gap:8px;flex-wrap:wrap}.mesa-table .sketch-team-picker button{flex:1 0 44%}.mesa-table .sketch-team-status{font-size:12px;color:#d5dfce;margin:16px 0 0}.sketch-three-players{padding:20px;background:#f3e8ce url(/assets/paper-Dm3AV5n9.webp) center / 620px;color:#25484a;border-radius:4px 4px 12px 12px;border:1px solid #c8b68b;border-top:6px solid #d3a76b;box-shadow:0 4px #a28d60}.sketch-three-players .eyebrow{color:#7d6742;font-size:10px}.mesa-table .sketch-three-players h2{font-size:28px}.sketch-drawer-seat{display:flex;align-items:center;gap:14px;padding:20px 0;margin-top:4px}.sketch-drawer-seat>div{min-width:0}.sketch-drawer-seat strong{display:block;font-size:17px;overflow-wrap:anywhere}.sketch-drawer-seat div>span{display:block;font-size:12px;line-height:1.5;margin-top:5px}.sketch-guesser-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sketch-guesser-seats>div{border:1px solid #c9ba91;border-bottom:4px solid var(--seat-color);border-radius:5px;background:#fffae8;padding:13px 10px}.sketch-guesser-seats strong{display:block;overflow-wrap:anywhere}.sketch-guesser-seats small{display:block;font-size:11px;color:#617666;margin-top:3px}.mesa-table .sketch-three-players>p{margin-top:17px;font-size:12px;color:#53695b}@media(max-width:360px){.collection-seats li{gap:7px;padding-inline:7px}.collection-seats .preparation-piece{width:26px;height:26px}.collection-seats li strong{font-size:13px}.sketch-prepared-team{padding-inline:8px}.sketch-prepared-team h3{font-size:18px}.sketch-prepared-team header>span{margin-left:0}.mesa-table .sketch-team-tools>button{max-width:100px}}@layer legacy{.mobile.lobby-screen{max-width:480px;min-height:calc(100svh - 4px);padding:0 16px 20px;overflow-wrap:anywhere}.mobile.lobby-screen header{gap:8px;padding:8px 0}.mobile.lobby-screen .brand{min-width:44px;min-height:44px;align-items:center}.mobile.lobby-screen .brand-symbol{width:32px;height:32px}.mobile.lobby-screen .room-code{margin-left:auto;font-size:.875rem;letter-spacing:1px}.mobile.lobby-screen .connection{margin-left:0;font-size:.75rem}.mobile.lobby-screen .menu-button{min-width:44px;padding:0;font-size:1.5rem}.mobile.lobby-screen .island-panel,.mobile.lobby-screen .lobby{background:none;border:0;padding:0;min-height:0;overflow:visible}.lobby-heading{padding:16px 0 12px}.mobile.lobby-screen .lobby-heading h1{font-size:1.5rem;margin:0 0 4px}.lobby-heading p{margin:0;color:var(--muted);font-size:.875rem}.waiting-seats{list-style:none;margin:0;padding:0;display:grid;gap:8px}.waiting-seats li{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;border-radius:12px;background:var(--surface)}.waiting-seats li.empty{background:none;border:1px dashed var(--border);color:var(--muted)}.waiting-piece{display:flex;align-items:center;flex:0 0 48px;font-size:.75rem}.waiting-seats li>div{min-width:0}.waiting-seats strong{display:block;font-size:1rem;overflow-wrap:anywhere}.waiting-seats small{display:block;color:var(--muted);font-size:.75rem;line-height:1.3;margin-top:2px}.lobby-ready{padding:12px 0;font-size:.875rem}.lobby-ready p{margin:0}.lobby-ready p+p{color:var(--muted);margin-top:4px}.lobby-start{width:100%;min-height:48px}.mobile.lobby-screen .lobby-settings{margin:12px 0 0;padding:0;border:0;border-top:1px solid var(--border);border-radius:0;background:none}.mobile.lobby-screen .lobby-settings summary{padding:12px 0;min-height:44px;cursor:pointer}.lobby-settings .board{width:100%;height:auto;max-height:280px}.mobile.lobby-screen .lobby-settings .join{padding:12px 0;border:0;background:none}.mobile.lobby-screen .lobby h2{font-size:1.25rem;letter-spacing:0}.mobile.lobby-screen .lobby form{display:grid;gap:8px}.mobile.lobby-screen .lobby :is(input,select){width:100%;max-width:100%;min-width:0;min-height:44px}.mobile.lobby-screen [role=alertdialog]{margin-top:16px;padding:16px;background:var(--raised);border-radius:12px}.mobile.lobby-screen [role=alertdialog] button{display:block;width:100%;margin-top:8px}.mobile.lobby-screen>footer{display:none}.mobile.lobby-screen .game-controls{padding:0}}#mobile-trade-sheet{max-height:calc(100dvh - 16px);padding:12px 14px 0}#mobile-trade-sheet .sheet-head{padding:0 0 12px}#mobile-trade-sheet .sheet-head h2{font:700 27px Georgia,serif}#mobile-trade-sheet .sheet-body{gap:0}#mobile-trade{padding:0;outline:none}#mobile-trade>.game-controls{display:grid;gap:10px}#mobile-trade .trade-target{margin:0;padding:0;border:0;min-width:0}#mobile-trade .trade-target legend{padding:0;margin-bottom:8px;color:#c8d7d2;font-size:13px;font-weight:700}.trade-recipients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trade-recipients:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}#mobile-trade .trade-recipient{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;margin:0;padding:7px 10px;border:1px solid #45646a;border-radius:12px;background:#153d45;color:#e8eeea;font-size:14px;overflow-wrap:anywhere}#mobile-trade .trade-recipient[aria-pressed=true]{background:#f2d599;border-color:#f2d599;color:#173c3d;box-shadow:0 2px #a88748}.trade-seat-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;box-shadow:0 0 0 2px #092c3540}#mobile-trade .trade-destination{color:#c8d7d2;font-size:12px;margin:0}.trade-resource-table{overflow:hidden;padding:8px;border-radius:15px;background:#f5e9cd;color:#24413e}.trade-column-heads,.trade-resource-row{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:4px}.trade-column-heads{padding:2px 0 8px;text-align:center;font-size:15px;font-weight:800}.trade-column-heads small{display:block;font-size:10px;font-weight:600;color:#6a7466}.trade-column-heads>span:nth-child(2){color:#987748;font-size:24px}.trade-resource-row{min-height:65px;padding:5px 0;border-top:1px solid #c5ad7c55}.trade-resource-name{display:grid;justify-items:center;gap:2px;font-size:10px;font-weight:800;text-transform:capitalize}.trade-resource-name img{width:34px;height:36px;object-fit:cover;border-radius:4px;box-shadow:0 1px 2px #684d3f66}.trade-quantity{text-align:center}.trade-quantity>small{display:block;margin-top:3px;color:#687064;font-size:10px;line-height:1.2}.trade-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border:1px solid #cbbd9b;border-radius:10px;background:#fff8e8;overflow:hidden}.trade-quantity.chosen .trade-stepper{background:#fff0c2;border-color:#b68b33;box-shadow:0 1px 2px #aa7f3725}#mobile-trade .trade-stepper button{width:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#26483f;font-size:23px;box-shadow:none}#mobile-trade .trade-stepper button:disabled{opacity:.3}#mobile-trade .trade-stepper input{width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#193d36;text-align:center;font-size:18px;font-weight:800;appearance:textfield;box-shadow:none}.trade-stepper input::-webkit-inner-spin-button,.trade-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}#mobile-trade .trade-rates{padding:0 4px;color:#c2d1cb;font-size:12px}#mobile-trade .trade-rates p{margin:8px 0 0}#mobile-trade .trade-review{position:sticky;bottom:0;z-index:1;display:grid;gap:6px;padding:10px 0 max(14px,env(safe-area-inset-bottom));background:var(--sea);border-top:1px solid #4d696c;box-shadow:0 -4px 8px #082e3859}#mobile-trade .trade-summary-destination{margin:0;color:#f3d597;font-size:13px;font-weight:800}#mobile-trade .trade-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:12px;color:#e2e9df}#mobile-trade .trade-summary p{margin:0}#mobile-trade .trade-summary strong{display:block}#mobile-trade .trade-reason{margin:0;color:#c2d1cb;font-size:12px;line-height:1.4}#mobile-trade .trade-review>button{width:100%;min-height:46px;margin:0;font-size:15px}.trade-pending{position:sticky;top:0;z-index:2;padding:12px;background:var(--raised);border:2px solid var(--grain);border-radius:12px}.trade-pending p{margin:4px 0}.mobile.play .offer.trade-offer{padding:16px;background:#f5e9cd;border:1px solid #dec18a;color:#23413d;box-shadow:0 5px 12px #001c2940}.mobile.play .offer.trade-offer:after{display:none}.mobile.play .offer.trade-offer h3{color:#76613d;letter-spacing:.08em}.mobile.play .offer.trade-offer .trade-participants{font:700 23px Georgia,serif;margin:8px 0;overflow-wrap:anywhere}.trade-offer-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;padding:10px;border-radius:10px;background:#fffbef;font-size:14px}.trade-offer-terms strong{display:block;color:#546447}.mobile.play .offer.trade-offer .trade-replaced{color:#8b411e}@media(max-width:350px){.trade-resource-table{padding:6px 0}.trade-column-heads,.trade-resource-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:0}#mobile-trade-sheet{padding-inline:10px}}@layer legacy{.hand-cards{min-width:0}.hand-cards h3{margin:12px 0 8px}.hand-privacy{color:var(--muted);font-size:13px}.resource-gallery,.development-gallery{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.development-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-cards .resource-gallery button,.hand-cards .development-gallery button{position:relative;min-width:0;padding:4px;display:flex;flex-direction:column;gap:4px;align-items:center;background:var(--sea);color:var(--ink);border:1px solid var(--muted);border-radius:8px;font-size:12px}.hand-cards button[aria-pressed=true]{outline:3px solid var(--grain);outline-offset:1px}.hand-cards button img{width:100%;height:auto;aspect-ratio:3/4;border-radius:4px}.hand-cards button b{position:absolute;right:4px;top:4px;background:var(--surface);padding:2px 5px;border-radius:4px;font-size:16px}.hand-cards button span{overflow-wrap:anywhere}.card-jump{margin-top:16px}.card-detail{margin-top:12px;padding:12px;background:var(--sea);border-radius:8px}.card-detail-heading{display:flex;gap:8px;align-items:center}.card-detail-heading h3{margin:0}.card-availability{color:var(--grain);font-weight:700}.hand-cards fieldset{min-width:0;padding:0;margin:8px 0 0;border:0}.invention-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.invention-picker label{display:grid;gap:4px}.invention-picker small{color:var(--muted)}.invention-picker input{width:100%;min-width:0}.mobile.play button.resource.hand-illustrated{border:1px solid var(--muted);padding:2px 0;overflow:hidden}.mobile.play .hand-illustrated>img{width:100%;height:35px;object-fit:cover;border-radius:5px 5px 0 0}.mobile.play .hand-illustrated strong{position:absolute;top:5px;right:2px;padding:1px 3px;border-radius:3px;background:var(--surface);font-size:17px}.mobile.play .resources .hand-illustrated span{font-size:14px}.card-pending{position:sticky;top:0;z-index:2;margin:0 0 8px;padding:8px;border:1px solid var(--grain);border-radius:8px;background:var(--surface);color:var(--grain)}.mobile.play .hand .resources{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile.play .hand h2 .cards-button{display:flex;gap:4px;min-height:44px;min-width:76px;text-transform:none;letter-spacing:0;justify-content:center}@media(max-width:380px){.resource-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}}@layer legacy{.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mobile.play{--spring: cubic-bezier(.2, 1.3, .35, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);height:calc(100dvh - 4px);max-width:600px;margin:0 auto;padding:0 10px 8px;display:flex;flex-direction:column;gap:6px;overflow:hidden;font-size:.875rem}.mobile.play>*{flex-shrink:0;margin-top:0;margin-bottom:0}.mobile.play>footer{display:none}.mobile.play header{padding:6px 0 4px;gap:8px;flex-wrap:nowrap}.mobile.play .brand-symbol{width:32px;height:32px}.mobile.play .room-code{margin-left:auto;font-size:13px}.mobile.play .menu-button{min-width:44px;min-height:44px;padding:0;font-size:22px;line-height:1}.mobile.play>.error,.mobile.play>.room-lifetime,.mobile.play>[role=status],.mobile.play>.pending-action{max-height:22dvh;overflow:auto;padding:8px 10px;font-size:13px;border-radius:10px;margin:0}.mobile.play>.pending-action h2{font-size:15px;margin:0 0 4px}.mobile.play>.pending-action p{margin:0 0 6px}.mobile.play .mobile-nav{margin:0;height:0;overflow:visible}.mobile.play .mobile-nav a:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}.mobile.play .mobile-nav a:focus{position:fixed;top:8px;left:8px;z-index:70;background:var(--grain);color:var(--sea);font-weight:700}.mobile.play .game-help{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:0 0 0 10px;background:var(--surface);border-radius:10px;margin:0}.mobile.play .game-help>p{flex:1 1 100%;margin:0;font-size:12px;color:var(--muted)}.mobile.play .game-help>.next-actor{flex:1 1 0;min-width:0;font-size:12.5px;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile.play .game-help>button{order:1;min-height:44px;padding:4px 10px;font-size:12px;border-radius:0 10px 10px 0}.mobile.play .game-help>p:not(.next-actor){order:2}.mobile.play .game-help>div:not([hidden]){position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:58dvh;overflow:auto;padding:12px 14px;background:var(--raised);border:1px solid var(--grain);border-radius:14px;box-shadow:0 18px 40px #0000008c;animation:panel-in .28s var(--spring)}.mobile.play .game-help h2{font-size:18px;margin:0 0 6px}.mobile.play .game-help details{margin:8px 0 0;padding:8px 10px}.mobile.play .game-controls{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px}.mobile.play .game-controls>*{flex-shrink:0;margin:0}.mobile.play .players{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding:0;background:none}.mobile.play .player{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"seat name" "seat stats" "badges badges";align-items:center;column-gap:5px;row-gap:0;padding:5px 6px;border:0;border-radius:10px;background:var(--surface);text-align:center;min-width:0;transition:opacity .3s}.mobile.play .player:after{content:"";position:absolute;inset:0;border:2px solid var(--grain);border-radius:inherit;opacity:0;transform:scale(.9);transition:opacity .3s,transform .42s var(--spring);pointer-events:none}.mobile.play .player.active:after{opacity:1;transform:none}.mobile.play .player.active:before{content:"JUEGA";position:absolute;top:-1px;right:3px;font:800 8px/1 Arial,sans-serif;letter-spacing:.08em;color:var(--sea);background:var(--grain);padding:2px 4px;border-radius:0 0 4px 4px}.mobile.play .player.away{opacity:.55}.mobile.play .seat{grid-area:seat;width:24px;height:24px;font-size:12px}.mobile.play .player.active .seat{outline:none;animation:seat-pop .5s var(--spring)}.mobile.play .player strong{grid-area:name;text-align:left;max-width:100%;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile.play .player .stats{grid-area:stats;text-align:left;position:relative;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--muted);white-space:nowrap}.mobile.play .player .stats b{display:inline-block;margin:0;font-size:13px;color:var(--ink)}.mobile.play .player .stats span{display:inline-block}.mobile.play .player .badges{grid-area:badges;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--grain)}.mobile.play .turn-banner{padding:0 2px;gap:8px}.mobile.play .turn-banner>div:first-child{flex:1;min-width:0;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"eyebrow sub" "title title";column-gap:8px;align-items:baseline}.mobile.play .turn-banner .eyebrow{grid-area:eyebrow}.mobile.play .turn-banner h1{grid-area:title}.mobile.play .game-controls:has(.final-scroll) .turn-banner h1{overflow-wrap:anywhere}.mobile.play .turn-banner h1+p{grid-area:sub;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile.play .turn-banner .eyebrow{font-size:10px;margin:0}.mobile.play .turn-banner h1{font-size:1.15rem;line-height:1.15;margin:1px 0}.mobile.play .turn-banner p{margin:0;font-size:12px}.mobile.play .dice span{width:32px;height:32px;font-size:18px;border-radius:7px}.mobile.play .dice span.rolling{animation:dice-roll .55s var(--spring) both}.mobile.play .dice span.rolling+span.rolling{animation-delay:.06s}.mobile.play .island-panel,.mobile.play .board-area{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.mobile.play .board-scroll{flex:1 1 auto;min-height:0;max-height:none;margin:0;border:0;border-radius:12px;overflow:hidden}.mobile.play .board-scroll .board{width:100%;height:100%;max-height:none}.mobile.play .board-scroll.zoom{overflow:auto;border:1px solid var(--border)}.mobile.play .board-scroll.zoom .board{width:680px;height:620px}.mobile.play .board-scroll.zoom{overscroll-behavior:contain;touch-action:pan-x pan-y}.mobile.play .board-pan-hint{position:absolute;top:6px;left:6px;max-width:calc(100% - 64px);margin:0;padding:4px 8px;border-radius:6px;background:#062e3be0;color:var(--ink);font-size:12px;pointer-events:none;z-index:1}.mobile.play .board-tools{position:absolute;top:4px;right:4px;z-index:2}.mobile.play .zoom-toggle{width:44px;min-height:44px;padding:0;font-size:22px;line-height:1;border-radius:50%;background:#062e3be0}.mobile.play .placement{position:relative;flex-shrink:0;margin-top:4px;display:grid;gap:4px;padding:8px;background:#174958f5;border:1px solid var(--grain);border-radius:12px;box-shadow:0 10px 28px #00000080;animation:panel-in .3s var(--spring)}.mobile.play .placement p{margin:0;font-size:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile.play .placement label{font-size:0}.mobile.play .placement select{font-size:13px;margin:0;min-height:44px;padding:6px 8px}.mobile.play .placement .button-row{display:grid;grid-template-columns:1fr 1.4fr;gap:6px}.mobile.play .placement button{min-height:44px;padding:6px;font-size:13px}.mobile.play .pick:not(.selected){animation:pick-pulse 1.1s ease-in-out infinite}.mobile.play .drop{transform-box:fill-box;transform-origin:50% 100%;animation:piece-drop .55s var(--spring)}.mobile.play .offer{position:relative;flex-shrink:0;margin:0 0 6px;padding:10px 12px;background:var(--raised);border:2px solid var(--grain);border-radius:14px;box-shadow:0 14px 34px #0000008c;animation:offer-in .42s var(--spring)}.mobile.play .offer:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--grain);animation:offer-ring 1.6s ease-out .4s infinite;pointer-events:none}.mobile.play .offer h3{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--grain)}.mobile.play .offer p{margin:4px 0 8px;font-size:14px}.mobile.play .offer .button-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.mobile.play .offer button{margin:0;min-height:44px;padding:6px;font-size:13px}.mobile.play .ticker{position:absolute;z-index:1;left:4px;bottom:4px;max-width:68%;margin:0;padding:3px 8px;border-radius:6px;background:#062e3bdb;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:ticker-in .32s var(--ease-out)}.mobile.play .board-area:has(.placement)~.ticker{display:none}.mobile.play .lobby,.mobile.play .final-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border-radius:12px}.mobile.play .lobby h2{font-size:1.25rem}.mobile.play .final-scroll{padding:0}.mobile.play .final-result{margin:0;padding:12px}.mobile.play .lobby .join,.mobile.play .final-scroll .join{margin:12px 0}.mobile.play .hand{display:grid;gap:4px;padding:6px 8px 7px;border-radius:12px;background:var(--surface)}.mobile.play .hand h2{display:flex;justify-content:space-between;align-items:baseline;margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mobile.play .hand h2 small{display:inline;margin:0;float:none;font-size:12px;letter-spacing:0;text-transform:none;color:var(--grain)}.mobile.play .hand h2 small strong{display:inline-block}.mobile.play .resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:4px;flex-wrap:nowrap}.mobile.play .resource{position:relative;min-width:0;display:grid;justify-items:center;padding:3px 0 2px;border-radius:9px;background:var(--sea);overflow:visible;overflow-wrap:normal}.mobile.play .resource strong{display:block;font-size:1.2rem;line-height:1.05}.mobile.play .resource span{font-size:14px;letter-spacing:-.3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile.play button.resource{min-height:52px;border:1px dashed var(--grain);border-top:4px solid;color:var(--ink);font-weight:400}.mobile.play button.resource.madera{border-top-color:#68a57b}.mobile.play button.resource.arcilla{border-top-color:#d38666}.mobile.play button.resource.lana{border-top-color:#b6cb83}.mobile.play button.resource.trigo{border-top-color:var(--grain)}.mobile.play button.resource.mineral{border-top-color:#9aafc2}.mobile.play .resource .mark{position:absolute;top:-7px;left:-3px;padding:2px 5px;border-radius:999px;background:#ff8a7a;color:var(--sea);font:800 11px/1 Arial,sans-serif;font-style:normal;animation:bump .3s var(--spring)}.mobile.play .cards-button{min-width:52px;min-height:48px;padding:2px 6px;display:grid;place-items:center;gap:0;border-radius:9px}.mobile.play .cards-button b{font-size:1.15rem;line-height:1}.mobile.play .cards-button span{font-size:11px;font-weight:600}.mobile.play .delta{position:absolute;top:-10px;right:2px;font:800 12px/1 Arial,sans-serif;font-style:normal;color:var(--success);pointer-events:none;animation:delta-up .6s var(--ease-out) forwards}.mobile.play .delta.down{color:#ff8a7a}.mobile.play .bump.odd{animation:bump .42s var(--spring)}.mobile.play .bump.even{animation:bump-again .42s var(--spring)}.mobile.play .actions{display:grid;gap:6px;padding:0;background:none;border-radius:0;animation:dock-in .24s var(--ease-out)}.mobile.play .actions .button-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.mobile.play .actions button{min-height:44px;padding:6px 4px;font-size:13px;line-height:1.15}.mobile.play .actions .build{display:grid;place-items:center;gap:2px;padding-block:3px}.mobile.play .cost{display:flex;gap:2px}.mobile.play .pip{width:7px;height:7px;border-radius:50%;background:var(--grain)}.mobile.play .pip.madera{background:#68a57b}.mobile.play .pip.arcilla{background:#d38666}.mobile.play .pip.lana{background:#b6cb83}.mobile.play .pip.mineral{background:#9aafc2}.mobile.play .pip.missing{background:transparent;box-shadow:inset 0 0 0 1.5px var(--muted)}.mobile.play .actions button small{display:block;font-size:10.5px;font-weight:600;opacity:.75}.mobile.play .actions .hint{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;padding:2px 4px 2px 10px;font-size:12.5px;border-radius:8px}.mobile.play .actions .hint button{min-height:44px}.mobile.play .actions .muted{margin:0;text-align:center;font-size:12.5px}.mobile.play .discard{display:grid;gap:4px}.mobile.play .discard h3{margin:0;font-size:13px}.mobile.play .discard fieldset,.mobile.play .sheet fieldset fieldset{margin:0;padding:2px 6px 6px}.mobile.play .discard legend,.mobile.play .discard .resource-picker label{font-size:0;padding:0}.mobile.play .discard fieldset{border:0;padding:0}.mobile.play .discard .resource-picker{grid-template-columns:repeat(5,minmax(0,1fr)) 52px}.mobile.play .resource-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mobile.play .resource-picker label{font-size:11px;text-align:center}.mobile.play .resource-picker input{margin:2px 0 0;min-height:38px;padding:4px}.sheet-layer{position:fixed;inset:0;z-index:40}.sheet-layer .scrim{position:absolute;inset:0;background:#00000080;animation:fade-in .22s var(--ease-out, ease-out)}.sheet-layer .sheet{position:absolute;left:0;right:0;bottom:0;max-width:600px;max-height:84dvh;margin:0 auto;display:flex;flex-direction:column;padding:8px 14px 14px;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:0 -16px 40px #00000080;animation:sheet-in .34s cubic-bezier(.2,1.25,.35,1)}.sheet-layer.closing .sheet{animation:sheet-out .22s ease-in forwards}.sheet-layer.closing .scrim{animation:fade-out .22s ease-in forwards}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px}.sheet-head h2{margin:0;font-size:1.2rem}.sheet-head h2:focus{outline:none}.sheet-body{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:10px}.sheet .game-controls{display:grid;gap:8px}.sheet .trade,.sheet details,.sheet .history,.sheet .join{margin:0;padding:0;background:none;border:0;max-width:none}.sheet .trade h2{font-size:1rem;margin:0 0 4px}.sheet .trade>p{margin:0 0 4px;font-size:12.5px}.sheet .trade>button{width:100%;margin:4px 0 0}.sheet .history li{font-size:14px;padding:4px 0}.sheet .table-detail ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.sheet .toggle{display:flex;align-items:center;gap:10px;min-height:44px}.sheet .toggle input{width:22px;min-height:22px;margin:0}.motion-layer{position:fixed;inset:0;z-index:50;pointer-events:none}.flight{position:fixed;padding:3px 6px;border-radius:6px;font:800 10px/1 Arial,sans-serif;text-transform:uppercase;color:var(--sea);background:var(--grain);box-shadow:0 4px 12px #00000073}.flight.madera{background:#68a57b}.flight.arcilla{background:#d38666}.flight.lana{background:#b6cb83}.flight.mineral{background:#9aafc2}.turn-toast{position:fixed;z-index:60;left:50%;top:34%;padding:14px 24px;border-radius:16px;background:var(--grain);color:var(--sea);font:800 1.5rem/1.1 Arial,sans-serif;white-space:nowrap;box-shadow:0 18px 48px #0000008c;pointer-events:none;transform:translate(-50%);animation:toast 1.8s var(--spring, ease-out) forwards}.turn-toast.info{background:var(--raised);color:var(--ink);border:1px solid var(--grain)}.confetti{position:fixed;inset:0;z-index:55;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-16px;width:8px;height:13px;border-radius:2px;opacity:0;animation:confetti 1.2s var(--d) cubic-bezier(.3,.6,.5,1) forwards}@media(orientation:landscape)and (max-height:520px){.mobile.play{max-width:none}.mobile.play .game-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"board players" "board turn" "board space" "board hand" "board actions";column-gap:10px}.mobile.play .players{grid-area:players}.mobile.play .turn-banner{grid-area:turn}.mobile.play .island-panel{grid-area:board}.mobile.play .hand{grid-area:hand}.mobile.play .actions{grid-area:actions}}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dock-in{0%{opacity:0;transform:translateY(10px)}}@keyframes bump{40%{transform:scale(1.35)}}@keyframes bump-again{40%{transform:scale(1.35)}}@keyframes delta-up{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes seat-pop{40%{transform:scale(1.3)}}@keyframes dice-roll{0%{opacity:0;transform:translateY(-18px) rotate(-220deg) scale(.5)}65%{opacity:1;transform:translateY(2px) rotate(12deg) scale(1.12)}}@keyframes pick-pulse{50%{opacity:.55}}@keyframes piece-drop{0%{opacity:0;transform:translateY(-26px) scale(1.4)}60%{opacity:1}}@keyframes offer-in{0%{opacity:0;transform:translateY(-14px) scale(.92)}}@keyframes offer-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.06,1.18)}}@keyframes ticker-in{0%{opacity:0;transform:translate(-10px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.96)}}@keyframes confetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),105vh) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.mobile.play *,.mobile.play *:before,.mobile.play *:after,.sheet-layer *,.turn-toast{animation:none!important;transition:none!important}.turn-toast{transform:translate(-50%)}.confetti,.motion-layer{display:none}}.mobile.play .game-controls>*,.mobile.play .island-panel>*{order:0}.mobile.play .card-icon{display:inline-block;width:7px;height:10px;margin-left:2px;border:1.5px solid currentColor;border-radius:2px;vertical-align:-1px}.mobile.play .player .badges{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile.play .players:has(>.player:nth-of-type(4)){gap:4px}.mobile.play .players:has(>.player:nth-of-type(4)) .player{padding:4px 4px 3px;column-gap:3px}.mobile.play .players:has(>.player:nth-of-type(4)) .seat{width:18px;height:18px;font-size:10px}.mobile.play .players:has(>.player:nth-of-type(4)) .player strong{font-size:11px}.mobile.play .players:has(>.player:nth-of-type(4)) .stats small{display:none}.mobile.play .players:has(>.player:nth-of-type(4)) .badges{font-size:8px;letter-spacing:0}.mobile.play .player .stats .sep{margin:0 2px}.mobile.play .players{padding-top:7px}.mobile.play .player.active:before{top:-7px;border-radius:4px}.sheet .sheet-alert{flex-shrink:0;margin:0 0 8px;padding:10px 12px;font-size:14px}.mobile.play .zoom-toggle[aria-pressed=true]{background:var(--grain);color:var(--sea)}@media(max-height:700px){.mobile.play:has(.mobile-map:not([hidden]) .placement)>.game-help,.mobile.play:has(.mobile-map:not([hidden]) .placement) .players,.mobile.play:has(.mobile-map:not([hidden]) .placement) .hand h2{display:none}.mobile.play:has(.mobile-map:not([hidden]) .placement) .game-controls{overflow-y:auto;overscroll-behavior:contain}.mobile.play:has(.mobile-map:not([hidden]) .placement) .island-panel{min-height:280px}.mobile.play:has(.mobile-map:not([hidden]) .placement) .board-scroll{min-height:160px}}.mobile.play [hidden]{display:none!important}.play-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0 max(4px,env(safe-area-inset-bottom));flex-shrink:0}.play-navigation button{min-height:52px;padding:8px 4px;font-size:14px}.play-navigation button[aria-current=page]{background:#174958;color:#fff8e8;border-color:#174958}.view-turn{display:flex;flex-direction:column;gap:3px;margin:0;padding:12px 16px;border-bottom:1px solid #d6c6a7}.view-turn span{font-size:13px}.sheet .play-navigation{padding-inline:12px}.purchase-list{display:grid;gap:12px;border:0;padding:0;margin:0}.purchase-list .build{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:16px;text-align:left}.purchase-reason{font-size:13px;font-weight:400}.mobile.play .island-panel{min-height:0}.mobile.play .game-controls{display:flex;flex-direction:column}.mobile.play .actions .button-row:empty{display:none}.sheet:has(>.play-navigation){height:100dvh;max-height:100dvh;border-radius:0;border-top:0}.sheet:has(>.play-navigation) .sheet-body{flex:1;align-content:start}.sheet .view-turn,.sheet .sheet-head{flex-shrink:0}.purchase-list .build:disabled{opacity:1;color:#cbb6a1;background:#103744}.mobile.play .build-detail{display:block;font-size:12px;font-weight:400}.mobile.play .placement .placement-preview{display:block;max-height:3.6em;overflow:auto}.purchase-reason{display:grid;gap:4px}.mobile.play .final-result{overflow-wrap:anywhere;min-width:0}.mobile.play .final-result .result-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.mobile.play .final-result article{min-width:0}.confirmation-actions{display:flex;flex-wrap:wrap;gap:12px}.confirmation-actions button{flex:1 1 140px;min-height:48px;white-space:normal}#mobile-confirm [data-confirm-summary]{white-space:pre-line;overflow-wrap:anywhere;font-size:1rem;line-height:1.5}.sheet-layer[hidden]{display:none}.purchase-list .purchase-art{width:100%;height:auto;max-height:150px;flex-shrink:0;border-radius:10px}.purchase-list .purchase-name{font-size:1.2rem;font-weight:700}.purchase-cost{display:flex;flex-wrap:wrap;gap:8px 12px}.purchase-cost>span{display:inline-flex;align-items:center;gap:4px;font-size:.875rem}.purchase-cost img{width:24px;height:24px}.purchase-list .purchase-reason{display:grid;gap:6px;font-size:.875rem;line-height:1.45}.purchase-list .build{min-width:0;overflow-wrap:anywhere}@media(min-width:640px){.purchase-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px)and (max-height:480px){.purchase-list{grid-template-columns:minmax(0,1fr)}.purchase-list .build{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px 12px;padding:12px}.purchase-list .purchase-art{grid-column:1;grid-row:1 / 4;align-self:center}.purchase-list .purchase-name,.purchase-list .purchase-cost,.purchase-list .purchase-reason{grid-column:2}}.mobile-map{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.hand-overview{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 4px}.hand-overview-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.mobile.play .hand-overview h2{margin:0;font-size:1.25rem}.hand-overview-heading>span{font-size:.875rem}.hand-overview-privacy{margin:4px 0 12px;color:var(--muted);font-size:.875rem}.overview-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.overview-development{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-card{position:relative;min-width:0;min-height:44px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface)}.overview-card>img{width:100%;height:auto;max-height:130px;object-fit:cover;border-radius:6px}.overview-card>span{font-size:.875rem;line-height:1.25;overflow-wrap:anywhere}.overview-card>strong{position:absolute;right:5px;top:5px;min-width:24px;border-radius:5px;padding:2px 4px;background:var(--sea);color:var(--ink);font-size:1.125rem}.hand-overview h3{margin:16px 0 8px;font-size:1rem}.overview-empty{font-size:.875rem;line-height:1.45}.mobile.play .hand.discarding .hand-illustrated>img{height:76px}.mobile.play .hand.discarding .resource .mark{top:50px;left:4px;font-size:13px}.mobile.play .discard .resource-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile.play .discard .resource-picker label{font-size:.875rem;overflow-wrap:anywhere}.mobile.play .discard .resource-picker input{font-size:1rem;min-height:44px}@media(max-width:380px){.overview-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-resources .overview-card>img{max-height:80px}}}.mobile.play>header .island-heading{flex:1;min-width:0}.island-identity{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:5px;font-size:12px;color:#cfe0d6}.island-identity>strong{color:#f1d58d}.island-identity>span{padding-left:7px;border-left:3px solid;overflow-wrap:anywhere}.mobile.play .island-heading .phone-turn{font-size:clamp(21px,5.5vw,28px)}.purchase-list{grid-template-columns:minmax(0,1fr);gap:10px}.purchase-list .build{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:start;gap:5px 12px;padding:12px;min-height:96px;text-align:left}.purchase-list .purchase-art{grid-column:1;grid-row:1 / 4;width:66px;height:72px;max-height:72px;align-self:center;object-fit:contain}.purchase-list .purchase-name,.purchase-list .purchase-cost,.purchase-list .purchase-reason{grid-column:2}.purchase-list .purchase-name{font-size:18px}.purchase-list .purchase-cost{gap:3px 8px}.purchase-list .purchase-cost>span{font-size:12px;gap:3px}.purchase-list .purchase-reason{font-size:12px;line-height:1.4}.board .pick .location-ring{filter:drop-shadow(0 1px 2px #001923)}.board .pick.selected .location-ring,.board .pick:focus-visible .location-ring{stroke:#ffcf60;stroke-width:5px}
