@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Roboto:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.connection-status{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:1002;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 92px);padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#121212e0;color:#f5f5f5;box-shadow:0 8px 22px #00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.88rem;font-weight:800}.connection-status-dot{width:9px;height:9px;border-radius:999px;flex:0 0 auto}.connection-status.connecting .connection-status-dot,.connection-status.syncing .connection-status-dot{background:#e6d2aa;box-shadow:0 0 12px #e6d2aaa6}.connection-status.offline .connection-status-dot,.connection-status.room-error .connection-status-dot{background:#ff5c5c;box-shadow:0 0 12px #ff5c5ca6}.connection-status button{border:0;border-left:1px solid rgba(255,255,255,.2);padding:2px 0 2px 10px;background:transparent;color:#fff;font:inherit;cursor:pointer}.app-layout:has(.scanner-page) .connection-status{top:calc(max(14px,env(safe-area-inset-top)) + 58px)}.app-layout:has(>.connection-status):has(.scanner-page) .scanner-content{margin-top:64px}.app-footer{width:100%;padding:1.5rem 0;text-align:center;background-color:#000000b3;color:#ffffffb3;font-size:.9rem;box-sizing:border-box}.app-footer p{margin:0}.sidemenu-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200;overflow:hidden;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease-in-out}.sidemenu-container.open{visibility:visible;opacity:1}.sidemenu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;border:0;padding:0;cursor:pointer}.sidemenu-content{position:absolute;top:0;right:0;width:90%;max-width:400px;height:100%;background-color:#191c21;box-shadow:-5px 0 15px #0000004d;transform:translate(100%);transition:transform .3s ease-in-out;overflow-y:auto;padding:0;box-sizing:border-box}.sidemenu-container.open .sidemenu-content{transform:translate(0)}.sidemenu-header{position:relative;padding:30px 20px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidemenu-logo{width:100px;height:auto;margin-bottom:10px}.sidemenu-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;background:#ffffff14;color:#ecf0f1;cursor:pointer}.app-version-status{display:grid;justify-items:center;gap:10px;color:#b9c3cd;font-size:.8rem}.app-version-status button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid rgba(230,210,170,.5);border-radius:6px;padding:8px 12px;background:transparent;color:#f0dcae;font-weight:800;cursor:pointer}.sidemenu-actions{padding:14px 20px 0}.sidemenu-actions button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;border:1px solid rgba(88,201,135,.48);border-radius:6px;background:#58c9871a;color:#8bd9ab;font-weight:800;cursor:pointer}.game-guide{padding:22px 16px max(28px,env(safe-area-inset-bottom));color:#f4f5f6}.game-guide-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#f0dcae}.game-guide-heading h2{margin:0;font-family:Cinzel,serif;font-size:1.15rem;letter-spacing:0}.game-guide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111418}.game-guide-tabs button{display:grid;min-width:0;min-height:54px;place-items:center;align-content:center;gap:4px;border:0;border-radius:6px;padding:6px 3px;background:transparent;color:#9ca6b0;cursor:pointer;font-size:.72rem;font-weight:800}.game-guide-tabs button span{max-width:100%;overflow-wrap:anywhere}.game-guide-tabs button.active{background:#f0dcae;color:#171a1f}.game-guide-panel{padding-top:18px}.game-guide-intro{padding:0 2px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.game-guide-intro>span{color:#82c9a2;font-size:.72rem;font-weight:900;text-transform:uppercase}.game-guide-intro h3{margin:5px 0 7px;color:#fff;font-size:1.08rem;letter-spacing:0}.game-guide-intro p{margin:0;color:#b9c2cb;font-size:.88rem;line-height:1.5}.game-guide-list{display:grid}.game-guide-item{border-bottom:1px solid rgba(255,255,255,.1)}.game-guide-item>button{display:grid;width:100%;min-height:56px;grid-template-columns:8px minmax(0,1fr) 24px;align-items:center;gap:10px;border:0;padding:10px 2px;background:transparent;color:#f0f2f4;cursor:pointer;text-align:left}.game-guide-item>button strong{overflow-wrap:anywhere;font-size:.92rem}.game-guide-item>button svg{color:#8f99a3;transition:transform .18s ease}.game-guide-item.open>button svg{transform:rotate(180deg)}.game-guide-item-mark{width:8px;height:8px;border-radius:50%;background:var(--guide-accent);box-shadow:0 0 10px color-mix(in srgb,var(--guide-accent) 58%,transparent)}.game-guide-answer{display:grid;gap:12px;padding:0 2px 16px 20px;color:#aeb8c1}.game-guide-answer[hidden]{display:none}.game-guide-answer p{margin:0;overflow-wrap:anywhere;font-size:.86rem;line-height:1.55}.rule-label{display:block;margin-bottom:3px;font-size:.7rem;font-weight:900;text-transform:uppercase}.rule-label.victory{color:#74d49f}.rule-label.defeat{color:#f08088}.app-update-notice{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:1100;display:grid;grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:10px;max-width:560px;margin-inline:auto;padding:12px;border:1px solid rgba(230,210,170,.45);border-radius:8px;background:#20262d;color:#fff;box-shadow:0 12px 32px #00000075}.app-update-copy{min-width:0;display:grid;gap:2px}.app-update-copy strong,.app-update-copy span{overflow-wrap:anywhere}.app-update-copy strong{color:#f0dcae;font-size:.95rem}.app-update-copy span{color:#cbd2d9;font-size:.78rem}.app-update-action,.app-update-dismiss{display:inline-flex;align-items:center;justify-content:center;border:0;color:#17202a;cursor:pointer}.app-update-action{min-height:40px;gap:7px;padding:8px 12px;border-radius:6px;background:#f0dcae;font-weight:800}.app-update-action:disabled,.app-update-dismiss:disabled{cursor:wait;opacity:.8}.app-update-spinner{animation:app-update-spin .9s linear infinite}@keyframes app-update-spin{to{transform:rotate(360deg)}}.app-update-dismiss{width:40px;height:40px;padding:0;border-radius:50%;background:transparent;color:#dce1e6}@media(max-width:390px){.app-update-notice{grid-template-columns:minmax(0,1fr) 40px}.app-update-action{grid-column:1 / -1;grid-row:2}.app-update-dismiss{grid-column:2;grid-row:1}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-layout.menu-open{overflow:hidden}.main-content{flex-grow:1}.menu-toggle-button{position:fixed;top:15px;right:15px;z-index:1001;background-color:#1c1c1ebf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);width:50px;height:50px;border-radius:50%;cursor:pointer;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background-color .3s ease-in-out}.line{width:24px;height:2px;background-color:#e6d2aa;border-radius:2px;transition:all .3s ease-in-out}.menu-toggle-button.open .line1{transform:translateY(7px) rotate(45deg)}.menu-toggle-button.open .line2{opacity:0}.menu-toggle-button.open .line3{transform:translateY(-7px) rotate(-45deg)}.menu-toggle-button:hover{background-color:#e6d2aa}.menu-toggle-button:hover .line{background-color:#1c1c1e}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Roboto,sans-serif;background-color:#121212;color:#e0e0e0;display:flex;flex-direction:column;min-height:100vh}.app-layout{flex-grow:1;display:flex;flex-direction:column;background-image:url(https://i.imgur.com/idMQhjg.jpeg);background-size:cover;background-position:center;background-attachment:fixed;background-color:#0009}.main-content{flex-grow:1;min-width:0}@media(max-width:700px){.app-layout{background-attachment:scroll;min-height:100dvh}}:root{--primary-blue: #4a90e2;--primary-blue-hover: #5ba3ef;--primary-blue-light: #90c2ff;--secondary-green: #34c759;--secondary-green-hover: #2db84d;--text-white: #ffffff;--text-light: #e0e0e0;--text-medium: #a0a0a0;--text-dark: #4d4d4d;--bg-card: rgba(15, 15, 20, .65);--bg-card-hover: rgba(15, 15, 20, .75);--bg-input: rgba(0, 0, 0, .3);--bg-input-focus: rgba(0, 0, 0, .45);--border-light: rgba(255, 255, 255, .15);--border-medium: #555;--border-disabled: #3d3d3d;--shadow-dark: rgba(0, 0, 0, .6);--shadow-blue: rgba(74, 144, 226, .4);--shadow-green: rgba(52, 199, 89, .3);--disabled-bg: #2a2a2a;--disabled-text: #888}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:var(--text-light)}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.title-container{text-align:center;margin-bottom:40px;-webkit-user-select:none;user-select:none}.main-logo{max-width:530px;width:100%;height:auto;filter:drop-shadow(0px 8px 25px var(--shadow-dark));margin-bottom:10px}.content-container{width:100%;max-width:420px}.card{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-light);padding:30px;border-radius:18px;box-shadow:0 10px 40px var(--shadow-dark);margin-bottom:25px;transition:background .3s ease,border-color .3s ease}.card:hover{background:var(--bg-card-hover)}.form-group{margin-bottom:22px;text-align:left}label{display:block;font-weight:700;margin-bottom:8px;color:var(--text-light);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}input{width:100%;padding:15px;box-sizing:border-box;border-radius:9px;border:1px solid var(--border-medium);font-size:1.05rem;background:var(--bg-input);color:var(--text-white);transition:all .2s ease-in-out}input::placeholder{color:var(--text-medium);opacity:.8}input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a90e266,0 0 10px #4a90e2b3;background-color:var(--bg-input-focus)}button{width:100%;padding:15px;border:none;border-radius:9px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.primary-button{background-color:var(--primary-blue);color:var(--text-white);display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover:not(:disabled){background-color:var(--primary-blue-hover);transform:translateY(-4px);box-shadow:0 12px 25px var(--shadow-blue)}.primary-button:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}.secondary-action{text-align:center;color:var(--text-light);margin-top:-10px}.secondary-action .or-separator{margin:0 0 20px;font-weight:800;font-size:1.5rem;color:var(--text-white);text-shadow:0 3px 8px var(--shadow-dark);letter-spacing:1.5px}.secondary-button{background-color:transparent;border:1px solid var(--border-medium);color:var(--text-light)}.secondary-button:hover:not(:disabled){border-color:var(--text-light);color:var(--text-white);transform:translateY(-3px)}.secondary-button:disabled{border-color:var(--border-disabled);color:var(--disabled-text);cursor:not-allowed;opacity:.8}.create-room-button{background-color:var(--secondary-green);color:var(--text-white);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.create-room-button:hover:not(:disabled){background-color:var(--secondary-green-hover);transform:translateY(-4px);box-shadow:0 12px 25px var(--shadow-green)}.create-room-button:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}.last-role-card{margin-bottom:20px}.last-role-button{width:100%;padding:13px;border:1px solid var(--primary-blue);border-radius:9px;background-color:#4a90e226;color:var(--primary-blue-light);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.last-role-button:hover{background-color:#4a90e240;border-color:var(--primary-blue-hover);color:var(--text-white);transform:scale(1.01);box-shadow:0 4px 15px #4a90e24d}.reconnect-room-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#34c759;color:#34c759}.reconnect-room-button:disabled{cursor:wait;opacity:.8}.reconnect-spinner{flex:0 0 auto;animation:reconnect-spin .9s linear infinite}.reconnect-room-status{margin:10px 4px 0;color:#d6d6d6;font-size:.8rem;line-height:1.4;text-align:center}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.main-logo-link{display:inline-block;line-height:0}.main-logo{cursor:pointer;transition:transform .2s ease-in-out}.main-logo:hover{transform:scale(1.02)}@media(max-width:600px){.main-logo{max-width:320px;width:90%}.card{padding:20px}button{padding:12px;font-size:1rem}label{font-size:.8rem}input{padding:12px;font-size:.95rem}.secondary-action .or-separator{font-size:1.1rem}}.lobby-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.lobby-card-unified{width:100%;max-width:500px;background:#1c1c1ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:30px 35px;border-radius:16px;box-shadow:0 8px 32px #00000080;color:#e0e0e0;display:flex;flex-direction:column;gap:25px}.sala-info{text-align:center}.sala-info p{margin:0;color:#aaa;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.sala-info h1{font-family:Cinzel,serif;font-size:3rem;color:#e6d2aa;margin:5px 0 0;word-break:break-all;letter-spacing:2px;cursor:pointer;transition:color .2s ease-in-out}.sala-info h1:hover{color:#fff}.players-list{border-top:1px solid rgba(255,255,255,.1);padding-top:25px}.players-list h3{margin:0 0 10px;font-weight:500;color:#c7c7c7}.players-list ul{list-style:none;padding:0;margin:0}.players-list li{padding:12px 10px;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff08;border-radius:6px;margin-bottom:5px}.players-list .no-players{color:#888;font-style:italic;text-align:center;padding:20px 0;background-color:transparent}.players-list li:last-child{border-bottom:none}.player-identity{display:flex;align-items:center;gap:10px;min-width:0}.player-name{min-width:0;overflow-wrap:anywhere}.player-color-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;flex:0 0 32px}.player-color-button.is-selectable{cursor:pointer}.player-color-button.is-selectable:active{opacity:.72}.player-color-button.is-selectable:focus-visible{outline:2px solid #e6d2aa;outline-offset:1px}.player-color-button.is-empty .player-color-swatch{border-style:dashed;border-color:#e6d2aabf}.player-color-button:disabled{opacity:1}.player-color-swatch{width:20px;height:20px;border:1px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 1px #0006;flex-shrink:0}.player-actions{display:flex;align-items:center;gap:10px}.host-tag{background-color:#e6d2aa;color:#1c1c1e;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:10px;margin-left:10px;flex-shrink:0}.host-crown{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:#ffd95a;font-size:1.25rem;line-height:1;flex-shrink:0}.host-options{border-top:1px solid rgba(255,255,255,.1);padding-top:25px}.host-options h4{margin:0 0 15px;color:#e6d2aa;text-align:center;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.modo-jogo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background-color:#0003;border-radius:8px;padding:5px}.mode-button{position:relative;flex:1;padding:10px;border:1px solid #444;background-color:transparent;color:#aaa;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;gap:8px;height:42px}.mode-button.active{background-color:#e6d2aa;color:#1c1c1e;border-color:#e6d2aa}.mode-button.active.magic-war-mode{background-color:#4a9b62;border-color:#67bd80;color:#fff}.host-options.read-only .mode-button{cursor:default}.mode-button:not(.active):not(:disabled):hover{background-color:#ffffff1a;color:#fff}.mode-button.disabled{color:#8d8989;cursor:not-allowed;opacity:.6}.mode-button.disabled:hover{background-color:transparent}.tooltip-wrapper{position:relative;display:flex;flex:1}.tooltip-content{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#121212;color:#e0e0e0;padding:10px 15px;border-radius:8px;border:1px solid #555;font-size:.9rem;line-height:1.5;max-width:250px;text-align:center;z-index:10;box-shadow:0 5px 15px #00000080;pointer-events:none;white-space:pre-wrap}.custom-roles-container{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.custom-roles-container p{margin:0 0 15px;font-weight:500;color:#e6d2aa;font-size:1rem}.checkbox-group{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c7c7c7;background-color:#ffffff0d;padding:8px 12px;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background-color:#ffffff1a}.checkbox-label.disabled{cursor:not-allowed;opacity:.5}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #B89B67;border-radius:4px;background-color:#2a2a2a;display:grid;place-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s,border-color .2s}.checkbox-label input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em #e6d2aa;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox-label input[type=checkbox]:checked{background-color:#b89b67;border-color:#e6d2aa}.checkbox-label input[type=checkbox]:checked:before{transform:scale(1)}.checkbox-label input[type=checkbox]:disabled{border-color:#555;background-color:#3a3a3a;opacity:.7;cursor:not-allowed}.start-button{width:100%;padding:14px;border:none;border-radius:6px;background-color:#b89b67;color:#121212;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;margin-top:20px}.start-button:hover:not(:disabled){background-color:#e6d2aa;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.start-button:disabled{background-color:#444;color:#888;cursor:not-allowed}.waiting-message{text-align:center;font-weight:700;color:#e6d2aa}.remove-button{background-color:#982c2c;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s}.remove-button:hover{background-color:#c82333}.exit-button{width:100%;padding:12px;border:1px solid #555;border-radius:6px;background-color:transparent;color:#aaa;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;margin-top:15px}.exit-button:hover{background-color:#ffffff0d;border-color:#888;color:#fff}.color-picker-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000000c7}.color-picker-dialog{width:min(100%,390px);max-height:min(560px,85dvh);overflow-y:auto;padding:18px;border:1px solid #555;border-radius:8px;background:#1c1c1e;box-shadow:0 18px 50px #0000008c}.color-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.color-picker-header h2{margin:0;color:#f1f1f1;font-family:Cinzel,serif;font-size:1.25rem}.color-picker-close{width:40px;height:40px;padding:0;border:1px solid #555;border-radius:50%;background:transparent;color:#ddd;font-size:1.6rem;line-height:1;cursor:pointer}.color-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.color-option{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;padding:9px 10px;border:1px solid #4a4a4d;border-radius:7px;background:#29292c;color:#f2f2f2;font-family:inherit;font-size:.9rem;font-weight:700;text-align:left;cursor:pointer}.color-option.is-selected{border-color:#e6d2aa;box-shadow:inset 0 0 0 1px #e6d2aa}.color-option:disabled{color:#777;cursor:not-allowed;opacity:.62}.color-option-swatch{grid-row:1 / span 2;width:28px;height:28px;border:2px solid rgba(255,255,255,.65);border-radius:50%;box-shadow:0 0 0 1px #0000008c}.color-option small{font-size:.7rem;font-weight:600}@media(max-width:600px){.sala-info h1{font-size:1.8rem}.lobby-container{padding:10px}.lobby-card-unified{padding:22px 16px;gap:20px}.modo-jogo-options{grid-template-columns:1fr 1fr}.mode-button{width:100%}.players-list li,.player-identity{gap:8px}.player-actions{gap:6px}.host-tag{margin-left:0;padding:3px 6px;font-size:.7rem}.remove-button{padding:5px 6px}}.share-button{background-color:#25d366;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px;font-size:.9rem;transition:transform .2s}.share-button:hover{transform:scale(1.05);background-color:#128c7e}.role-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;padding:max(78px,calc(env(safe-area-inset-top) + 16px)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-family:sans-serif;box-sizing:border-box}.role-container.loading{color:#fff;font-size:1.5rem;background:#121212}.role-card{width:100%;max-width:450px;background:#1c1c1ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:clamp(22px,5vw,40px);border-radius:12px;box-shadow:0 10px 20px #0006;text-align:center}.role-card p{font-size:1.2rem;color:#bdc3c7}.role-card h1{font-family:Cinzel,serif;font-size:3.5rem;color:#e6d2aa;margin:10px 0 30px;text-transform:uppercase;text-shadow:1px 1px 4px rgba(0,0,0,.5);word-break:break-word}.objetivo{background:#0000004d;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid rgba(255,255,255,.1)}.objetivo h3{margin-top:0;color:#e6d2aa}.warning{font-weight:700;color:#e74c3c!important}.eliminated-host-notice{display:grid;gap:4px;margin-bottom:18px;padding:12px;border:1px solid #b8323a;border-radius:7px;background:#b8323a29;color:#d9d9dc}.eliminated-host-notice strong{color:#ff767d;font-family:Cinzel,serif}.eliminated-host-notice span{font-size:.82rem}.life-counter-panel{margin-bottom:24px;text-align:left}.life-counter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.life-counter-header h2{margin:0;color:#e6d2aa;font-family:Cinzel,serif;font-size:1.1rem}.life-counter-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.undo-combat-button{min-height:38px;padding:7px 10px;border:1px solid #777b82;border-radius:6px;background:#3a3c40;color:#f0f0f1;font-family:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.undo-combat-button:disabled{border-color:#44464a;background:#292a2d;color:#6f7176;cursor:not-allowed}.commander-damage-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid #606065;border-radius:6px;background:#29292d;color:#d7d7da;font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.commander-damage-button span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:4px;background:#44444a;color:#fff}.commander-damage-button span.is-lethal{background:#b3262e}.life-counter-control{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:176px;overflow:hidden;border:2px solid #0d0d0e;border-radius:8px;background:#202023}.life-side{position:relative;border:0;background:#686b70;color:#f7f7f8;font-size:3rem;font-weight:800;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.life-side:active{filter:brightness(1.2)}.life-side span{position:absolute;top:50%;transform:translateY(-50%)}.life-minus{border-right:1px solid rgba(255,255,255,.24)}.life-minus span{left:24px}.life-plus span{right:24px}.life-current-value{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.72)}.life-current-value strong{font-family:Cinzel,serif;font-size:5rem;line-height:.95}.life-current-value small{margin-top:8px;font-size:.7rem;font-weight:800}.life-current-value.is-zero strong{color:#ff7b82}.quick-life-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.quick-life-actions button{min-height:46px;padding:8px 12px;border:1px solid #777b82;border-radius:6px;background:#3a3c40;color:#f3f3f4;font-family:inherit;font-size:1rem;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.quick-life-actions button:active{background:#55585e}.private-role-label{margin:0 0 8px;font-size:.88rem!important;font-weight:700;text-transform:uppercase}.role-hidden-panel{min-height:220px;display:flex;align-items:center;justify-content:center;margin:18px 0;padding:18px;border:2px dashed #555;border-radius:8px}.role-hidden-panel p{margin:0;color:#888}.players-status-panel{margin:20px 0 4px;padding:14px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);text-align:left}.players-status-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.players-status-header h2{margin:0;color:#e6d2aa;font-family:Cinzel,serif;font-size:1.1rem}.players-status-header span{color:#bdc3c7;font-size:.9rem;white-space:nowrap}.players-status-list{display:grid;gap:8px}.player-status-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:6px;background:#295c372e;border:1px solid rgba(143,209,143,.18)}.player-status-name{color:#9fe49f;font-weight:700;min-width:0;overflow-wrap:anywhere}.player-status-identity{display:flex;align-items:center;min-width:0}.player-status-name-button{min-width:0;padding:3px 0;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.player-status-name-button:focus-visible{outline:2px solid #e6d2aa;outline-offset:3px;border-radius:3px}.role-reveal-role{display:inline-flex;align-items:center;gap:6px}.player-status-color-swatch{width:12px;height:12px;border:1px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 0 0 1px #00000073;flex-shrink:0}.player-status-marker{width:10px;height:10px;border-radius:999px;background:#8fd18f;box-shadow:0 0 10px #8fd18f73}.player-status-stats{display:flex;align-items:center;gap:8px}.player-life-value{min-width:48px;color:#f1f3f1;font-size:.83rem;font-weight:800;text-align:right;white-space:nowrap}.player-life-value.is-zero{color:#ff7676}.player-status-item.is-dead{background:#d32f2f24;border-color:#d32f2f4d}.player-status-item.is-dead .player-status-name{color:#ff7676;text-decoration:line-through;text-decoration-thickness:2px}.player-status-item.is-dead .player-status-marker{background:#d32f2f;box-shadow:0 0 10px #d32f2f73}.combat-history-panel{margin:18px 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);text-align:left}.combat-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.combat-history-header h2{margin:0;color:#e6d2aa;font-family:Cinzel,serif;font-size:1rem}.combat-history-header>span{color:#92949a;font-size:.76rem;white-space:nowrap}.combat-history-list{display:grid}.combat-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.08)}.combat-history-copy{min-width:0}.combat-history-copy p{margin:0;color:#c9c9cd;font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}.combat-history-copy p strong{color:#f1f1f2}.combat-history-copy time{display:block;margin-top:3px;color:#777980;font-size:.68rem}.combat-history-values{display:grid;justify-items:end;gap:2px;white-space:nowrap}.combat-history-values strong{color:#f0f0f1;font-size:.82rem}.combat-history-values span{color:#d2b76e;font-size:.7rem;font-weight:800}.combat-history-toggle{width:100%;min-height:40px;margin-top:7px;border:1px solid #505258;border-radius:6px;background:#2b2c30;color:#c9c9cc;font-family:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.back-button{width:100%;padding:14px;margin-top:20px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;background-color:transparent;border:2px solid #B89B67;color:#b89b67}.back-button:hover{background-color:#b89b67;color:#121212}.reveal-role-button{margin-bottom:15px}.reveal-role-button.is-highlighted{background-color:#b89b67;color:#121212}.danger-action-button{border-color:#d32f2f;color:#ff7676;margin-top:24px}.host-elimination-button{border-color:#d6aa45;color:#f0cb72}.host-elimination-button:hover{background:#d6aa45;border-color:#d6aa45;color:#171717}.danger-action-button:hover{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.role-actions{display:grid;gap:10px;margin-top:18px}.role-actions .back-button{margin-top:0}.exit-role-button{border-color:#777;color:#bbb}.exit-role-button:hover{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.result-card h1{margin-bottom:20px}.role-reveal-list{display:grid;gap:8px;margin:20px 0;text-align:left}.role-reveal-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.role-reveal-item span{color:#f2f2f2;font-weight:700;min-width:0;word-break:break-word}.role-reveal-item strong{color:#e6d2aa;text-align:right}.role-reveal-item em{grid-column:1 / -1;color:#9da3ad;font-size:.85rem;font-style:normal}.my-color-banner{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:8px 0 18px;padding:10px 16px;border:2px solid rgba(255,255,255,.45);border-radius:8px;font-family:Cinzel,serif;font-size:1.45rem;font-weight:800;text-transform:uppercase}.my-color-swatch{width:18px;height:18px;border:3px solid currentColor;border-radius:50%}.magic-war-mission{margin:10px 0 24px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0000004d}.magic-war-mission>span{color:#b9bec4;font-size:.9rem;font-weight:700;text-transform:uppercase}.target-color{margin:12px 0 8px;padding:14px 10px;border:2px solid rgba(255,255,255,.48);border-radius:8px;font-family:Cinzel,serif;font-size:1.65rem;font-weight:800;text-transform:uppercase}.magic-war-mission p{margin:0;color:#e2e5e8;font-size:1rem;font-weight:700}.survival-mission{border-color:#d6aa456b}.survival-target{margin:12px 0 8px;padding:14px 10px;border:2px solid #d6aa45;border-radius:8px;background:#29271f;color:#f0cb72;font-family:Cinzel,serif;font-size:1.35rem;font-weight:800;text-transform:uppercase}.commander-modal-backdrop{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#000000d1}.commander-modal{width:min(100%,410px);max-height:88dvh;overflow-y:auto;padding:18px;border:1px solid #555;border-radius:8px;background:#1c1c1f;box-shadow:0 18px 55px #0000009e;text-align:left}.commander-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.commander-modal-header h2{margin:0;color:#e6d2aa;font-family:Cinzel,serif;font-size:1.2rem}.commander-modal-header p{margin:4px 0 0;color:#999;font-size:.82rem}.commander-modal-close{width:40px;height:40px;padding:0;border:1px solid #555;border-radius:50%;background:transparent;color:#ddd;font-size:1.6rem;line-height:1;cursor:pointer;flex-shrink:0}.commander-damage-list{display:grid;gap:8px}.commander-damage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 9px;border:1px solid #444448;border-radius:7px;background:#28282c}.commander-damage-row.is-lethal{border-color:#c53b43;background:#b3262e2e}.commander-player{display:flex;align-items:center;gap:8px;min-width:0;color:#eee;font-weight:700}.commander-player>span:last-child{overflow-wrap:anywhere}.commander-stepper{display:grid;grid-template-columns:42px 42px 42px;align-items:center}.commander-stepper button{width:42px;height:42px;padding:0;border:1px solid #5c5c62;background:#343439;color:#fff;font-size:1.35rem;font-weight:800;cursor:pointer}.commander-stepper button:first-child{border-radius:6px 0 0 6px}.commander-stepper button:last-child{border-radius:0 6px 6px 0}.commander-stepper strong{display:grid;place-items:center;height:42px;background:#151517;color:#fff;font-size:1.05rem}.commander-damage-row.is-lethal .commander-stepper strong{color:#ff848a}.commander-damage-readonly{min-height:50px}.commander-damage-total{display:grid;place-items:center;min-width:46px;height:42px;border-radius:6px;background:#151517;color:#fff;font-size:1.1rem}.commander-damage-row.is-lethal .commander-damage-total{color:#ff848a}.add-partner-button{width:100%;min-height:46px;margin-top:14px;padding:10px 12px;border:1px solid #6a665c;border-radius:6px;background:#302f2b;color:#e6d2aa;font-family:inherit;font-weight:800;cursor:pointer}.host-elimination-form{display:grid;gap:14px}.host-elimination-form label{display:grid;gap:7px;color:#c8c8cc;font-size:.82rem;font-weight:700}.host-elimination-form select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #5b5b61;border-radius:6px;background:#29292d;color:#fff;font:inherit}.host-elimination-form select:disabled{color:#777;opacity:.68}.confirm-host-elimination{min-height:48px;padding:11px 14px;border:0;border-radius:6px;background:#b8323a;color:#fff;font-family:inherit;font-weight:800;cursor:pointer}.confirm-host-elimination:disabled{background:#444;color:#888;cursor:not-allowed}.elimination-alert{text-align:center}.elimination-alert-kicker{display:block;margin-bottom:8px;color:#ff858b;font-size:.72rem;font-weight:900;text-transform:uppercase}.elimination-alert h2{margin:0;color:#f4f4f5;font-family:Cinzel,serif;font-size:1.35rem}.elimination-alert p{margin:12px 0 18px;color:#aaaab0;font-size:.88rem;line-height:1.45}.elimination-alert-actions{display:grid;gap:9px}.elimination-alert-actions button{min-height:50px;padding:12px 14px;border-radius:6px;font-family:inherit;font-weight:800;cursor:pointer}.confirm-elimination-alert{border:1px solid #cf454d;background:#a92e35;color:#fff}.undo-elimination-alert{border:1px solid #8b8f96;background:#55585e;color:#fff}.dismiss-elimination-alert{border:1px solid #666970;background:#33353a;color:#ededee}@media(max-width:600px){.role-container{align-items:flex-start;padding:max(74px,calc(env(safe-area-inset-top) + 10px)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.role-card{padding:18px;border-radius:10px}.life-counter-panel{margin-bottom:18px}.life-counter-header{align-items:stretch;flex-direction:column;gap:8px}.life-counter-actions{display:grid;grid-template-columns:86px minmax(0,1fr)}.life-counter-control{min-height:150px}.life-current-value strong{font-size:4.25rem}.commander-damage-button{justify-content:center;max-width:none}.role-card p{font-size:1rem}.role-card h1{font-size:clamp(2rem,12vw,2.8rem);margin-bottom:18px}.objetivo{padding:14px;margin-bottom:18px}.role-hidden-panel{min-height:150px;margin:14px 0}.players-status-panel{margin-top:14px;padding:10px}.players-status-header{margin-bottom:8px}.players-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.player-status-item{min-height:34px;padding:7px 8px}.player-status-name{font-size:.92rem}.player-life-value{min-width:42px;font-size:.78rem}.commander-modal{padding:14px}.commander-damage-row{grid-template-columns:minmax(0,1fr) auto;padding:7px}.commander-stepper{grid-template-columns:38px 38px 38px}.commander-stepper button,.commander-stepper strong{width:38px;height:42px}.life-minus span{left:20px}.life-plus span{right:20px}.back-button{min-height:46px;padding:12px;margin-top:14px}.role-actions{gap:8px;margin-top:14px}}.scanner-page{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));box-sizing:border-box;background:#0e1012f0;color:#f4f1ea}.scanner-header,.scanner-content{width:min(100%,760px);margin:0 auto}.scanner-header{display:flex;align-items:center;gap:12px;min-height:54px;padding-right:58px}.scanner-header h1,.scanner-section-title h2,.recognized-card h2{margin:0;letter-spacing:0}.scanner-header h1{font-family:Cinzel,serif;font-size:1.45rem;color:#f0dcae}.scanner-eyebrow{display:block;margin-bottom:2px;color:#78c69a;font-size:.68rem;font-weight:900;text-transform:uppercase}.scanner-back,.scanner-icon-action,.scanner-section-title>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff0f;color:#f4f1ea;text-decoration:none}.scanner-content{display:grid;gap:14px;margin-top:14px}.scanner-camera-shell{overflow:hidden;border:1px solid rgba(230,210,170,.28);border-radius:8px;background:#08090a;box-shadow:0 16px 36px #0000004d}.scanner-camera-target{position:relative;aspect-ratio:4 / 3;min-height:230px;background:#090a0b}.scanner-camera-target .cv-applet{display:block!important;width:100%!important;max-width:none!important}.scanner-camera-target .cv-applet__stage{aspect-ratio:4 / 3!important;border-radius:0!important;box-shadow:none!important}.scanner-camera-target .cv-applet__status{display:none!important}.scanner-camera-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#899198;font-weight:700}.scanner-status{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;background:#1b1e21;color:#e7e9e8;font-size:.86rem;font-weight:800}.scanner-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#92989d}.status-searching .scanner-status-dot{background:#f0dcae}.status-detected .scanner-status-dot,.status-identifying .scanner-status-dot{background:#eabf55;box-shadow:0 0 10px #eabf55b3}.status-found .scanner-status-dot{background:#58c987;box-shadow:0 0 10px #58c987a6}.status-error .scanner-status-dot{background:#ef6b73}.scanner-load-progress{display:grid;gap:7px;padding:13px 14px;border-left:3px solid #d9bd7d;background:#1a1d20}.scanner-progress-copy{display:flex;justify-content:space-between;gap:12px;font-size:.83rem}.scanner-progress-track{height:6px;overflow:hidden;border-radius:3px;background:#ffffff1a}.scanner-progress-track span{display:block;height:100%;background:#d9bd7d;transition:width .2s ease}.scanner-load-progress small{color:#aab1b6;line-height:1.4}.scanner-error{margin:0;padding:12px 14px;border-left:3px solid #ef6b73;background:#27191c;color:#ffd9dc;line-height:1.45}.scanner-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.scanner-controls button,.recognized-card-actions a,.recognized-card-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:6px;font-size:.9rem;font-weight:800;box-sizing:border-box}.scanner-primary-action{border:0;background:#38b965;color:#07120b}.scanner-stop-action{border:1px solid #d46a70;background:#d46a701f;color:#f29ba0}.scanner-manual-action{grid-column:1 / -1;border:1px solid rgba(230,210,170,.45);background:transparent;color:#f0dcae}.scanner-zoom-control{display:grid;grid-template-columns:42px minmax(0,1fr) 38px 42px;align-items:center;gap:9px;min-height:52px;padding:5px 8px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:#1a1d20}.scanner-zoom-control button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#f0dcae}.scanner-zoom-control button:disabled{color:#666d72;opacity:.55}.scanner-zoom-control input{width:100%;padding:0;accent-color:#58c987;box-shadow:none}.scanner-zoom-control span{color:#d7dcdf;font-size:.82rem;font-weight:800;text-align:center}.recognized-card{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:16px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#1a1d20}.recognized-card>img{width:100%;border-radius:7px;box-shadow:0 8px 24px #00000061}.recognized-card-details{min-width:0}.recognized-card-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.recognized-card-heading span{color:#c9cfd3;font-size:.82rem}.recognized-card-heading h2{margin-top:2px;font-size:1.25rem;overflow-wrap:anywhere}.recognized-card-heading>strong{padding:4px 7px;border-radius:4px;background:#58c98724;color:#76d49e;font-size:.76rem}.recognized-card-type{margin:8px 0;color:#e6d2aa;font-size:.84rem}.recognized-card-text{margin:0 0 12px;white-space:pre-line;color:#d4d8da;font-size:.84rem;line-height:1.5}.recognized-card-meta{display:grid;gap:7px;margin:0}.recognized-card-meta div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;font-size:.78rem}.recognized-card-meta dt{color:#929ba1}.recognized-card-meta dd{margin:0;overflow-wrap:anywhere}.recognized-card-actions{display:grid;gap:8px;margin-top:14px}.recognized-card-actions a{background:#e6d2aa;color:#17191b;text-decoration:none}.recognized-card-actions button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#f4f1ea}.scanner-history{padding-top:6px}.scanner-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.scanner-section-title h2{font-size:1rem}.scanner-section-title>button{width:38px;height:38px}.scanner-history-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,43%);gap:9px;margin-top:10px;overflow-x:auto;scrollbar-width:thin}.scanner-history-list>button{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-height:60px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#202428;color:#f4f1ea;text-align:left}.scanner-history-list img{width:42px;height:50px;object-fit:cover;border-radius:3px}.scanner-history-list span{min-width:0}.scanner-history-list strong,.scanner-history-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-history-list small{margin-top:3px;color:#9fa7ad}.scanner-search-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:end}.scanner-search-backdrop{position:absolute;inset:0;width:100%;border:0;border-radius:0;background:#000000b8}.scanner-search-dialog{position:relative;width:100%;max-height:78dvh;overflow-y:auto;padding:20px 18px calc(24px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;background:#1b1e21;box-sizing:border-box}.scanner-search-dialog>label{display:block;margin:20px 0 7px;color:#c5cbd0;font-size:.76rem;font-weight:900;text-transform:uppercase}.scanner-search-input{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding:0 13px;border:1px solid rgba(230,210,170,.4);border-radius:6px;background:#111315}.scanner-search-input input{width:100%;padding:0;border:0;outline:0;background:transparent;color:#fff;font-size:1rem}.scanner-search-spinner{animation:scanner-spin .9s linear infinite}.scanner-suggestions{display:grid;gap:2px;margin-top:9px}.scanner-suggestions button{min-height:44px;padding:10px 12px;border:0;border-radius:4px;background:transparent;color:#f4f1ea;text-align:left}.scanner-suggestions button:active{background:#ffffff14}.scanner-suggestions p{color:#929ba1;text-align:center}@keyframes scanner-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.recognized-card{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.recognized-card>img{width:min(70vw,240px);justify-self:center}.recognized-card-heading h2{font-size:1.05rem}.recognized-card-meta div{grid-template-columns:56px minmax(0,1fr)}}@media(max-width:400px){.scanner-header h1{font-size:1.1rem;white-space:nowrap}}@media(min-width:700px){.scanner-header h1{font-size:1.8rem}.scanner-search-overlay{align-items:center;justify-content:center}.scanner-search-dialog{width:min(92vw,520px);border-radius:8px}}