:root{font-family:Georgia,'Times New Roman',serif;color:#263e32;background:#f4f0df;--green:#315947;--gold:#d7aa58}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f4f0dfe8,#f4f0dfe8),url('assets/floral.webp') center/300px fixed;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:1px solid #9dafa1;border-radius:9px;padding:10px 16px;background:#fffdf5;color:var(--green);box-shadow:0 2px 3px #263e3210}button:hover{background:#e7eddc}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#44745b}input{padding:11px;border:1px solid #aabbab;border-radius:8px;background:#fffef7;color:#263e32}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#fffcf0ed;border-bottom:1px solid #c2ccb4}.brand{font-size:25px;color:var(--green);text-decoration:none}.sound{display:flex;gap:7px;align-items:center;font:13px system-ui}.sound button{padding:7px 10px}.sound label{display:flex;align-items:center;gap:5px}.sound input{width:85px;padding:0}main{max-width:1240px;margin:auto;padding:26px}.hero{max-width:840px;margin:45px auto 0;text-align:center;padding:38px;background:#fffdf3eb;box-shadow:0 20px 70px #28463225;border-radius:22px}.eyebrow{font:12px system-ui;letter-spacing:3px;text-transform:uppercase;color:#71816a}h1{font-size:clamp(42px,7vw,74px);margin:12px 0;color:#315947;font-weight:normal}h2{font-size:27px;font-weight:normal;margin:8px 0 16px}p{line-height:1.6}.intro{max-width:490px;margin:0 auto 24px;color:#596952;font-size:18px}.menu-art{display:flex;justify-content:center;gap:18px;margin:22px}.menu-art img{height:145px;border-radius:8px;box-shadow:0 9px 14px #263e3228;transform:rotate(-7deg)}.menu-art img:nth-child(2){transform:rotate(6deg)}.forms{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:14px}.forms input{width:210px}.muted{color:#6c7b66;font:14px system-ui}.room-top{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fffdf3e8;padding:15px 20px;border-radius:13px;margin-bottom:20px}.room-top h2{margin:0}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.lobby{max-width:820px;margin:35px auto;background:#fffdf2ee;padding:30px;border-radius:18px;box-shadow:0 15px 50px #31594725}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0}.seat{padding:18px;background:#edf0df;border-radius:12px}.seat strong{display:block;margin:8px 0}.table{display:grid;grid-template-columns:minmax(340px,690px) minmax(250px,1fr);gap:28px;align-items:start}.board-sheet{background:#fffdf3;padding:16px;border-radius:8px;box-shadow:0 14px 30px #253e3226}.board-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:10px}canvas{display:block;width:100%;aspect-ratio:1;touch-action:none;border-radius:3px}.controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:13px}.controls button{min-width:48px}.controls .primary{min-width:150px}.hint{font:14px system-ui;text-align:center;color:#64715e;margin:12px 0 0;min-height:20px}.supply{background:#fffdf0e8;padding:22px;border-radius:16px}.banner{font-size:23px;color:var(--green);margin:0 0 12px;line-height:1.3}.cards{display:flex;gap:14px;justify-content:center;margin:17px 0}.card{padding:0;background:none;border:3px solid transparent;box-shadow:none;border-radius:10px;max-width:45%}.card img{display:block;width:100%;max-height:240px;border-radius:7px;box-shadow:0 7px 14px #263e3226}.card.selected{border-color:#315947;transform:translateY(-5px)}.card:disabled{opacity:.7}.players{margin-top:24px;display:grid;gap:10px}.player{background:#fffdf1e8;padding:13px;border-radius:10px;display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.player canvas{width:70px}.player strong{font-size:17px}.player .muted{font-size:12px;margin-top:5px}.rules{background:#fffdf1e8;padding:18px;border-radius:12px;margin-top:22px;font-size:15px}.rules summary{cursor:pointer;font-size:18px}.rules p{margin:12px 0 0}.finish{padding:18px;background:#e9edda;border-radius:12px;margin-bottom:15px}.finish h2{margin-bottom:8px}.rank{padding:9px 0;border-bottom:1px solid #cad4bc}.chat-toggle{position:fixed;right:18px;bottom:18px;border-radius:30px;z-index:4}#chat{position:fixed;right:18px;bottom:70px;width:min(340px,90vw);background:#fffdf3;border:1px solid #abbca3;padding:16px;border-radius:14px;box-shadow:0 8px 40px #263e3233;z-index:5;font:14px system-ui}#messages{max-height:250px;overflow:auto;overflow-wrap:anywhere}#messages p{margin:8px 0}#chat form{display:flex;gap:5px;margin-top:12px}#chat input{min-width:0;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#315947;color:white;padding:13px 22px;border-radius:12px;box-shadow:0 3px 15px #263e3233;z-index:10;display:none;max-width:85vw;text-align:center}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d6a444;outline-offset:3px}[hidden]{display:none!important}.connection{font:13px system-ui;color:#815334}@media(max-width:760px){header{padding:12px;flex-wrap:wrap}.brand{font-size:22px}.sound{flex-wrap:wrap}.sound label{font-size:11px}main{padding:12px}.hero{margin:18px auto;padding:24px 14px}.table{grid-template-columns:1fr;gap:15px}.supply{grid-row:1;padding:14px}.cards{margin:10px 0}.card img{max-height:155px}.room-top{padding:12px;flex-wrap:wrap}.banner{font-size:20px}.players{grid-template-columns:repeat(2,1fr)}.player{grid-template-columns:48px 1fr;padding:9px}.player canvas{width:48px}.board-sheet{padding:10px}.controls button{padding:10px}.menu-art img{height:120px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.board-stage{position:relative;isolation:isolate}.board-meta{display:flex;gap:12px;align-items:center}.board-meta button{padding:7px 12px;font-size:14px}.draft-bar{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-top:8px}.draft-bar button{padding:6px 12px}.on-board-controls{position:absolute;z-index:4;display:flex;gap:5px;padding:6px;border:2px solid #365448;border-radius:30px;background:#fffdf4f5;box-shadow:2px 5px 0 #31594725;white-space:nowrap;touch-action:manipulation}.on-board-controls button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;padding:0;border:1px solid #4c6d60;background:#f7df91;font:bold 27px system-ui;color:#315947;touch-action:manipulation;box-shadow:0 2px 0 #31594730}.on-board-controls button:nth-child(2){background:#ffc1b0}.on-board-controls button:nth-child(3){background:#c4d7fa}.on-board-controls button:nth-child(4){background:#e8c6ee}.on-board-controls .plant-check{background:#5b9a59;color:#fff;border-color:#34704a}.on-board-controls .plant-check:disabled{background:#d0d5bf;color:#718369}.on-board-controls button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.card{touch-action:none;user-select:none}.card canvas{height:auto;width:100%;max-height:240px;border-radius:10px;box-shadow:3px 7px 0 #b87d5525}.menu-art canvas{height:145px;width:auto;aspect-ratio:260/410;border-radius:8px;box-shadow:3px 8px 0 #263e3228;transform:rotate(-7deg)}.menu-art canvas:nth-child(2){transform:rotate(6deg)}
:root{font-family:'Segoe Print','Comic Sans MS',cursive;color:#354846;background:#faf0d7;--green:#3b775d;--gold:#edb842}body{background:radial-gradient(ellipse at 9% 18%,#ffc9bb70 0,transparent 35%),radial-gradient(ellipse at 94% 53%,#c1d8ff70 0,transparent 36%),radial-gradient(ellipse at 20% 95%,#d2e7ad70 0,transparent 38%),#fff4db;background-attachment:fixed}header{background:#fff8e8;border-bottom:2px dashed #d9b890}.brand{color:#346c58;font-weight:bold;letter-spacing:-1px}main{position:relative}h1{color:#cf6453;text-shadow:2px 3px 0 #f3ce83;letter-spacing:-3px;font-weight:bold}.eyebrow{color:#ab7454}.intro{color:#537d73}.hero{background:#fffaf0;border:2px solid #d8bca0;border-radius:21px 27px 19px 30px;box-shadow:5px 7px 0 #e5d0a650,0 15px 45px #c8954e1a;position:relative;overflow:hidden}.hero:before{content:'✿';position:absolute;top:12px;left:24px;font-size:44px;color:#e9ab42;transform:rotate(-14deg)}.hero:after{content:'✧';position:absolute;bottom:15px;right:24px;font-size:60px;color:#86b7ba;transform:rotate(12deg)}.menu-art{gap:22px}.forms button{border-radius:11px 8px 13px 9px}.primary{background:#528d70;border-color:#397359}.primary:hover{background:#69a080}button{border-width:1.5px;box-shadow:1px 3px 0 #365b4520;background:#fff9e9}button:hover{background:#fff0c3}input{background:#fffef8;border:1.5px dashed #9db5a1}.room-top{background:#fff9e8;border:2px dashed #e3bd6d;box-shadow:3px 4px 0 #e7d6ae50}.room-top h2{color:#b96552}.board-sheet{background:#fffaf0;border:2px solid #d4baa0;border-radius:8px 14px 11px 16px;box-shadow:4px 6px 0 #d9c6a960,0 12px 30px #cb995324}.board-heading h2{color:#4c8275}.board-stage{border:2px solid #9caa8e;border-radius:4px 6px 3px 5px;background:#fffef6}.board-stage:before{content:'✎';position:absolute;right:-10px;top:-39px;color:#ce8652;font-size:34px;pointer-events:none;transform:rotate(-15deg)}.supply{background:#ffeed5;border:2px solid #e7be78;border-radius:18px 14px 22px 13px;box-shadow:3px 5px 0 #ebcf9950}.banner{color:#af6258}.supply>p{color:#687d6e}.card{max-width:47%;border-radius:13px;transition:transform .16s ease}.card.selected{border-color:#508269;box-shadow:0 0 0 3px #f9dc87;transform:translateY(-6px) rotate(-2deg)}.player{background:#e9f0e1;border:1px dashed #b3c99d;border-radius:12px 8px 14px 9px}.player:nth-child(2n){background:#e9edf8;border-color:#bbc9e3}.player:nth-child(3n){background:#f8e5e6;border-color:#ddb9bb}.rules{background:#fff4d9;border:1px dashed #d7ba75;border-radius:11px 16px 9px 14px}.muted,.hint{font-family:system-ui}.lobby{background:#fff8e9;border:2px solid #d9bf9b}.seat{background:#e4eedc;border:1px dashed #b0c198}.seat:nth-child(2n){background:#f9e0dd}.seat:nth-child(3n){background:#e1eafa}.finish{background:#edf0cd;border:2px dashed #bbc987}.chat-toggle{background:#ffdc8f}#chat{background:#fff5df;border:2px solid #d4ba83}.board-stage canvas{cursor:crosshair}.menu-art canvas:nth-child(1){animation:paperSway 8s ease-in-out infinite}.menu-art canvas:nth-child(3){animation:paperSway 9s ease-in-out infinite reverse}@keyframes paperSway{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-4px)}}@media(max-width:760px){.card canvas{max-height:170px}.menu-art canvas{height:130px}.board-meta{gap:6px}.board-meta .muted{font-size:11px}.board-heading h2{font-size:23px}.on-board-controls{gap:4px;padding:5px}.on-board-controls button{width:36px;height:36px;font-size:25px}.hero:before{font-size:32px;left:10px;top:10px}.hero:after{font-size:42px}.table>section:last-child{grid-row:1}.board-sheet{grid-row:2}.board-stage:before{right:0;top:-35px;font-size:26px}}
.player{text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.player:hover{transform:translateY(-2px);box-shadow:2px 4px 0 #68857c25}.player.viewed{outline:2px solid #51856c;outline-offset:2px}.view-hint{margin:12px 4px;font-size:12px}.inspect-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px;background:#e9edf8;border:1px dashed #b6c3e0;border-radius:10px;margin-bottom:12px;font:13px system-ui}.inspect-banner button{font-size:13px;padding:8px 12px}.view-only canvas{cursor:default}.view-only{border-color:#99acd0}.chance-result{background:#fff7e5;border:2px dashed #d9a75c;border-radius:12px;padding:14px}.chance-result p{font:15px/1.5 system-ui}.chance-result button{width:100%}.card:disabled{opacity:1}.card:disabled canvas{box-shadow:2px 5px 0 #b87d5525}@media(max-width:760px){.inspect-banner{flex-wrap:wrap}.board-meta{flex-wrap:wrap;justify-content:flex-end}.player strong{font-size:14px}}
@media(max-width:760px){.table>section:last-child{display:contents}.table>.board-sheet{grid-row:2}.table .supply{grid-row:1}.table .players{grid-row:3;margin-top:0}.table>.view-hint{grid-row:4}.table>.rules{grid-row:5;margin-top:0}.supply>p{font-size:14px;line-height:1.45}.supply>.muted{font-size:12px}.supply .card canvas{max-height:145px}.supply .cards{margin:10px 0}.table .view-hint{margin:0}.chance-result p{font-size:14px}.player{grid-template-columns:46px 1fr}.player canvas{width:46px}.player strong{line-height:1.5}.supply .banner{font-size:20px}}