:root{font-family:Arial,Helvetica,sans-serif;color:#294a39;background:#f5efdf;font-synthesis:none;--ink:#294a39;--green:#2e6048;--line:#c5c9ad;--cream:#fff9e9;--muted:#64705c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #b7bea2;border-radius:7px;background:#fff8e5;color:var(--ink);padding:9px 13px;font-weight:700;font-size:13px;line-height:1.3;transition:background .15s}button:hover{background:#e9edce}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #bc793a;outline-offset:3px}button.primary{background:var(--green);border-color:var(--green);color:#fff8dc}button.primary:hover{background:#244c39}[hidden]{display:none!important}.shell{max-width:1360px;margin:auto;padding:22px 28px 26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:23px;letter-spacing:-.7px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin-top:4px}.brand-mark{display:grid;place-items:center;width:42px;height:45px;background:#315a43;color:#f4d38c;border-radius:10px 10px 17px 10px;font-size:30px;font-family:Georgia,serif;font-style:italic;box-shadow:3px 3px 0 #c5b786}nav{display:flex;gap:8px}#board{background:#fcf6e6;border:1px solid #a9b49b;border-radius:12px;overflow:hidden;box-shadow:0 9px 28px #3a563416}.hud{display:flex;align-items:center;gap:24px;padding:12px 18px;min-height:75px;border-bottom:1px solid var(--line);background:#fbf6e7}.hud>div{min-width:0}.eyebrow{display:block;letter-spacing:1.2px;font-size:9px;font-weight:800;color:#65715c;line-height:1.4}.hud strong{display:block;font-size:23px;line-height:1.2;margin-top:3px}.hud strong small{font-size:13px;color:#7a826b}.hud .chances strong{font-size:16px;letter-spacing:3px;color:#a4784c}.hud .bag{flex:1}.hud .bag strong{font-size:13px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bag #trust-label{display:block;font-size:10px;color:#6b755c;min-height:12px}.stamina{width:120px}.stamina label{display:block;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:7px}.stamina span{font-size:10px;display:block;margin-top:4px}progress{width:100%;height:9px;display:block;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#d8dfc4}progress::-webkit-progress-bar{background:#d8dfc4}progress::-webkit-progress-value{background:#77975e;border-radius:8px}progress::-moz-progress-bar{background:#77975e}.playfield{position:relative;isolation:isolate;height:clamp(450px,65vh,710px);min-height:360px;background:#d8cba9}canvas{width:100%;height:100%;display:block;outline-offset:-4px!important}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#3e543322;padding:18px;overflow:auto}.panel{width:min(100%,450px);background:#fff9e9f5;border:1px solid #a8b493;border-radius:12px;padding:27px;box-shadow:0 12px 50px #294a3938;backdrop-filter:blur(6px)}h1,h2,h3,p{margin-top:0}.panel h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-1px;font-size:35px;margin:9px 0 12px}.panel p{font-size:13px;line-height:1.55;color:#5e6c55;margin-bottom:17px}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.mode-options button{padding:11px 4px;font-size:12px;background:#f6f1dd}.mode-options small{display:block;font-size:9px;font-weight:400;margin-top:5px}.mode-options .selected{background:#dfe8c8;border:2px solid #57784d;padding:10px 3px}.difficulty{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid #d1d4b8;padding-bottom:13px}.difficulty select{color:#31533f;border:1px solid #b7c09f;background:#fff9e9;border-radius:5px;padding:6px}.panel .sound-note{font-size:11px;line-height:1.4;margin:13px 0}.start{width:100%;padding:13px;font-size:14px}.seed{display:block;font-size:9px;text-align:center;letter-spacing:.6px;margin-top:10px;color:#798168}.compact{text-align:center;max-width:350px;padding:28px}.compact h2{font-size:32px;font-family:Georgia,serif;font-weight:500;margin:9px 0 15px}.compact button{display:block;width:100%;margin-top:8px}.compact .result-stats{background:#e8eccf;padding:9px;border-radius:5px;font-size:11px}.game-toolbar{display:flex;align-items:center;gap:12px;padding:9px 13px;border-top:1px solid #b8c1a1;min-height:54px}.game-toolbar>p{margin:0;flex:1;font-size:12px;line-height:1.4}.tools{display:flex;gap:5px;flex-shrink:0}.tools button{font-size:10px;padding:7px 9px}.tools button[aria-pressed=true]{background:#e2e9cf}.caption{margin:0;padding:8px 14px 10px;min-height:34px;color:#5c6c52;background:#f0f0d9;font-size:12px;border-top:1px solid #d7d9be;line-height:1.4}.instructions{font-size:11px;line-height:1.7;color:#627057;margin-top:15px;max-width:1100px}.instructions p{margin-bottom:5px}.instructions #controls{font-size:12px;color:#3e5e45;margin-bottom:9px}kbd{display:inline-block;background:#e8e9d1;border:1px solid #bdc6a7;border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:10px;margin-right:3px}.text-button{padding:0;border:0;background:transparent;font-size:11px;color:#2d684a;text-decoration:underline}.event-banner{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 24px));background:#fff1c5f5;border:1px solid #c69e56;border-radius:8px;box-shadow:0 4px 16px #36533722;padding:9px 13px;pointer-events:none}.event-banner strong{font-size:13px}.event-banner span{float:right;font-size:12px;font-weight:700}.event-banner small{display:block;margin-top:3px;font-size:10px;color:#77643f}.negotiation{position:absolute;bottom:16px;left:16px;width:min(365px,calc(100% - 32px));background:#fff9e9f5;border:1px solid #9fae88;box-shadow:0 5px 25px #294b3c33;border-radius:10px;padding:17px}.negotiation h2{font-size:15px;line-height:1.4;margin:5px 0 12px}.negotiation button{display:block;width:100%;text-align:left;margin:5px 0;padding:8px 9px;font-size:12px}.negotiation small{font-size:10px;color:#747b60;line-height:1.5;display:block;margin-top:8px}.load-error{position:absolute;inset:15%;background:#fff2da;padding:25px;border:2px solid #ae7553;border-radius:10px;z-index:20}.touch-controls{display:none;gap:18px;padding:12px;background:#f3efd9;border-top:1px solid #c9cfb1;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,37px);gap:4px;flex-shrink:0}.dpad button{padding:5px;font-size:20px}.dpad button[data-move=up]{grid-column:2}.dpad button[data-move=left]{grid-column:1;grid-row:2}.dpad button[data-move=down]{grid-column:2;grid-row:2}.dpad button[data-move=right]{grid-column:3;grid-row:2}.dpad .pressed{background:#bdd29b}.touch-actions{display:flex;flex-wrap:wrap;gap:5px;align-content:center}.touch-actions button{font-size:10px;padding:8px}.touch-actions #touch-action{flex:1;white-space:nowrap}.touch-actions button:active{background:#cbdba8;color:#294a39}dialog{color:var(--ink);background:#fff9e9;border:1px solid #a5b18f;border-radius:12px;max-width:570px;width:calc(100% - 32px);max-height:88dvh;padding:28px;box-shadow:0 20px 90px #182d2b55}dialog::backdrop{background:#263f3677;backdrop-filter:blur(3px)}dialog h2{font-family:Georgia,serif;font-weight:500;font-size:29px;letter-spacing:-.5px;margin:8px 0 15px}dialog p,dialog li{font-size:13px;line-height:1.6}dialog ul{padding-left:19px}dialog li{padding-bottom:8px}dialog h3{font-size:14px;margin-bottom:7px}dialog .close{position:absolute;top:11px;right:11px;border:0;background:transparent;font-size:21px;padding:1px 8px}dialog label{font-size:12px;font-weight:700;display:block;margin-bottom:6px}dialog input{width:100%;border:1px solid #aeb997;border-radius:6px;padding:10px;background:#f0efda;color:#3e5e47;margin-bottom:12px;font-size:12px}#copy-status{font-size:11px;color:#6c755e;margin:12px 0 0}#board:fullscreen{display:flex;flex-direction:column;border-radius:0;overflow:auto}#board:fullscreen .playfield{flex:1;height:auto;min-height:250px}#board:fullscreen .hud{flex-shrink:0}#board:fullscreen .game-toolbar,#board:fullscreen .caption{flex-shrink:0}@media(max-width:760px){.shell{padding:14px 12px}.topbar{margin-bottom:12px}.brand{font-size:21px}.brand-mark{width:35px;height:39px;font-size:26px}nav button{padding:8px 9px;font-size:11px}.hud{gap:15px;padding:10px 12px;flex-wrap:wrap;min-height:85px}.hud strong{font-size:21px}.hud .bag{order:5;flex-basis:calc(100% - 120px)}.hud .bag strong{font-size:11px}.stamina{order:6;width:100px}.chances{margin-left:auto}.hud .eyebrow{font-size:8px}.game-toolbar{flex-wrap:wrap;padding:9px 11px;gap:7px}.game-toolbar>p{flex-basis:100%;min-height:32px;font-size:11px}.tools{width:100%;justify-content:flex-end}.tools button{flex:1;padding:8px 4px}.playfield{height:clamp(400px,58dvh,620px)}.panel{padding:21px;max-width:405px}.panel h1{font-size:30px}.panel p{font-size:12px}.negotiation{bottom:10px;left:10px;width:calc(100% - 20px);max-width:340px;padding:13px}.negotiation button{font-size:11px;padding:7px 8px}.instructions{font-size:10px}.caption{font-size:11px;min-height:42px}.mode-options{gap:5px}.event-banner small{font-size:9px}}@media(pointer:coarse),(max-width:600px){.touch-controls{display:flex}.touch-controls.duo-hidden{display:none}}@media(max-width:390px){.shell{padding:10px 7px}.brand small{font-size:9px}.brand{font-size:19px}.brand-mark{display:none}nav button{font-size:10px}.topbar{gap:8px}.panel{padding:17px}.panel h1{font-size:27px}.mode-options button{font-size:11px}.mode-options small{font-size:8px}.dpad{grid-template-columns:repeat(3,33px)}.touch-controls{gap:10px;padding:9px}.hud{gap:12px}.eyebrow{letter-spacing:.8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The playfield stays primary; controls remain in view beside it. */
.shell{max-width:1660px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}.game-layout>#board{min-width:0}.control-sidebar{margin:0;padding:20px 19px;background:#f0ecd9;border:1px solid #bbc3a4;border-radius:11px;position:sticky;top:16px;font-size:12px;line-height:1.55;color:#496044;max-width:none}.sidebar-heading{border-bottom:1px solid #c8cfb2;padding-bottom:12px;margin-bottom:13px}.sidebar-heading h2{font-family:Georgia,serif;font-size:27px;font-weight:500;letter-spacing:-.5px;color:#294a39;margin:5px 0 0}.control-sidebar .sidebar-objective{font-size:13px;font-weight:700;line-height:1.55;margin-bottom:12px}.control-sidebar #controls{font-size:11px;line-height:1.8;margin-bottom:14px}.control-list{margin:0 0 18px}.control-list>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 0;border-bottom:1px solid #d3d8bc}.control-list dt{flex-shrink:0}.control-list dd{margin:0;text-align:right;font-size:11px}.control-list kbd{font-size:9px;padding:2px 5px;margin:0;white-space:nowrap;background:#fcf6e3}.sidebar-tip{margin-top:15px}.sidebar-tip strong{font-size:11px;color:#486043}.sidebar-tip p{font-size:11px;line-height:1.6;margin:4px 0 0}.sidebar-footnote{font-size:10px;border-top:1px solid #c8cfb2;padding-top:12px;margin-top:16px!important}.control-sidebar .text-button{font-size:12px;margin-top:7px}
@media(max-width:1080px){.game-layout{grid-template-columns:minmax(0,1fr)}.control-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.sidebar-heading,.sidebar-objective,.control-sidebar #controls{grid-column:1/-1}.control-list{grid-row:4/8;grid-column:1}.sidebar-tip,.sidebar-footnote,.control-sidebar .text-button{grid-column:2}.sidebar-tip{margin-top:0;margin-bottom:15px}.control-sidebar .text-button{text-align:left;align-self:end}.control-sidebar .sidebar-footnote{margin-top:0!important}.control-sidebar .sidebar-objective{margin-bottom:7px}.control-sidebar #controls{margin-bottom:14px}}
@media(max-width:480px){.control-sidebar{padding:16px 14px;column-gap:16px}.control-list>div{display:block;padding:6px 0}.control-list dd{text-align:left;margin-top:4px}.sidebar-heading h2{font-size:25px}.control-sidebar .sidebar-objective{font-size:12px}}

.mode-options{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-options button{font-size:11px}.mode-options small{font-size:8px}.room-panel{max-width:400px;text-align:left}.room-panel h2{font-size:29px}.room-panel label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.room-panel input{width:100%;padding:9px;border:1px solid #b7c29e;background:#f1f0db;border-radius:5px;font:10px Arial;color:#355641}.room-panel small{display:block;font-size:10px;margin-top:14px;color:#71805f;line-height:1.4}.room-info{background:#e2e8cc;padding:11px;border-radius:6px;margin-bottom:15px}.room-info strong{display:block;font-size:11px}.room-info small{display:block;font-size:10px;margin:5px 0;color:#68785c}.room-info button{padding:5px 7px;font-size:10px;margin:4px 3px 0 0}.invite-divider{font-size:11px;color:#7b8266;margin:16px 0 9px}.room-panel button{font-size:12px}.room-panel #room-copy{font-size:12px}.control-sidebar .room-info{grid-column:1/-1}@media(max-width:480px){.mode-options{grid-template-columns:repeat(2,1fr)}.mode-options button{font-size:12px}.mode-options small{font-size:9px}.menu .mode-options{margin:10px 0}.menu h1{font-size:25px}.menu p{margin-bottom:10px}.menu .sound-note{margin:9px 0}.menu .difficulty{padding-bottom:8px}}
@media(min-width:1081px){.control-sidebar{max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin}}