*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:manipulation}#root{width:100%;height:100vh}.toast-overlay{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;animation:slideUp .22s cubic-bezier(.2,0,0,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-message{background-color:#f7f2fa;color:#1d1b20;padding:12px 16px;border-radius:16px;font-size:14px;font-weight:500;letter-spacing:.01em;box-shadow:0 1px 2px #0000004d,0 2px 6px #0003;max-width:min(88vw,360px);text-align:center;border:1px solid rgba(73,69,79,.12)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000061;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{background:#fef7ff;border-radius:28px;min-width:280px;max-width:min(90vw,420px);box-shadow:0 1px 2px #0000004d,0 6px 12px #00000040;animation:slideIn .22s cubic-bezier(.2,0,0,1)}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dialog-title{padding:24px 24px 0;font-size:24px;font-weight:500;line-height:1.25;color:#1d1b20}.dialog-message{padding:16px 24px 20px;font-size:14px;color:#49454f;white-space:pre-wrap;line-height:1.5;max-height:60vh;overflow-y:auto}.dialog-input{margin:8px 24px 0;padding:12px 12px 10px;width:calc(100% - 48px);border:1px solid #79747e;border-radius:4px;font-size:16px;outline:none;box-sizing:border-box;background:#fffbfe;color:#1d1b20}.dialog-input:focus{border-color:#6750a4;box-shadow:inset 0 0 0 1px #6750a4}.dialog-actions{display:flex;justify-content:flex-end;padding:16px;gap:8px}.dialog-button{background:transparent;border:none;padding:10px 12px;font-size:14px;font-weight:600;color:#6750a4;cursor:pointer;border-radius:20px;text-transform:none;transition:background-color .2s}.dialog-button:hover{background-color:#6750a41a}.dialog-button:active{background-color:#6750a433}.dialog-button-primary{color:#6750a4}.role-selector{display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;background-color:#000;color:#fff;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;position:relative;overflow:hidden}.top-controls{display:flex;align-items:center;width:100%;min-height:48px;position:absolute;top:12px;left:12px;right:12px;z-index:10;width:calc(100% - 24px)}.title{font-size:16px;font-weight:400;margin:0;text-align:center;color:#fff;flex-shrink:0}.text-button{background:transparent;border:none;color:#03a9f4;font-size:14px;cursor:pointer;padding:8px;font-weight:400}.text-button:active{opacity:.7}.add-custom-button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:32px;font-weight:700;cursor:pointer;margin-bottom:16px;transition:all .2s ease;box-shadow:0 2px 4px #fff3}.add-custom-button:active{transform:scale(.96)}.role-grid{display:grid;grid-template-columns:repeat(3,100px);gap:24px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:0 12px;min-height:0;justify-content:center;width:100%;max-width:372px;max-height:496px;touch-action:pan-y;box-sizing:border-box;flex-shrink:0}.role-card{width:100px;height:100px;background:red;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative;box-shadow:0 2px 4px #0003;transition:all .2s ease}.role-card.selected{background:#0f0}.role-card.selected .role-name{color:#000}.role-card:active{transform:scale(.96)}.delete-button{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#000;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;padding:0}.delete-button:active{background-color:#333}.role-icon{width:64px;height:64px;object-fit:contain;margin-top:8px;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;filter:contrast(1.1) brightness(1.05);-webkit-filter:contrast(1.1) brightness(1.05)}.role-placeholder{width:80px;height:60px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#000;opacity:.3}.role-name{font-size:12px;font-weight:700;color:#fff;text-align:center;word-break:break-word;line-height:1.2;margin-top:auto;margin-bottom:8px}.next-button{background-color:#888;color:#444;border:none;padding:12px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;min-width:64px;flex-shrink:0}.next-button:not(:disabled):active{transform:scale(.96)}.next-button:disabled{background-color:#888;color:#444;cursor:default}.modal-content{background:#fff;color:#000;padding:24px;border-radius:16px;min-width:280px;max-width:90%}.modal-content input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box;margin-bottom:16px}.role-reveal{display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;background-color:#000;color:#fff;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden}.reveal-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:372px;gap:8px;flex-shrink:0}.icon-button{background:transparent;border:none;cursor:pointer;padding:8px;transition:transform .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.icon-button:active{transform:scale(.92)}.back-button{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:32px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #fff3;flex-shrink:0}.back-button:active{transform:scale(.96)}.retry-button{width:120px;background-color:#fff;color:#000;border:none;padding:12px 24px;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box;text-transform:uppercase;font-size:14px;letter-spacing:.5px;flex-shrink:0}.spacer{flex:1}.retry-button:not(:disabled):active{transform:scale(.96)}.retry-button:disabled{background-color:#fff;color:gray;opacity:.7}.reveal-grid{display:grid;grid-template-columns:repeat(3,100px);gap:24px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:0 12px;min-height:0;justify-content:center;width:100%;max-width:372px;touch-action:pan-y;flex-shrink:1;box-sizing:border-box}.reveal-card{width:100px;height:100px;background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;position:relative;box-shadow:0 2px 4px #0003;transition:all .15s ease;flex-shrink:0}.reveal-card.active:active{transform:scale(.96)}.reveal-card.disabled{cursor:default;opacity:.6;pointer-events:none}.reveal-icon{width:80%;height:auto;max-width:80px;max-height:80px;object-fit:contain;margin-bottom:4px;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;filter:contrast(1.1) brightness(1.05);-webkit-filter:contrast(1.1) brightness(1.05)}.header-icon{width:24px;height:24px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.reveal-name,.player-name{font-size:11px;font-weight:700;color:#000;text-align:center;word-break:break-word;line-height:1.2}.player-name.grayed{color:gray}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;color:#000;padding:24px;border-radius:16px;min-width:280px;max-width:90%;max-height:80vh;overflow-y:auto}.modal-content h2{margin:0 0 16px;font-size:20px}.modal-content.player-edit{min-width:320px}.player-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:50vh;overflow-y:auto}.player-inputs input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;box-sizing:border-box}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-buttons button{padding:8px 16px;border:none;border-radius:8px;font-weight:700;cursor:pointer;background-color:#000;color:#fff;transition:all .2s ease}.modal-buttons button:active{transform:scale(.96)}.modal-buttons button[type=button]{background-color:#ddd;color:#000}.app{width:100%;height:100vh;background-color:#000;overflow:auto}