:root{color:#213547;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}html,body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{width:100%;min-height:100vh}body{margin:0}.game{box-sizing:border-box;min-height:100vh;padding:1rem 2rem}.game-header{margin-bottom:1rem;position:relative}.game h1{text-align:center;margin:0;font-size:3rem}.game-time{background:#fff;border:1px solid #d8d8d8;border-radius:999px;padding:.35rem .75rem;font-weight:700;position:absolute;top:.5rem;right:0}.game-layout{grid-template-columns:280px 1fr 320px;align-items:start;gap:2rem;display:grid}.left-panel,.center-panel,.right-panel{flex-direction:column;gap:1rem;display:flex}.panel{box-sizing:border-box;background:#fff;border:1px solid #d8d8d8;border-radius:8px;padding:1rem}.panel h2{margin-top:0;margin-bottom:.75rem;line-height:1.2}.panel p{white-space:normal;overflow-wrap:break-word;margin:.5rem 0;line-height:1.5}.panel button{text-align:left;width:100%;margin:.4rem 0;display:block}button{cursor:pointer;margin:.25rem;padding:.35rem .65rem}button:disabled{cursor:not-allowed;opacity:.5}.skill-row{grid-template-columns:72px 1fr;align-items:center;gap:.75rem;margin-bottom:1rem;display:grid}.skill-row:last-child{margin-bottom:0}.skill-level{white-space:nowrap;font-size:.95rem;font-weight:700}.skill-details{flex-direction:column;gap:.35rem;display:flex}.skill-name{font-size:.9rem;font-weight:600}.skill-bar{background:#f2f2f2;border:2px solid #1f1f1f;border-radius:999px;height:28px;position:relative;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#b7f000,#7fd13b);height:100%;transition:width .18s ease-out}.skill-bar-text{color:#1f1f1f;pointer-events:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;inset:0}.status-panel{box-sizing:border-box;grid-template-columns:140px 1fr;align-items:start;gap:1rem;height:130px;min-height:0;display:grid;overflow:hidden}.status-panel h2{margin:0}.status-messages{height:100%;padding-right:.5rem;overflow-y:auto}.status-messages p{max-width:90ch;margin:0 0 .5rem}.listing-control-group{margin:.6rem 0}.listing-control-label{margin-bottom:.25rem;font-weight:700;display:block}.listing-radio-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-control{white-space:nowrap;align-items:center;gap:.25rem;margin:0;font-weight:500;display:inline-flex}.listing-form-card .inline-control input[type=radio]{width:auto;margin:0;display:inline-block}.compact-number-input{max-width:7rem}.listing-row{background:#fafafa;border:1px solid #e1e1e1;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.listing-row label{margin:.5rem 0;font-weight:600;display:block}.listing-row input,.listing-row select{box-sizing:border-box;width:100%;font:inherit;margin-top:.25rem;padding:.35rem;display:block}.listing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,260px));align-items:start;gap:.75rem;display:grid}.listing-card{background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;padding:.75rem}.listing-card h4{margin:0 0 .5rem}.listing-card p{margin:.3rem 0}.listing-card button{text-align:center;width:auto;max-width:100%;display:inline-block}.listing-form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,300px));align-items:start;gap:.75rem;display:grid}.listing-form-card{background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;padding:.75rem}.listing-form-card h4{margin:0 0 .5rem}.listing-form-card label{margin:.5rem 0;font-weight:600;display:block}.listing-form-card input,.listing-form-card select{box-sizing:border-box;width:100%;font:inherit;margin-top:.25rem;padding:.35rem;display:block}.listing-form-card button{text-align:center;width:auto;max-width:100%;display:inline-block}.buyer-offer-layout{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:.75rem;display:grid}.buyer-offer-card{background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;padding:.75rem}.buyer-offer-card h3{margin-top:0;margin-bottom:.5rem}.buyer-offer-card p{margin:.3rem 0}.buyer-offer-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.buyer-offer-actions button{text-align:center;width:auto;max-width:100%;display:inline-block}