@import "https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime&display=swap";:root{--paper:#e9e0cc;--panel:#d9cba9;--ink:#2b2521;--ink-muted:#5b5245;--accent:#b5895b;--accent-2:#8a5a3b;--bg-dark:#3a3229;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background-color:var(--bg-dark);font-family:Courier Prime,Courier New,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:repeating-linear-gradient(0deg, #0000000f 0, #0000000f 2px, transparent 2px, transparent 4px), radial-gradient(circle at top, #4a3f32, var(--bg-dark) 70%);margin:0}button{font-family:inherit}a{color:var(--accent-2)}.app-shell{flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:2.5rem 1.25rem 3rem;display:flex}.app-header{text-align:center;max-width:640px}.app-header h1{letter-spacing:.02em;color:var(--ink);text-shadow:2px 2px #00000040;margin:0 0 .75rem;font-family:Special Elite,Courier New,monospace;font-size:clamp(1.8rem,5vw,2.8rem)}.app-subtitle{color:var(--ink-muted);font-size:1rem;line-height:1.5}.app-main{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:480px;display:flex}.input-form{background:var(--panel);border:3px solid var(--ink);border-radius:6px;flex-direction:column;gap:1.1rem;width:100%;padding:1.75rem 1.5rem;display:flex;box-shadow:6px 6px #00000059}.field{color:var(--ink-muted);text-align:left;flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.field input,.field select{font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:4px;padding:.6rem .7rem}.field input:focus,.field select:focus{outline:3px solid var(--accent);outline-offset:1px}.btn-generate,.btn-reroll,.btn-share,.btn-startover{font:inherit;cursor:pointer;border:3px solid var(--ink);background:var(--accent);color:var(--ink);border-radius:6px;padding:.75rem 1.25rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #00000059}.btn-generate:hover,.btn-reroll:hover,.btn-share:hover,.btn-startover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00000059}.btn-generate:active,.btn-reroll:active,.btn-share:active,.btn-startover:active{transform:translate(1px,1px);box-shadow:2px 2px #00000059}.btn-startover{color:var(--ink-muted);box-shadow:none;border-color:var(--ink-muted);background:0 0}.result-card{background:var(--panel);border:3px solid var(--ink);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:2rem 1.5rem 1.75rem;display:flex;box-shadow:6px 6px #00000059}.result-name{color:var(--ink);margin:.75rem 0 0;font-family:Special Elite,Courier New,monospace;font-size:1.4rem}.result-epithet{color:var(--accent-2);margin:0;font-weight:600}.result-motto{color:var(--ink-muted);margin:.4rem 0;font-style:italic}.result-knownfor{color:var(--ink-muted);margin:0 0 .5rem;font-size:.85rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.avatar{width:var(--avatar-size,140px);height:var(--avatar-size,140px);border:4px solid var(--ink);background-image:repeating-linear-gradient(45deg,#00000014 0 6px,#0000 6px 12px);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 4px #ffffff14,4px 4px #00000059}.avatar-face{font-size:calc(var(--avatar-size,140px) * .4);line-height:1}.avatar-hat{font-size:calc(var(--avatar-size,140px) * .32);position:absolute;top:-.6rem;left:50%;transform:translate(-50%)rotate(-8deg)}.avatar-item{font-size:calc(var(--avatar-size,140px) * .26);position:absolute;bottom:-.4rem;right:-.4rem}.avatar-patch{font-size:calc(var(--avatar-size,140px) * .2);position:absolute;bottom:.2rem;left:-.5rem;transform:rotate(-15deg)}.app-footer{color:var(--ink-muted);text-align:center;font-size:.8rem}