@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";.theme-deco{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.theme-deco-particle{position:absolute;top:-10%;-webkit-user-select:none;user-select:none;line-height:1;animation:decoFall linear infinite both;will-change:transform}@keyframes decoFall{0%{transform:translateY(-8vh) rotate(0);opacity:var(--deco-op, .4)}to{transform:translateY(110vh) rotate(360deg);opacity:0}}[data-tema=halloween] .theme-deco-particle{animation-name:decoFly}@keyframes decoFly{0%{transform:translate(-5vw,-5vh) rotate(-10deg);opacity:.6}50%{transform:translate(5vw,50vh) rotate(10deg);opacity:.5}to{transform:translate(-3vw,110vh) rotate(-5deg);opacity:0}}[data-tema=navidad] .theme-deco-particle{animation-name:decoSnow}@keyframes decoSnow{0%{transform:translate(0) translateY(-8vh);opacity:.7}25%{transform:translate(15px) translateY(25vh)}50%{transform:translate(-10px) translateY(55vh)}75%{transform:translate(12px) translateY(80vh)}to{transform:translate(-5px) translateY(110vh);opacity:0}}[data-tema=sanvalentin] .theme-deco-particle{animation-name:decoFloat;top:auto;bottom:-10%}@keyframes decoFloat{0%{transform:translateY(0) scale(1) rotate(0);opacity:.6}50%{transform:translateY(-50vh) scale(1.1) rotate(10deg);opacity:.5}to{transform:translateY(-115vh) scale(.8) rotate(-5deg);opacity:0}}[data-tema=babyshower] .theme-deco-particle,[data-tema=genderreveal] .theme-deco-particle{animation-name:decoBubble;top:auto;bottom:-10%}@keyframes decoBubble{0%{transform:translateY(0) translate(0) scale(1);opacity:.5}33%{transform:translateY(-35vh) translate(8px) scale(1.05)}66%{transform:translateY(-70vh) translate(-8px) scale(.95)}to{transform:translateY(-115vh) translate(4px) scale(.8);opacity:0}}[data-tema=easter] .theme-deco-particle{animation-name:decoBounce}@keyframes decoBounce{0%{transform:translateY(-8vh) rotate(0);opacity:.6}20%{transform:translateY(25vh) rotate(90deg) scaleY(.9)}40%{transform:translateY(20vh) rotate(90deg) scaleY(1.1)}60%{transform:translateY(55vh) rotate(180deg) scaleY(.95)}80%{transform:translateY(50vh) rotate(180deg) scaleY(1.05)}to{transform:translateY(110vh) rotate(360deg);opacity:0}}[data-tema=boda] .theme-deco-particle{animation-name:decoPetal}@keyframes decoPetal{0%{transform:translate(0) translateY(-8vh) rotate(0);opacity:.5}25%{transform:translate(20px) translateY(25vh) rotate(45deg)}50%{transform:translate(-15px) translateY(55vh) rotate(90deg)}75%{transform:translate(10px) translateY(80vh) rotate(135deg)}to{transform:translate(-8px) translateY(110vh) rotate(180deg);opacity:0}}[data-tema=empresa] .theme-deco-particle{animation-name:decoStar}@keyframes decoStar{0%{transform:translateY(-8vh) scale(.5) rotate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(55vh) scale(1) rotate(180deg);opacity:.4}to{transform:translateY(110vh) scale(.5) rotate(360deg);opacity:0}}[data-tema=default] .theme-deco-particle,[data-tema=despedida] .theme-deco-particle{animation-name:decoConfeti}@keyframes decoConfeti{0%{transform:translateY(-8vh) rotate(0) skew(0);opacity:.5}25%{transform:translateY(25vh) rotate(120deg) skew(10deg)}50%{transform:translateY(55vh) rotate(240deg) skew(-8deg)}75%{transform:translateY(80vh) rotate(320deg) skew(5deg)}to{transform:translateY(110vh) rotate(360deg) skew(0);opacity:0}}@media(prefers-reduced-motion:reduce){.theme-deco-particle{animation:none!important;display:none}}.toast-wrapper{position:fixed;bottom:90px;right:24px;z-index:9500;animation:toastIn .3s ease-out both;max-width:calc(100vw - 48px)}.toast{background:var(--card);border:1px solid var(--accent-start);border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;color:var(--text);box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-break:break-word}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.toast-wrapper{right:12px;left:12px;max-width:unset}}@media(min-width:1600px){.toast-wrapper{bottom:110px;right:36px}.toast{font-size:1.1rem;padding:1rem 1.75rem}}.confirm-overlay{position:fixed;inset:0;z-index:9100;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-box{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:clamp(1.25rem,4vw,2rem);width:min(400px,100%);display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px #000000b3}.confirm-title{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:700;margin:0}.confirm-message{color:var(--text-muted);font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.55;margin:0}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap}.confirm-cancel{padding:clamp(.6rem,2vw,.65rem) clamp(1rem,3vw,1.2rem);font-size:clamp(.85rem,2vw,.95rem);min-height:44px}.confirm-ok{padding:clamp(.6rem,2vw,.65rem) clamp(1.1rem,3vw,1.4rem);border-radius:999px;border:none;font-size:clamp(.85rem,2vw,.95rem);font-weight:600;cursor:pointer;transition:transform .15s ease;font-family:var(--font-display);min-height:44px}.confirm-ok:hover{transform:translateY(-1px)}.confirm-ok--danger{background:linear-gradient(120deg,#f44,#c00);color:#fff;box-shadow:0 6px 20px #c8000066}@media(max-width:400px){.confirm-actions{flex-direction:column-reverse}.confirm-cancel,.confirm-ok{width:100%;text-align:center}}@media(min-width:1600px){.confirm-box{width:min(520px,90vw);padding:2.5rem}.confirm-title{font-size:1.5rem}.confirm-message,.confirm-ok,.confirm-cancel{font-size:1.1rem}}.social-links{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.social-link{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffffa6;text-decoration:none;flex-shrink:0;transition:transform .2s,background .2s,color .2s,box-shadow .2s,border-color .2s}.social-link:hover{transform:translateY(-2px);color:#fff}.social-link--instagram:hover{background:#e1306c2e;border-color:#e1306c80;box-shadow:0 6px 20px #e1306c47}.social-link--facebook:hover{background:#1877f22e;border-color:#1877f280;box-shadow:0 6px 20px #1877f247}.social-link--tiktok:hover{background:#fe2c552e;border-color:#fe2c5580;box-shadow:0 6px 20px #fe2c5547}.social-links--sm .social-link{width:30px;height:30px}.social-links--sm .social-link svg{width:15px;height:15px}.social-links--md .social-link{width:38px;height:38px}.social-links--md .social-link svg{width:18px;height:18px}.social-links--lg .social-link{width:44px;height:44px}.social-links--lg .social-link svg{width:22px;height:22px}.navbar-socials-mobile{display:none;list-style:none}@media(max-width:860px){.navbar-socials-mobile{display:flex;justify-content:center;padding:.75rem 0 .25rem;border-top:1px solid rgba(255,255,255,.07);margin-top:.25rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:200;background:#020113;border-bottom:1px solid rgba(255,255,255,.07)}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);height:150px;display:flex;align-items:center;gap:1.5rem}.navbar-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-logo img{height:150px;width:auto;max-width:220px;object-fit:contain}.navbar-links{display:flex;list-style:none;gap:.15rem;padding:0;margin:0 0 0 auto;align-items:center}.navbar-link{display:block;padding:.45rem .95rem;border-radius:999px;color:#ffffffb8;text-decoration:none;font-size:.92rem;font-weight:500;transition:color .2s,background .2s;white-space:nowrap}.navbar-link:hover{color:#fff;background:#ffffff14}.navbar-link.active{color:#f07020;background:#f070201a}.navbar-cta{border:none;border-radius:999px;padding:.55rem 1.3rem;background:linear-gradient(120deg,#f07020,#9b65ff);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s;font-family:inherit;flex-shrink:0}.navbar-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f0702066}.navbar-cta-mobile{display:none}.navbar-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:8px;margin-left:auto;flex-shrink:0}.navbar-burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s,width .25s;transform-origin:center}.navbar-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:860px){.navbar-links,.navbar-cta-desk{display:none}.navbar-burger{display:flex}.navbar-logo img{height:50px;max-width:160px}.navbar-inner>.social-links{display:none}.navbar-links.open{display:flex;position:absolute;top:150px;left:0;right:0;flex-direction:column;align-items:stretch;background:#0c0423;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem;gap:.25rem;margin:0}}@media(max-width:768px){.navbar-cta-desk{display:none}.navbar-burger{display:flex}.navbar-links{display:none;position:absolute;top:150px;left:0;right:0;flex-direction:column;align-items:stretch;background:#0c0423;border-bottom:1px solid rgba(255,255,255,.07);padding:1rem;gap:.25rem;margin:0}.navbar-links.open{display:flex}.navbar-link{padding:.75rem 1rem;border-radius:12px;font-size:1rem}.navbar-cta-mobile{display:block;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.07);margin-top:.25rem}.navbar-cta-mobile .navbar-cta{width:100%;padding:.75rem;font-size:1rem}.navbar-user-menu{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.07);margin-top:.25rem}.navbar-user-menu .navbar-logout{width:100%;padding:.75rem;font-size:1rem}}.navbar-user-menu{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.navbar-user-menu--desk{margin-left:0}.navbar-user-name{font-size:.9rem;font-weight:600;color:var(--text, #fdfcff);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.navbar-logout{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.45rem 1rem;background:transparent;color:#ffffffa6;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s;font-family:inherit;flex-shrink:0}.navbar-logout:hover{border-color:#f07020;color:#f07020}.qs-fab{position:fixed;bottom:1.75rem;right:1.75rem;z-index:300;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#6b35d9,#f07020);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #6b35d980,0 2px 8px #0006;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.qs-fab:hover{transform:scale(1.1);box-shadow:0 10px 32px #6b35d9a6,0 4px 12px #00000080}.qs-fab-icon{display:inline-block;transition:transform .4s ease;line-height:1}.qs-fab-icon.open{transform:rotate(90deg)}.qs-backdrop{position:fixed;inset:0;z-index:290;background:#0401128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.qs-panel{position:fixed;top:0;right:0;bottom:0;z-index:295;width:360px;max-width:100vw;background:#110630;border-left:1px solid rgba(255,255,255,.09);box-shadow:-8px 0 48px #000000b3;display:flex;flex-direction:column;overflow:hidden}.qs-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08;flex-shrink:0}.qs-header h2{font-size:1.05rem;font-weight:700;margin:0;background:linear-gradient(120deg,#f07020,#9b65ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qs-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.qs-close:hover{background:#ffffff1a;color:#fff}.qs-body{flex:1;overflow-y:auto;padding:.5rem 0 2rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.qs-body::-webkit-scrollbar{width:4px}.qs-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.qs-section{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem;border-bottom:1px solid rgba(255,255,255,.06)}.qs-section:last-child{border-bottom:none}.qs-section h3{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0}.qs-toggle-row{display:flex}.qs-vol-row{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:opacity .2s}.qs-vol-row.qs-disabled{opacity:.35;pointer-events:none}.qs-vol-label{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.qs-vol-label span{color:var(--text-muted)}.qs-vol-label strong{color:#f07020;font-size:.92rem}.qs-player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.qs-player-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:10px;gap:.5rem}.qs-player-name{display:flex;align-items:center;gap:.6rem;font-size:.92rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-player-num{font-size:.72rem;font-weight:700;color:#6b35d9;background:#6b35d926;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qs-player-remove{background:transparent;border:none;color:#ffffff4d;cursor:pointer;font-size:.75rem;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.qs-player-remove:hover{background:#ef444426;color:#f87171}.qs-empty{font-size:.85rem;color:var(--text-muted);text-align:center;padding:.75rem;background:#ffffff08;border-radius:10px;margin:0}.qs-add-row{display:flex;gap:.5rem}.qs-add-input{flex:1;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);font-size:.92rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.qs-add-input:focus{outline:none;border-color:#6b35d9;box-shadow:0 0 0 3px #6b35d933}.qs-add-btn{width:40px;height:40px;border-radius:10px;border:none;background:linear-gradient(135deg,#6b35d9,#f07020);color:#fff;font-size:1.4rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,opacity .15s;line-height:1}.qs-add-btn:hover:not(:disabled){transform:scale(1.08)}.qs-add-btn:disabled{opacity:.35;cursor:not-allowed}.qs-teams{display:flex;flex-direction:column;gap:.75rem}.qs-team-field{display:flex;flex-direction:column;gap:.35rem}.qs-team-field label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.qs-team-input{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);font-size:.95rem;font-family:inherit;font-weight:600;transition:border-color .2s,box-shadow .2s}.qs-team-input:focus{outline:none;border-color:#f07020;box-shadow:0 0 0 3px #f070202e}@media(max-width:480px){.qs-panel{inset:auto 0 0;width:100%;max-height:88dvh;border-left:none;border-top:1px solid rgba(255,255,255,.09);border-radius:24px 24px 0 0;box-shadow:0 -8px 48px #000000b3;padding-bottom:env(safe-area-inset-bottom,0px)}.qs-header:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 1rem}.qs-fab{bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));right:1.25rem;width:48px;height:48px}}@media(min-width:481px)and (max-width:768px){.qs-panel{width:min(360px,90vw)}}.wa-btn{position:fixed;bottom:1.75rem;left:1.75rem;z-index:250;display:flex;align-items:center;gap:0;background:#25d366;color:#fff;text-decoration:none;border-radius:999px;padding:.7rem;box-shadow:0 4px 20px #25d36673;font-family:var(--font-display);font-size:.88rem;font-weight:600;white-space:nowrap;transition:transform .2s,box-shadow .2s,padding .25s,gap .25s;overflow:hidden}.wa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #25d3668c;padding:.7rem 1.1rem .7rem .8rem;gap:.6rem}.wa-icon{width:26px;height:26px;flex-shrink:0}.wa-label{max-width:0;opacity:0;overflow:hidden;transition:max-width .25s,opacity .2s .05s;white-space:nowrap}.wa-btn:hover .wa-label{max-width:180px;opacity:1}@media(max-width:480px){.wa-btn{bottom:1.25rem;left:1.25rem;border-radius:50%;padding:.7rem}.wa-btn:hover{padding:.7rem;gap:0;border-radius:50%}.wa-label{display:none}}.pause-overlay{position:fixed;inset:0;z-index:9000;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.pause-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2rem);width:min(440px,100%);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem);box-shadow:0 24px 80px #000000b3}.pause-header{text-align:center;display:flex;flex-direction:column;gap:.4rem}.pause-icon{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1}.pause-header h2{font-size:clamp(1.2rem,4vw,1.6rem);margin:0}.pause-header p{color:var(--text-muted);font-size:clamp(.8rem,2vw,.9rem)}.pause-sliders{display:flex;flex-direction:column;gap:.75rem}.pause-resume-btn{width:100%;font-size:clamp(.9rem,2.5vw,1.05rem);padding:clamp(.75rem,2.5vw,1rem)}.pause-exit-btn{width:100%;padding:clamp(.6rem,2vw,.75rem);border-radius:999px;border:1px solid var(--card-border);background:transparent;color:var(--text-muted);font-size:clamp(.85rem,2vw,.95rem);font-weight:600;cursor:pointer;transition:color .2s,border-color .2s,background .2s;font-family:var(--font-display);min-height:44px}.pause-exit-btn:hover{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b1a}@media(min-width:1600px){.pause-modal{width:min(580px,90vw);padding:2.5rem}.pause-header h2{font-size:2rem}.pause-resume-btn{font-size:1.2rem}}.pause-fab{position:fixed;bottom:24px;right:24px;z-index:8000;width:54px;height:54px;border-radius:50%;border:2px solid var(--card-border);background:var(--card);color:var(--text);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000080;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pause-fab:hover{transform:scale(1.1);border-color:var(--accent-start);box-shadow:0 12px 32px #0009}.pause-fab:active{transform:scale(.96)}@media(min-width:1600px){.pause-fab{width:70px;height:70px;font-size:1.8rem;bottom:36px;right:36px}}:root{--bg: #0C0423;--bg-secondary: #1F0A5C;--bg-gradient-1: #6B35D9;--bg-gradient-2: #F07020;--card: rgba(31, 10, 92, .65);--card-border: rgba(255, 255, 255, .1);--card-highlight: rgba(255, 255, 255, .05);--text: #fdfcff;--text-muted: rgba(255, 255, 255, .65);--accent-start: #F07020;--accent-end: #9B65FF;--accent-soft: rgba(240, 112, 32, .15);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 12px;--font-display: "Poppins", "Space Grotesk", system-ui, sans-serif;--glow-1: rgba(240, 112, 32, .5);--glow-2: rgba(107, 53, 217, .6);--settings-glow: rgba(107, 53, 217, .45)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:calc(16px * var(--font-scale, 1))}html,body{min-height:100%;overflow-x:hidden}body{font-family:var(--font-display);background:radial-gradient(circle at 20% 20%,var(--bg-gradient-1),transparent 55%),radial-gradient(circle at 80% 0%,var(--bg-gradient-2),transparent 45%),var(--bg);color:var(--text);line-height:1.6}.app-container{min-height:100vh;padding:clamp(1.5rem,4vw,3.5rem);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.home,.settings{width:min(1280px,100%);margin-inline:auto;position:relative;z-index:1}.home{display:flex;flex-direction:column;gap:1.75rem}@media(min-width:1100px){.home{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:start;gap:1.75rem}.home-hero{grid-column:1;grid-row:1 / 3}.home-features{grid-column:2;grid-row:1}.home-glow-one,.home-glow-two{display:none}}.home-hero{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.75rem,4vw,3.5rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #05011499}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:999px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);color:var(--text)}.home-title{font-size:clamp(3.2rem,8vw,4.5rem);margin:1rem 0 .75rem;letter-spacing:-.03em}.home-copy{max-width:540px;color:var(--text-muted)}.home-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 1.5rem}.btn-primary,.btn-ghost,.btn-outline{border:none;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(120deg,var(--accent-start),var(--accent-end));color:#fff;box-shadow:0 15px 40px #f0702066}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;border:1px solid var(--text-muted);color:var(--text)}.btn-outline{background:transparent;border:1px dashed var(--text-muted);color:var(--text);border-radius:var(--radius-sm)}.home-player-status{display:inline-block;font-size:.92rem;color:var(--text-muted);cursor:pointer;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--card-border);background:var(--card-highlight);transition:border-color .2s,color .2s;margin-bottom:.5rem}.home-player-status:hover{border-color:var(--accent-start);color:var(--text)}.home-player-status--warn{color:#ffb347;border-color:#ffa50066;background:#ffa50014}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.home-stat{padding:1rem 1.2rem;border-radius:var(--radius-sm);background:var(--card-highlight);border:1px solid var(--card-border)}.home-stat span{display:block;font-size:.92rem;color:var(--text-muted)}.home-stat strong{font-size:1.65rem}.home-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.home-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--card-border);box-shadow:inset 0 0 0 1px #ffffff05;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.home-card:hover{border-color:var(--accent-start);transform:translateY(-3px);background:#ff8afd0f}.home-card h3{margin-bottom:.25rem;font-size:1rem}.home-card p{color:var(--text-muted);font-size:1rem;flex:1}.home-card-emoji{font-size:2rem;line-height:1}.home-card-cta{font-size:.92rem;font-weight:600;color:var(--accent-start);margin-top:auto}.home-info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--card-border);box-shadow:inset 0 0 0 1px #ffffff05}.home-info-card--warn{border-color:#ffa50059;background:#ffa5000f}.home-info-label{font-size:.88rem;color:var(--text-muted);margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.06em}.home-info-value{font-size:1rem;font-weight:600;color:var(--text)}.home-info-card--warn .home-info-value{color:#ffb347}.setup-block{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 14px 35px #03001280}.player-chip-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.player-chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--card-border);background:#ffffff14;font-size:.9rem}.game-intro{width:min(1100px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:1.5rem}.intro-header{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.75rem,4vw,3rem);box-shadow:0 20px 50px #04000c99}.intro-header h1{font-size:clamp(2.4rem,6vw,3.6rem);margin:.75rem 0 .4rem}.intro-header p{color:var(--text-muted)}.intro-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.intro-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 12px 30px #04000c73;display:flex;flex-direction:column;gap:1rem}.intro-card header h3{margin-bottom:.35rem}.intro-card header p{color:var(--text-muted);font-size:1rem}.empty-state{color:var(--text-muted);font-size:1rem;background:#ffffff0a;padding:1rem;border-radius:var(--radius-sm)}.intro-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.5rem;color:var(--text-muted)}.intro-list li:before{content:"•";margin-right:.5rem;color:var(--accent-start)}.home-glow{position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(80px);opacity:.6;animation:glowPulse 6s ease-in-out infinite alternate;pointer-events:none}.home-glow-one{top:-60px;left:-40px;background:var(--glow-1)}.home-glow-two{bottom:-80px;right:-30px;background:var(--glow-2)}.settings{display:flex;flex-direction:column;gap:1.5rem}.settings-glow{position:absolute;inset:auto 10% -40% auto;width:200px;height:200px;border-radius:50%;background:var(--settings-glow);filter:blur(160px)}.settings-header{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 18px 50px #04000ca6}.settings-header h1{font-size:clamp(2rem,5vw,3rem);margin:.75rem 0 .35rem}.settings-header p{color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.settings-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 30px #04000c73}.settings-card-head h2{margin-bottom:.35rem}.settings-card-head p{color:var(--text-muted)}.input-label{font-size:.93rem;color:var(--text-muted)}.input-field{width:100%;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text);font-size:1rem}.input-field:focus{outline:none;border-color:var(--accent-start);box-shadow:0 0 0 2px #ff8afd4d}.player-list{display:flex;flex-direction:column;gap:.75rem}.player-row{display:flex;gap:.6rem;align-items:center}.icon-button{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-highlight);color:var(--text);font-size:1.1rem;cursor:pointer}.icon-button:hover{border-color:var(--accent-start)}.toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600}.toggle input{display:none}.toggle-slider{width:50px;height:28px;border-radius:999px;background:#fff3;position:relative;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s ease}.toggle input:checked+.toggle-slider{background:linear-gradient(120deg,var(--accent-start),var(--accent-end))}.toggle input:checked+.toggle-slider:after{transform:translate(22px)}.volume-row{border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.4rem}.volume-row strong{font-size:1.4rem}.rules-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.rules-description{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.rules-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.rules-steps li{display:flex;align-items:flex-start;gap:1rem}.step-number{display:flex;align-items:center;justify-content:center;min-width:32px;width:32px;height:32px;border-radius:50%;background:linear-gradient(120deg,var(--accent-start),var(--accent-end));font-weight:600;font-size:.9rem;flex-shrink:0}.step-text{padding-top:.35rem;color:var(--text);line-height:1.6;font-size:1rem}.rules-notes{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.rules-notes li{display:flex;align-items:flex-start;gap:.8rem;color:var(--text-muted);font-size:1rem}.rules-notes li:before{content:"⚠️";flex-shrink:0;margin-top:.1rem}.notes-card{background:#ffa50014!important;border-color:#ffa50040!important}.notes-card h2{color:#ffb347}.intro-rules-card{gap:0}.intro-rules-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;padding:0;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--font-display);min-height:44px;transition:color .2s}.intro-rules-toggle:hover{color:var(--text)}.intro-theme-suggest{font-size:.92rem;padding:.5rem 1rem;border-color:var(--accent-soft);color:var(--text-muted);text-align:left;border-radius:var(--radius-sm)}.intro-theme-suggest em{font-style:normal;color:var(--text)}.intro-rules-arrow{font-size:1.1rem;transition:transform .25s ease;display:inline-block}.intro-rules-arrow.open{transform:rotate(180deg)}.intro-rules-body{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--card-border)}.intro-rules-slider{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.intro-rules-slider{grid-template-columns:1fr}}.volume-slider{width:100%;accent-color:var(--accent-end)}.lnd-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .95rem;border-radius:999px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#f070201f;color:#f07020;border:1px solid rgba(240,112,32,.25)}.fade-in{animation:fadeIn .45s ease-out both}.scale-in{animation:scaleIn .4s ease-out both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{transform:scale(.9);opacity:.45}to{transform:scale(1.1);opacity:.75}}button{touch-action:manipulation}.game-back-btn{position:fixed;top:20px;left:20px;z-index:999;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--card-border);background:var(--card);color:var(--text-muted);font-size:.93rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s,border-color .2s,background .2s;font-family:var(--font-display)}.game-back-btn:hover{color:var(--text);border-color:var(--accent-start);background:var(--accent-soft)}@media(max-width:768px){.home-actions{flex-direction:column}.intro-grid{grid-template-columns:1fr}.intro-actions{flex-direction:column}.home-stats,.home-features,.settings-grid{grid-template-columns:1fr}.btn-primary,.btn-ghost,.btn-outline{width:100%}.player-row{flex-direction:column;align-items:stretch}.icon-button{width:100%}.settings-header{text-align:center}.game-back-btn{top:12px;left:12px;font-size:.82rem;padding:.45rem .85rem}}@media(max-width:480px){.home-actions{gap:.6rem}.settings-card,.rules-card,.intro-card{padding:1.25rem}.icon-button{min-height:44px;width:100%}.game-back-btn{top:8px;left:8px;font-size:.78rem;padding:.4rem .75rem}}@media(min-width:1600px){.app-container{max-width:100%;padding:clamp(2rem,5vw,5rem)}.home,.settings{width:min(1600px,100%)}.game-intro{width:min(1400px,100%)}.home-title{font-size:5.5rem}.home-copy{font-size:1.25rem}.btn-primary,.btn-ghost,.btn-outline{font-size:1.2rem;padding:1.1rem 2.25rem}.settings-card,.rules-card,.intro-card{padding:2.5rem}.game-back-btn{top:28px;left:28px;font-size:1rem;padding:.75rem 1.5rem}.volume-row{padding:1.25rem}.input-field{font-size:1.1rem;padding:.875rem 1.25rem}.home-stat strong{font-size:1.5rem}}