*{box-sizing:border-box}body{margin:0;background:#153e39;color:#253b35;font:15px system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #8a723c;border-radius:7px;padding:.55rem .8rem;color:#3e331a;background:linear-gradient(#fff9cc,#edc660);font-weight:650}button:hover{filter:brightness(1.07)}button:disabled{filter:grayscale(1);opacity:.65;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #1668cd;outline-offset:3px}[hidden]{display:none!important}#app{max-width:1800px;margin:auto;position:relative;min-height:100vh}#welcome{margin:10vh auto;padding:2rem;background:#fff8df;max-width:540px;border-radius:18px;text-align:center;box-shadow:0 15px 60px #0005}#welcome h1{font:700 36px Georgia,serif;color:#396d31}#login{display:grid;gap:1rem}#game{position:relative;aspect-ratio:16/9;min-width:960px}canvas{width:100%;height:100%;display:block}header{position:absolute;left:1%;right:1%;top:1.5%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}header>*{pointer-events:auto}nav{display:flex;gap:.4rem}.panel{border:1px solid #c1cdae;border-radius:10px;background:#ffffeced;box-shadow:0 2px 8px #16361d33;padding:.65rem .85rem}#wallet{min-width:240px;line-height:1.5}#wallet strong{display:block}#tutorial{position:absolute;left:1%;top:16%;max-width:330px;font-size:13px}#tutorial strong{display:block}#plant-health{position:absolute;left:30%;top:19%;max-width:330px;font-size:13px;pointer-events:none}footer{position:absolute;bottom:1.8%;left:50%;transform:translateX(-50%);background:#263c20d9;border:1px solid #a2b56c;border-radius:13px;padding:.5rem;display:flex;gap:.5rem;align-items:center;color:white;box-shadow:0 5px 15px #162b26}#tools{display:flex;gap:.25rem}#tools button{width:44px;height:44px;padding:4px;background:#e7ebc9bb}#tools button[aria-pressed=true]{background:#ffdf68;box-shadow:0 0 10px #fff49b}#tools img{width:32px;height:32px;object-fit:contain}footer label{font-size:11px;display:grid;gap:3px}footer select{max-width:125px}footer>button{font-size:11px;max-width:80px}#notice{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);background:#fff9d8;box-shadow:0 4px 15px #0004;border-radius:9px;padding:.6rem 1rem;z-index:5;max-width:90vw}#notice:empty{display:none}#pending,#connection{position:fixed;left:50%;top:.6rem;transform:translateX(-50%);z-index:6}#pending{top:4.5rem;display:flex;gap:1rem;align-items:center}dialog{border:1px solid #bca87a;border-radius:14px;padding:0;width:min(900px,94vw);max-height:88vh;color:#263c34;background:#fffcee;box-shadow:0 18px 70px #0006}dialog::backdrop{background:#0c291c88}.dialog-header{position:sticky;top:0;background:#ecf2df;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #bec7ab}.dialog-header h2{font-size:22px;margin:.3rem}#modal-content{padding:1rem}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.8rem}.card{border:1px solid #d2d4b8;border-radius:10px;background:white;padding:.75rem;text-align:center;display:flex;flex-direction:column;gap:.4rem;align-items:center}.card img{height:90px;width:100px;object-fit:contain}.card p{font-size:13px;margin:.2rem 0}.card button{width:100%;font-size:13px}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.7rem 0}.muted{font-size:13px;color:#526353}input{padding:.5rem;min-width:250px;max-width:100%}#invite-code{overflow-wrap:anywhere;font-family:monospace;background:#e7efd4;padding:1rem}#modal-content h3{margin:.5rem 0}.tile-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(max-width:1000px){body{overflow-x:auto}#game{min-width:960px}nav button{font-size:12px;padding:.4rem}#wallet{font-size:12px;min-width:190px}footer{gap:.25rem}#tools button{width:38px;height:38px}}