: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,.player-select,.game,.results{width:min(100%,430px);height:100dvh;min-height:600px;margin:0 auto;position:relative;overflow:hidden}.player-select{padding:max(28px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));background:#241914;flex-direction:column;justify-content:center;display:flex}.player-select h1{margin-bottom:30px}.player-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.player-grid button{color:#fff6df;background:#35251d;border:3px solid #6c4c35;border-radius:10px;min-width:0;padding:8px 4px 10px}.player-grid button.selected{background:#613d22;border-color:#f6c344;box-shadow:0 0 0 3px #fff6df}.player-grid img{object-fit:contain;width:100%;height:112px;display:block}.player-grid span{text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.start-game,.change-player{color:#241914;background:#f6c344;border:0;border-radius:8px;width:100%;margin-top:22px;padding:15px;font-size:1.35rem;box-shadow:0 5px #a96b1e}.start-game:disabled{opacity:.35;box-shadow:none}.results{padding:max(30px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom));text-align:center;background:#18120f;overflow-y:auto}.results h1{font-size:clamp(2.15rem,10vw,3.2rem)}.result-totals{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 16px;display:grid}.result-totals .self-total{grid-column:1/-1}.result-totals p{color:#f6c344;letter-spacing:.04em;margin:0;font-size:.9rem}.result-totals strong{color:#fff6df;margin-top:2px;font-size:2rem;display:block}.victim-result h2{color:#f6c344;margin:0 0 6px;font-size:1.35rem}.victim-result img{object-fit:contain;width:132px;height:132px;margin:0 auto -8px;display:block}.victim-name{font-size:2rem;display:block}.victim-result>span{font-size:1.1rem}.empty-result,.tied-result{padding:18px 0 8px}.empty-result p,.tied-result p{margin:6px 0;font-size:1.2rem}.final-roast{color:#fff6df;min-height:38px;margin:14px 0;font-family:Arial,sans-serif;font-size:.95rem;font-weight:800}.ranking{margin:10px 0 18px;padding:0;list-style:none}.ranking li{border-bottom:1px solid #49362c;justify-content:space-between;padding:7px 10px;font-family:Arial,sans-serif;font-weight:800;display:flex}.replay{color:#241914;background:#f6c344;border:0;border-radius:8px;width:100%;padding:15px;font-size:1.45rem;box-shadow:0 5px #a96b1e}.change-player{color:#f6c344;box-shadow:none;background:0 0;border:2px solid #f6c344;margin-top:14px}.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}.roast{z-index:2;top:max(76px, calc(env(safe-area-inset-top) + 62px));color:#fff6df;text-align:center;text-shadow:3px 3px #18120f;-webkit-line-clamp:2;pointer-events:none;-webkit-box-orient:vertical;font-size:clamp(24px,7vw,30px);line-height:1.05;display:-webkit-box;position:absolute;left:16px;right:16px;overflow:hidden}