@import "https://fonts.googleapis.com/css2?family=Titan+One&family=Fredoka:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons+Round";
@import "https://fonts.googleapis.com/css2?family=Titan+One&family=Nunito:wght@400;600;700;800&display=swap";
:root{--bg:#f6d9a9;--ink:#2a1b14;--card:#fff7e8;--card-border:#2a1b141a;--shadow:0 10px 30px #2a1b141f;--ribbon-blue:#4858a8;--ribbon-red:#a65454;--ribbon-green:#2f6b3f;--ribbon-olive:#6b5b2a;--font-rounded:"Nunito","Quicksand","Avenir Next Rounded","Trebuchet MS",var(--font-sans),sans-serif}
.theme-candy{--bg1:#8cc7d7;--bg2:#f2b7c8;--bg3:#f6e0c8;--glass:#ffffff38;--glass-strong:#ffffff52;--stroke:#ffffff59;--shadow:0 18px 40px #1414282e;--shadow-soft:0 10px 25px #1414281f;--ink:#1e1e28bf;--bg:var(--bg1)}
@keyframes candy-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.candy-shake{animation:.18s ease-in-out candy-shake}.candy-piece{transition:transform .15s,box-shadow .15s;box-shadow:inset -4px -4px 8px #00000026,inset 4px 4px 8px #fff6,0 6px 12px #0000001f}.candy-piece--ready:hover{transform:scale(1.05)translateY(-2px)}.candy-piece:active{transform:scale(.96);box-shadow:inset 2px 2px 4px #0003}.candy-piece--disabled{cursor:not-allowed;opacity:.8}.candy-board-grid{--candy-gap:.625rem}.candy-tile{will-change:transform}@keyframes candy-swap-from-left{0%{transform:translateX(calc((100% + var(--candy-gap,.625rem))*-1))}to{transform:translate(0)}}@keyframes candy-swap-from-right{0%{transform:translateX(calc(100% + var(--candy-gap,.625rem)))}to{transform:translate(0)}}@keyframes candy-swap-from-top{0%{transform:translateY(calc((100% + var(--candy-gap,.625rem))*-1))}to{transform:translateY(0)}}@keyframes candy-swap-from-bottom{0%{transform:translateY(calc(100% + var(--candy-gap,.625rem)))}to{transform:translateY(0)}}.candy-swap-from-left{animation:.16s candy-swap-from-left}.candy-swap-from-right{animation:.16s candy-swap-from-right}.candy-swap-from-top{animation:.16s candy-swap-from-top}.candy-swap-from-bottom{animation:.16s candy-swap-from-bottom}@keyframes candy-burst{0%{opacity:0;transform:scale(.4)}40%{opacity:1}to{opacity:0;transform:scale(1.6)}}.candy-burst{background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff26 60%,#fff0);border-radius:1rem;width:80%;height:80%;animation:.6s ease-out forwards candy-burst;box-shadow:0 0 18px #fffc}
.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.games-hub{color:#5b4b4e;background-color:#ffeb3b;background-image:radial-gradient(circle at 10% 20%,#fff9c4 10%,#0000 10.2%),radial-gradient(circle at 90% 80%,#fff9c4 15%,#0000 15.2%),radial-gradient(circle,#ffffff4d 2%,#0000 2.5%),radial-gradient(circle at 20% 90%,#ff408133 1%,#0000 1.5%),radial-gradient(circle at 80% 10%,#2979ff33 1%,#0000 1.5%);background-size:100% 100%,100% 100%,100px 100px,200px 200px,150px 150px;width:calc(100% + 3rem);min-height:100vh;margin:-2.5rem -1.5rem;padding:2.5rem 1.5rem 5rem;font-family:Fredoka,sans-serif;position:relative;overflow-x:hidden}.games-hub__decor{pointer-events:none;z-index:0;position:absolute;inset:0}.games-hub__orb{filter:blur(22px);opacity:.7;border-radius:999px;animation:6s ease-in-out infinite pulse-soft;position:absolute}.games-hub__orb--left{background:#ffffff80;width:96px;height:96px;top:80px;left:40px}.games-hub__orb--right{background:#ffb6c173;width:140px;height:140px;animation-delay:.7s;bottom:140px;right:40px}.games-hub__spark{opacity:.6;border-radius:999px;position:absolute}.games-hub__spark--pink{background:#ff4081;width:32px;height:12px;top:120px;left:12%;transform:rotate(-35deg)}.games-hub__spark--blue{background:#2979ff;width:14px;height:14px;top:260px;right:15%}.games-hub__spark--green{border:4px solid #76ff03;width:30px;height:30px;bottom:90px;left:18%}.games-hub__spark--purple{background:#8e63ff;width:36px;height:12px;top:40px;right:30%;transform:rotate(12deg)}.games-hub__nav{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:80rem;margin:0 auto;padding:2rem 0 1rem;display:flex;position:relative}.games-hub__brand{align-items:center;gap:1rem;display:flex}.games-hub__sun{background:#fff9;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;animation:14s linear infinite spin-slow;display:flex;position:relative;box-shadow:0 6px 16px #00000026}.games-hub__sun span{color:#ff9800;font-size:42px}.games-hub__brand-tag{color:#ff4081;letter-spacing:.2em;text-transform:uppercase;background:#ffffffb3;border-radius:12px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.7rem;font-weight:800;display:inline-flex}.games-hub__brand-title{color:#2979ff;text-shadow:2px 2px #0000001a,-1px -1px #ffffff80;font-family:Titan One,cursive;font-size:clamp(2rem,4vw,3rem)}.games-hub__settings{z-index:20;position:fixed;bottom:1.5rem;right:1.5rem}.games-hub__settings-btn{border-radius:50%;width:56px;height:56px;padding:0}.games-hub__settings-btn span{font-size:2rem}.games-hub__settings-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#fffffff2;border-radius:1.5rem;flex-direction:column;gap:.5rem;padding:.75rem;animation:.2s ease-out fadeInUp;display:flex;position:absolute;bottom:calc(100% + .75rem);right:0;box-shadow:0 8px 24px #00000026}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jelly-btn{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:1.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:900;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:inset 0 6px 10px #fff6,0 6px #00000026,0 10px 10px #0000001a}.jelly-btn:active{transform:translateY(6px);box-shadow:inset 0 6px 10px #0000001f}.jelly-btn--pink{color:#fff;background:#ff4081;border-bottom:6px solid #c51162}.jelly-btn--blue{color:#fff;background:#2979ff;border-bottom:6px solid #2962ff}.jelly-btn--green{color:#353535;background:#76ff03;border-bottom:6px solid #64dd17}.jelly-btn--ghost{box-shadow:none;color:#6b6b6b;background:#fff;border:2px solid #e5e7eb}.jelly-btn.is-off{filter:grayscale(.4)brightness(.95);opacity:.7}.games-hub__main{z-index:1;flex-direction:column;gap:4rem;max-width:80rem;margin:0 auto;padding-bottom:2rem;display:flex;position:relative}.games-hub__top-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;display:grid}.clay-card{background:#fff;border-radius:2.5rem;padding:2.5rem;position:relative;box-shadow:inset -10px -10px 20px #0000000d,inset 10px 10px 20px #fff,10px 18px 30px #0000001f}.clay-card__badge{border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:-24px;right:20px;box-shadow:0 8px 14px #0000001f}.clay-card__badge span{font-size:2.4rem}.clay-card__badge--blue{color:#2979ff;background:#e3f2fd}.clay-card__badge--pink{color:#ff4081;background:#ffe0ef}.clay-card h2{margin-bottom:.5rem;font-family:Titan One,cursive;font-size:2rem}.clay-card__title--blue{color:#2979ff}.clay-card__title--pink{color:#ff4081}.clay-card p{color:#7c7c7c;font-weight:500}.clay-form{gap:1.5rem;margin-top:1.5rem;display:grid}.clay-label{color:#b0b0b0;letter-spacing:.2em;text-transform:uppercase;margin-left:.75rem;font-size:.8rem;font-weight:800}.clay-input,.clay-select{color:#5a5a5a;background:#f8f8f8;border:none;border-radius:1.5rem;outline:none;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;box-shadow:inset 4px 4px 8px #0000000f}.clay-input:focus,.clay-select:focus{box-shadow:inset 4px 4px 10px #00000014,0 0 0 4px #2979ff33}.clay-input--code{color:#ff4081;letter-spacing:.35em;text-align:center;text-transform:uppercase;font-family:Titan One,cursive}.lobby-list{gap:1rem;margin-top:2rem;display:grid}.lobby-item{color:inherit;background:#fff;border:2px solid #0000;border-radius:1.5rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s,border .2s;display:flex;box-shadow:0 4px 10px #0000000d}.lobby-item:hover{border-color:#ffc10766;transform:translateY(-4px)}.lobby-item__content{align-items:center;gap:1rem;display:flex}.lobby-item__icon{border-radius:1.25rem;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex;box-shadow:inset 0 4px 6px #00000014}.lobby-item__icon span{font-size:2rem}.icon-orange{color:#fb8c00;background:#fff3e0}.icon-yellow{color:#f9a825;background:#fff9c4}.icon-pink{color:#ff4081;background:#ffe0ef}.icon-red{color:#d4341e;background:#ffebee}.icon-cyan{color:#0891b2;background:#e0f7fa}.lobby-item__label{color:#5d5d5d;font-size:1.1rem;font-weight:700}.lobby-item__pill{color:#fff;letter-spacing:.12em;background:#2979ff;border-radius:999px;padding:.45rem 1rem;font-size:.7rem;font-weight:800;box-shadow:0 6px 10px #2979ff4d}.games-hub__cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;padding-top:5rem;display:grid}.game-card{background:#fff;border-radius:2.5rem;flex-direction:column;min-height:360px;padding:2.5rem 2rem 2rem;transition:transform .2s;display:flex;position:relative;overflow:visible;box-shadow:inset -10px -10px 20px #0000000d,inset 10px 10px 20px #fff,10px 18px 30px #0000001f}.game-card:hover{transform:translateY(-6px)}.game-card__mascot{border-radius:999px;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:absolute;top:-72px;left:50%;transform:translate(-50%);box-shadow:0 14px 20px #0003}.game-card__mascot span{font-size:4.5rem}.game-card--flashcard .game-card__mascot{color:#fb8c00;background:#fff3e0;animation:3s infinite bounce-slow}.game-card--flashcard .game-card__title{color:#fb8c00}.game-card--pikachu .game-card__mascot{color:#f9a825;background:#fff9c4;animation:4s ease-in-out infinite float-soft}.game-card--pikachu .game-card__title{color:#f9a825}.game-card--candy .game-card__mascot{color:#ff4081;background:#ffe0ef;animation:4s infinite bounce-slow}.game-card--candy .game-card__title{color:#ff4081}.game-card--loto .game-card__mascot{color:gold;background:linear-gradient(135deg,#d4341e,#ff5722);animation:3.5s infinite bounce-slow;box-shadow:0 14px 20px #d4341e59}.game-card--loto .game-card__mascot span{text-shadow:0 4px 8px #0003;font-size:4rem}.game-card--loto .game-card__title{color:#d4341e}.game-card--fishing .game-card__mascot{color:#fff;background:linear-gradient(135deg,#0891b2,#06b6d4 50%,#14b8a6);animation:4s ease-in-out infinite float-soft;box-shadow:0 14px 20px #06b6d459}.game-card--fishing .game-card__mascot span{text-shadow:0 4px 8px #0003;font-size:4rem}.game-card--fishing .game-card__title{color:#0891b2}.game-card__title{text-align:center;margin-top:3.5rem;font-family:Titan One,cursive;font-size:1.8rem}.game-card__desc{color:#7b7b7b;text-align:center;flex-grow:1;margin-top:.5rem;font-weight:500}.game-card__tags{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.game-card__tag{letter-spacing:.1em;text-transform:uppercase;border-radius:.75rem;padding:.4rem .75rem;font-size:.7rem;font-weight:800}.tag-orange{color:#fb8c00;background:#ffe0b2}.tag-blue{color:#2979ff;background:#e3f2fd}.tag-yellow{color:#f9a825;background:#fff9c4}.tag-green{color:#43a047;background:#e8f5e9}.tag-pink{color:#ff4081;background:#ffe0ef}.tag-purple{color:#7e57c2;background:#ede7f6}.tag-red{color:#d4341e;background:#ffebee}.game-card__actions{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem;display:grid}.game-card__actions--single{grid-template-columns:1fr}.game-card__actions a,.game-card__actions>div{width:100%}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bounce-slow{0%,to{transform:translateY(-6px)}50%{transform:translateY(0)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:.85}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@media (max-width:768px){.games-hub__nav{padding-top:1rem}.clay-card{padding:2rem}.games-hub__cards{grid-template-columns:1fr;gap:5rem;padding-top:4.5rem}.game-card{min-height:330px;padding-inline:1.25rem}.game-card__actions{gap:.5rem}.games-hub__brand-title{font-size:clamp(1.6rem,8vw,2.25rem)}.games-hub__controls{justify-content:center;width:100%}}.dark .games-hub{color:#e0e0e0;background-color:#1a1a2e;background-image:radial-gradient(circle at 10% 20%,#1e1e3c99 10%,#0000 10.2%),radial-gradient(circle at 90% 80%,#1e1e3c99 15%,#0000 15.2%),radial-gradient(circle,#ffffff08 2%,#0000 2.5%),radial-gradient(circle at 20% 90%,#ff40811a 1%,#0000 1.5%),radial-gradient(circle at 80% 10%,#2979ff1a 1%,#0000 1.5%)}.dark .games-hub__orb--left{background:#6366f140}.dark .games-hub__orb--right{background:#ec489933}.dark .games-hub__brand-tag{color:#f472b6;background:#ffffff1a}.dark .games-hub__brand-title{color:#818cf8;text-shadow:2px 2px #0000004d,-1px -1px #ffffff1a}.dark .games-hub__sun{background:#ffffff1a}.dark .game-card{background:#1e1e2f;box-shadow:inset -6px -6px 12px #0000004d,inset 6px 6px 12px #ffffff08,6px 12px 24px #0006}.dark .game-card__desc{color:#a0a0b0}.dark .game-card__title{filter:brightness(1.3)}.dark .game-card__mascot{box-shadow:0 14px 20px #0006}.dark .clay-card{background:#1e1e2f;box-shadow:inset -6px -6px 12px #0000004d,inset 6px 6px 12px #ffffff08,6px 12px 24px #0006}.dark .clay-card h2{filter:brightness(1.2)}.dark .clay-card p{color:#a0a0b0}.dark .clay-input,.dark .clay-select{color:#e0e0e0;background:#2a2a3d;box-shadow:inset 3px 3px 6px #0000004d}.dark .clay-input:focus,.dark .clay-select:focus{box-shadow:inset 3px 3px 8px #00000059,0 0 0 4px #6366f140}.dark .clay-input--code{color:#f472b6}.dark .clay-label{color:#8888a0}.dark .jelly-btn--ghost{color:#c0c0d0;background:#2a2a3d;border-color:#3a3a50}.dark .jelly-btn--green{color:#1a1a2e;background:#4ade80}.dark .lobby-item{background:#1e1e2f;box-shadow:0 4px 10px #0000004d}.dark .lobby-item:hover{border-color:#6366f166}.dark .lobby-item__label{color:#c0c0d0}.dark .lobby-item__pill{box-shadow:0 6px 10px #2979ff33}.dark .tag-orange{color:#fdba74;background:#4a2c10}.dark .tag-blue{color:#93c5fd;background:#1e2a4a}.dark .tag-yellow{color:#fde68a;background:#3d3510}.dark .tag-green{color:#86efac;background:#1a3320}.dark .tag-pink{color:#f9a8d4;background:#3d1a2e}.dark .tag-purple{color:#c4b5fd;background:#2d1f4e}.dark .tag-red{color:#fca5a5;background:#3d1a1a}.dark .icon-orange{color:#fdba74;background:#3d2510}.dark .icon-yellow{color:#fde68a;background:#3d3510}.dark .icon-pink{color:#f9a8d4;background:#3d1a2e}.dark .icon-red{color:#fca5a5;background:#3d1a1a}.dark .icon-cyan{color:#67e8f9;background:#0a3040}.dark .games-hub__settings-dropdown{background:#1e1e2ff2;box-shadow:0 8px 24px #00000080}.dark .games-hub__settings-dropdown .jelly-btn.is-off{filter:grayscale(.4)brightness(.7)}@media (prefers-reduced-motion:reduce){.games-hub *,.games-hub :after,.games-hub :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.topic-select{color:#4b5563;padding:.75rem .5rem 1.25rem;font-family:Fredoka,sans-serif}.topic-select__header{margin-bottom:2.5rem}.topic-select__eyebrow{color:#ff8c42;letter-spacing:.2em;text-transform:uppercase;margin-left:.25rem;font-size:.85rem;font-weight:700;display:block}.topic-select__title{color:#1f2937;margin-top:.4rem;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:700}.topic-select__subtitle{color:#6b7280;margin-top:.75rem;font-size:1.1rem;font-weight:500}.topic-select__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.topic-card{cursor:pointer;text-align:left;background:#fff;border:4px solid #fff;border-radius:2.5rem;padding:2.5rem 2rem 2rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px #d1d5db80}.topic-card:hover{transform:translateY(-8px);box-shadow:0 16px #d1d5db99}.topic-card:active{transform:translateY(6px);box-shadow:0 2px #0000001a}.topic-card__media{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:-36px;right:-20px;overflow:hidden;box-shadow:0 16px 24px #0003}.topic-card__media img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.topic-card__fallback{color:#92400e;background:#fde68a;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.topic-card__label{color:#f97316;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.topic-card__title{color:#1f2937;font-size:1.8rem;font-weight:700}.topic-card__meta{color:#9ca3af;margin-top:.4rem;font-size:.95rem;font-weight:500}.topic-card__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.topic-card__tag{color:#f97316;text-transform:lowercase;background:#fff7ed;border-bottom:2px solid #fde68a;border-radius:1.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600}@media (max-width:768px){.topic-select__grid{grid-template-columns:1fr}.topic-card{padding-top:3rem}.topic-card__media{width:120px;height:120px}}
.loading-screen{color:#fff;z-index:60;background:linear-gradient(#60c5ff,#a4e0ff 40%,#ffc4e6);border-radius:0;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:3rem 2rem;font-family:Nunito,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";opacity:.8;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#fffc 0,#0000 20%),radial-gradient(circle at 90% 10%,#fffc 0,#0000 25%),radial-gradient(circle at 30% 5%,#fff9 0,#0000 15%),radial-gradient(circle at 70% 30%,#ffffffb3 0,#0000 20%),radial-gradient(circle at 50% -10%,#ffffffe6 0,#0000 30%);position:absolute;inset:0}.loading-screen__rainbow{opacity:.6;pointer-events:none;z-index:0;border-radius:50%;width:140vw;height:140vw;position:absolute;top:-25vh;left:50%;transform:translate(-50%);box-shadow:0 0 0 30px #ff4d8d33,0 0 0 60px #ffd93d33,0 0 0 90px #51cf6633,0 0 0 120px #4dcfff33,0 0 0 150px #a45ee533}.loading-screen__cloud{filter:blur(1px);pointer-events:none;background:#ffffff59;border-radius:999px;width:140px;height:70px;animation:4s ease-in-out infinite pulse-cloud;position:absolute}.loading-screen__cloud:after,.loading-screen__cloud:before{content:"";background:#ffffff59;border-radius:999px;position:absolute}.loading-screen__cloud:before{width:60px;height:60px;top:-25px;left:15px}.loading-screen__cloud:after{width:80px;height:80px;top:-35px;right:10px}.loading-screen__cloud--one{top:2rem;left:2rem}.loading-screen__cloud--two{width:180px;height:90px;animation-delay:1s;bottom:2rem;right:3rem}.loading-screen__cloud--three{width:120px;height:60px;animation-delay:2s;top:35%;right:25%}.loading-screen__content{z-index:1;gap:2.5rem;width:100%;max-width:960px;display:grid;position:relative}.loading-screen__title{text-align:center;font-family:Titan One,cursive}.loading-screen__title h1{background:linear-gradient(#fff,#ffeaf2 50%,#ffcce0);color:#0000;letter-spacing:.08em;-webkit-text-stroke:3px #d946ef;text-shadow:4px 4px #ff4d8d,8px 8px #a45ee5,12px 12px #00000026;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.5rem,10vw,6rem)}.loading-screen__title span{color:#ffd93d;-webkit-text-stroke:2px #b45309;text-shadow:3px 3px #f59e0b,6px 6px #00000026;margin-top:-1rem;font-size:clamp(2.5rem,7vw,4.5rem);display:block}.loading-screen__body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:2rem;display:grid}.loading-screen__mascot{background:linear-gradient(#fff,#f3f4f6);border:4px solid #a45ee5;border-radius:2.5rem;justify-content:center;justify-self:center;align-items:center;width:200px;height:200px;animation:4s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 15px 30px #0003}.loading-screen__mascot:before{content:"";border:4px solid #ffffff80;border-radius:2rem;position:absolute;inset:8px}.loading-screen__mascot span{color:#ff4d8d;font-size:5rem}.loading-screen__bubble{color:#78350f;background:#ffd93d;border:4px solid #fff;border-radius:2rem;padding:1.5rem;font-weight:700;position:relative;box-shadow:0 8px #d97706,0 15px 20px #00000026}.loading-screen__bubble:after{content:"";filter:drop-shadow(-2px 0 #fff);border-top:15px solid #0000;border-bottom:15px solid #0000;border-right:25px solid #ffd93d;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.loading-screen__bubble-title{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-family:Titan One,cursive;font-size:1rem}.loading-screen__progress{gap:1rem;display:grid}.loading-screen__progress-header{justify-content:space-between;align-items:center;font-family:Titan One,cursive;display:flex}.loading-screen__progress-header span{-webkit-text-stroke:2px #ff4d8d;text-shadow:2px 2px #a45ee5;font-size:2rem}.loading-screen__bar{background:#fff6;border:4px solid #ffffffe6;border-radius:999px;height:64px;padding:8px;position:relative;box-shadow:inset 0 5px 15px #fff9,inset 0 -5px 15px #0000000d,0 10px 20px #00000026}.loading-screen__fill{background:linear-gradient(90deg,#ff4d8d,#ffd93d 20%,#51cf66 40%,#4dcfff 60%,#a45ee5 80%,#ff4d8d) 0 0/200% 100%;border-radius:999px;height:100%;animation:3s linear infinite moveGradient;position:relative;overflow:hidden}.loading-screen__fill:after{content:"";mix-blend-mode:overlay;opacity:.8;background-image:radial-gradient(circle,#ffffffb3 15%,#0000 20%),radial-gradient(circle,#0000000d 15%,#0000 30%);background-position:0 0,2px 2px;background-size:20px 20px;position:absolute;inset:0}.loading-screen__fill:before{content:"";background-image:radial-gradient(circle,#fff6 30%,#0000 35%);background-position:7px 7px;background-size:14px 14px;position:absolute;inset:0}@keyframes moveGradient{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes pulse-cloud{0%,to{opacity:.35}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-15px)rotate(2deg)}}@media (max-width:768px){.loading-screen{padding:2.5rem 1.5rem}.loading-screen__body{grid-template-columns:1fr}.loading-screen__mascot{width:160px;height:160px}}
.candy-play{color:#4a3d44}.candy-play__header{z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.candy-play__header .candy-play__progress{flex:auto;justify-content:center;align-items:center;width:auto;min-width:200px;display:flex}.candy-play__brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border:2px solid #ffffffb3;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:inline-flex;box-shadow:0 12px 24px #14142829}.candy-play__brand-icon{color:#fff;background:linear-gradient(135deg,#ff9ec7,#c9b1ff);border:2px solid #fffc;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 2px 6px #ffffff80}.candy-play__brand-title{color:#6b4c5e;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:1.4rem;font-weight:700;overflow:hidden}.candy-play__pause{color:#6b4c5e;background:#ffffff8c;border:2px solid #fffc;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:700;transition:transform .2s,background .2s;display:flex;box-shadow:0 12px 24px #14142833}.candy-play__pause:hover{background:#ffffffb3;transform:translateY(-2px)scale(1.05)}.candy-play__pause span{font-size:30px}.candy-play__body{flex:1;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.candy-play__aside{flex-direction:column;gap:1.5rem;width:16rem;display:flex}.candy-play__aside--right{align-items:center;width:7rem}.candy-play__center{flex-direction:column;flex:1;align-items:center;gap:.75rem;width:100%;max-width:1000px;display:flex}.candy-play__progress{width:100%}.candy-board{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff6;border:4px solid #ffffff8c;border-radius:2rem;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;max-height:calc(100vh - 180px);padding:1rem;display:flex;overflow:hidden;box-shadow:0 18px 40px #1414282e}.candy-board-grid{gap:.5rem;width:100%;max-width:100%;max-height:100%;margin:0 auto;display:grid}.candy-tile{aspect-ratio:1;width:100%;min-width:3rem;height:100%;min-height:3rem;position:relative}.candy-burst{pointer-events:none;z-index:50;justify-content:center;align-items:center;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards burst-pop;display:flex;position:absolute;inset:-60%}.candy-hint{z-index:20;animation:1.5s infinite candy-hint-pulse}.candy-hint .candy-tile-content{box-shadow:0 0 0 4px #ff09,0 0 20px #ff06}@keyframes candy-hint-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.candy-burst:before{content:"";background:radial-gradient(circle,#fff 0,#fff0 60%);border-radius:50%;animation:.4s ease-out forwards star-burst;position:absolute;inset:0}.candy-burst:after{color:#fff6a6;content:"★";text-shadow:0 0 10px #ffdf00cc;font-size:2.5rem;animation:.5s ease-out forwards spin-fade;position:absolute}@keyframes burst-pop{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}@keyframes star-burst{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(1.6)}}@keyframes spin-fade{0%{opacity:1;transform:rotate(0)scale(.5)}to{opacity:0;transform:rotate(180deg)scale(1.2)}}@media (max-width:768px){.candy-board-grid{gap:.25rem;max-height:calc(100vh - 220px)}}.candy-board__meta{color:#4b3d4499;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;justify-content:flex-end;align-items:center;gap:.5rem;width:auto;font-size:.65rem;font-weight:700;display:flex}.candy-board__meta .material-symbols-outlined{color:#4b3d4473;font-size:1rem}.candy-board__meta-chip{color:#4b3d44bf;letter-spacing:.18em;background:#ffffffb3;border:1px solid #fffc;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .7rem;font-size:.55rem;font-weight:800;display:inline-flex}.candy-progress{background:#ffffff73;border:2px solid #ffffffb3;border-radius:999px;width:100%;height:56px;padding:8px;position:relative;overflow:hidden;box-shadow:0 12px 24px #1414281f}.candy-progress__fill{background:linear-gradient(90deg,#ff9ec7,#f7b0c4,#ffb89e);border:1px solid #fff6;border-radius:999px;height:100%;transition:width .6s;box-shadow:inset 0 2px 6px #ffffff80}.candy-progress__stars{pointer-events:none;justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:absolute;inset:-6px 0 0}.candy-progress__star{color:#fff;background:#ffdf9e;border:4px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;transform:rotate(-8deg);box-shadow:0 8px 12px #0000001a}.candy-progress__star--inactive{color:#78787899;background:#fff9;box-shadow:0 6px 10px #00000014}.candy-progress__star span{font-size:1.1rem}.candy-progress--dense .candy-progress__stars{padding:0 2rem}.candy-progress--dense .candy-progress__star{border-width:3px;width:34px;height:34px}.candy-progress--dense .candy-progress__star span{font-size:.95rem}.candy-stats-card{text-align:center;flex-direction:column;gap:.75rem;padding:2.5rem 2rem;display:flex}.candy-stats-card__badge{color:#fff;letter-spacing:.2em;text-transform:uppercase;background:#ff9ec7cc;border:1px solid #fff9;border-radius:999px;align-self:center;padding:.35rem 1.5rem;font-size:.7rem;font-weight:800;box-shadow:0 6px 10px #14142826}.candy-stats-card__label{color:#4b3d448c;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:700}.candy-stats-card__value{color:#ff9ec7;text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b9b9b9,0 5px #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d;font-size:clamp(3rem,6vw,4.5rem);font-weight:800}.candy-stats-card__value--score{color:#9ecfff}.candy-stats-card__target{color:#4b3d44b3;border-top:1px solid #fff9;justify-content:space-between;margin-top:.5rem;padding-top:.75rem;font-size:.75rem;font-weight:700;display:flex}.candy-booster-dock{flex-direction:column;align-items:center;gap:1rem;display:flex}.candy-booster{background:#ffffff73;border:2px solid #ffffffa6;border-radius:1.75rem;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 14px 26px #1414282e}.candy-booster:hover:not(:disabled){transform:translateY(-4px)scale(1.05);box-shadow:0 18px 30px #14142833}.candy-booster__icon{filter:drop-shadow(0 2px 2px #0003);font-size:2.1rem}.candy-booster__count{color:#fff;background:#ff9ec7;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 8px 14px #0003}.candy-booster--pink .candy-booster__icon{color:#ff9ec7}.candy-booster--blue .candy-booster__icon{color:#9ecfff}.candy-booster--purple .candy-booster__icon{color:#c9b1ff}.candy-booster--yellow .candy-booster__icon{color:#ffdf9e}.candy-booster--locked{cursor:not-allowed;opacity:.65;background:#fff3;border-color:#ffffff4d}.candy-booster--locked .candy-booster__icon{color:#78787899;filter:none}.candy-play__mobile{margin-top:1.5rem;display:none}.candy-mobile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border:2px solid #ffffffb3;border-radius:2rem;justify-content:space-between;gap:2rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 14px 26px #14142829}.candy-mobile-card__item{flex-direction:column;gap:.35rem;display:flex}.candy-mobile-card__label{color:#4b3d4499;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;font-weight:700}.candy-mobile-card__value{font-size:2rem;font-weight:800}.candy-mobile-card__value--pink{color:#ff9ec7}.candy-mobile-card__value--blue{color:#9ecfff}.candy-result{width:100%;margin:0 auto;padding:1.5rem 0 2.5rem;position:relative}.candy-result__card{border-radius:2.5rem;padding:2rem 2.25rem;position:relative}.candy-result__card--side{align-self:stretch}.candy-result__hero{align-items:center;gap:1.5rem;display:flex}.candy-result__icon{color:#fff;border:3px solid #fffc;border-radius:1.75rem;justify-content:center;align-items:center;width:76px;height:76px;font-size:2.4rem;display:flex;box-shadow:0 16px 24px #1414282e}.candy-result__icon--win{background:linear-gradient(135deg,#ff9ec7,#ffdf9e)}.candy-result__icon--try{background:linear-gradient(135deg,#9ecfff,#c9b1ff)}.candy-result__icon span{font-size:2.4rem}.candy-result__eyebrow{color:#4b3d4499;letter-spacing:.3em;text-transform:uppercase;font-size:.65rem;font-weight:700}.candy-result__title{color:#6b4c5e;margin-top:.25rem;font-size:2rem;font-weight:800}.candy-result__subtitle{color:#4b3d44b3;margin-top:.3rem;font-size:.95rem;font-weight:600}.candy-result__stars{align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.candy-result__star{font-size:2rem}.candy-result__star--on{color:#ffdf9e;text-shadow:0 4px 6px #00000026}.candy-result__star--off{color:#78787873}.candy-result__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.candy-result__stat{text-align:center;background:#fff9;border:1px solid #ffffffb3;border-radius:1.5rem;padding:.75rem .9rem}.candy-result__stat-label{color:#4b3d448c;letter-spacing:.25em;text-transform:uppercase;font-size:.6rem;font-weight:800}.candy-result__stat-value{color:#6b4c5e;margin-top:.35rem;font-size:1.2rem;font-weight:800}.candy-result__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.candy-result__button{letter-spacing:.08em;text-transform:uppercase;border:2px solid #0000;border-radius:999px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:800;transition:transform .2s,box-shadow .2s}.candy-result__button:hover{transform:translateY(-2px)}.candy-result__button--primary{color:#fff;background:#ff9ec7;box-shadow:0 12px 20px #ff9ec773}.candy-result__button--secondary{color:#fff;background:#9ecfff;box-shadow:0 12px 20px #9ecfff66}.candy-result__button--ghost{color:#6b4c5e;background:#ffffffb3;border-color:#ffffffb3}.candy-result__side-title{color:#4b3d448c;letter-spacing:.28em;text-transform:uppercase;font-size:.7rem;font-weight:800}.candy-result__words{flex-direction:column;gap:.75rem;max-height:280px;margin-top:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.candy-result__word{background:#fff9;border:1px solid #ffffffb3;border-radius:1.5rem;padding:.6rem .85rem}.candy-result__word-term{color:#6b4c5e;font-weight:700}.candy-result__word-meaning{color:#4b3d4499;font-size:.75rem}.candy-result__word--empty{color:#4b3d4499;text-align:center;font-size:.8rem;font-weight:600}@media (max-width:1024px){.candy-play__body{flex-direction:column;align-items:center;gap:1.5rem}.candy-play__aside--left{display:none}.candy-play__aside--right{width:100%}.candy-booster-dock{flex-direction:row}.candy-play__mobile{display:block}.candy-result{grid-template-columns:1fr}.candy-result__card--side{width:100%;max-width:520px}}@media (max-width:768px){.candy-play__header{flex-wrap:wrap;gap:.75rem}.candy-play__header .candy-play__progress{flex-basis:100%;order:4;min-width:100%;margin-top:.5rem}.candy-play__brand{flex:1;min-width:0}.candy-play__brand-title{font-size:1.1rem}.candy-play__pause{width:52px;height:52px}.candy-play__center{width:100%}.candy-board{border-radius:1.75rem;padding:.75rem}.candy-progress{height:48px}.candy-progress__stars{padding:0 2rem}.candy-result__hero{flex-direction:column;align-items:flex-start}.candy-result__stats{grid-template-columns:1fr}}
:root{--loto-red-50:#fef2f2;--loto-red-100:#fee2e2;--loto-red-200:#fecaca;--loto-red-300:#fca5a5;--loto-red-400:#f87171;--loto-red-500:#ef4444;--loto-red-600:#dc2626;--loto-red-700:#b91c1c;--loto-red-800:#991b1b;--loto-red-900:#7f1d1d;--loto-gold-50:#fffbeb;--loto-gold-100:#fef3c7;--loto-gold-200:#fde68a;--loto-gold-300:#fcd34d;--loto-gold-400:#fbbf24;--loto-gold-500:#f59e0b;--loto-gold-600:#d97706;--loto-gold-700:#b45309;--loto-gold-800:#92400e;--loto-gold-900:#78350f;--loto-cream:#fef3c7;--loto-teal:#14b8a6;--loto-glass-bg:#ffffff14;--loto-glass-bg-hover:#ffffff1f;--loto-glass-border:#ffffff26;--loto-glass-blur:24px;--loto-glass-shadow:0 8px 32px #0000004d;--loto-font-display:"Outfit",sans-serif;--loto-font-body:"Inter",sans-serif;--loto-radius-sm:8px;--loto-radius-md:16px;--loto-radius-lg:24px;--loto-radius-xl:32px;--loto-radius-full:9999px}.loto-page{color:#fff;font-family:var(--loto-font-body);background:linear-gradient(135deg,#991b1b,#450a0a 50%,#1a0505) fixed;min-height:100vh;position:relative;overflow-x:hidden}.loto-page:before{background-image:radial-gradient(circle at 20% 20%,#fbbf2426 0,#0000 40%),radial-gradient(circle at 80% 80%,#ef444426 0,#0000 40%),radial-gradient(circle,#14b8a60d 0,#0000 60%)}.loto-page:after,.loto-page:before{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.loto-page:after{opacity:.1}.loto-decoration{opacity:.7;pointer-events:none;z-index:0;position:fixed}.loto-decoration--mai-left{width:200px;height:auto;bottom:0;left:0;transform:scaleX(-1)}.loto-decoration--mai-right{width:200px;height:auto;bottom:0;right:0}.loto-decoration--horse{opacity:.3;width:120px;height:auto;bottom:20px;left:50%;transform:translate(-50%)}.loto-decoration--than-tai{opacity:.4;width:150px;height:auto;animation:4s ease-in-out infinite lotoThanTaiFloat;top:100px;right:20px}@keyframes lotoThanTaiFloat{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-15px)rotate(5deg)}}.loto-tet-title{color:var(--loto-gold-400);font-family:var(--loto-font-display);opacity:.6;pointer-events:none;text-shadow:0 0 20px #fbbf2480;white-space:nowrap;z-index:1;font-size:.875rem;font-weight:700;position:fixed;top:10px;left:50%;transform:translate(-50%)}.loto-decoration--horse{width:80px}.loto-container{z-index:1;max-width:1400px;margin:0 auto;padding:1rem;position:relative}.loto-game-layout,.loto-tickets-grid{flex-direction:column;gap:.75rem;display:flex}@media (min-width:1024px){.loto-game-layout{grid-template-columns:400px 1fr;align-items:start;gap:2rem;height:calc(100vh - 4rem);display:grid;overflow:hidden}.loto-game-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:relative;top:0}.loto-game-sidebar,.loto-tickets-container{height:100%;padding-right:.5rem;overflow-y:auto}.loto-tickets-container{padding-bottom:2rem}.loto-game-sidebar::-webkit-scrollbar{width:6px}.loto-tickets-container::-webkit-scrollbar{width:6px}.loto-game-sidebar::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.loto-tickets-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.loto-game-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.loto-tickets-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.loto-tickets-grid{grid-template-columns:1fr;gap:2rem;display:grid}}.loto-glass{-webkit-backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-lg);box-shadow:var(--loto-glass-shadow)}.loto-glass-sm{border-radius:var(--loto-radius-sm)}.loto-glass-md{border-radius:var(--loto-radius-md)}.loto-glass-hover{transition:all .3s}.loto-glass-hover:hover{background:var(--loto-glass-bg-hover);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.loto-number-ball{cursor:pointer;font-family:var(--loto-font-display);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.25rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.loto-number-ball:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6,#ffffff1a 40%,#0000 60%);border-radius:50%;position:absolute;inset:2px}.loto-number-ball--col-0{background:linear-gradient(145deg,#f87171,#dc2626)}.loto-number-ball--col-1{background:linear-gradient(145deg,#fb923c,#ea580c)}.loto-number-ball--col-2{background:linear-gradient(145deg,#fbbf24,#d97706)}.loto-number-ball--col-3{background:linear-gradient(145deg,#a3e635,#65a30d)}.loto-number-ball--col-4{background:linear-gradient(145deg,#34d399,#059669)}.loto-number-ball--col-5{background:linear-gradient(145deg,#22d3ee,#0891b2)}.loto-number-ball--col-6{background:linear-gradient(145deg,#60a5fa,#2563eb)}.loto-number-ball--col-7{background:linear-gradient(145deg,#a78bfa,#7c3aed)}.loto-number-ball--col-8{background:linear-gradient(145deg,#f472b6,#db2777)}.loto-number-ball--marked{transform:scale(1.1);box-shadow:0 0 0 4px #fbbf2480,0 0 20px #fbbf2466}.loto-number-ball--marked:after{background:var(--loto-gold-500);color:#fff;content:"✓";border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0000004d}.loto-number-ball--empty{background:var(--loto-glass-bg);cursor:default;border:1px dashed #fff3}.loto-drawn-number{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);font-family:var(--loto-font-display);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:min(240px,50vw);height:min(240px,50vw);font-size:min(100px,20vw);font-weight:800;display:flex;position:relative;box-shadow:0 0 0 8px #fbbf244d,0 0 60px #fbbf2466,inset 0 -10px 30px #0003}.loto-drawn-number:before{content:"";filter:blur(8px);background:linear-gradient(#fff9,#0000);width:30%;height:20%;top:8%;left:20%}.loto-drawn-number:before,.loto-drawn-number__glow{pointer-events:none;border-radius:50%;position:absolute}.loto-drawn-number__glow{z-index:-1;background:radial-gradient(circle,#fbbf2466 0,#0000 70%);inset:-20px}.loto-drawn-number--placeholder{background:var(--loto-glass-bg);font-size:min(80px,18vw);box-shadow:0 0 0 4px #ffffff1a,0 0 30px #ffffff1a,inset 0 -10px 30px #0003}.loto-drawn-number--drawing{box-shadow:0 0 0 12px #fbbf2480,0 0 80px #fbbf2499,inset 0 -10px 30px #0003}@keyframes lotoNumberPulse{0%,to{transform:scale(1);box-shadow:0 0 0 8px #fbbf244d,0 0 60px #fbbf2466,inset 0 -10px 30px #0003}50%{transform:scale(1.02);box-shadow:0 0 0 12px #fbbf2466,0 0 80px #fbbf2480,inset 0 -10px 30px #0003}}.loto-card{-webkit-backdrop-filter:blur(var(--loto-glass-blur));backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-xl);box-shadow:var(--loto-glass-shadow);z-index:10;flex-direction:column;padding:1.5rem;display:flex;position:relative}.loto-card__header{border-bottom:1px solid var(--loto-glass-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.loto-card__title{font-family:var(--loto-font-display);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.loto-ticket{-webkit-backdrop-filter:blur(var(--loto-glass-blur));backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-xl);padding:1.5rem}.loto-ticket__header{border-bottom:1px solid var(--loto-glass-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.loto-ticket__title{font-family:var(--loto-font-display);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.loto-ticket__title:before{content:"🎟️";font-size:1.5rem}.loto-ticket__grid{flex-direction:column;gap:.5rem;display:flex}.loto-ticket__row{grid-template-columns:repeat(9,1fr);gap:.25rem;display:grid}.loto-ticket__cell{aspect-ratio:1;border-radius:var(--loto-radius-md);cursor:pointer;font-family:var(--loto-font-display);justify-content:center;align-items:center;min-width:40px;min-height:40px;font-size:1.5rem;font-weight:700;transition:all .15s;display:flex;position:relative}.loto-ticket__cell--number{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border)}.loto-ticket__cell--number:hover:not(.loto-ticket__cell--marked){background:var(--loto-glass-bg-hover);transform:scale(1.05)}.loto-ticket__cell--empty{cursor:default;opacity:.5;background:#0000001a;border:1px solid #ffffff0d}.loto-ticket__cell--marked{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));border-color:var(--loto-gold-500);color:var(--loto-red-900);box-shadow:0 0 16px #fbbf2466}.loto-ticket__cell--marked:before,.loto-ticket__cell--matched:before{border-radius:calc(var(--loto-radius-md) - 2px);content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff59,#0000 50%);position:absolute;inset:2px}.loto-btn{border-radius:var(--loto-radius-full);cursor:pointer;font-family:var(--loto-font-display);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.loto-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 50%);position:absolute;inset:0}.loto-btn--primary{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);box-shadow:0 4px 20px #fbbf2466}.loto-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fbbf2480}.loto-btn--secondary{-webkit-backdrop-filter:blur(var(--loto-glass-blur));backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);color:#fff}.loto-btn--secondary:hover{background:var(--loto-glass-bg-hover);border-color:#ffffff4d}.loto-btn--danger{background:linear-gradient(145deg,var(--loto-red-500),var(--loto-red-700));color:#fff;box-shadow:0 4px 20px #ef444466}.loto-btn--lg{padding:1.125rem 2rem;font-size:1.125rem}.loto-btn--sm{padding:.625rem 1.125rem;font-size:.875rem}.loto-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.loto-input{-webkit-backdrop-filter:blur(var(--loto-glass-blur));backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-md);color:#fff;font-family:var(--loto-font-body);outline:none;width:100%;padding:.875rem 1.25rem;font-size:1rem;transition:all .3s}.loto-input::placeholder{color:#ffffff80}.loto-input:focus{border-color:var(--loto-gold-500);box-shadow:0 0 0 3px #fbbf2433}.loto-input:focus::placeholder{color:#ffffff4d}.loto-label{color:#ffffffb3;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.loto-players{flex-wrap:wrap;gap:.75rem;display:flex}.loto-player{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-full);align-items:center;gap:.625rem;padding:.625rem 1rem;display:flex}.loto-player__avatar{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.loto-player__name{font-weight:500}.loto-player--host .loto-player__name:after{content:" 👑"}.loto-history{flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.loto-history__number{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);font-family:var(--loto-font-display);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.loto-history__number--recent{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);animation:.5s lotoRecentNumber}@keyframes lotoRecentNumber{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.loto-win-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;animation:.3s lotoFadeIn;display:flex;position:fixed;inset:0}@keyframes lotoFadeIn{0%{opacity:0}to{opacity:1}}.loto-win-modal{background:linear-gradient(135deg,var(--loto-red-800),var(--loto-red-900));border:2px solid var(--loto-gold-500);border-radius:var(--loto-radius-xl);text-align:center;width:90%;max-width:400px;padding:2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) lotoWinModalIn;box-shadow:0 0 60px #fbbf244d,inset 0 0 60px #fbbf241a}@keyframes lotoWinModalIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.loto-win-modal__icon{margin-bottom:1rem;font-size:4rem;animation:1s infinite lotoWinBounce}@keyframes lotoWinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loto-win-modal__title{color:var(--loto-gold-400);font-family:var(--loto-font-display);margin-bottom:.5rem;font-size:2rem;font-weight:800}.loto-win-modal__subtitle{color:#fffc;margin-bottom:1.5rem;font-size:1.125rem}.loto-win-modal__name{color:#fff;font-size:1.5rem;font-weight:700}.loto-themes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.loto-theme-card{border-radius:var(--loto-radius-lg);cursor:pointer;text-align:center;border:2px solid #0000;padding:1.25rem;transition:all .3s}.loto-theme-card:hover{transform:translateY(-4px)}.loto-theme-card--active{border-color:var(--loto-gold-500);box-shadow:0 0 20px #fbbf244d}.loto-theme-card__icon{margin-bottom:.75rem;font-size:2.5rem}.loto-theme-card__name{font-family:var(--loto-font-display);font-weight:600}.loto-qr{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.loto-qr__code{border-radius:var(--loto-radius-md);background:#fff;padding:1rem}.loto-qr__label{color:#ffffffb3;font-size:.875rem}.loto-qr__url{background:var(--loto-glass-bg);border-radius:var(--loto-radius-sm);word-break:break-all;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}@media (max-width:768px){.loto-container{padding:.75rem}.loto-ticket{padding:1rem}.loto-ticket__grid,.loto-ticket__row{gap:.25rem}.loto-ticket__cell{border-radius:var(--loto-radius-sm);min-width:48px;min-height:48px;font-size:1.75rem}.loto-drawn-number{width:min(200px,50vw);height:min(200px,50vw);font-size:min(80px,20vw)}.loto-number-ball{width:44px;height:44px;font-size:1rem}.loto-btn{padding:.75rem 1.25rem;font-size:.9375rem}}.loto-text-gradient{background:linear-gradient(135deg,var(--loto-gold-400),var(--loto-gold-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.loto-flex-center{justify-content:center;align-items:center;display:flex}.loto-flex-between{justify-content:space-between;align-items:center;display:flex}.loto-gap-xs{gap:.25rem}.loto-gap-sm{gap:.5rem}.loto-gap-md{gap:1rem}.loto-gap-lg{gap:1.5rem}.loto-gap-xl{gap:2rem}.loto-mb-xs{margin-bottom:.25rem}.loto-mb-sm{margin-bottom:.5rem}.loto-mb-md{margin-bottom:1rem}.loto-mb-lg{margin-bottom:1.5rem}.loto-mb-xl{margin-bottom:2rem}.loto-game-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--loto-radius-xl);background:linear-gradient(145deg,#ffffff14,#ffffff05);padding:1.25rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.loto-tab-switcher{border-radius:var(--loto-radius-lg);background:#0000004d;gap:.5rem;margin-bottom:1rem;padding:.375rem;display:flex}.loto-tab{border-radius:var(--loto-radius-md);color:#fff9;cursor:pointer;font-family:var(--loto-font-display);background:0 0;border:none;flex:1;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:all .25s}.loto-tab:hover{color:#fffc;background:#ffffff0d}.loto-tab--active{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);box-shadow:0 4px 15px #fbbf2466}.loto-form{flex-direction:column;gap:1rem;display:flex}.loto-form-row{align-items:flex-end;gap:.75rem;display:flex}.loto-form-row--settings{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}.loto-form-field{flex:1;min-width:120px}.loto-form-field--grow{flex:1.5}.loto-form-field--compact{flex:1;min-width:auto}.loto-form-section{margin-bottom:.25rem}.loto-form-label{color:#ffffffb3;margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.loto-form-label-sm{color:#ffffff80;margin-bottom:.25rem;font-size:.6875rem;font-weight:500;display:block}.loto-form-input{border-radius:var(--loto-radius-md);color:#fff;font-family:var(--loto-font-body);background:#0000004d;border:none;outline:none;width:100%;height:44px;padding:0 .875rem;font-size:.9375rem;transition:all .2s;box-shadow:inset 0 2px 4px #0003}.loto-form-input::placeholder{color:#fff6}.loto-form-input:focus{background:#0006;box-shadow:inset 0 2px 4px #0000004d,0 0 0 2px #fbbf244d}.loto-form-input--code{letter-spacing:.3em;text-align:center;text-transform:uppercase;padding:0 .5rem;font-family:monospace;font-size:1.25rem}.loto-form-select{border-radius:var(--loto-radius-sm);color:#fff;cursor:pointer;font-family:var(--loto-font-display);background:#0000004d;border:none;outline:none;width:100%;height:44px;padding:0 .75rem;font-size:.875rem;font-weight:600;box-shadow:inset 0 2px 4px #0003}.loto-form-select:focus{box-shadow:inset 0 2px 4px #0000004d,0 0 0 2px #fbbf244d}.loto-themes-compact{flex-wrap:wrap;gap:.5rem;display:flex}.loto-theme-btn{border-radius:var(--loto-radius-md);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:.25rem;min-width:80px;padding:.625rem .875rem;transition:all .25s;display:flex;box-shadow:0 4px 12px #0000004d}.loto-theme-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.loto-theme-btn--active{transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 0 3px #fbbf2499,0 0 20px #fbbf244d}.loto-theme-btn__icon{font-size:1.5rem}.loto-theme-btn__name{color:#fff;text-shadow:0 1px 2px #00000080;font-size:.6875rem;font-weight:600}.loto-modes-compact{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.loto-mode-btn{border-radius:var(--loto-radius-md);color:#fff;cursor:pointer;text-align:center;background:#00000040;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .5rem;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff0d}.loto-mode-btn:hover{background:#ffffff14}.loto-mode-btn--active{background:linear-gradient(145deg,#fbbf2440,#fbbf241a);box-shadow:inset 0 1px #fbbf244d,0 0 15px #fbbf2426}.loto-mode-btn__icon{flex-shrink:0;font-size:1.25rem}.loto-mode-btn__text{flex-direction:column;align-items:center;gap:.125rem;display:flex}.loto-mode-btn__name{font-size:.8125rem;font-weight:600}.loto-mode-btn__desc{opacity:.6;font-size:.6875rem}.loto-btn-game{border-radius:var(--loto-radius-md);cursor:pointer;font-family:var(--loto-font-display);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.375rem;height:44px;padding:0 1.25rem;font-size:.9375rem;font-weight:600;transition:all .25s;display:inline-flex}.loto-btn-game--primary{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);box-shadow:0 4px 15px #fbbf2466}.loto-btn-game--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.loto-btn-game--primary:disabled{cursor:not-allowed;opacity:.5}.loto-btn-game--join{align-self:flex-end;margin-bottom:.125rem}@media (max-width:600px){.loto-form-row{flex-direction:column;align-items:stretch}.loto-form-row--settings{flex-flow:wrap}.loto-form-field--compact{flex:1;min-width:60px}.loto-btn-game{width:100%;margin-top:.5rem}.loto-btn-game--join{margin-top:0}.loto-themes-compact{justify-content:center}.loto-theme-btn{flex:1;min-width:70px}}.loto-ticket__cell--clickable{cursor:pointer}.loto-ticket__cell--clickable:hover{background:var(--loto-glass-bg-hover);border-color:#ffffff4d;transform:scale(1.05)}.loto-ticket__cell--pending{border:2px dashed var(--loto-gold-400);color:var(--loto-gold-400);background:#fbbf2426}.loto-ticket__cell--matched{animation:.5s lotoMatchPulse;box-shadow:0 0 16px #fbbf2480;background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600))!important;border:2px solid var(--loto-gold-500)!important;color:var(--loto-red-900)!important}@keyframes lotoMatchPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.loto-ticket__cell-check{background:var(--loto-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0000004d}.loto-ticket__legend{border-top:1px solid var(--loto-glass-border);opacity:.7;gap:1.5rem;margin-top:1rem;padding-top:.75rem;font-size:.75rem;display:flex}.loto-ticket__legend-item{align-items:center;gap:.35rem;display:flex}.loto-ticket__legend-dot{border-radius:4px;width:12px;height:12px}.loto-ticket__legend-dot--pending{border:2px dashed var(--loto-gold-400);background:#fbbf2426}.loto-ticket__legend-dot--matched{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600))}.loto-drawn-numbers-grid{flex-wrap:wrap;gap:.5rem;display:flex}.loto-drawn-number-chip{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-sm);font-family:var(--loto-font-display);justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.loto-drawn-number-chip--on-ticket{border:2px solid var(--loto-gold-400);color:var(--loto-gold-400);background:#fbbf2426}.loto-drawn-number-chip--marked{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));border-color:var(--loto-gold-500);color:var(--loto-red-900);font-weight:700;box-shadow:0 0 10px #fbbf2466}.loto-bingo-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000e6;justify-content:center;align-items:center;padding:1rem;animation:.3s lotoFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.loto-bingo-modal{border:3px solid var(--loto-gold-500);border-radius:var(--loto-radius-xl);text-align:center;background:linear-gradient(135deg,#450a0a,#7f1d1d 50%,#991b1b);width:100%;max-width:500px;padding:2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) lotoBingoModalIn;position:relative;box-shadow:0 0 100px #fbbf2466,0 0 200px #fbbf2433,inset 0 0 60px #fbbf241a}@keyframes lotoBingoModalIn{0%{opacity:0;transform:scale(.5)rotateY(180deg)}to{opacity:1;transform:scale(1)rotateY(0)}}.loto-bingo-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.loto-bingo-confetti-item{font-size:2rem;animation:2.5s ease-in-out infinite lotoBingoConfetti;position:absolute;top:0}@keyframes lotoBingoConfetti{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(400px)rotate(2turn)}}.loto-bingo-icon{margin-bottom:.5rem;font-size:5rem;animation:.5s ease-in-out infinite lotoBingoShake}@keyframes lotoBingoShake{0%,to{transform:rotate(-5deg)scale(1)}50%{transform:rotate(5deg)scale(1.1)}}.loto-bingo-title{background:linear-gradient(135deg,var(--loto-gold-300),var(--loto-gold-500),var(--loto-gold-300));font-family:var(--loto-font-display);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #fbbf2480;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;animation:2s linear infinite lotoGoldShine}@keyframes lotoGoldShine{0%{background-position:0}to{background-position:200%}}.loto-bingo-subtitle{color:#fffc;margin-bottom:.5rem;font-size:1.125rem}.loto-bingo-winner{color:var(--loto-gold-400);font-family:var(--loto-font-display);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.loto-bingo-ticket{border-radius:var(--loto-radius-lg);background:#0000004d;margin-bottom:1.5rem;padding:1rem}.loto-bingo-numbers{border-radius:var(--loto-radius-md);background:#0003;padding:1rem}.loto-bingo-numbers h4{color:#ffffffb3;font-size:.875rem}.loto-bingo-numbers-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.loto-bingo-number{background:linear-gradient(145deg,var(--loto-gold-400),var(--loto-gold-600));color:var(--loto-red-900);font-family:var(--loto-font-display);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}@media (max-width:768px){.loto-bingo-modal{padding:1.5rem}.loto-bingo-title{font-size:2.5rem}.loto-bingo-icon{font-size:4rem}.loto-bingo-winner{font-size:1.5rem}}.loto-prize-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.loto-prize-confetti{pointer-events:none;z-index:0;position:fixed;inset:0}.loto-prize-confetti-item{pointer-events:none;font-size:2rem;position:fixed}.loto-prize-modal{border:3px solid var(--loto-gold-500);border-radius:var(--loto-radius-xl);text-align:center;z-index:1;background:linear-gradient(145deg,#450a0a,#7f1d1d 50%,#991b1b);width:100%;max-width:450px;padding:2rem;position:relative;box-shadow:0 0 100px #fbbf2466,0 0 200px #fbbf2433,inset 0 0 60px #fbbf241a}.loto-prize-winner-badge{background:linear-gradient(135deg,var(--loto-gold-300),var(--loto-gold-500),var(--loto-gold-300));font-family:var(--loto-font-display);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800;animation:2s linear infinite lotoGoldShine}.loto-prize-winner-name{color:#fff;font-family:var(--loto-font-display);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.loto-prize-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.loto-li-xi{perspective:1000px;width:200px;height:280px;margin:0 auto}.loto-li-xi-closed{cursor:pointer;width:100%;height:100%}.loto-li-xi-front{border:3px solid var(--loto-gold-500);border-radius:var(--loto-radius-lg);background:linear-gradient(#dc2626,#b91c1c 40%,#991b1b);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 -20px 40px #0003,inset 0 20px 40px #ffffff1a}.loto-li-xi-front:before{background:var(--loto-gold-500);content:"";opacity:.3;border-radius:50%;width:60px;height:60px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.loto-li-xi-decoration{filter:drop-shadow(0 4px 8px #0000004d);margin-bottom:.5rem;font-size:4rem}.loto-li-xi-text{color:var(--loto-gold-400);font-family:var(--loto-font-display);text-shadow:0 2px 8px #0000004d;font-size:1.5rem;font-weight:800}.loto-li-xi-subtext{color:#ffffffb3;margin-top:.5rem;font-size:.875rem;animation:1.5s ease-in-out infinite lotoPulse}@keyframes lotoPulse{0%,to{opacity:.5}50%{opacity:1}}.loto-li-xi-opened{transform-style:preserve-3d;width:100%}.loto-li-xi-content{border:2px solid var(--loto-gold-500);border-radius:var(--loto-radius-lg);background:linear-gradient(#ffffff1a,#ffffff0d);padding:1.5rem}.loto-li-xi-prize-title{color:var(--loto-gold-400);font-family:var(--loto-font-display);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.loto-momo-section{border-radius:var(--loto-radius-md);text-align:center;background:#0000004d;padding:1rem}.loto-momo-number{color:var(--loto-gold-400);letter-spacing:.1em;margin-top:.75rem;font-family:monospace;font-size:1.125rem}.loto-qr-wrapper{flex-direction:column;align-items:center;gap:.75rem;display:flex}.loto-qr-wrapper--momo .loto-qr-code{background:#fff;border:3px solid #a50064;border-radius:12px;padding:4px}.loto-qr-label{color:#fffc;font-size:.875rem}.loto-momo-badge{border-radius:var(--loto-radius-full);color:#fff;background:linear-gradient(135deg,#a50064,#d4266b);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.loto-join-qr{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-lg);text-align:center;padding:1.5rem}.loto-join-qr__title{font-family:var(--loto-font-display);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.loto-join-qr__url{border-radius:var(--loto-radius-sm);color:#ffffffb3;word-break:break-all;background:#0000004d;margin-top:1rem;padding:.5rem 1rem;font-family:monospace;font-size:.75rem}.loto-lose-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.loto-lose-modal{border-radius:var(--loto-radius-xl);text-align:center;background:linear-gradient(145deg,#1f1f1f,#2d2d2d);border:2px solid #666;width:100%;max-width:400px;padding:2rem;animation:.5s ease-in-out lotoLoseShake}@keyframes lotoLoseShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.loto-lose-icon{opacity:.7;margin-bottom:1rem;font-size:4rem}.loto-lose-title{color:#999;font-family:var(--loto-font-display);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.loto-lose-subtitle{color:#fff9;margin-bottom:1.5rem}.loto-sound-btn{background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px}.loto-sound-btn:hover{background:var(--loto-glass-bg-hover);transform:scale(1.1)}.loto-sound-btn--muted{opacity:.5}.loto-flower{cursor:default;filter:drop-shadow(0 2px 4px #0003);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:999;animation-name:lotoFlowerFall,lotoFlowerShake,lotoFlowerSpin;animation-timing-function:linear,ease-in-out,linear;animation-iteration-count:infinite,infinite,infinite;animation-play-state:running,running,running;position:fixed;top:-10%}.loto-flower svg{width:100%;height:100%}@keyframes lotoFlowerFall{0%{opacity:1;top:-10%}85%{opacity:1}to{opacity:0;top:105%}}@keyframes lotoFlowerShake{0%{transform:translate(0)}25%{transform:translate(50px)}50%{transform:translate(100px)}75%{transform:translate(50px)}to{transform:translate(0)}}@keyframes lotoFlowerSpin{0%{rotate:none}to{rotate:1turn}}.loto-sparkle{pointer-events:none;z-index:998;background:radial-gradient(circle,#fff 0,#fff0 70%);border-radius:50%;width:4px;height:4px;animation:8s linear infinite lotoSparkleFall,1s ease-in-out infinite alternate lotoSparkleGlow;position:fixed;top:-5%}@keyframes lotoSparkleFall{0%{opacity:0;top:-5%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:105%}}@keyframes lotoSparkleGlow{0%{transform:scale(.5);box-shadow:0 0 4px 2px #fffc}to{transform:scale(1.5);box-shadow:0 0 8px 4px #fff6}}.loto-envelope{cursor:default;filter:drop-shadow(0 4px 8px #0006);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:997;animation-name:lotoEnvelopeFall,lotoEnvelopeSwing,lotoEnvelopePulse;animation-timing-function:linear,ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite,infinite;animation-play-state:running,running,running;position:fixed;top:-15%}.loto-envelope svg{width:100%;height:100%}@keyframes lotoEnvelopeFall{0%{opacity:0;top:-15%}5%{opacity:1}90%{opacity:1}to{opacity:0;top:105%}}@keyframes lotoEnvelopeSwing{0%{transform:translate(0)rotate(-8deg)}25%{transform:translate(40px)rotate(8deg)}50%{transform:translate(80px)rotate(-8deg)}75%{transform:translate(40px)rotate(8deg)}to{transform:translate(0)rotate(-8deg)}}@keyframes lotoEnvelopePulse{0%,to{scale:1}50%{scale:1.08}}.loto-gif-decoration{pointer-events:none;z-index:10;position:fixed}.loto-gif-decoration--left{width:clamp(100px,15vw,200px);animation:3s ease-in-out infinite lotoGifFloat;top:60px;left:0}.loto-gif-decoration--right{width:clamp(120px,18vw,250px);animation:3.5s ease-in-out .5s infinite lotoGifFloat;top:40px;right:0}@keyframes lotoGifFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:480px){.loto-gif-decoration--left,.loto-gif-decoration--right{display:none}.loto-flower{animation-duration:6s,2s,3s}.loto-envelope{animation-duration:8s,3s,5s}}.loto-btn-kinh{border-radius:var(--loto-radius-lg);color:#7f1d1d;cursor:pointer;background:linear-gradient(145deg,#fbbf24,#d97706);border:none;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:280px;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px #b45309,0 6px 16px #00000040,0 0 0 3px #fbbf244d}.loto-btn-kinh:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale();opacity:.5;transform:none!important}.loto-btn-kinh:hover:not(:disabled){background:linear-gradient(145deg,#fcd34d,#f59e0b);transform:translateY(-4px);box-shadow:0 6px #b45309,0 12px 30px #0006,0 0 0 6px #fbbf2466}.loto-btn-kinh:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #b45309,0 4px 10px #0003,0 0 0 4px #fbbf244d}.loto-btn-kinh:after{content:"";background:linear-gradient(45deg,#0000,#fff6 50%,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translateY(-100%)}@keyframes shine{0%{transform:rotate(45deg)translateY(-100%)}20%{transform:rotate(45deg)translateY(100%)}to{transform:rotate(45deg)translateY(100%)}}.loto-sparkles{opacity:.5;pointer-events:none;background:radial-gradient(circle,#0000 60%,#ffe60080 100%);border-radius:50%;animation:1s linear infinite lotoSpin;position:absolute;inset:-10px}@keyframes lotoSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:480px){.loto-container{padding:.5rem}.loto-glass{padding:.75rem!important}.loto-tet-title{font-size:.7rem;top:5px}.loto-game-layout{gap:.5rem}.loto-drawn-number{width:min(140px,40vw);height:min(140px,40vw);font-size:min(50px,14vw)}.loto-number-ball{width:32px;height:32px;font-size:.75rem}.loto-ticket__cell{min-width:36px;min-height:36px;padding:.25rem;font-size:1.25rem}.loto-btn{padding:.5rem .75rem;font-size:.8125rem}.loto-btn--sm{padding:.375rem .625rem;font-size:.75rem}.loto-modal{max-height:calc(100vh - 1rem);margin:.5rem}.loto-modal-body,.loto-modal-footer,.loto-modal-header{padding:.75rem}.loto-page h1{font-size:1rem!important}.loto-glass[style*=marginTop]{margin-top:1rem!important}.loto-tickets-grid{gap:.5rem}.loto-ticket{padding:.75rem}.loto-ticket__grid,.loto-ticket__row{gap:.2rem}.loto-btn-kinh{max-width:280px;padding:1rem}.loto-btn-kinh__icon{font-size:2.5rem}.loto-btn-kinh__text{font-size:1rem}}@media (max-width:360px){.loto-container{padding:.25rem}.loto-ticket__cell{min-width:28px;min-height:28px;font-size:1rem}.loto-drawn-number{width:100px;height:100px;font-size:40px}.loto-number-ball{width:26px;height:26px;font-size:.625rem}.loto-btn{padding:.375rem .5rem;font-size:.75rem}}.loto-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.loto-modal{-webkit-backdrop-filter:blur(var(--loto-glass-blur));backdrop-filter:blur(var(--loto-glass-blur));background:var(--loto-glass-bg);border:1px solid var(--loto-glass-border);border-radius:var(--loto-radius-xl);flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.loto-modal-header{border-bottom:1px solid var(--loto-glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.loto-modal-header h2{font-family:var(--loto-font-display);margin:0;font-size:1.5rem;font-weight:700}.loto-modal-body{padding:1.5rem;overflow-y:auto}.loto-modal-footer{border-top:1px solid var(--loto-glass-border);background:#0003;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}
:root{--resume-text:#0f172a;--resume-muted:#64748b;--resume-muted-strong:#475569;--resume-border:#e2e8f0;--resume-bg:#fff;--resume-accent:#1f2937;--resume-page-width:8.5in;--resume-page-height:11in;--resume-spacing-1:.35rem;--resume-spacing-2:.6rem;--resume-spacing-3:.9rem;--resume-spacing-4:1.4rem;--resume-spacing-5:2rem}.resume{color:var(--resume-text);font-family:var(--font-inter),sans-serif;background:#f8fafc;padding:2rem 1rem 3rem}.resume[data-page-size=LETTER]{--resume-page-width:8.5in;--resume-page-height:11in}.resume[data-page-size=A4]{--resume-page-width:210mm;--resume-page-height:297mm}.resume[data-density=compact]{--resume-spacing-2:.45rem;--resume-spacing-3:.75rem;--resume-spacing-4:1.1rem}.resume[data-density=relaxed]{--resume-spacing-2:.75rem;--resume-spacing-3:1.1rem;--resume-spacing-4:1.7rem}.resume-page{background:var(--resume-bg);min-height:var(--resume-page-height);width:min(100%,var(--resume-page-width));margin:0 auto;padding:2.4rem;position:relative;box-shadow:0 20px 60px #0f172a1f}.resume--print{background:0 0;padding:0}.resume--print .resume-page{box-shadow:none;margin:0}.resume-section-label{color:var(--resume-muted);letter-spacing:.16em;margin-bottom:var(--resume-spacing-2);text-transform:uppercase;font-size:.75rem;font-weight:600}.resume-entry{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;margin-bottom:var(--resume-spacing-3)}.resume-bullets{color:var(--resume-muted-strong);margin:var(--resume-spacing-2)0 0;padding-left:1rem}.resume-bullets li{margin-bottom:.35rem}.resume-contact-line{color:var(--resume-muted);font-size:.85rem}.resume-date{color:var(--resume-muted);letter-spacing:.05em;font-size:.8rem}@page{margin:.5in}@media print{.resume,body{background:#fff}.resume{padding:0}.resume-page{box-shadow:none;min-height:var(--resume-page-height);width:var(--resume-page-width);margin:0 auto}.resume *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.resume-template--sidney{--mono-bg:#111827;--mono-fg:#f8fafc;--muted:#6b7280;--muted2:#9ca3af;font-family:var(--font-barlow),var(--font-inter),sans-serif}.resume-template--sidney .resume-page{padding:2.2rem 2.6rem}.sidney-header{margin-bottom:var(--resume-spacing-4);grid-template-columns:70px 1fr;align-items:center;gap:1.4rem;display:grid}.sidney-monogram{background:var(--mono-bg);color:var(--mono-fg);letter-spacing:.18em;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.35rem;font-weight:700;display:flex}.sidney-name{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:2.2rem}.sidney-headline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:.35rem 0 .4rem;font-size:.82rem;font-weight:500}.sidney-contact{color:var(--muted2);font-size:.82rem}.sidney-summary{margin-bottom:var(--resume-spacing-4)}.sidney-summary p{color:var(--muted);margin:0;line-height:1.55}.sidney-section{margin-bottom:var(--resume-spacing-4)}.sidney-entry-header{justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.sidney-entry-title{flex-direction:column;display:flex}.sidney-company{letter-spacing:.08em;text-transform:uppercase;font-weight:600}.sidney-role{color:var(--muted);margin-top:.2rem;font-size:.85rem}.sidney-date{color:var(--muted2);font-size:.8rem}.sidney-meta{color:var(--muted2);margin-top:.2rem;font-size:.78rem}.sidney-description{color:var(--muted);margin:.4rem 0 0;line-height:1.5}.sidney-bullets{color:var(--muted);margin-top:.4rem}.sidney-skills{gap:.6rem;display:grid}.sidney-skill{flex-wrap:wrap;gap:.35rem .6rem;font-size:.85rem;display:flex}.sidney-skill-title{color:var(--mono-bg);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.sidney-skill-list{color:var(--muted)}
.resume-template--parker{--accent:var(--resume-accent);font-family:var(--font-inter),sans-serif}.parker-header{margin-bottom:var(--resume-spacing-5);grid-template-columns:1fr 1.1fr;align-items:start;gap:2rem;display:grid}.parker-name{margin:0;font-size:2rem}.parker-headline{color:var(--resume-muted);margin:.4rem 0 .8rem;font-weight:500}.parker-summary{background:#f1f5f9;border-radius:.6rem;padding:1.1rem 1.2rem}.parker-summary p{color:var(--resume-muted-strong);margin:.5rem 0 0;line-height:1.55}.parker-section{margin-bottom:var(--resume-spacing-5)}.parker-section-heading{margin-bottom:var(--resume-spacing-3);align-items:center;gap:.8rem;display:flex}.parker-section-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}.parker-section-rule{background:var(--accent);opacity:.4;flex:1;height:1px}.parker-entry-header{grid-template-columns:1.2fr 1.2fr .8fr;gap:1rem;font-size:.95rem;font-weight:600;display:grid}.parker-role{color:var(--resume-text)}.parker-company{color:var(--resume-muted-strong)}.parker-date{color:var(--resume-muted);text-align:right;font-weight:500}.parker-description{color:var(--resume-muted);margin:.4rem 0 0;line-height:1.55}.parker-meta{color:var(--resume-muted);margin-top:.2rem;font-size:.78rem}.parker-bullets{margin-top:.4rem}.parker-skill-row,.parker-skills{gap:.6rem;display:grid}.parker-skill-row{grid-template-columns:120px 1fr;font-size:.88rem}.parker-skill-title{color:var(--resume-text);font-weight:600}.parker-skill-list{color:var(--resume-muted)}
.resume-template--cordova{--accent:var(--resume-accent);--date:#a855f7;font-family:var(--font-eb-garamond),serif}.resume-template--cordova .resume-page{background:linear-gradient(135deg,#fff7fb,#fff 45%,#fff);padding:2.6rem}.cordova-header{margin-bottom:var(--resume-spacing-5);justify-content:space-between;align-items:flex-end;display:flex}.cordova-tagline{color:var(--accent);margin:0 0 .4rem;font-size:1.1rem;font-style:italic}.cordova-name{margin:0;font-size:2.4rem;font-weight:600}.cordova-contact{color:var(--resume-muted);text-align:right;font-size:.9rem}.cordova-summary{margin-bottom:var(--resume-spacing-4)}.cordova-body{gap:var(--resume-spacing-4);flex-direction:column;display:flex}.cordova-section{grid-template-columns:150px 1fr;align-items:start;gap:1.5rem;display:grid}.cordova-section-label{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.cordova-section-content{color:var(--resume-text);font-family:var(--font-inter),sans-serif}.cordova-entry-header{grid-template-columns:1.2fr 1.2fr .6fr;align-items:baseline;gap:1rem;display:grid}.cordova-company{font-size:1.05rem;font-weight:600}.cordova-role{color:var(--resume-muted-strong);font-style:italic}.cordova-date{color:var(--date);text-align:right;font-size:.8rem}.cordova-description{color:var(--resume-muted);margin:.35rem 0 0;line-height:1.55}.cordova-meta{color:var(--resume-muted);margin-top:.2rem;font-size:.8rem}.cordova-bullets{color:var(--resume-muted);margin-top:.4rem}.cordova-skills{gap:.6rem;display:grid}.cordova-skill{flex-direction:column;gap:.15rem;display:flex}.cordova-skill-title{color:var(--accent);font-style:italic}.cordova-skill-list{color:var(--resume-muted-strong);text-underline-offset:3px;-webkit-text-decoration:underline #db277766;text-decoration:underline #db277766}