:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#25372f;background:#f7f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .18s,transform .18s}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b59c48;outline-offset:4px}.topbar{max-width:1160px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5db}.brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:24px;color:inherit;text-decoration:none}.brand small{font-size:12px;font-weight:400;border-left:1px solid #bbc7bb;padding-left:12px;letter-spacing:2px}.logo{font-size:32px;color:#376748}.identity{display:flex;align-items:center;gap:10px;font-size:12px;color:#68766a}.identity select{padding:8px 12px;background:white;border:1px solid #dfe5db;border-radius:8px;color:#25372f}main{max-width:1160px;margin:auto;padding:0 32px}.hero{display:flex;align-items:center;justify-content:space-between;padding:65px 45px 65px 12px;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#718474;margin:0 0 18px}h1{font-size:clamp(36px,5vw,58px);line-height:1.28;letter-spacing:-2px;margin:0;font-weight:750}.intro{font-size:14px;line-height:1.8;color:#7b857a;margin:20px 0 28px}.primary{background:#315d43;color:white;border-radius:9px;padding:13px 22px;font-size:14px;font-weight:600}.hero-art{width:340px;height:275px;position:relative;flex-shrink:0}.orbit{position:absolute;width:255px;height:255px;background:#e7ecdc;border-radius:50%;top:0;left:35px}.playing-card{position:absolute;width:143px;height:193px;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #29433415}.back{background:#d9b967;color:#faf3dc;font-size:95px;left:56px;top:27px;transform:rotate(-20deg);border:6px solid #ead29a}.front{background:#366247;color:#eff2dc;left:151px;top:50px;transform:rotate(14deg);font-size:85px;border:6px solid #fff}.front span,.front small{position:absolute;font-size:10px;letter-spacing:2px}.front span{top:13px;left:12px}.front small{bottom:12px;font-size:7px}.art-label{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;letter-spacing:3px;color:#89917b}.board{border-top:1px solid #dfe5db;padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{margin-bottom:10px}h2{margin:0;font-size:23px;letter-spacing:-.5px}.quiet{color:#647469;background:transparent;padding:10px;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:12px}.tabs{display:flex;gap:5px;background:#ecefe6;border-radius:9px;padding:4px}.tabs button{padding:9px 16px;border-radius:6px;background:transparent;color:#7a8274;font-size:13px}.tabs .active{background:white;color:#315d43;box-shadow:0 2px 4px #293e3010}.muted{color:#7c887c;font-size:12px}#feedback{font-size:13px;color:#315d43;min-height:18px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #e0e6dc;border-radius:14px;padding:23px;display:flex;flex-direction:column;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-icon{width:42px;height:42px;display:grid;place-items:center;background:#eff1e6;border-radius:12px;font-size:24px;color:#426749}.badge{font-size:11px;background:#edf4e9;color:#46734b;padding:5px 9px;border-radius:20px}.badge.full{color:#947329;background:#f9f1d9}.badge.cancelled,.badge.started{color:#8b8e88;background:#eff0ed}.card h3{font-size:18px;margin:20px 0 7px;overflow-wrap:anywhere}.game-name{color:#8b9589;font-size:12px;margin:0 0 20px}.meta{font-size:13px;color:#6c786e;margin:5px 0;line-height:1.6;overflow-wrap:anywhere}.card-bottom{margin-top:auto;padding-top:22px}.capacity{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#85907e}.capacity strong{font-size:17px;color:#354e3c}.progress{height:4px;background:#eef1e9;border-radius:8px;margin:10px 0 17px;overflow:hidden}.progress span{display:block;height:100%;background:#91a57c}.outline{width:100%;background:#fff;color:#41644b;border:1px solid #dce5d6;border-radius:8px;padding:10px;font-size:13px}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed #cfd9c7;border-radius:14px;color:#7c8778;line-height:2;font-size:14px}.empty strong{color:#405b46;display:block;font-size:18px}footer{padding:35px 0;display:flex;justify-content:space-between;gap:15px;color:#939c8b;font-size:11px;line-height:1.8}dialog{border:1px solid #e0e6dc;border-radius:18px;padding:30px;width:min(560px,calc(100% - 30px));max-height:90vh;color:#25372f;box-shadow:0 25px 90px #182d3030}dialog::backdrop{background:#243b3266;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading .eyebrow{margin-bottom:8px}.close{font-size:26px;color:#6b7c6b;background:#f2f4ee;border-radius:50%;width:34px;height:34px;flex-shrink:0}form label{display:block;font-size:12px;margin:15px 0;color:#536652}input,textarea{display:block;width:100%;border:1px solid #d8e0d4;padding:11px 12px;border-radius:7px;margin-top:7px;background:#fcfdf9;color:#25372f;outline-color:#78936d}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:11px;line-height:1.8;color:#89937e}.wide{width:100%}#form-error{color:#a04332;font-size:13px}.details-title{font-size:26px;margin:12px 0;overflow-wrap:anywhere}.description{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6ee;padding:16px;border-radius:9px;font-size:14px;line-height:1.8}.members{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 25px}.member{font-size:12px;background:#edf1e7;border-radius:20px;padding:8px 12px}.danger{color:#a24c3e;border-color:#e5cfc9}.detail-error{color:#a04332;font-size:13px}@media(max-width:800px){.hero{padding:45px 0}.hero-art{transform:scale(.8);width:260px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){main{padding:0 20px}.topbar{padding:18px 20px}.brand small{display:none}.hero{padding:40px 0}.hero-art{display:none}h1{font-size:42px}.grid{grid-template-columns:1fr}.section-heading h2{font-size:21px}.tabs button{padding:8px 10px}footer{flex-direction:column;gap:4px}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:22px}.toolbar{align-items:flex-start}.identity{gap:6px}}

.identity input{width:95px;margin:0;padding:8px 10px}