html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#101816;color:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}.hud{position:fixed;top:16px;left:16px;display:grid;gap:6px;padding:10px 12px;border:1px solid rgb(244 241 232 / 18%);border-radius:8px;background:#101816b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;line-height:1.25;pointer-events:none}.hud[hidden]{display:none}.hud strong{font-weight:700}.hint{position:fixed;right:16px;bottom:16px;max-width:360px;padding:10px 12px;border:1px solid rgb(244 241 232 / 16%);border-radius:8px;background:#101816ad;color:#f4f1e8d1;font-size:12px;line-height:1.4;pointer-events:none}.generator-panel{position:fixed;z-index:3;inset:0 auto 0 0;width:min(390px,calc(100vw - 32px));box-sizing:border-box;overflow-y:auto;padding:28px 26px 24px;border-right:1px solid rgb(244 241 232 / 14%);background:linear-gradient(160deg,#0d1614f5,#141f1ce8);box-shadow:18px 0 50px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.generator-panel[hidden]{display:none}.generator-heading{margin-bottom:22px}.generator-heading .eyebrow{color:#ffd166;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.generator-heading h1{margin:4px 0 7px;color:#fffaf0;font-size:27px;line-height:1.05}.generator-heading p{margin:0;color:#f4f1e8a3;font-size:12px;line-height:1.5}.generator-form{display:grid;gap:17px}.generator-form fieldset{display:grid;gap:12px;min-width:0;margin:0;padding:14px;border:1px solid rgb(244 241 232 / 12%);border-radius:10px}.generator-form legend{padding:0 7px;color:#f4f1e88c;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.generator-form label,.range-field{display:grid;gap:5px;color:#f4f1e8ad;font-size:10px;font-weight:650;letter-spacing:.02em}.generator-form input[type=number],.generator-form select{width:100%;height:34px;box-sizing:border-box;padding:0 9px;border:1px solid rgb(244 241 232 / 13%);border-radius:6px;outline:none;background:#ffffff0f;color:#fffaf0;font-size:12px}.generator-form input:focus,.generator-form select:focus{border-color:#ffd166a6}.generator-form select option{background:#17231f}.input-wrap{display:flex;align-items:center;gap:4px}.range-field input{width:100%;accent-color:#ffd166}.generator-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.generator-actions button,.race-action{min-height:40px;padding:9px 12px;border-radius:7px;font-size:12px;font-weight:750}.primary-action,.race-action{background:#ffd166;color:#19221f}.primary-action:hover,.race-action:hover{background:#ffe09a}.secondary-action{background:#f4f1e817;color:#f4f1e8}.secondary-action:hover{background:#f4f1e824}.generator-status{min-height:8px;margin:13px 0 0;color:#f4f1e8a6;font-size:11px;line-height:1.4}.generator-status.error{padding:9px 10px;border:1px solid rgb(255 107 107 / 32%);border-radius:7px;background:#ff6b6b14;color:#ffadad}.generator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0 14px}.generator-stats div{display:grid;gap:1px;min-width:0;padding:8px 9px;border:1px solid rgb(244 241 232 / 9%);border-radius:7px;background:#0000001a}.generator-stats strong{overflow:hidden;color:#fffaf0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.generator-stats span{color:#f4f1e873;font-size:9px;text-transform:uppercase}.race-action{width:100%;min-height:46px;font-size:13px}@media(max-width:720px){.generator-panel{width:min(350px,calc(100vw - 16px));padding:20px 18px}.hint{display:none}}