:root{--sb-grey: #e8dabd;--sb-grey-deep: #c8b48c;--sb-ink: #3b2a1a;--sb-ink-soft: #6d563d;--sb-ink-on-grey: #5a4630;--sb-red: #c25e33;--sb-red-deep: #8f3f1d;--sb-amber: #e8a83e;--sb-amber-mid: #d18f22;--sb-amber-deep: #a15e12;--sb-foam: #fbf3e1;--sb-cream: #f2e5c9;--sb-green: #6f7d3c;--sb-blue: #4e6e8e;--sb-purple: #8a4a63;--sb-font-display: "Lilita One", system-ui, "Segoe UI", Roboto, sans-serif;--sb-font-stamp: "Bangers", system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:radial-gradient(900px 480px at 12% -8%,rgba(255,252,240,.5),transparent 60%),radial-gradient(700px 420px at 105% 12%,rgba(59,42,26,.08),transparent 55%),radial-gradient(800px 500px at 50% 115%,rgba(59,42,26,.1),transparent 60%),repeating-linear-gradient(45deg,rgba(59,42,26,.03) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(255,250,235,.06) 0 2px,transparent 2px 7px),var(--sb-grey);color:var(--sb-ink);font-family:system-ui,Segoe UI,Roboto,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;padding:14px 14px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;gap:10px;padding:4px 0 0}.topbar-title{font-family:var(--sb-font-display);font-size:26px;letter-spacing:.02em;flex:1;text-align:center;color:var(--sb-red);text-transform:uppercase;line-height:1.1}.topbar-spacer{width:44px}.topbar-user{width:44px;height:44px;border-radius:50%;border:2.5px solid var(--sb-ink);background:var(--sb-cream);box-shadow:0 2px 0 var(--sb-ink);padding:3px;cursor:pointer}.topbar-user:active{transform:translateY(2px);box-shadow:none}.topbar-user .sb-avatar{width:100%;height:100%;font-size:14px}.icon-btn{width:40px;height:40px;border-radius:12px;border:2px solid var(--sb-ink);background:var(--sb-foam);color:var(--sb-ink);font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--sb-ink)}.icon-btn:active{transform:translateY(2px);box-shadow:none}.panel{background:var(--sb-foam);border:3px solid var(--sb-ink);border-radius:16px;box-shadow:0 4px 0 var(--sb-ink);padding:16px 14px}.panel--menu{display:flex;flex-direction:column;gap:10px}.panel__title{margin:0;font-family:var(--sb-font-display);font-size:22px;color:var(--sb-red);text-transform:uppercase;text-align:center}.panel__lede{margin:2px 0 12px;font-size:.85rem;text-align:center;color:var(--sb-ink-soft)}.menu-row{display:flex;align-items:center;gap:10px;justify-content:center}.sb-namesel{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.sb-namesel__panel{width:100%;max-width:420px;background:var(--sb-foam);border:3px solid var(--sb-ink);border-radius:16px;box-shadow:0 4px 0 var(--sb-ink);padding:20px 16px}.sb-namesel__title{margin:0;font-family:var(--sb-font-display);font-size:1.5rem;letter-spacing:.02em;text-align:center;color:var(--sb-red);text-transform:uppercase}.sb-namesel__lede{margin:4px 0 16px;font-size:.85rem;text-align:center;color:var(--sb-ink-soft)}.sb-namesel__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sb-namesel__tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--sb-cream);border:2px solid var(--sb-ink);border-radius:12px;box-shadow:0 3px 0 var(--sb-ink);cursor:pointer;font:inherit;transition:transform .1s ease,box-shadow .1s ease}.sb-namesel__tile:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sb-ink)}.sb-namesel__name{font-size:.8rem;font-weight:700;color:var(--sb-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--sb-ink);color:var(--sb-foam);font-weight:900;letter-spacing:.04em;flex:none}.pinpad{position:relative;display:flex;flex-direction:column;gap:10px}.pinpad__back{position:absolute;top:-6px;right:-6px;width:36px;height:36px;border-radius:10px;border:2px solid var(--sb-ink);background:var(--sb-cream);font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--sb-ink)}.pinpad__avatar-wrap{display:flex;justify-content:center}.pinpad__title{margin:0;font-family:var(--sb-font-display);font-size:22px;text-align:center;color:var(--sb-ink);text-transform:uppercase}.pinpad__lede{margin:0;font-size:.83rem;text-align:center;color:var(--sb-ink-soft)}.pinpad__dots{display:flex;justify-content:center;gap:10px;margin:4px 0}.pinpad__dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--sb-ink);background:transparent}.pinpad__dot--on{background:var(--sb-red)}.pinpad__keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.pinpad__key{padding:13px 0;font-family:var(--sb-font-display);font-size:20px;background:var(--sb-cream);border:2px solid var(--sb-ink);border-radius:12px;box-shadow:0 3px 0 var(--sb-ink);cursor:pointer;color:var(--sb-ink)}.pinpad__key:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sb-ink)}.pinpad__key--ghost{font-size:16px}.pinpad__key--go{background:var(--sb-red);color:var(--sb-foam)}.pinpad__key--go:disabled{opacity:.45;box-shadow:0 3px 0 var(--sb-ink)}.sb-roster{display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center}.sb-roster__presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;justify-content:center}.sb-roster__ficha{display:flex;flex-direction:column;align-items:center;gap:4px;width:62px;padding:4px 0;font:inherit;background:none;border:none;cursor:pointer}.sb-roster__ficha .sb-avatar{width:46px!important;height:46px!important;font-size:1.05rem!important;border:2.5px solid color-mix(in srgb,var(--sb-ink) 45%,transparent);opacity:.55}.sb-roster__ficha .sb-avatar.sb-roster__circle--on{border:3px solid var(--sb-ink);box-shadow:0 3px 0 var(--sb-ink);opacity:1}.sb-roster__name{max-width:62px;overflow:hidden;font-size:.68rem;font-weight:700;color:var(--sb-ink-on-grey);text-overflow:ellipsis;white-space:nowrap}.sb-roster__ficha[aria-pressed=true] .sb-roster__name{font-weight:900;color:var(--sb-ink)}.roster-status{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sb-amber);border:2.5px solid var(--sb-ink);border-radius:999px;box-shadow:0 3px 0 var(--sb-ink);padding:10px 16px;font:inherit;font-size:.9rem;color:var(--sb-ink);cursor:pointer}.roster-status:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sb-ink)}.roster-status__emoji{font-size:18px}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:13px;border-radius:14px;border:2.5px solid var(--sb-ink);background:var(--sb-foam);box-shadow:0 4px 0 var(--sb-ink);color:var(--sb-ink);cursor:pointer;min-height:118px;font:inherit;transition:transform .1s ease,box-shadow .1s ease}.game-tile{position:relative}.game-tile:before{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(59,42,26,.3);border-radius:9px;pointer-events:none}.game-tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sb-ink)}.tile-emoji{font-size:28px;line-height:1.1}.tile-name{font-family:var(--sb-font-display);font-size:19px;letter-spacing:.02em;color:var(--sb-red);text-transform:uppercase;line-height:1.05}.tile-desc{font-size:11.5px;color:var(--sb-ink-soft);line-height:1.3}.tile-count{font-size:11px;font-weight:800;color:var(--sb-amber-deep)}.card{background:var(--sb-foam);border:3px solid var(--sb-ink);border-radius:16px;padding:18px;box-shadow:0 4px 0 var(--sb-ink)}.card-big{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;cursor:pointer;position:relative;background:radial-gradient(420px 230px at 50% 0%,rgba(194,94,51,.1),transparent 70%),var(--sb-foam);animation:cardIn .22s ease;-webkit-user-select:none;user-select:none}.card-big:active{transform:translateY(2px);box-shadow:0 2px 0 var(--sb-ink)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.card-big:after{content:"";position:absolute;inset:6px;border:1.5px dashed rgba(59,42,26,.22);border-radius:11px;pointer-events:none}.card-text{margin:0;font-size:24px;font-weight:800;line-height:1.35;color:var(--sb-ink);white-space:pre-line}.card-hint{font-size:12px;color:var(--sb-ink-soft);letter-spacing:.5px}.card-empty{text-align:center;padding:30px 20px}.card-empty h2{font-family:var(--sb-font-display);letter-spacing:.02em;margin:6px 0;font-size:24px;color:var(--sb-red);text-transform:uppercase}.card-empty p{color:var(--sb-ink-soft);margin:0 0 14px}.empty-emoji{font-size:46px}.card-ok{border-color:var(--sb-green);box-shadow:0 4px 0 var(--sb-green)}.kind-badge,.tier-badge{position:absolute;top:-12px;font-family:var(--sb-font-stamp);font-size:14px;letter-spacing:1px;text-transform:uppercase;padding:4px 12px;border-radius:999px;border:2px solid var(--sb-ink);color:var(--sb-foam);box-shadow:0 2px 0 var(--sb-ink)}.kind-badge{left:12px;background:var(--sb-blue)}.kind-trago{background:var(--sb-amber-mid)}.kind-orden{background:var(--sb-red)}.kind-grupo{background:var(--sb-purple)}.tier-badge{right:12px;background:var(--sb-ink-soft)}.tier-picante{background:var(--sb-red)}.tier-suave{background:var(--sb-blue)}.card-target{display:flex;align-items:center;gap:8px;background:var(--sb-cream);border:2px solid var(--sb-ink);border-radius:999px;padding:5px 14px 5px 6px;font-size:15px;box-shadow:0 2px 0 var(--sb-ink)}.card-target strong{font-weight:900;color:var(--sb-ink)}.deck-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--sb-ink-on-grey);font-weight:700;text-align:center}.deck-round{color:var(--sb-red);font-weight:900}.chip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.wrap-row{justify-content:center}.chip{border:2px solid var(--sb-ink);background:var(--sb-foam);color:var(--sb-ink);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 2px 0 var(--sb-ink)}.chip:active{transform:translateY(2px);box-shadow:none}.chip-on{background:var(--sb-ink);color:var(--sb-foam)}.chip-count{opacity:.6;font-size:11px}.ruleta-question{margin:0;font-size:14px;color:var(--sb-ink-soft);font-weight:800;text-transform:uppercase;letter-spacing:1px}.ruleta-opts{display:flex;align-items:stretch;gap:10px;width:100%}.ruleta-opt{flex:1;border-radius:14px;padding:18px 10px;font-size:17px;font-weight:800;border:2.5px dashed var(--sb-grey-deep);background:var(--sb-cream);display:flex;align-items:center;justify-content:center;text-align:center;min-height:110px;color:var(--sb-ink);transition:all .12s}.opt-left{background:#1e5f8a14}.opt-right{background:#c25e3317}.opt-win{border-style:solid;border-color:var(--sb-green);transform:scale(1.04);box-shadow:0 3px 0 var(--sb-green)}.ruleta-vs{align-self:center;font-family:var(--sb-font-stamp);font-size:24px;color:var(--sb-ink-soft)}.card-bomba-idle{cursor:default}.card-bomba-armed{cursor:default;background:radial-gradient(420px 240px at 50% 0%,rgba(143,63,29,.18),transparent 70%),var(--sb-foam);border-color:var(--sb-red-deep);box-shadow:0 4px 0 var(--sb-red-deep)}.bomb-face{font-size:72px;line-height:1;animation:bombPulse 1s infinite}.bomb-critical{animation-duration:.25s}@keyframes bombPulse{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.12);filter:drop-shadow(0 0 18px rgba(143,63,29,.75))}}.bomb-timer{font-family:var(--sb-font-stamp);font-size:88px;color:var(--sb-red-deep);line-height:1}.card-boom{cursor:default;background:#8f3f1d1f;border-color:var(--sb-red-deep);box-shadow:0 4px 0 var(--sb-red-deep)}.boom-flash{font-size:52px;animation:boomIn .35s ease}@keyframes boomIn{0%{transform:scale(2.4);opacity:0}to{transform:scale(1);opacity:1}}.btn{border:2.5px solid var(--sb-ink);border-radius:14px;padding:14px 18px;font-size:15.5px;font-weight:900;font-family:inherit;cursor:pointer;transition:transform .06s,box-shadow .06s;box-shadow:0 3px 0 var(--sb-ink)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sb-ink)}.btn:disabled{opacity:.45;cursor:default}.btn-block{width:100%}.btn-primary{background:var(--sb-red);color:var(--sb-foam)}.btn-danger{background:var(--sb-red-deep);color:var(--sb-foam)}.btn-ghost{background:var(--sb-cream);color:var(--sb-ink)}.btn-danger-ghost{background:var(--sb-cream);color:var(--sb-red-deep);border-color:var(--sb-red-deep)}.btn-small{padding:9px 14px;font-size:13px;border-radius:11px;box-shadow:0 2px 0 var(--sb-ink)}.form-hint{color:var(--sb-ink-soft);font-size:13px;margin:0;text-align:center}.form-fields{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field>span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--sb-ink-soft)}.field input,.field textarea,.pin-input{background:var(--sb-foam);border:2px solid var(--sb-ink);border-radius:12px;padding:13px 14px;color:var(--sb-ink);font-family:inherit;font-size:15px;resize:none}.field input:focus,.field textarea:focus,.pin-input:focus{outline:3px solid rgba(194,94,51,.45);border-color:var(--sb-red)}.char-count{position:absolute;right:10px;bottom:10px;font-size:11px;color:var(--sb-ink-soft)}.pin-input{text-align:center;font-size:24px;letter-spacing:8px;font-weight:800}.sub-list{display:flex;flex-direction:column;gap:10px}.sub-row{background:var(--sb-foam);border:2.5px solid var(--sb-ink);border-radius:14px;box-shadow:0 3px 0 var(--sb-ink);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sub-row-off{opacity:.55}.sub-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sub-game{font-weight:900;font-size:14px}.sub-meta{font-size:11.5px;color:var(--sb-ink-soft);font-weight:700}.sub-member{display:inline-flex;align-items:center;gap:5px}.sub-member .sb-avatar{border-width:1.5px}.sub-text{margin:0;font-size:15px;line-height:1.4;color:var(--sb-ink)}.sub-tags{display:flex;gap:6px;flex-wrap:wrap}.sub-tags .kind-badge,.sub-tags .tier-badge{position:static}.sub-actions{display:flex;gap:8px}.ok-msg{text-align:center;color:var(--sb-green);font-weight:900;font-size:14px}.loading{text-align:center;color:var(--sb-ink-on-grey);padding:40px 0;font-weight:700}.alert{background:#c25e3324;border:2px solid var(--sb-red);color:var(--sb-red-deep);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;text-align:center}.footer{display:flex;justify-content:space-between;align-items:center;color:var(--sb-ink-on-grey);font-size:12px;font-weight:600;padding-top:6px}.footer-admin{color:var(--sb-ink-on-grey);text-decoration:underline dotted}.my-cards{margin-top:18px;display:flex;flex-direction:column;gap:10px}.my-cards-title{margin:0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:var(--sb-ink-soft);text-align:center}