@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{font-family:'Nunito Sans',Segoe UI,sans-serif;color:#f9f0db;background:#173d33;font-synthesis:none;--ink:#243d31;--cream:#f8efd8;--wood:#603c25;--accent:#f3bd57;--green:#236646;--teal:#247e85}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(#14372c44,#0c2e2ae6),url('/assets/woodland.webp') center/cover fixed;min-height:100dvh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;padding:.55rem .9rem;border:1px solid #a88d63;border-radius:6px;background:var(--cream);color:var(--ink);font-weight:800;line-height:1.2;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#fff8e9;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.53}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffd365;outline-offset:3px}a{color:inherit}img{max-width:100%}input[type=text],input:not([type]),input[autocomplete=nickname]{min-height:48px;padding:.6rem .8rem;border:2px solid #836846;border-radius:5px;color:#233e32;background:#fff9e9;max-width:100%}input[type=checkbox]{width:20px;height:20px;accent-color:#22694a;vertical-align:middle}select{min-height:42px;max-width:100%;background:#fbf3df;color:#193c30;border:1px solid #927a55;border-radius:5px;padding:4px 8px}h1,h2,h3,.brand,.round-sign{font-family:'Bree Serif',Georgia,serif;font-weight:400}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(1.3rem,2vw,1.8rem);margin-bottom:0}h3{margin:1.25rem 0 .4rem}p{line-height:1.5}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;z-index:200;background:#fff;color:#123;padding:12px}.skip:focus{top:10px}
#header{display:flex;align-items:center;justify-content:space-between;padding:10px clamp(12px,2.5vw,42px);gap:18px;background:#133a30f5;border-bottom:2px solid #af8d4b;min-height:82px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:clamp(1.4rem,2vw,2rem);line-height:1.1;white-space:nowrap}.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:3px solid #eac68c}.brand small{display:block;font:600 .72rem 'Nunito Sans',sans-serif;color:#eddfc2;margin-top:6px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-actions>button{background:#244b3e;color:#fff3d9;border-color:#b99a69;font-size:.82rem}.header-actions>button:hover:not(:disabled){background:#365f50}.languages{display:flex;gap:4px}.flag{padding:6px;background:transparent;border:2px solid transparent;min-width:48px;display:grid;place-items:center}.flag svg{display:block;width:34px;height:24px;border-radius:2px;box-shadow:0 1px 3px #0008}.flag.chosen{border-color:#f7cc70}.flag:hover:not(:disabled){background:#3b6153}
#audio{background:#102f29f2;border-bottom:1px solid #71836a}.audio-inner{display:flex;align-items:center;gap:16px;max-width:1510px;margin:auto;padding:4px 20px;min-height:48px;font-size:.8rem}.source select{width:146px;min-height:36px;background:#234b41;color:#fff3d9;border-color:#c4ac7c}.sound-channel{display:flex;align-items:center;gap:6px;min-width:0}.sound-channel button{min-height:36px;background:transparent;border:0;color:#fff1d4;padding:4px;min-width:65px;font-size:.8rem}.sound-channel button[aria-pressed=true]{color:#d4bca2}.sound-channel input{width:95px;height:24px;accent-color:#f0be62}.audio-state{display:flex;gap:8px;align-items:center;color:#eedfc2;font-size:.72rem;margin-left:auto}.audio-state button{min-height:32px;padding:5px;font-size:.75rem}#main{max-width:1560px;padding:24px 30px 15px;margin:auto}.loading{text-align:center;padding:60px}.primary,.confirm{color:#fff9e6;background:#236347;border-color:#92c48f;box-shadow:0 3px 0 #123e2b}.primary:hover:not(:disabled),.confirm:hover:not(:disabled){background:#2c7653}.confirm{min-width:116px}.quiet,.small{font-size:.85rem}.secondary{background:#f5e3ba}.button-link{display:inline-block;background:var(--green);padding:12px 18px;border-radius:5px;color:white;text-decoration:none}
.entry{min-height:calc(100dvh - 205px);display:grid;grid-template-columns:minmax(290px,430px) 1fr;gap:clamp(30px,8vw,135px);align-items:center;max-width:1260px;margin:auto;padding:20px 0 35px}.entry-copy{background:#f7efd9f5;border:2px solid #785337;border-radius:12px;padding:28px;color:#304437;box-shadow:0 14px 35px #001d1d80}.wood-sign{color:#fff1cf;text-shadow:0 3px 0 #381d13;position:relative;background:repeating-linear-gradient(176deg,#714729 0,#714729 5px,#6c4026 6px,#654127 19px);border:4px solid #ad7a43;border-radius:9px;box-shadow:0 5px 0 #40291b,0 8px 15px #14251b70;padding:14px 24px;transform:rotate(-2deg)}.entry .wood-sign{margin:-48px -14px 25px;text-align:center}.wood-sign:before,.wood-sign:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#d5af72;border:2px solid #452c20;top:10px}.wood-sign:before{left:9px}.wood-sign:after{right:9px}.wood-sign h1{font-size:clamp(3.2rem,6vw,5.2rem);line-height:.92;margin:2px 0 9px;letter-spacing:-1px}.entry-description{font-size:1.05rem;font-weight:700;margin-bottom:10px}.entry-meta{font-size:.82rem;color:#4d5e43;margin-bottom:20px;font-weight:800}#entry-form{display:flex;flex-direction:column;gap:10px}#entry-form>label{font-weight:800;font-size:.9rem}#entry-form .primary{font-size:1.1rem;min-height:52px}.practice{border:0;background:transparent;text-decoration:underline}.practice-note{font-size:.76rem;line-height:1.35;color:#4d5e43;margin-bottom:4px}.credits{font-size:.67rem;line-height:1.5;margin:18px 0 0;color:#4d5e43}.join-fields{padding:10px 0}.join-fields label{display:block;font-weight:800}.join-line{display:flex;gap:8px;max-width:100%}.join-line input{width:60%;text-transform:uppercase}.entry-table{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center}.entry-cover{width:min(360px,70%);border:8px solid #8b5c35;box-shadow:8px 16px 0 #422b22,16px 25px 45px #001d16b0;transform:rotate(6deg);border-radius:4px;image-rendering:auto}.sample-tiles{display:flex;justify-content:center;gap:10px;margin-top:-30px;z-index:1}.sample-tiles>div{width:clamp(70px,8vw,120px);height:clamp(70px,8vw,120px);box-shadow:0 5px 0 #5b3a24,0 10px 12px #001c18a0;transform:translateY(calc(var(--i)*5px)) rotate(calc((var(--i) - 1.5)*9deg));animation:arrive .7s backwards;animation-delay:calc(var(--i)*120ms);border-radius:8px;overflow:hidden}.river-caption{margin-top:40px;font-family:'Bree Serif',Georgia,serif;font-size:clamp(1.1rem,2vw,1.6rem);background:#153f33e8;padding:8px 14px;border-radius:5px}.tile-art{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(var(--rotation));user-select:none;-webkit-user-drag:none}
.lobby{max-width:900px;margin:30px auto;text-align:center}.lobby .wood-sign h1{font-size:2rem;line-height:1.2}.lobby-seats{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0}.lobby-seats .player-info{min-height:160px;justify-content:center}.empty-seat{padding:20px;background:#193c31ed;border:2px dashed #e1c68f;display:flex;align-items:center;gap:15px;flex-direction:column;border-radius:10px}.empty-seat img{width:75px;border-radius:50%}.lobby-controls{background:#f7efd9f5;color:var(--ink);padding:25px;border:3px solid #83613c;border-radius:8px}.lobby-controls p{font-size:.9rem;margin:10px 0 18px}.lobby-controls button{margin:5px}.lobby-controls .option{font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.lobby-scenery{display:flex;justify-content:center;gap:10px;margin:30px auto}.lobby-scenery>div{width:100px;aspect-ratio:1;overflow:hidden;border-radius:6px;transform:rotate(calc((var(--i) - 2.5)*3deg));box-shadow:0 4px 0 #5c391e}
.table-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.players{display:flex;gap:12px;flex:1}.player-info{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f7efd9;color:var(--ink);position:relative;min-width:0;flex:1;border:2px solid #a28458}.player-info.active{border-color:#fbd36c;box-shadow:0 0 0 3px #533d14}.player-info .portrait{width:50px;height:50px;border-radius:50%;border:2px solid #95713f}.player-info>span:nth-child(2){text-align:left;min-width:0}.player-info strong{display:block;overflow-wrap:anywhere}.player-info small{display:block;font-size:.74rem;font-weight:700;color:#4b5b40;margin-top:4px}.player-colour{width:14px;height:14px;border:2px solid #624f31;border-radius:50%;margin-left:auto;flex-shrink:0}.player-colour.red{background:#dc535b}.player-colour.blue{background:#609cc4}.builder{color:#684110;background:#f2d188;padding:6px;border-radius:50%;font-weight:800}.round-sign{background:#4d3427;color:#fff0ce;border:2px solid #ab8b5c;padding:10px 22px;text-align:center;border-radius:6px;line-height:1;font-size:1.3rem}.round-sign b{font-size:2rem}.round-sign small{display:block;font:700 .65rem 'Nunito Sans',sans-serif;margin-top:5px;color:#e6d6b8}
.action-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f5e6c6;color:#273f2d;border:3px solid #8b643d;border-radius:8px;padding:10px 15px;margin-bottom:20px;min-height:90px;position:sticky;top:0;z-index:12;box-shadow:0 4px 0 #503620,0 6px 12px #062b2055}.action-instruction{display:flex;align-items:center;gap:12px;flex:1;min-width:220px}.turn-beaver{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid #b48a50}.action-instruction>span>strong{display:block;font-family:'Bree Serif',Georgia,serif;font-size:1.2rem}.action-instruction>span>span{font-size:.84rem;display:block;line-height:1.3}.action-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rotate{font-size:1.7rem;padding:0;min-width:44px}.placement-options{display:flex;align-items:center;gap:15px;flex-wrap:wrap;width:100%;padding:5px 0 0;font-size:.78rem}.placement-options label{display:flex;align-items:center;gap:6px;min-height:35px}.bridge-cost{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-weight:800}.bridge-cost select{font-size:.75rem;min-height:35px}.bridge-cost label{flex-wrap:wrap}
.table-layout{display:grid;grid-template-columns:minmax(370px,1.12fr) minmax(380px,1fr);gap:32px;align-items:start}.town-area,.river-side{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-heading h2{text-shadow:0 2px 4px #001c13}.section-heading>span{font-size:.76rem;color:#f2e4c7;text-align:right}.section-heading button{min-height:38px;font-size:.76rem}.town-frame{position:relative;aspect-ratio:1;filter:drop-shadow(0 8px 3px #05251a80);width:100%;max-width:690px;margin:auto;user-select:none;border-radius:6px;overflow:visible}.town-background{position:absolute;inset:0;width:100%;height:100%;border:3px solid #9d7945;border-radius:6px;pointer-events:none;user-select:none}.town-grid{position:absolute;top:7.3%;left:7%;right:2.1%;bottom:2.1%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px}.blue-town .town-grid{left:2.1%;right:7%}.town-cell{position:relative;min-height:0;min-width:0;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;display:grid;place-items:center;touch-action:manipulation;isolation:isolate}.town-cell:hover:not(:disabled){transform:none;background:#fff7bd22;border-color:#fff0c0}.town-cell .tile-art{position:absolute;inset:0;z-index:1;box-shadow:0 2px 2px #1e321b88}.cell-coordinate{position:absolute;left:5px;top:3px;font-size:.65rem;font-weight:800;color:#fff;background:#1a3c2bcb;padding:1px 4px;border-radius:3px;z-index:2}.town-cell:has(.tile-art) .cell-coordinate{display:none}.town-cell.legal{background:#f6e78c38;outline:2px dashed #ffeb91;outline-offset:-5px}.town-cell.legal .legal-mark{font-size:2.2rem;color:#fff8d9;filter:drop-shadow(0 2px 1px #214429)}.town-cell.staged{z-index:3;outline:4px solid #fff0a5;outline-offset:-3px}.town-cell.staged .tile-art{box-shadow:0 7px 8px #163120bd}.town-cell.staged,.river-tile{touch-action:none}.bridge-pin{position:absolute;z-index:5;background:#eed39a;color:#36291e;line-height:15px;min-width:16px;height:16px;border:1px solid #72512b;border-radius:4px;pointer-events:none;font-size:15px}.bridge-selected{outline:4px solid #ffdb69;z-index:2}.view-note{background:#f8e6b9;color:#263f30;padding:7px 12px;font-weight:800;font-size:.8rem;margin-bottom:10px}.inventory{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;background:#173c31ed;padding:9px;border-radius:7px}.inventory>span{font-size:.85rem;font-weight:800}.tool{display:flex;align-items:center;gap:5px;padding:4px 7px;background:#e3c59a;border:2px solid #977043;min-height:48px}.tool img{width:32px;height:32px;object-fit:contain}.tool span{font-size:.64rem;max-width:65px}.tool b{font-size:.9rem;display:inline-block;margin-left:4px}.tool.chosen{outline:3px solid #ffde6a}
.river-area{background:#143e37d9;padding:12px 14px 6px;border-radius:10px}.river-tray{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#1a7877;padding:8px 16px 14px 8px;border:5px solid #725332;border-radius:10px;box-shadow:0 4px 0 #49321d;overflow:hidden}.river-column{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background-size:100% 100%;background-position:center;padding:35px 4px 5px;min-width:0;border-radius:3px}.river-number{position:absolute;top:3px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:27px;height:27px;background:#f3e1ab;color:#183b2b;border:2px solid #79613f;border-radius:50%;font-weight:900;font-size:.9rem;z-index:2}.river-tile{position:relative;width:100%;aspect-ratio:1;min-height:44px;min-width:0;padding:0;background:transparent;border:2px solid transparent;border-radius:5px;isolation:isolate}.river-tile:disabled{opacity:1}.river-tile:hover:not(:disabled){transform:translateY(-4px);z-index:4}.river-tile:has(img){box-shadow:0 4px 0 #654426,0 8px 8px #043e3980}.river-tile img.tile-art{border-radius:3px}.river-tile.selected{outline:4px solid #ffdc70;outline-offset:1px;z-index:3}.river-tile.reserved-other{filter:saturate(.7)}.raft-marker{position:absolute;right:0;top:0;width:35%;aspect-ratio:1;border-radius:50%;border:2px solid #ffe8b9;z-index:2;box-shadow:0 2px 4px #132e23}.water-ripple{display:block;width:60%;height:24%;border-bottom:2px solid #e2f5d380;border-radius:50%;transform:rotate(-10deg)}.river-column:before{content:'';position:absolute;inset:15px 0 0;pointer-events:none;background:repeating-linear-gradient(173deg,transparent 0,transparent 37px,#ceede13b 39px,transparent 41px);background-size:100% 82px;animation:current 5s linear infinite}.waterfall{position:absolute;right:0;top:0;bottom:0;width:13px;background:repeating-linear-gradient(0deg,#edf9d8 0,#edf9d8 7px,#86c7b7 9px,#409e9c 21px);background-size:100% 40px;animation:current .9s linear infinite;box-shadow:-2px 0 5px #c5f5e9}.river-note{font-size:.75rem;margin:14px 0 4px;line-height:1.4}.beaver-aside{display:flex;align-items:center;gap:15px;margin:25px 5px 15px}.beaver-aside img{width:85px;border:4px solid #cba268;border-radius:50%;transform:rotate(-8deg)}.beaver-aside p{position:relative;background:#f4e3bd;color:#34412b;border-radius:8px;padding:14px 16px;margin:0;font-family:'Bree Serif',Georgia,serif;font-size:1rem;box-shadow:0 4px 0 #6b4f2e}.beaver-aside p:before{content:'';position:absolute;left:-12px;top:30px;border-style:solid;border-width:9px 12px 9px 0;border-color:transparent #f4e3bd transparent transparent}.recap{margin:20px 6px 0;font-size:.8rem;background:#12392fe8;border-radius:6px;padding:12px 15px}.recap summary{cursor:pointer;font-weight:800;min-height:25px}.recap ol{max-height:200px;overflow:auto;padding-left:20px}.recap li{padding:5px}
.scoring{margin-top:25px;padding-top:15px;border-top:1px solid #ab9965}.scoring-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.scoring-card{padding:0;border:0;min-width:0;background:transparent;color:#fff3d7;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:none}.scoring-card:hover:not(:disabled){background:transparent;transform:translateY(-6px)}.scoring-card img{width:100%;max-width:175px;aspect-ratio:502/703;object-fit:contain;border-radius:8px;box-shadow:0 4px 0 #593a21,0 7px 9px #072a2280}.scoring-card span{font-size:.85rem;background:#163b2fe8;padding:3px 7px;border-radius:3px}footer{padding:24px 0 3px;text-align:center;font-size:.68rem;color:#e1d4b6}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);max-width:min(580px,calc(100vw - 24px));background:#fff2cc;color:#233b2b;padding:12px 22px;border:3px solid #9e733c;border-radius:8px;box-shadow:0 5px 15px #002c2280;z-index:130;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-weight:800;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#effects{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.flying-tile,.drag-follower{position:fixed;object-fit:contain;border-radius:4px;box-shadow:0 12px 20px #08291c99;pointer-events:none;max-width:none}.drag-follower{opacity:1;outline:3px solid #ffe6a1;z-index:110}.dragging{cursor:grabbing;user-select:none}.results{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#f5e6c6;color:var(--ink);padding:18px 22px;border:3px solid #a77c3f;border-radius:8px;margin-bottom:24px;box-shadow:0 5px 0 #4e3423}.results p{margin:4px 0 0;font-size:.9rem}.result-totals{display:flex;gap:24px}.result-totals>div{text-align:center}.result-totals span{display:block;font-size:.8rem;max-width:130px;overflow-wrap:anywhere}.result-totals strong{display:block;font-family:'Bree Serif',Georgia,serif;font-size:3rem;font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums}.result-controls{display:flex;gap:5px;flex-wrap:wrap}.score-lit{outline:4px solid #ffdb66;outline-offset:-4px;z-index:3}.score-lit:after{content:'';position:absolute;inset:0;background:#ffd36330;z-index:4;pointer-events:none}
dialog{border:4px solid #886239;border-radius:12px;padding:35px;max-width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 35px);overflow:auto;background:#fbf1d8;color:#263f30;box-shadow:0 18px 60px #001c19b0}dialog::backdrop{background:#061f1ce0}.dialog-close{position:sticky;float:right;top:0;right:0;width:44px;font-size:1.8rem;padding:0;z-index:10}.tile-inspection,.card-inspection{display:grid;grid-template-columns:minmax(180px,310px) 1fr;gap:30px;align-items:center;clear:both}.tile-inspection>div:first-child{aspect-ratio:1;overflow:hidden;border-radius:5px}.tile-inspection p,.card-inspection p{font-size:1rem}.card-inspection img{max-height:65dvh;object-fit:contain}.help{max-width:720px;clear:both}.help h2{font-size:2rem;line-height:1.15;margin-bottom:18px}.help-tools{display:flex;gap:12px}.help-tools img{width:60px;height:60px;object-fit:contain;border:2px solid #ad8c5d;border-radius:50%}.help table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.9rem}.help th,.help td{padding:8px;border-bottom:1px solid #a28d62;text-align:left}.help td{text-align:center}.invite-copy{width:100%;font-size:.85rem}
@keyframes current{to{background-position-y:82px}}@keyframes arrive{from{opacity:0;translate:0 -60px;rotate:-15deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1400px){.table-layout{gap:45px}.river-tray{gap:9px}.river-column{gap:13px;padding:40px 5px 8px}.scoring-card img{max-width:155px}.river-side{padding-top:0}}
@media(max-width:1050px){#header{padding:10px 16px}.brand small{display:none}.header-actions{gap:5px}.header-actions>button{padding:8px;font-size:.75rem}.table-layout{grid-template-columns:minmax(320px,1fr) minmax(310px,.9fr);gap:18px}#main{padding:16px}.audio-inner{gap:10px}.audio-state{font-size:.65rem}.sound-channel input{width:75px}.town-grid{top:7.3%}.inventory{gap:5px}.inventory>span{display:none}.tool{flex:1;justify-content:center;padding:4px}.beaver-aside img{width:65px}.beaver-aside p{font-size:.85rem}.scoring-row{gap:8px}.action-instruction{min-width:200px}.action-instruction>span>span{font-size:.75rem}.action-controls button{font-size:.8rem}.action-controls .rotate{font-size:1.5rem}.action-strip{padding:8px 10px}.turn-beaver{width:42px;height:42px}.river-area{padding:10px 8px}.entry{gap:35px}.player-info{padding:8px;gap:8px}.player-info strong{font-size:.85rem}.player-info .portrait{width:40px;height:40px}.round-sign{padding:10px 14px}.scoring-card span{font-size:.72rem}}
@media(max-width:740px){#header{flex-wrap:wrap;gap:5px;padding:8px 12px;min-height:72px}.brand{font-size:1.6rem;gap:8px}.brand img{width:38px;height:38px}.header-actions{gap:4px;margin-left:auto}.header-actions>button{min-height:40px;font-size:.72rem}.header-actions>button[data-action=invite]{display:none}.flag{min-width:42px;padding:5px}.flag svg{width:29px;height:20px}.languages{gap:0}.audio-inner{padding:4px 10px;gap:5px 10px;display:grid;grid-template-columns:140px 1fr;min-height:88px}.sound-channel{justify-content:flex-end}.sound-channel input{width:86px;flex:1;min-width:40px}.sound-channel button{min-width:64px;text-align:left}.audio-state{margin:0;font-size:.64rem;gap:5px;grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;line-height:1.2}.sound-channel:has(#effects-level){grid-column:2;grid-row:2}.source{grid-column:1;grid-row:1}.source select{width:140px}.source~.sound-channel:has(#music-level){grid-column:2;grid-row:1}.audio-state #retry{min-height:25px;padding:2px}.audio-state output{max-width:135px}.entry{display:flex;flex-direction:column;gap:20px;padding:18px 0;min-height:0}.entry-copy{max-width:440px;width:100%;padding:22px}.entry .wood-sign{margin:-25px 0 20px;padding:12px}.wood-sign h1{font-size:3.6rem}.entry-table{display:none}.entry-description{font-size:1rem}.entry-meta{margin-bottom:14px}.table-top{gap:8px;align-items:stretch;margin-bottom:10px}.players{gap:8px}.player-info{padding:8px;gap:6px;flex:1;min-height:64px}.player-info .portrait{width:32px;height:32px}.player-info strong{font-size:.76rem}.player-info small{font-size:.61rem;margin-top:3px}.player-colour{width:10px;height:10px;border-width:1px}.round-sign{font-size:.8rem;padding:9px 7px;display:flex;align-items:center;gap:4px;flex-direction:column;justify-content:center}.round-sign b{font-size:1.4rem}.round-sign small{font-size:.55rem;max-width:55px;line-height:1.2}.action-strip{margin-bottom:14px;padding:8px;gap:6px;position:sticky;top:0;min-height:88px;border-width:2px}.action-instruction{min-width:0;width:100%;flex-basis:100%}.turn-beaver{width:35px;height:35px}.action-instruction>span>strong{font-size:1rem}.action-instruction>span>span{font-size:.76rem}.action-controls{justify-content:flex-start;width:100%}.action-controls button{min-height:44px;font-size:.8rem;padding:6px 10px}.action-controls .rotate{font-size:1.6rem;min-width:44px}.action-controls .confirm{margin-left:auto}.action-controls [data-action=undo]{margin-left:auto}.action-controls:has(.confirm) [data-action=undo]{margin-left:0}.placement-options{gap:4px 12px;font-size:.7rem;padding-top:0}.placement-options label{min-height:32px}.placement-options input{width:17px;height:17px}.table-layout{display:flex;flex-direction:column;gap:17px}.town-area{width:100%;order:2}.river-side{display:contents}.river-area{width:100%;order:1;padding:6px;border-radius:6px}.river-area .section-heading{margin-bottom:5px}.section-heading h2{font-size:1.3rem}.section-heading>span{font-size:.65rem}.river-tray{gap:5px;padding:5px 11px 8px 5px;border-width:3px}.river-column{gap:4px;padding:27px 3px 3px}.river-number{width:22px;height:22px;top:1px;font-size:.8rem}.river-tile{min-height:0}.waterfall{width:8px}.river-note{font-size:.65rem;margin:8px 2px 1px}.beaver-aside{display:none}.recap{order:3;margin:0;width:100%}.town-frame{max-width:560px}.section-heading button{font-size:.7rem;min-height:40px}.inventory{padding:7px;margin-top:10px;gap:6px}.tool{flex:1;padding:3px;min-height:48px;gap:4px}.tool img{width:29px;height:29px}.tool span{font-size:.55rem}.tool b{font-size:.85rem}.inventory>button:last-child{flex:0 0 100%;font-size:.8rem}.cell-coordinate{font-size:.62rem;padding:1px 3px}.scoring{margin-top:18px;padding-top:12px}.scoring .section-heading{flex-wrap:wrap}.scoring-row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 12px;gap:12px;overscroll-behavior-x:contain}.scoring-card{flex:0 0 120px;scroll-snap-align:start}.scoring-card img{max-width:120px}.scoring-card span{font-size:.75rem}.lobby{margin:20px 0}.lobby .wood-sign h1{font-size:1.5rem}.lobby-seats{gap:10px;margin:24px 0}.lobby-seats .player-info{flex-direction:column;min-height:160px;justify-content:center}.lobby-seats .player-info>span{text-align:center}.empty-seat{gap:8px;padding:14px 8px;font-size:.8rem}.empty-seat button{font-size:.8rem;padding:8px}.lobby-controls{padding:16px}.lobby-scenery>div{width:60px}.lobby-scenery{gap:5px}.results{padding:12px;gap:12px}.results h2{font-size:1.5rem}.result-totals{gap:16px;margin-left:auto}.result-totals strong{font-size:2.3rem}.result-controls{width:100%;justify-content:center}.result-controls button{font-size:.75rem}.tile-inspection,.card-inspection{display:flex;flex-direction:column;gap:18px}.tile-inspection>div:first-child{width:min(250px,85%)}.card-inspection img{max-height:45dvh;max-width:260px}.tile-inspection h2,.card-inspection h2{font-size:1.5rem}.tile-inspection p,.card-inspection p{font-size:.9rem}dialog{padding:20px}.help h2{font-size:1.6rem}.help p{font-size:.9rem}#main{padding:12px 10px}footer{line-height:1.5}.bridge-cost label{font-size:.68rem}.bridge-cost select{max-width:130px}.entry-cover{max-width:200px}}
@media(max-width:390px){.brand{font-size:1.3rem}.brand img{width:32px;height:32px}.header-actions>button{padding:6px;font-size:.65rem}.header-actions{gap:2px}.flag{min-width:36px}.flag svg{width:25px}.audio-inner{grid-template-columns:122px 1fr;gap:4px}.source select{width:122px;font-size:.7rem}.sound-channel button{min-width:56px;font-size:.7rem}.audio-state{font-size:.59rem}.player-info .portrait{display:none}.player-info small{font-size:.6rem}.player-info strong{font-size:.72rem}.round-sign{padding:6px}.action-controls button{padding:6px;font-size:.73rem}.action-controls .confirm{min-width:99px}.tool img{width:24px;height:24px}.tool span{font-size:.53rem}.tool{gap:2px}.river-column{padding:26px 1px 3px}.cell-coordinate{font-size:.55rem}}
.sound-channel{min-height:44px}.sound-channel button,.source select,.section-heading button,.header-actions>button{min-height:44px}.sound-channel input{height:44px}.audio-state #retry{min-height:44px}
.sound-channel button:hover:not(:disabled){background:#365f50;color:#fff1d4}
.initiative-label{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-weight:800}.initiative-label select{min-height:44px;max-width:100%}
.calm *,.calm *:before,.calm *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calm .river-tile:hover:not(:disabled),.calm .scoring-card:hover:not(:disabled),.calm button:hover:not(:disabled){transform:none}.calm .sample-tiles>div{animation:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}