:root{--bg: #161629;--bg-2: #1F1F38;--bg-3: #2A2A4A;--fg: #FFFFFF;--muted: #A29BFE;--muted-strong: #FFFFFF;--teal: #00B894;--teal-2: #55EFC4;--yellow: #FDCB6E;--yellow-2: #FFEEAA;--orange: #FF7675;--orange-2: #FD79A8;--pink: #FD79A8;--pink-2: #FF7675;--purple: #6C5CE7;--purple-2: #A29BFE;--green: #00B894;--green-2: #55EFC4;--red: #FF7675;--neutral-dark: #2D3436;--neutral-light: #F1F2F6;--border: rgba(162, 155, 254, .18);--shadow: 0 12px 32px rgba(0, 0, 0, .5);--radius: 18px;--radius-lg: 22px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);min-height:100vh;overflow-x:hidden}body{background:radial-gradient(circle at 15% 0%,rgba(108,92,231,.28) 0%,transparent 50%),radial-gradient(circle at 85% 100%,rgba(253,121,168,.22) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,184,148,.06) 0%,transparent 60%),linear-gradient(180deg,#161629,#1f1f38) fixed}juegazo-app{display:block;min-height:100vh}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);padding:.6rem 1rem;border-radius:12px;cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:scale(.98)}input,select{font:inherit;font-size:1.05rem;color:inherit;background:var(--bg-3);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;width:100%;outline:none}input.has-error,select.has-error{border-color:var(--orange);box-shadow:0 0 0 3px #ff76752e}.error-text{color:var(--orange-2);font-size:1rem;font-weight:600;letter-spacing:.01em}.center-label{text-align:center;font-weight:600;margin:0;font-size:clamp(.8rem,1.4vh,.95rem);flex-shrink:0;line-height:1.1}.muted-text{color:var(--muted)}.mechanic-subtitle{font-size:.78rem;letter-spacing:.22em;font-weight:800;color:#fff;-webkit-text-stroke:1px var(--yellow);text-shadow:0 0 0 var(--yellow);text-transform:uppercase;margin:0 0 .5rem;display:inline-flex;align-items:center;gap:.4rem;width:fit-content}.consigna-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.consigna-content{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.consigna-content .mechanic-subtitle{margin:0 0 .25rem}.consigna-prompt{font-size:clamp(1.4rem,3.8vh,1.85rem);font-weight:900;margin:0;line-height:1.05;letter-spacing:-.01em}.btn-pill .sublabel{display:block;font-size:clamp(.75rem,1.2vh,.85rem);font-weight:700;opacity:.8;letter-spacing:.04em;text-transform:uppercase;margin-top:.1rem;line-height:1}.game-layout{height:100vh;height:100dvh;max-width:640px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(.2rem,.5vh,.45rem);padding:clamp(.2rem,.6vh,.4rem) clamp(.5rem,1.5vw,1.25rem) clamp(.3rem,1vh,2rem);overflow:hidden;box-sizing:border-box}.game-layout>.stack{flex:1;min-height:0;gap:clamp(.2rem,.5vh,.45rem)}.bomb-container{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.1rem,.4vh,.3rem);position:relative;padding:clamp(8px,1.5vh,16px);overflow:hidden}.bomb-stage{width:clamp(120px,22vh,200px);height:clamp(120px,22vh,200px);flex-shrink:0}.bomb-sphere{width:clamp(48px,9vh,80px);height:clamp(48px,9vh,80px);border-radius:50%;font-size:clamp(1.1rem,1.6vh,1.4rem)}.bomb-sphere .fuse{width:clamp(18px,3.2vh,22px);height:clamp(18px,3.2vh,22px);top:clamp(-5px,-.8vh,-6px);right:clamp(-6px,-1vh,-8px)}.bomb-emoji{font-size:clamp(3.5rem,11vh,8rem);line-height:1}.card{padding:.3rem}.chip{font-size:clamp(.85rem,1.8vh,1rem);padding:clamp(.3rem,.6vh,.5rem) clamp(.6rem,1.5vw,.95rem)}.chip-icon-circle{width:clamp(18px,2.4vh,22px);height:clamp(18px,2.4vh,22px)}.btn-pill{min-height:clamp(44px,6vh,60px);padding:clamp(.3rem,.7vh,.55rem) clamp(.6rem,1.3vw,1.1rem);font-size:clamp(.9rem,1.7vh,1.05rem);gap:.15rem}.btn-pill .sublabel{font-size:clamp(.85rem,1.5vh,1rem)}.btn-pill-mini{width:clamp(32px,4.5vh,38px);height:clamp(32px,4.5vh,38px);font-size:clamp(1.1rem,1.8vh,1.3rem)}.juegazo-logo{font-size:clamp(1.6rem,3.8vh,2.4rem)}.icon-btn-circle{width:clamp(40px,5.5vh,48px);height:clamp(40px,5.5vh,48px)}.icon-btn-circle svg{width:clamp(18px,2.2vh,22px);height:clamp(18px,2.2vh,22px)}h1,h2,h3{font-size:clamp(1.1rem,2.2vh,1.6rem);margin:0 0 clamp(.25rem,.5vh,.5rem)}.section-label{font-size:clamp(.85rem,1.6vh,1rem);letter-spacing:.18em;font-weight:700;color:#ffffffd9}.prompt-line{font-size:clamp(1.3rem,3.5vh,1.7rem);font-weight:900;margin:.1rem 0;line-height:1.05;letter-spacing:-.01em}.player-name{font-size:clamp(1.4rem,3vh,1.85rem);font-weight:900;margin-top:.1rem;letter-spacing:-.01em}.mechanic-subtitle{font-size:clamp(.7rem,1.6vh,.85rem);letter-spacing:.22em;font-weight:800;color:#fff;-webkit-text-stroke:clamp(.5px,.1vh,1px) var(--yellow);text-shadow:0 0 0 var(--yellow);text-transform:uppercase;margin:.25rem 0 .4rem;display:inline-flex;align-items:center;gap:.4rem;width:fit-content}.mechanic-subtitle+*{border-top:none}.mechanic-subtitle:before{content:"";font-size:.95rem;letter-spacing:0;-webkit-text-stroke:0}.card-icon{width:clamp(34px,5vh,40px);height:clamp(34px,5vh,40px);border-radius:12px}@media (max-width: 480px){.row.wrap{gap:.4rem}.mechanic-subtitle{letter-spacing:.18em}.btn-pill .sublabel{font-size:.78rem}}@media (max-width: 380px){.chip{font-size:.8rem;padding:.25rem .5rem}.juegazo-logo{font-size:1.1rem}.header-chip-secondary{display:none}.header-row{gap:.35rem}}.toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;padding:.85rem 1.25rem;border-radius:14px;background:#0f1826f5;border:1px solid var(--border);box-shadow:0 12px 32px #00000080;z-index:300;max-width:90vw;cursor:pointer;animation:toast-in .25s ease-out;backdrop-filter:blur(8px)}.toast.error{border-color:var(--orange);background:linear-gradient(135deg,#ff76752e,#0f1826f5)}.toast.info{border-color:var(--teal);background:linear-gradient(135deg,#00b8942e,#0f1826f5)}.toast-icon{font-size:1.25rem;line-height:1}.toast.error .toast-icon{color:var(--orange-2)}.toast.info .toast-icon{color:var(--teal-2)}.toast-message{font-size:1rem;font-weight:600;color:var(--fg);letter-spacing:.01em}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reconnect-banner{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.85rem;padding:.7rem 1rem;background:linear-gradient(180deg,#ff767538,#0f1826f5);border-bottom:1px solid var(--orange);box-shadow:0 8px 24px #00000073;z-index:290;animation:reconnect-banner-in .25s ease-out;backdrop-filter:blur(8px)}.reconnect-icon{font-size:1.1rem;line-height:1;color:var(--orange-2)}.reconnect-message{font-size:.95rem;font-weight:600;color:var(--fg);letter-spacing:.01em}.reconnect-button{font-family:inherit;font-size:.9rem;font-weight:700;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--orange);background:#ff76752e;color:var(--fg);cursor:pointer;transition:background .15s ease-out}.reconnect-button:hover{background:#ff767552}.reconnect-button:active{transform:translateY(1px)}@keyframes reconnect-banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mechanic-segments{display:flex;gap:0;background:var(--bg-3);border:1px solid var(--border);border-radius:12px;padding:4px;width:100%}.mechanic-segment{flex:1;background:transparent;border:none;border-radius:8px;padding:.45rem .4rem;cursor:pointer;text-align:center;transition:background .18s ease,color .18s ease,transform .06s ease;min-height:0;text-transform:none;letter-spacing:0;display:flex;flex-direction:column;align-items:center;gap:.1rem}.mechanic-segment .segment-label{font-size:clamp(.85rem,1.5vh,.95rem);font-weight:700;color:inherit;line-height:1.1}.mechanic-segment .segment-sublabel{font-size:clamp(.7rem,1.2vh,.8rem);font-weight:500;opacity:.75;line-height:1.1}.mechanic-segment.active .segment-sublabel{opacity:.85}.mechanic-segment:hover:not(.active){color:var(--fg)}.mechanic-segment.active{background:linear-gradient(135deg,var(--teal),var(--teal-2));color:#1f1f38;box-shadow:0 2px 10px #00b89466}.mechanic-segment.active:hover{filter:brightness(1.05)}.btn-compact{min-height:clamp(24px,3.5vh,32px)!important;padding:clamp(.2rem,.4vh,.35rem) clamp(.6rem,1.3vw,1.1rem)!important;font-size:clamp(.85rem,1.4vh,.95rem)!important;gap:.1rem}.btn-action-menu{min-height:104px!important;max-height:104px!important;justify-content:center}.btn-compact .sublabel{display:none}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.player-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#ffffff0a;border-radius:12px;min-width:0}.player-chip-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.player-chip-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:#fdcb6e2e;color:var(--yellow);font-size:.78rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.voice-mic-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,transform .08s ease;padding:0;background:#ffffff0f;color:var(--muted)}.header-row .voice-mic-icon{width:clamp(26px,3.6vh,30px);height:clamp(26px,3.6vh,30px)}.header-row .voice-mic-icon svg{width:clamp(14px,2vh,16px);height:clamp(14px,2vh,16px)}.voice-mic-icon:hover{background:#ffffff1f}.voice-mic-icon:active{transform:scale(.94)}.voice-mic-icon.voice-mic-on{background:#10b98138;color:var(--green);border-color:#10b98166}.voice-mic-icon.voice-mic-on:hover{background:#10b98152}.voice-mic-icon.voice-mic-muted{background:#ff76752e;color:var(--orange);border-color:#ff767559}.voice-mic-icon.voice-mic-muted:hover{background:#ff767547}.voice-peer-indicator{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#10b9812e;color:var(--green);flex-shrink:0}.voice-count-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:#10b98129;color:var(--green);font-size:.78rem;font-weight:700;letter-spacing:.02em;margin-left:auto}.players-summary{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:background .15s ease;user-select:none}.players-summary:hover,.players-summary:focus-visible{background:#ffffff14;outline:none}.players-summary-text{flex:1;display:flex;flex-direction:column;gap:.1rem;font-weight:700}.bottom-sheet-backdrop,.bottom-sheet{display:none}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem .6rem;flex-shrink:0}.bottom-sheet-title{font-weight:800;font-size:1.05rem;letter-spacing:.02em}.bottom-sheet-close{width:36px;height:36px;border-radius:50%;background:#fff;border:none;color:#1f1f38;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 10px #00000080;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.bottom-sheet-close:hover{transform:scale(1.05);box-shadow:0 3px 12px #0009}.bottom-sheet-close:active{transform:scale(.95)}.bottom-sheet-close svg{width:22px;height:22px;stroke-width:3}.bottom-sheet-content{flex:1;overflow-y:auto;padding:0 1rem .6rem;overscroll-behavior:contain}.mechanic-explanation{margin-top:1rem;padding:.9rem 1rem;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.4rem}.mechanic-explanation-title{font-weight:800;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase;color:var(--fg)}.mechanic-explanation-desc{font-size:.95rem;font-weight:500;color:var(--fg);line-height:1.4}.mechanic-explanation-example{font-size:.88rem;font-style:italic;color:var(--muted);line-height:1.4}.mechanic-explanation-placeholder{text-align:center;font-style:italic;background:#ffffff05}.mechanic-explanation-placeholder-text{font-size:.95rem;font-weight:500;color:var(--muted);line-height:1.4}.bottom-sheet-footer{padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mechanic-trigger{display:flex;align-items:center;width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:.5rem .7rem;color:inherit;cursor:pointer;text-align:left;transition:background .15s ease;margin-top:.25rem}.mechanic-trigger:hover{background:#ffffff14}.mechanic-trigger-icon{width:32px;height:32px;border-radius:10px;background:#00b8942e;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.players-trigger{display:flex;align-items:center;width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:.65rem .85rem;color:inherit;cursor:pointer;text-align:left;transition:background .15s ease;font:inherit}.players-trigger:hover{background:#ffffff14}input.has-error{border-color:var(--red, #ef4444)!important;box-shadow:0 0 0 2px #ef444440}.error-text{color:var(--red, #ef4444);font-size:.9rem;font-weight:600}.preset-grid{display:grid;gap:.5rem;margin:.4rem 0 0}.preset-grid.time-presets{grid-template-columns:repeat(4,1fr)}.preset-grid.bomb-presets{grid-template-columns:repeat(5,1fr);gap:.4rem}.radio-preset{position:relative;display:flex;align-items:center;justify-content:center;padding:.35rem .4rem;border-radius:12px;background:#ffffff0a;border:1px solid var(--border);cursor:pointer;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em;transition:background .18s ease,border-color .18s ease,color .18s ease;user-select:none}.radio-preset input[type=radio]{position:absolute;inset:0;opacity:0;cursor:pointer}.radio-preset:hover{background:#ffffff14}.radio-preset.is-selected{background:#00b89447;border-color:var(--teal);color:var(--fg)}.radio-preset:focus-within{outline:none;box-shadow:0 0 0 2px #00b89480}.radio-preset-label{font-size:1.1rem}@media (max-width: 720px){.bottom-sheet-backdrop{display:block;position:fixed;inset:0;background:#02080ed9;backdrop-filter:blur(3px);z-index:200;animation:backdrop-fade .2s ease}.bottom-sheet{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;max-height:80dvh;height:auto;background:var(--bg-2);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid var(--border);border-bottom:none;z-index:201;box-shadow:0 -8px 32px #00000080;animation:sheet-up .28s cubic-bezier(.32,.72,0,1);overflow:hidden}.bottom-sheet-handle{width:40px;height:4px;background:#ffffff40;border-radius:999px;margin:10px auto 4px;flex-shrink:0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-width: 721px){.bottom-sheet-backdrop{display:block;position:fixed;inset:0;background:#02080ed9;backdrop-filter:blur(3px);z-index:200;animation:backdrop-fade .2s ease}.bottom-sheet{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 2rem));max-height:80dvh;background:var(--bg-3);border-radius:20px;border:1px solid rgba(162,155,254,.28);z-index:201;box-shadow:0 24px 64px #000000b3;animation:modal-pop .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.bottom-sheet-handle{display:none}}.mechanic-list{display:flex;flex-direction:column;gap:.4rem;background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:.5rem}.mechanic-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .6rem}.mechanic-option{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:8px;cursor:pointer;user-select:none;transition:background .12s ease}.mechanic-option:hover{background:#ffffff0a}.mechanic-option input[type=checkbox],.mechanic-option input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;padding:0;margin:0}.mechanic-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--teal-2);background:transparent;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .1s ease;position:relative}.mechanic-check:after{content:"";width:6px;height:11px;border-right:2.5px solid #1F1F38;border-bottom:2.5px solid #1F1F38;transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .12s ease}.mechanic-option input[type=checkbox]:checked~.mechanic-check{background:var(--teal-2);border-color:var(--teal-2)}.mechanic-option input[type=checkbox]:checked~.mechanic-check:after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}.mechanic-option input[type=checkbox]:focus-visible~.mechanic-check{box-shadow:0 0 0 3px #00b89466}.mechanic-label{font-size:1rem;font-weight:600;color:var(--fg);flex:1}.mechanic-option input[type=checkbox]:checked~.mechanic-label{color:var(--teal-2)}.mechanic-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--teal-2);background:transparent;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;position:relative}.mechanic-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:#1f1f38;transform:scale(0);transition:transform .12s ease}.mechanic-option input[type=radio]:checked~.mechanic-radio{background:var(--teal-2);border-color:var(--teal-2)}.mechanic-option input[type=radio]:checked~.mechanic-radio:after{transform:scale(1)}.mechanic-option input[type=radio]:focus-visible~.mechanic-radio{box-shadow:0 0 0 3px #00b89466}.mechanic-option input[type=radio]:checked~.mechanic-label{color:var(--teal-2)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;padding:0;height:auto}input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--teal),var(--bg-3));border-radius:999px;border:none}input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--teal),var(--bg-3));border-radius:999px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--orange));border:2px solid var(--bg);margin-top:-8px;cursor:pointer;box-shadow:0 2px 8px #fdcb6e66}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--orange));border:2px solid var(--bg);cursor:pointer;box-shadow:0 2px 8px #fdcb6e66}input::placeholder,select::placeholder{color:var(--teal-2);opacity:.78;font-weight:500}input:focus,select:focus{border-color:var(--purple)}.input-with-actions{position:relative;display:flex;align-items:center}.input-with-actions input{width:100%}.input-actions{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;gap:.25rem}.input-action-btn{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease}.input-action-btn:hover{background:#ffffff2e}.tension-normal{--tint: rgba(0, 184, 148, .05)}.tension-acelerado{--tint: rgba(253, 203, 110, .08)}.tension-inminente{--tint: rgba(255, 118, 117, .14);animation:pulse-bg .6s ease-in-out infinite alternate}@keyframes pulse-bg{0%{background-color:transparent}to{background-color:#ff76751f}}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--tint, transparent);transition:background .6s ease}.container{max-width:640px;margin:0 auto;padding:clamp(.5rem,2vh,1rem) clamp(.5rem,2vw,1.25rem) clamp(.5rem,3vh,1.5rem);width:100%}h1,h2,h3{margin:0 0 .5rem;font-weight:700;letter-spacing:-.01em}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem;align-items:center}.row.wrap{flex-wrap:wrap}.muted{color:var(--muted);font-size:1rem}.muted-strong{color:var(--teal-2);font-size:1.05rem;font-weight:500;line-height:1.4}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);font-size:1rem;color:var(--fg);white-space:nowrap}.chip svg{flex-shrink:0}.chip-icon-circle{width:22px;height:22px;border-radius:50%;background:#ffffff0f;display:inline-flex;align-items:center;justify-content:center;color:var(--teal)}.btn-pill{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;padding:.75rem 1.2rem;border-radius:16px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:#fff;transition:transform .08s ease,filter .2s ease;background:linear-gradient(135deg,var(--bg-3),var(--teal));flex:1;min-height:70px}.btn-pill:not(:disabled):hover{filter:none;outline:3px solid rgba(255,255,255,.6);outline-offset:2px;transform:translateY(-1px)}.btn-pill:disabled{opacity:.4;cursor:not-allowed}.btn-pill.primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));border-color:transparent;color:#1f1f38;box-shadow:0 6px 24px #ff76756b}.btn-pill.green{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:transparent;color:#052e1a;box-shadow:0 6px 24px #22c55e73}.btn-pill.yellow{background:linear-gradient(135deg,var(--yellow),var(--yellow-2));border-color:transparent;color:#1f1f38;box-shadow:0 6px 24px #fdcb6e6b}.btn-pill.yellow .ico{background:#ffeeaa52;color:#1f1f38}.btn-pill.green .ico{background:#052e1f52;color:#0e3a2c}.btn-pill.selected{outline:3px solid #fff;outline-offset:2px;transform:scale(1.04);filter:brightness(1.1);opacity:1!important;cursor:pointer}.btn-pill.selected:hover{transform:scale(1.06)}.btn-pill.purple{background:linear-gradient(135deg,var(--purple),var(--purple-2));border-color:transparent;color:#1f1f38;box-shadow:0 6px 22px #6c5ce76b}.btn-pill.purple .ico{background:#fff3;color:#1f1f38}.btn-pill.gray{background:linear-gradient(135deg,var(--purple),var(--purple-2));border-color:transparent;color:#fff;box-shadow:0 6px 20px #6c5ce752}.btn-pill.gray .ico{background:#fff3;color:#fff}.btn-pill .ico{width:38px;height:38px;border-radius:50%;background:#ffffff2e;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.btn-pill .label,.btn-pill .sublabel{font-size:1.2rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.icon-btn-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--bg-3),var(--teal));border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--fg);cursor:pointer;box-shadow:0 4px 14px #00b89447}.icon-btn-circle svg{width:22px;height:22px}.icon-btn-circle.sound-toggle.muted{background:#ffffff0a;box-shadow:none;color:var(--muted)}.icon-btn-circle.primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));border-color:transparent;color:#1f1f38;padding:0 .8rem;width:auto;border-radius:999px;font-weight:700;gap:.4rem;box-shadow:0 6px 20px #fb85006b}.btn-pill-mini{width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);color:var(--fg);font-weight:700;font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fade-in{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(162,155,254,.25);border-top-color:var(--teal-2);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.dots-left{position:absolute;left:-3%;top:50%;transform:translateY(-50%);width:240px;height:240px;background-image:radial-gradient(circle,rgba(162,155,254,.55) 1.5px,transparent 1.5px);background-size:14px 14px;background-position:center;opacity:.5;mask-image:radial-gradient(circle,#000 40%,transparent 75%);pointer-events:none}.dots-right{position:absolute;right:-3%;top:50%;transform:translateY(-50%);width:240px;height:240px;background-image:radial-gradient(circle,rgba(255,118,117,.5) 1.5px,transparent 1.5px);background-size:14px 14px;background-position:center;opacity:.5;mask-image:radial-gradient(circle,#000 40%,transparent 75%);pointer-events:none}.heartbeat{animation:heartbeat 1s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 14px rgba(255,118,117,.35)) drop-shadow(0 0 30px rgba(255,118,117,.18))}.heartbeat-slow{animation-duration:1.4s}.heartbeat-fast{animation-duration:.55s;filter:drop-shadow(0 0 18px rgba(255,118,117,.6)) drop-shadow(0 0 36px rgba(255,118,117,.32))}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.bomb-shake{animation:shake .4s linear infinite}.pulse-ring-base{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--ring-color, var(--teal))) drop-shadow(0 0 18px var(--ring-color, var(--teal)));opacity:.9}.pulse-ring-fast{--ring-color: var(--red)}.pulse-ring-fast .pulse-ring-pulse{animation-duration:.6s!important;filter:drop-shadow(0 0 8px var(--red)) drop-shadow(0 0 24px var(--red))!important}.pulse-ring-pulse{fill:none;stroke:var(--ring-color, var(--teal));stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--ring-color, var(--teal))) drop-shadow(0 0 16px var(--ring-color, var(--teal)));animation:ring-flow 1.6s linear infinite,ring-throb 1.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box;rotate:-90deg}@keyframes ring-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-659.73}}@keyframes ring-throb{0%,to{opacity:.85}50%{opacity:1}}.bomb-stage{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;margin:0 auto}.bomb-stage .ring-bg{fill:none;stroke:#ffffff0d;stroke-width:14}.bomb-stage .ring-solid{fill:none;stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--ring-color, var(--teal))) drop-shadow(0 0 18px var(--ring-color, var(--teal)));opacity:.95}.bomb-stage.ring-fast .ring-solid{stroke-width:16}.bomb-sphere{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#2a6a85,#14526e,#063a52 72%,#012233);box-shadow:inset -5px -5px 14px #000000a6,inset 3px 3px 12px #ffffff0f,0 6px 18px #0000008c;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-size:1.4rem;user-select:none;transform-origin:center}.bomb-sphere .fuse{position:absolute;top:clamp(-4px,-.5vh,-7px);right:clamp(-5px,-.6vh,-9px);width:clamp(18px,3.2vh,22px);height:clamp(18px,3.2vh,22px);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffce5c,#ff8a3c,#ff5722 80%,#1a0500);box-shadow:0 0 12px #ff8c3cd9,0 0 26px #ff5a1e73;animation:fuse-flicker .45s ease-in-out infinite alternate;font-size:1rem;display:flex;align-items:center;justify-content:center}@keyframes fuse-flicker{0%{transform:scale(1);opacity:.95}to{transform:scale(1.18);opacity:.75}}.bomb-sphere-shake{animation:shake .4s linear infinite}.intro-shell{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#2e2e3a,#0a0a10);color:var(--fg);overflow:hidden;opacity:1;transition:opacity .4s ease}.intro-shell.intro-fade-out{opacity:0}.intro-cube-scene{width:320px;height:480px;perspective:900px}.intro-cube-board{width:100%;height:100%;position:relative;transform-style:preserve-3d}.intro-logo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateZ(-2px);user-select:none;-webkit-user-drag:none}.intro-cube-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);width:100%;height:100%;position:absolute;inset:0;transform-style:preserve-3d}.intro-cube-tile{background-color:#1a1c23;position:relative;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;transition:all .5s cubic-bezier(.25,1,.5,1);transform-origin:center}.intro-cube-tile.cleared{opacity:0;transform:scale(.3) translateZ(50px);pointer-events:none}.intro-cube-positioner{position:absolute;top:0;left:0;width:80px;height:80px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:10}.intro-cube-rotator{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,1,.5,1)}.intro-cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d}.intro-cube-face{position:absolute;width:80px;height:80px;background:#783cfff2;border:2px solid #d4b8ff;box-shadow:inset 0 0 15px #00000080}.intro-cube-face--front{transform:rotateY(0) translateZ(40px)}.intro-cube-face--back{transform:rotateY(180deg) translateZ(40px)}.intro-cube-face--right{transform:rotateY(90deg) translateZ(40px)}.intro-cube-face--left{transform:rotateY(-90deg) translateZ(40px)}.intro-cube-face--top{transform:rotateX(90deg) translateZ(40px)}.intro-cube-face--bottom{transform:rotateX(-90deg) translateZ(40px)}.intro-cube-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .5s ease-out;z-index:100}.intro-cube-flash.active{opacity:1;transition:opacity .05s ease-in}.intro-cube-particle{position:absolute;border-radius:50%;top:50%;left:50%;animation:intro-cube-explode 1.2s cubic-bezier(.1,1,.2,1) forwards;pointer-events:none}@keyframes intro-cube-explode{0%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:.9}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) + 40px)) scale(.2);opacity:0}}.intro-audio-toggle{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:#0f0f16d9;color:var(--fg);border:1px solid rgba(162,155,254,.4);border-radius:999px;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000059;transition:border-color .2s ease,background .2s ease;z-index:10000}.intro-audio-toggle:hover,.intro-audio-toggle:focus-visible{outline:none}.intro-audio-toggle.is-playing:hover,.intro-audio-toggle.is-playing:focus-visible{border-color:var(--teal)}.intro-audio-toggle.is-muted{border-color:#ffa5008c;background:#281e0cd9}.intro-audio-toggle.is-muted:hover,.intro-audio-toggle.is-muted:focus-visible{border-color:#ffc850e6}.intro-audio-toggle.is-muted .intro-audio-toggle__label{color:#ffc878f2}.intro-audio-toggle__icon{font-size:1.1rem;line-height:1}.intro-audio-toggle__label{white-space:nowrap}.jgz-loader{--size: 36;--perspective: 500;--stagger: .1125;--movement: .85;--stop: .5;--ease: cubic-bezier(1, -.52, .26, .89);--duration: calc((var(--movement) * (1 / var(--stop))))}@media (min-width: 600px){.jgz-loader{--size: 50}}.jgz-loader{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:0 1rem;max-width:100vw}.jgz-loader__scene{perspective:calc(var(--perspective) * 1px);display:flex;justify-content:center;align-items:center;min-height:clamp(60px,12vw,90px);width:100%;max-width:600px;padding:0 1.5rem;box-sizing:border-box}.jgz-loader__word{display:flex;transform:translate(calc(var(--size) * .3 * 1px)) rotateX(-30deg) rotateY(45deg);transform-style:preserve-3d}.jgz-loader__letter-wrap{animation:jump calc(var(--duration) * 1s) calc((var(--stagger) * var(--index)) * 1s) var(--ease) infinite;transform-origin:bottom center;transform-style:preserve-3d}.jgz-loader__letter-wrap .jgz-loader__letter{animation:rotate calc(var(--duration) * 4s) calc((var(--stagger) * var(--index)) * 1s) ease infinite;transform-style:preserve-3d}.jgz-loader__letter{color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:calc(var(--size) * .6 * 1px);font-weight:700;height:calc(var(--size) * 1px);margin-right:calc(var(--size) * .2 * 1px);position:relative;text-transform:uppercase;transform-style:preserve-3d;width:calc(var(--size) * 1px)}.jgz-loader__panel{align-items:center;background:#023047d9;border:clamp(2px,1vw,5px) hsl(var(--hue),calc(var(--saturation) * 1%),calc(var(--lightness) * 1%)) solid;display:flex;height:calc(var(--size) * 1px);justify-content:center;left:50%;position:absolute;top:50%;width:calc(var(--size) * 1px)}.jgz-loader__panel:nth-of-type(1){transform:translate3d(-50%,-50%,0) translateZ(calc(var(--size) * .5 * 1px))}.jgz-loader__panel:nth-of-type(2){transform:translate3d(-50%,-50%,0) rotateX(90deg) translateZ(calc(var(--size) * .5 * 1px))}.jgz-loader__panel:nth-of-type(3){transform:translate3d(-50%,-50%,0) rotateX(180deg) translateZ(calc(var(--size) * .5 * 1px))}.jgz-loader__panel:nth-of-type(4){transform:translate3d(-50%,-50%,0) rotateX(-90deg) translateZ(calc(var(--size) * .5 * 1px))}.jgz-loader__panel:nth-of-type(5){transform:translate3d(-50%,-50%,0) rotateY(-90deg) translateZ(calc(var(--size) * .5 * 1px))}@keyframes rotate{0%,30.625%{transform:rotateX(0)}33.125%,81.625%{transform:rotateX(90deg)}83.125%,to{transform:rotateX(180deg)}}@keyframes jump{0%,50%,to{transform:scaleX(1) scaleY(1) translate(0)}15%{transform:scaleX(1.2) scaleY(.8) translate(0)}25%{transform:scaleX(.9) scaleY(1.1) translateY(-100%)}}.tutorial-backdrop,.tutorial{display:none}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem .5rem;flex-shrink:0}.tutorial-dots{display:flex;gap:.5rem;align-items:center}.tutorial-dot{width:10px;height:10px;padding:0;border-radius:50%;border:2px solid var(--muted);background:transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.tutorial-dot:hover{border-color:var(--yellow)}.tutorial-dot.is-active{background:var(--yellow);border-color:var(--yellow);transform:scale(1.25)}.tutorial-close{width:36px;height:36px;border-radius:50%;background:#fff;border:none;color:#1f1f38;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 10px #00000080;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.tutorial-close:hover{transform:scale(1.05);box-shadow:0 3px 12px #0009}.tutorial-close:active{transform:scale(.95)}.tutorial-close svg{width:22px;height:22px;stroke-width:3}.tutorial-content{flex:1;overflow-y:auto;padding:.4rem 1rem .8rem;overscroll-behavior:contain}.tutorial-step{display:flex;flex-direction:column;align-items:stretch;animation:tutorial-step-in .28s ease}.tutorial-illustration{display:flex;justify-content:center;margin:.2rem 0 .8rem}.tutorial-title{font-size:clamp(1.2rem,2.4vh,1.5rem);font-weight:800;margin:0 0 .6rem;text-align:center;letter-spacing:-.01em;color:var(--fg)}.tutorial-body{font-size:1rem;line-height:1.5;color:var(--fg);text-align:center}.tutorial-body p{margin:0 0 .6rem}.tutorial-body strong{color:var(--yellow)}.tutorial-subtitle{font-size:.92rem;font-style:italic;color:var(--muted);margin-top:.4rem!important}.tutorial-bullets{text-align:left;display:flex;flex-direction:column;gap:.6rem}.tutorial-bullets p{margin:0}.tutorial-mechanics-grid{display:grid;grid-template-columns:1fr;gap:.55rem;text-align:left}@media (min-width: 640px){.tutorial-mechanics-grid{grid-template-columns:1fr 1fr}}.tutorial-mechanic-card{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.2rem}.tutorial-mechanic-card-name{font-weight:800;font-size:.92rem;color:var(--yellow);letter-spacing:.02em;text-transform:uppercase}.tutorial-mechanic-card-desc{font-size:.88rem;color:var(--fg);line-height:1.35}.tutorial-mechanic-card-example{font-size:.82rem;font-style:italic;color:var(--muted);line-height:1.35}.tutorial-footer{padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);display:flex;gap:.6rem;flex-shrink:0}.tutorial-footer .btn-pill{flex:1;min-height:0;padding:.7rem 1rem}.tutorial-footer .btn-pill .label{font-size:1rem}@media (max-width: 720px){.tutorial-backdrop{display:block;position:fixed;inset:0;background:#02080ed9;backdrop-filter:blur(3px);z-index:220;animation:backdrop-fade .2s ease}.tutorial{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;transform:none;width:100%;max-height:88dvh;background:var(--bg-2);border-radius:20px 20px 0 0;border:1px solid rgba(162,155,254,.28);border-bottom:none;z-index:221;box-shadow:0 -8px 32px #00000080;animation:sheet-up .28s cubic-bezier(.32,.72,0,1);overflow:hidden}}@media (min-width: 721px){.tutorial-backdrop{display:block;position:fixed;inset:0;background:#02080ed9;backdrop-filter:blur(3px);z-index:220;animation:backdrop-fade .2s ease}.tutorial{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 2rem));max-height:90dvh;background:var(--bg-2);border-radius:20px;border:1px solid rgba(162,155,254,.28);z-index:221;box-shadow:0 24px 64px #000000b3;animation:tutorial-pop .24s cubic-bezier(.34,1.56,.64,1);overflow:hidden}}@keyframes tutorial-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tutorial-step-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.tutorial,.tutorial-step,.tutorial-backdrop{animation:none!important}}jgz-background{position:fixed;inset:0;pointer-events:none;z-index:0;display:block;overflow:hidden}jgz-background .bg-layer{position:absolute;inset:0;pointer-events:none}jgz-background .bg-confetti{position:absolute;width:12px;height:12px;border-radius:2px;pointer-events:none;animation:bg-float 6s ease-in-out infinite}jgz-background .bg-c-1{top:6%;left:5%;background:var(--pink);transform:rotate(18deg);animation-duration:5.5s;animation-delay:0s}jgz-background .bg-c-2{top:14%;right:7%;background:var(--teal-2);transform:rotate(-22deg);animation-duration:7s;animation-delay:.6s}jgz-background .bg-c-3{top:36%;left:3%;background:var(--orange);transform:rotate(45deg);animation-duration:6.2s;animation-delay:1.1s}jgz-background .bg-c-4{top:50%;right:4%;background:var(--purple-2);transform:rotate(-12deg);animation-duration:5.8s;animation-delay:1.7s}jgz-background .bg-c-5{top:64%;left:6%;background:var(--yellow);transform:rotate(30deg);animation-duration:7.4s;animation-delay:.3s}jgz-background .bg-c-6{top:22%;left:42%;background:var(--yellow-2);transform:rotate(-35deg);animation-duration:6.6s;animation-delay:2.1s}jgz-background .bg-c-7{top:78%;right:12%;background:var(--pink);transform:rotate(60deg);animation-duration:6.9s;animation-delay:.9s}jgz-background .bg-c-8{top:8%;left:28%;background:var(--purple-2);transform:rotate(-50deg);animation-duration:5.2s;animation-delay:1.4s}jgz-background .bg-c-9{top:70%;right:28%;background:var(--teal-2);transform:rotate(15deg);animation-duration:7.1s;animation-delay:.4s}jgz-background .bg-c-10{top:30%;right:22%;background:var(--yellow);transform:rotate(-70deg);animation-duration:6.3s;animation-delay:1.8s}jgz-background .bg-star{position:absolute;width:18px;height:18px;pointer-events:none;background:currentColor;clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);animation:bg-float 6.5s ease-in-out infinite}jgz-background .bg-s-1{top:9%;left:18%;color:var(--yellow-2);animation-duration:5.4s;animation-delay:.2s}jgz-background .bg-s-2{top:17%;right:14%;color:var(--pink);animation-duration:6.8s;animation-delay:1.2s}jgz-background .bg-s-3{top:5%;left:60%;color:var(--teal-2);width:14px;height:14px;animation-duration:7.2s;animation-delay:.7s}jgz-background .bg-s-4{top:24%;left:78%;color:var(--purple-2);width:22px;height:22px;animation-duration:5.9s;animation-delay:1.5s}jgz-background .bg-s-5{top:12%;left:36%;color:var(--yellow);width:16px;height:16px;animation-duration:6.4s;animation-delay:2s}jgz-background .bg-cloud{position:absolute;bottom:-40px;pointer-events:none;border-radius:60% 40% 50% 70%/50% 60% 40% 50%;filter:blur(28px);animation:bg-float 8s ease-in-out infinite}jgz-background .bg-cloud-left{left:-80px;width:360px;height:180px;background:#6c5ce773;animation-duration:8.2s;animation-delay:0s}jgz-background .bg-cloud-right{right:-60px;width:320px;height:160px;background:#fd79a866;border-radius:50% 60% 40%/60% 50% 60% 40%;animation-duration:7.6s;animation-delay:1.4s}@keyframes bg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){jgz-background .bg-confetti,jgz-background .bg-star,jgz-background .bg-cloud{animation:none!important}}.juegazo-logo-wrap{position:relative;display:inline-block;padding:0 .4rem}.modal-overlay{position:fixed;inset:0;background:#050811d9;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.vote-card{max-width:480px;width:100%;background:var(--bg-2);border-radius:12px;padding:1.5rem;text-align:center}.vote-card h2{margin:0 0 .75rem}.vote-buttons{display:flex;gap:.5rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.vote-buttons .btn-pill{flex:1;min-width:120px}.local-voter-row{margin:1rem 0 .25rem}.local-voter-label{display:block;font-size:.8rem;color:var(--text-3, #9aa);margin-bottom:.5rem}.local-voter-pills{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.local-voter-pill{border:1px solid var(--border, #333c56);background:var(--bg, #161a2b);color:var(--text-2, #cbd5e1);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.local-voter-pill:hover{border-color:var(--accent, #4aa8ff)}.local-voter-pill.selected{border-color:#fff;background:#ffffff1f;color:#fff}.local-voter-pill:disabled{opacity:.55;cursor:not-allowed}.local-voter-check{margin-left:.3rem;color:#22c55e;font-weight:700}.vote-verdict{font-size:2rem;font-weight:900;letter-spacing:.06em;margin:.25rem 0 1rem}.vote-verdict.good{color:var(--green, #22c55e)}.vote-verdict.bad{color:var(--orange, #f97316)}.vote-tip{font-size:.92rem;line-height:1.45;color:var(--muted);background:#ffffff0a;border:1px solid var(--border, #333c56);border-radius:10px;padding:.75rem 1rem;text-align:left;margin:0 0 1.25rem}.vote-close-row{display:flex;justify-content:center}.vote-close{flex:0 0 auto;min-width:160px}.picker-list{display:flex;flex-direction:column;gap:.4rem;margin:1rem 0;max-height:50vh;overflow-y:auto}.picker-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;font:inherit;cursor:pointer;text-align:left;width:100%}.picker-row:hover{background:#ffffff14;border-color:var(--primary)}.picker-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary, #6c5ce7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.picker-name{flex:1}.picker-divider{text-align:center;color:var(--muted);margin:.5rem 0}.tie-spinner{font-size:2rem;animation:tie-spin 1.5s linear infinite;margin-bottom:.5rem;display:inline-block}@keyframes tie-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}