@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Pacifico&display=swap";:root{font-family:Inter,ui-rounded,system-ui,sans-serif;color:#f9f4ff;background:#050518;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 8%,#191151 0,#090725 34%,#040412 72%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 2%) 1px,transparent 1px);background-size:32px 32px}button,input{font:inherit}main{position:relative;width:min(100% - 24px,860px);margin:0 auto;padding:18px 0 30px}header{position:relative;padding:24px 18px 20px;border:1px solid #57217e;border-radius:18px;background:linear-gradient(#04031933,#0403198c),url(/assets/neon-brick-hero-Dv0Y2IVI.webp) center / cover;box-shadow:inset 0 -30px 50px #040319b3,0 0 24px #822cd31f;text-align:center;margin-bottom:12px}header p{margin:7px 0 0;color:#f8eaff;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px auto 0;max-width:400px}.hero-actions .hero-join{border:1px solid #ff49ad;color:#ff88ca;background:#07051cc2;box-shadow:inset 0 0 14px #ff30a51a}.language-switcher{position:absolute;top:8px;right:9px;display:flex;gap:4px}.language-switcher button{width:auto;padding:4px 7px;border:1px solid #5b3c7f;border-radius:7px;color:#bbaaca;background:#050417c7;box-shadow:none;font-size:.68rem}.language-switcher button.active{border-color:#ff4daf;color:#fff;background:#b91872}.account-panel{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px auto 0;color:#ddd4e8;font-size:.75rem}.account-panel img{width:25px;height:25px;border:1px solid #53dfff;border-radius:50%}.account-panel button{width:auto;padding:6px 10px;font-size:.72rem}.google-button{border:1px solid #c9c5d0;color:#25212a;background:#fff;box-shadow:0 4px 13px #0003;text-transform:none}.google-button span{margin-right:5px;color:#4285f4;font-family:Arial,sans-serif;font-weight:900}.my-games-button{border:1px solid #ff4daf;color:#ff8dcc;background:#050417c7;box-shadow:none}.saved-games{width:min(100%,620px);margin:0 auto}.saved-games-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-games-header h2{margin:0;color:#ff65bb;font-family:Barlow Condensed,sans-serif;text-transform:uppercase}.saved-games-header button,.saved-games li button{width:auto}.saved-games ul{display:grid;gap:8px;margin:17px 0 0;padding:0;list-style:none}.saved-games li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #352456;border-radius:10px;background:#090720;text-align:left}.saved-games li div{display:grid;gap:4px}.saved-games li small{color:#9f94ad}.neon-logo{position:relative;display:grid;justify-content:center;width:fit-content;margin:0 auto;padding:10px 31px 9px;border:3px solid #ff35ac;border-radius:50%;box-shadow:0 0 7px #ff35ac,inset 0 0 10px #ff35ac,0 0 28px #ff35ac73;transform:rotate(-2deg)}.neon-logo:before,.neon-logo:after{content:"";position:absolute;width:9px;height:9px;background:#5fd9ff;box-shadow:0 0 10px #2cc8ff;transform:rotate(45deg)}.neon-logo:before{left:-26px;top:24px}.neon-logo:after{right:-27px;bottom:23px;background:#ff35ac;box-shadow:0 0 10px #ff35ac}.neon-logo span{font-family:Pacifico,cursive;font-size:1.8rem;line-height:.88;letter-spacing:.02em}.neon-logo span:first-child{color:#ff61bd;text-shadow:0 0 5px #ff35ac,0 0 17px #ff35ac}.neon-logo span:last-child{color:#6ee8ff;text-shadow:0 0 5px #24d1ff,0 0 17px #24d1ff}.card{position:relative;padding:18px;border:1px solid #6f2c9d;border-radius:18px;background:linear-gradient(145deg,#110b35f5,#07061df7);box-shadow:0 0 24px #822cd324,inset 0 1px #ffffff0a;text-align:center;overflow:hidden}.home{padding:20px 18px}.intro{margin-top:0;color:#ded4eb;line-height:1.5}.home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px}.action-panel{padding:13px;border:1px solid #38235f;border-radius:12px;background:#07051bb8}.action-panel h2{margin:0;color:#ff5db5;font-family:Barlow Condensed,sans-serif;font-size:1.12rem;text-transform:uppercase}.join-panel h2{color:#5bdcff}.action-divider{position:relative;width:1px;background:#31224b}.action-divider span{position:absolute;left:50%;top:50%;padding:3px 9px;color:#8d819e;background:#090720;font-size:.7rem;font-weight:800;transform:translate(-50%,-50%)}.home-join-form{margin-top:17px}.join-button{background:linear-gradient(90deg,#1160dd,#1686f0);box-shadow:0 7px 22px #1672e840}button{width:100%;border:0;border-radius:10px;padding:11px 14px;color:#fff;background:linear-gradient(90deg,#e81582,#ef328f);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;box-shadow:0 7px 22px #eb188247,inset 0 1px #ffffff38;transition:transform .15s ease,filter .15s ease}button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.4;transform:none}.create-form,.join-form{display:grid;gap:6px;margin:13px 0 10px;text-align:left}.create-form label,.join-form label{color:#ff62ba;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:800;text-transform:uppercase}input{width:100%;border:1px solid #29224f;border-radius:8px;padding:10px 11px;outline:none;color:#fff;background:#08071d}input::placeholder{color:#77718f}input:focus{border-color:#ff38a8;box-shadow:0 0 0 3px #ff38a821,0 0 15px #ff38a826}.persistent-option{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #34214f;border-radius:9px;color:#e8ddf2;text-transform:none}.persistent-option input{width:18px;height:18px;accent-color:#ec268e}.persistent-option span{display:grid;gap:2px}.persistent-option small{color:#998da8;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500}.event-schedule{display:grid;gap:6px}.game-code{margin:0 0 12px;color:#a99cbb;font-family:Barlow Condensed,sans-serif;text-transform:uppercase}.game-code strong{color:#55dfff;font-size:1.25rem;letter-spacing:.16em;text-shadow:0 0 10px rgb(57 214 255 / 55%)}.game-card{width:min(100%,540px);margin-inline:auto}.purpose{margin:0 0 17px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:1.45rem;font-weight:800}.role{display:inline-block;margin:-4px 0 20px;padding:6px 12px;border:1px solid #ff35a8;border-radius:999px;color:#ff71c1;background:#ff239914;font-size:.78rem;font-weight:800;text-transform:uppercase}.persistent-badge{display:inline-block;margin:-4px 0 20px 5px;padding:6px 12px;border:1px solid #45d9ff;border-radius:999px;color:#75e6ff;background:#23beff14;font-size:.78rem;font-weight:800;text-transform:uppercase}.event-summary{display:grid;gap:9px;margin:0 0 18px;padding:12px;border:1px solid #2f83a5;border-radius:12px;color:#bcefff;background:#1265891a}.event-summary strong{color:#62e3ff;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;letter-spacing:.08em}.event-summary button{width:auto;justify-self:center}.tv-mode{width:100%;min-height:100vh;padding:clamp(18px,3vw,48px)}.event-screen{display:grid;align-content:center;min-height:calc(100vh - clamp(36px,6vw,96px));text-align:center}.event-screen-brand{color:#ff61bd;font-family:Pacifico,cursive;font-size:clamp(2.4rem,5vw,5rem);line-height:1;text-shadow:0 0 8px #ff35ac,0 0 28px #ff35ac}.event-screen-purpose{margin:18px 0 28px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,4vw,4.5rem);font-weight:800}.event-screen-lobby{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.5fr);gap:clamp(24px,5vw,80px);align-items:center;width:min(1200px,100%);margin:0 auto}.event-screen-invite{display:grid;justify-items:center;gap:8px;padding:22px;border:1px solid #6f2c9d;border-radius:22px;background:#07061de0}.event-screen-invite img{width:min(300px,70vw);padding:10px;border-radius:16px;background:#fff}.event-screen-invite p{margin:4px 0 0;color:#d7cce3;font-size:clamp(1rem,2vw,1.6rem)}.event-screen-invite strong{color:#5ee3ff;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:.18em;text-shadow:0 0 15px #24d1ff}.event-screen-timer>span{color:#ff79c6;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.5rem,3vw,2.7rem);font-weight:800;text-transform:uppercase}.event-screen-timer>strong{display:block;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(4.8rem,12vw,10rem);line-height:1;text-shadow:0 0 25px rgb(255 45 156 / 65%)}.event-screen-timer>p{color:#65ddff;font-weight:800}.event-screen-timer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none}.event-screen-timer li{padding:8px 14px;border:1px solid #413164;border-radius:999px;background:#0b0828;font-weight:700}.event-result{width:min(850px,100%);min-height:60vh;margin-inline:auto}.event-result .reaction-gif{max-height:42vh}.invite{display:grid;justify-content:center;gap:7px;margin-top:22px;color:#b5a9c6}.invite img{width:130px;max-width:100%;padding:6px;border-radius:10px;background:#fff;box-shadow:0 0 18px #36cdff38}.manual-participant{display:grid;gap:7px;margin-top:16px;text-align:left}.manual-participant label{color:#5bdcff;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:800;text-transform:uppercase}.manual-participant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.manual-participant-row button{width:auto}.participants{margin:17px 0}.participants h2{color:#ff75c5;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;text-transform:uppercase}.participants ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.participants li{padding:8px;border:1px solid #28204e;border-radius:9px;color:#e8faff;background:#0f0c30cc;font-size:.9rem;font-weight:700}.draw{background:linear-gradient(90deg,#e71078,#fd369d);font-size:1.25rem}.result{display:grid;justify-items:center;gap:7px;margin-top:14px;padding:15px 10px 12px;border:1px solid #8a2c9a;border-radius:15px;background:radial-gradient(circle at 50% 50%,#370b54cc,#08051ff5 67%)}.result-purpose{position:relative;z-index:1;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:700}.countdown-result{min-height:220px;place-content:center}.countdown{color:#ff5eba;font-family:Barlow Condensed,sans-serif;font-size:clamp(6rem,28vw,9rem);line-height:.8;text-shadow:0 0 12px #ff2b9b,0 0 35px rgb(255 34 154 / 75%);animation:countdown-pulse 1s ease-in-out infinite}.reaction-gif{display:block;width:auto;max-width:100%;height:auto;max-height:190px;border:2px solid #ff4cad;border-radius:12px;object-fit:contain;background:#05040d;box-shadow:0 0 18px #ff2d9c4d}.giphy-credit{color:#8e83a1;font-size:.62rem;text-decoration:none}.loser-name{position:relative;z-index:2;display:block;padding:7px 4px;color:#ff91d0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.4rem,12vw,4.5rem);line-height:1;text-transform:uppercase;text-shadow:0 0 7px #ff2d9c,0 0 25px rgb(255 45 156 / 72%);animation:loser-reveal .7s cubic-bezier(.2,1.6,.45,1) both,loser-bounce 1.25s .8s ease-in-out infinite}.airport-result{position:relative;z-index:1;margin-top:5px;padding:16px 9px;border-radius:13px;background:#080713;box-shadow:inset 0 0 0 1px #392950,0 0 24px #ed1e9126;overflow:hidden}.airport-label{display:block;margin-bottom:10px;color:#ff5fba;font-size:.66rem;font-weight:800;letter-spacing:.2em}.split-flap{display:flex;justify-content:center;gap:3px;min-height:50px;perspective:500px}.flap{position:relative;display:grid;place-items:center;flex:0 1 34px;min-width:17px;height:50px;border-radius:4px;color:#fff;background:linear-gradient(to bottom,#31233e 0 48%,#09070e 49% 52%,#281d33 53% 100%);box-shadow:0 0 0 1px #050407,inset 0 1px #ffffff17;font-family:Arial Narrow,Courier New,monospace;font-size:clamp(.85rem,5vw,1.65rem);font-weight:800;overflow:hidden}.flap:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:#050407;box-shadow:0 1px #ffffff12}.flap-face{display:grid;place-items:center;width:100%;height:100%;animation:flap-in .12s linear both}.winner-board .flap{color:#ff8ccd;text-shadow:0 0 8px #ff2da0}.winner-board.spinning .flap{color:#d7efff;text-shadow:0 0 7px #45cfff}.winner-board .flap-face{animation-duration:.18s}.draw-result{text-align:center}.cheers{position:relative;z-index:1;font-size:2.1rem;filter:drop-shadow(0 0 7px #35d5ff)}.confetti{position:absolute;z-index:0;width:7px;height:22px;background:#ff2d9c;transform:rotate(-28deg);box-shadow:315px 35px #23cfff,55px 145px #ffd14a,275px 150px #ff5b49,135px 20px #963dff,225px 92px #f22ba2;animation:confetti-float 2s ease-in-out infinite alternate}.confetti-one{left:25px;top:28px}.confetti-two{right:55px;top:12px;transform:rotate(35deg) scale(.7);animation-delay:-.7s}.confetti-three{left:45%;bottom:30px;transform:rotate(70deg) scale(.55);animation-delay:-1.3s}.replay{margin-top:14px;border:1px solid #f536a4;color:#ff7cc7;background:transparent;box-shadow:inset 0 0 12px #ee2a9c1f}.new-game{margin-top:12px;border:1px solid #315684;color:#65d8ff;background:transparent;box-shadow:none}.new-game:hover{color:#fff;background:#123c73}.error{color:#ff7b8d;font-weight:700}@keyframes flap-in{0%{opacity:.35;transform:rotateX(-80deg)}55%{transform:rotateX(12deg)}to{opacity:1;transform:rotateX(0)}}@keyframes confetti-float{0%{translate:0 -4px}to{translate:3px 6px}}@keyframes countdown-pulse{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1);opacity:1}}@keyframes loser-reveal{0%{opacity:0;transform:scale(.6);filter:blur(12px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes loser-bounce{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.035)}65%{transform:translateY(2px) scale(.99)}}@media(max-width:720px){.home-actions{grid-template-columns:1fr}.action-divider{width:auto;height:1px}.event-screen-lobby{grid-template-columns:1fr}}@media(max-width:420px){main{width:min(100% - 14px,540px);padding-top:8px}header{padding:16px 12px 14px}.card{padding:14px 12px;border-radius:15px}.home{padding:15px 12px}.neon-logo span{font-size:1.5rem}.neon-logo{padding:8px 26px 7px}.hero-actions{grid-template-columns:1fr}.split-flap{gap:2px}.flap{min-width:14px;height:42px}}
