:root{color:#fff6df;font-synthesis:none;background:#18120f;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:280px}button,input{font:inherit}.setup,.game{width:min(100%,430px);height:100dvh;min-height:600px;margin:0 auto;position:relative;overflow:hidden}.setup{padding:max(24px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom));background:#241914;flex-direction:column;justify-content:center;display:flex}h1{color:#f6c344;text-align:center;text-shadow:3px 3px #7a281f;margin:0;font-size:clamp(2.35rem,11vw,3.5rem);line-height:.9}.subtitle{text-align:center;margin:12px 0 20px;font-family:Arial,sans-serif;font-weight:700}.character-list{gap:12px;display:grid}.character-row{background:#35251d;border:2px solid #6c4c35;border-radius:10px;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:8px;display:grid}.character-row img{object-fit:contain;width:76px;height:76px}.character-row span{color:#f6c344;letter-spacing:.06em;gap:5px;display:grid}.character-row input{color:#21150f;background:#fff6df;border:0;border-radius:6px;outline:none;width:100%;min-width:0;padding:10px 12px}.character-row input:focus{box-shadow:0 0 0 3px #f6c344}.setup button{color:#241914;letter-spacing:.05em;background:#f6c344;border:0;border-radius:8px;margin-top:20px;padding:15px;font-size:1.45rem;box-shadow:0 5px #a96b1e}.setup button:disabled{opacity:.35;box-shadow:none}.canvas-host,.canvas-host canvas{width:100%;height:100%;display:block}.hud{z-index:1;top:max(14px, env(safe-area-inset-top));color:#fff;text-shadow:2px 2px #18120f;pointer-events:none;justify-content:space-between;font-size:2rem;display:flex;position:absolute;left:18px;right:18px}