:root{--ink: #f0e6d6;--dim2: #a8977d;--card: rgba(24, 20, 14, .86);--line: rgba(120, 100, 70, .45);--gold: #f0b155}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0d0f0c;color:var(--ink);font:15px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.game{position:relative;height:100%}.plot{position:absolute;inset:0}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:linear-gradient(#0d0f0ccc,#0d0f0c00);pointer-events:none}.res,.street{display:flex;flex-wrap:wrap;gap:10px;font-size:14px}.street span{color:var(--gold)}.panel{position:absolute;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);backdrop-filter:blur(6px);max-height:46vh;display:flex;flex-direction:column}.tabs{display:flex;gap:6px;padding:8px 10px 0}.tabs button{background:transparent;border:1px solid var(--line);border-bottom:none;border-radius:9px 9px 0 0;padding:6px 14px;color:var(--dim2)}.tabs button.on{color:var(--gold);background:#f0b1551f}.body{overflow:auto;padding:10px 12px 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.card.on{border-color:var(--gold);background:#f0b15524}.card b{color:var(--ink)}.hint{color:var(--dim2);font-size:13px}.price{color:var(--gold);font-size:13px}.card button{margin-top:4px;background:#f0b15529;border:1px solid var(--line);border-radius:8px;padding:5px 12px}.card button:disabled{opacity:.5;cursor:default}.seeds{display:flex;flex-wrap:wrap;gap:5px}.seeds button{background:#ffffff0f;border:1px solid var(--line);border-radius:7px;padding:4px 9px}.empty{grid-column:1 / -1;color:var(--dim2);margin:4px 0}.toast{position:absolute;left:50%;transform:translate(-50%);bottom:calc(46vh + 14px);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 16px}.choose{height:100%;overflow:auto;padding:34px 20px 60px;max-width:1100px;margin:0 auto}.choose h1{font-size:clamp(28px,5vw,44px);margin:0 0 6px;color:var(--gold)}.lead{color:var(--dim2);max-width:620px}.sexes{display:flex;gap:8px;margin:18px 0 14px}.sexes button{background:transparent;border:1px solid var(--line);border-radius:9px;padding:7px 16px;color:var(--dim2)}.sexes button.on{color:var(--gold);border-color:var(--gold)}.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.person{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:13px;padding:12px 14px}.person:hover{border-color:var(--gold)}.person img{width:100%;border-radius:9px;aspect-ratio:1;object-fit:cover}.person span{color:var(--dim2);font-size:13px}.gate{height:100%;display:grid;place-content:center;text-align:center;gap:6px}.gate h1{color:var(--gold);margin:0;font-size:34px}.gate p{color:var(--dim2);margin:0}.langs{display:flex;gap:8px;margin:14px 0 10px}.langs button{padding:6px 14px;border-radius:999px;font-size:13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:#cbbfa8;cursor:pointer}.langs button.on{border-color:#d8a657;color:#f0d9a8;background:#d8a6571f}