.fb,.fh{--paper:#f1e9d8;--ink:#241a16;--plum-deep:#4c1830;--mustard:#d9a53c;--trans-blue:#5bcefa;--trans-pink:#f5abc4;--trans-white:#fdfaf3;--coral:#ff5c7c;--font-display:"Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;--font-body:var(--font-display);--ribbon-x:linear-gradient(90deg, var(--trans-blue) 0 20%, var(--trans-pink) 20% 40%, var(--trans-white) 40% 60%, var(--trans-pink) 60% 80%, var(--trans-blue) 80% 100%);font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--trans-white);background:radial-gradient(70vw 60vh at 12% 8%,#5bcefa42,#0000 65%),radial-gradient(70vw 60vh at 90% 96%,#f5abc442,#0000 65%),radial-gradient(90vw 80vh,#3a1330 0%,#1b091a 100%)}.fb,.fb *,.fh,.fh *{box-sizing:border-box}.fb :focus-visible,.fh :focus-visible{outline:2px solid var(--trans-pink);outline-offset:3px}.fb{isolation:isolate;flex-direction:column;align-items:center;gap:1.3vh;height:100dvh;padding:4.6vh 5vw 4.4vh;display:flex;position:relative;overflow:hidden}.fb>*{width:100%;max-width:1560px}.fb-center{justify-content:center;align-items:center;font-size:4vh;font-weight:700}.fb:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(2px 2px at 8% 22%, var(--trans-blue), transparent), radial-gradient(2px 2px at 19% 66%, var(--trans-pink), transparent), radial-gradient(2px 2px at 31% 86%, var(--trans-white), transparent), radial-gradient(2px 2px at 46% 12%, var(--trans-white), transparent), radial-gradient(2px 2px at 64% 90%, var(--trans-pink), transparent), radial-gradient(2px 2px at 79% 18%, var(--trans-blue), transparent), radial-gradient(2px 2px at 92% 58%, var(--trans-white), transparent);animation:4s ease-in-out infinite alternate fb-twinkle;position:absolute;inset:0}@keyframes fb-twinkle{0%{opacity:.2}to{opacity:.85}}.fb>.fb-bulbs{pointer-events:none;z-index:1;width:auto;max-width:none;position:absolute}.fb-bulbs.top{animation:2.6s ease-in-out infinite alternate fb-pulse,1.5s steps(3,end) infinite fb-run-r}.fb-bulbs.right{animation:2.6s ease-in-out infinite alternate fb-pulse,1.5s steps(3,end) infinite fb-run-d}.fb-bulbs.bottom{animation:2.6s ease-in-out infinite alternate fb-pulse,1.5s steps(3,end) infinite fb-run-l}.fb-bulbs.left{animation:2.6s ease-in-out infinite alternate fb-pulse,1.5s steps(3,end) infinite fb-run-u}@keyframes fb-pulse{0%{opacity:.55}to{opacity:1}}@keyframes fb-run-r{to{background-position:4.8vh 0}}@keyframes fb-run-l{to{background-position:-4.8vh 0}}@keyframes fb-run-d{to{background-position:0 4.8vh}}@keyframes fb-run-u{to{background-position:0 -4.8vh}}.fb-bulbs.top,.fb-bulbs.bottom{background-image:radial-gradient(.8vh at .8vh,#5bcefa 0 38%,#5bcefa59 58%,#0000 100%),radial-gradient(.8vh at 2.4vh,#f5abc4 0 38%,#f5abc459 58%,#0000 100%),radial-gradient(.8vh at 4vh,#fdfaf3 0 38%,#fdfaf34d 58%,#0000 100%);background-repeat:repeat-x;background-size:4.8vh 100%;height:1.6vh;left:3.4vh;right:3.4vh}.fb-bulbs.left,.fb-bulbs.right{background-image:radial-gradient(.8vh at 50% .8vh,#5bcefa 0 38%,#5bcefa59 58%,#0000 100%),radial-gradient(.8vh at 50% 2.4vh,#f5abc4 0 38%,#f5abc459 58%,#0000 100%),radial-gradient(.8vh at 50% 4vh,#fdfaf3 0 38%,#fdfaf34d 58%,#0000 100%);background-repeat:repeat-y;background-size:100% 4.8vh;width:1.6vh;top:3.4vh;bottom:3.4vh}.fb-bulbs.top{top:1.4vh}.fb-bulbs.bottom{bottom:1.4vh}.fb-bulbs.left{left:1.4vh}.fb-bulbs.right{right:1.4vh}.fb-banner{text-align:center;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(90deg, var(--trans-blue), var(--trans-pink), var(--trans-white), var(--trans-pink), var(--trans-blue));color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1.4vh #f5abc473);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;flex:none;font-size:2.1vh;font-weight:700;animation:7s linear infinite fb-shimmer}@keyframes fb-shimmer{to{background-position:200% 0}}.fb-question{text-align:center;text-transform:uppercase;letter-spacing:.02em;color:var(--trans-white);text-shadow:0 0 3vh #fdfaf340;flex:none;margin:0;font-size:clamp(1.6rem,min(4.6vh,3vw),3.6rem);font-weight:800;line-height:1.12}.fb-rule{background:var(--ribbon-x);border-radius:99px;flex:none;width:14vw;height:.55vh;box-shadow:0 0 2vh #f5abc473}.fb-board{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff17,#ffffff08);border:.25vh solid #ffffff38;border-radius:3vh;flex-direction:column;flex:1;align-items:center;gap:1.6vh;min-height:0;padding:1.8vh 2vw 2.2vh;animation:5s ease-in-out infinite alternate fb-breathe;display:flex;box-shadow:0 0 5vh #5bcefa1f,0 0 5vh #f5abc41f,inset 0 0 4vh #ffffff0a}.fb-bank{min-width:18vw;color:var(--ink);background:linear-gradient(180deg, #f3cb6b, var(--mustard));border-radius:99px;flex:none;justify-content:center;align-items:baseline;gap:1.2vw;padding:.5vh 2.4vw;display:flex;box-shadow:0 0 3vh #d9a53c80,inset 0 .3vh #ffffff80}.fb-bank small{letter-spacing:.28em;font-size:1.7vh;font-weight:800}.fb-bank strong{font-size:5vh;font-weight:800;line-height:1.1}.fb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(var(--rows,4), minmax(0, 11.5vh));perspective:120vh;flex:1;align-content:center;gap:1.4vh 1.6vw;width:100%;min-height:0;display:grid}.fb-slot{--c:#5bcefa;--rgb:91, 206, 250;min-width:0;min-height:0;color:var(--c);letter-spacing:.02em;border:.25vh solid rgba(var(--rgb), .55);box-shadow:inset 0 0 3vh rgba(var(--rgb), .08), 0 0 2vh rgba(var(--rgb), .1);background:linear-gradient(#ffffff1a,#ffffff08);border-radius:2vh;justify-content:center;align-items:center;padding:0 1.4vw;font-size:min(3.8vh,2.1vw);font-weight:800;display:flex;position:relative;overflow:hidden}.fb-slot.empty{visibility:hidden}.fb-slot:not(.open):not(.empty):after{content:"";pointer-events:none;animation:6s ease-in-out infinite fb-sheen;animation-delay:var(--d,0s);background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.fb-slot:nth-child(3n+1){--d:0s}.fb-slot:nth-child(3n+2){--d:1.7s}.fb-slot:nth-child(3n+3){--d:3.4s}.fb-slot.open{color:var(--ink);background:linear-gradient(180deg, #fff9 0%, rgba(var(--rgb), 1) 45%, rgba(var(--rgb), .92) 100%);box-shadow:0 0 4vh rgba(var(--rgb), .55), inset 0 .3vh 0 #ffffffa6;border-color:#ffffffbf;justify-content:space-between;gap:1vw;animation:.65s cubic-bezier(.2,.8,.2,1) fb-reveal}@keyframes fb-reveal{0%{filter:brightness(1.9);transform:rotateX(90deg)scale(.94)}60%{transform:rotateX(-8deg)}to{filter:none;transform:rotateX(0)}}.fb-slot .text{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;min-width:0;overflow:hidden}.fb-slot .pts{color:var(--c);box-shadow:inset 0 0 0 .2vh rgba(var(--rgb), .55);background:#241a16e6;border-radius:99px;flex:none;padding:.1em .6em;font-size:.85em}.fb-num{border:.25vh solid rgba(var(--rgb), .7);border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:.8em;animation:3.2s ease-in-out infinite alternate fb-bob;display:grid}.fb-bottom{flex:none;grid-template-columns:minmax(0,28vw) 1fr minmax(0,28vw);align-items:center;gap:2vw;display:grid}.fb-team{--c:#5bcefa;--rgb:91, 206, 250;border:.25vh solid rgba(var(--rgb), .65);box-shadow:0 0 3vh rgba(var(--rgb), .22), inset 0 0 3vh rgba(var(--rgb), .08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff21,#ffffff0a);border-radius:2.2vh;justify-content:space-between;align-items:center;gap:1.2vw;padding:1.1vh 1.8vw;display:flex}.fb-team.b{--c:#f5abc4;--rgb:245, 171, 196}.fb-team span{overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.06em;min-width:0;font-size:2.5vh;font-weight:700}.fb-team strong{color:var(--c);text-shadow:0 0 2.5vh rgba(var(--rgb), .65);font-size:7.2vh;font-weight:800;line-height:1}.fb-strikes{justify-self:center;gap:1vw;display:flex}.fb-strike{color:#fdfaf338;border:.25vh solid #fdfaf338;border-radius:1.6vh;place-items:center;width:6vh;height:6vh;font-size:3.6vh;font-weight:800;display:grid}.fb-strike.on{color:#fff;border-color:var(--coral);background:linear-gradient(#ff7d96,#e8365a);box-shadow:0 0 3vh #ff5c7c99}.fb-bigx{z-index:10;pointer-events:none;width:auto;max-width:none;color:var(--coral);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 6vh var(--coral);background:#140814b3;place-items:center;font-size:62vh;font-weight:900;line-height:1;display:grid;position:fixed;inset:0}@media (max-width:900px){.fb{height:auto;min-height:100dvh;overflow:auto}.fb-grid{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:9vh;grid-auto-flow:row}.fb-slot.empty{display:none}.fb-bottom{grid-template-columns:1fr}}@keyframes fb-breathe{0%{box-shadow:0 0 4vh #5bcefa24,0 0 4vh #f5abc414,inset 0 0 4vh #ffffff0a}to{box-shadow:0 0 8vh #5bcefa4d,0 0 8vh #f5abc438,inset 0 0 5vh #ffffff12}}@keyframes fb-sheen{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes fb-bob{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes fb-pop{0%{transform:scale(.6)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes fb-in{0%{opacity:0;transform:translateY(1.6vh)scale(.98)}to{opacity:1;transform:none}}@keyframes fb-rise{0%{opacity:0;transform:translate(0,0)rotate(-8deg)}10%{opacity:.75}50%{transform:translate(3vw,-55vh)rotate(10deg)}90%{opacity:.75}to{opacity:0;transform:translate(-2vw,-115vh)rotate(-6deg)}}.fb-question{animation:.7s ease-out both fb-in}.fb-rule{animation:.7s ease-out .12s both fb-in}.fb-pop{animation:.6s cubic-bezier(.2,1.6,.4,1) fb-pop}.fb>.fb-float,.fb>.fb-tools{width:auto;max-width:none}.fb-float{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fb-float span{bottom:-8vh;left:var(--x);font-size:var(--size);opacity:0;filter:drop-shadow(0 0 1vh #ffffff59);animation:fb-rise var(--dur) linear infinite;animation-delay:var(--delay);line-height:1;position:absolute}.fb-tools{z-index:6;gap:1vh;display:flex;position:fixed;top:4.2vh;right:3.4vw}.fb-tool{cursor:pointer;font:inherit;color:#fdfaf3d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b091a8c;border:1px solid #ffffff47;border-radius:99px;padding:.7vh 1.3vh;font-size:1.7vh;font-weight:600}.fb-sound.locked{animation:2s ease-in-out infinite alternate fb-pulse}.fb-sound.on,.fb-sound.muted{opacity:.4}.fb-tool:hover{opacity:1}@keyframes fi-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-1.8vh)}}@keyframes fi-dot{0%,to{opacity:.15}50%{opacity:1}}.fi-stage{text-align:center;flex-direction:column;align-items:center;gap:2.6vh;margin-block:auto;display:flex;position:relative}.fi-stage .fb-rule{width:24vw}.fi-rings{z-index:-1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.fi-rings i{opacity:0;border:.5vh solid var(--c);width:30vh;height:30vh;animation:6s ease-out infinite fi-ring;animation-delay:var(--d);border-radius:50%;grid-area:1/1}.fi-rings i:first-child{--c:#5bcefab3;--d:0s}.fi-rings i:nth-child(2){--c:#f5abc4b3;--d:2s}.fi-rings i:nth-child(3){--c:#fdfaf399;--d:4s}.fi-kicker{letter-spacing:.5em;text-transform:uppercase;color:var(--trans-pink);text-shadow:0 0 2vh #f5abc499;margin:0;font-size:2.6vh;font-weight:700;animation:1s ease-out both fb-in}.fi-title{letter-spacing:-.01em;text-wrap:balance;background:linear-gradient(90deg, var(--trans-blue), var(--trans-pink), var(--trans-white), var(--trans-pink), var(--trans-blue));color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 3vh #f5abc473);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;max-width:92%;margin:0;font-size:min(12vh,8vw);font-weight:800;line-height:1.04;animation:8s linear infinite fb-shimmer,5s ease-in-out infinite alternate fi-float}.fi-sub{letter-spacing:.04em;color:var(--trans-white);flex-wrap:wrap;justify-content:center;margin:0;font-size:min(5.6vh,4vw);font-weight:700;display:flex}.fi-sub span{animation:2.8s ease-in-out infinite fi-wave;animation-delay:calc(var(--i) * 90ms);display:inline-block}.fi-hint{letter-spacing:.06em;color:#fdfaf3b3;margin:1vh 0 0;font-size:2.6vh}.fi-hint i{font-style:normal;animation:1.4s ease-in-out infinite fi-dot}.fi-hint i:nth-child(2){animation-delay:.25s}.fi-hint i:nth-child(3){animation-delay:.5s}.fi-confetti{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fi-confetti i{top:-4vh;left:var(--x);width:var(--w);height:calc(var(--w) * 1.6);background:var(--c);opacity:.85;animation:fi-fall var(--dur) linear infinite;animation-delay:var(--delay);border-radius:.3vh;position:absolute}.fh{flex-direction:column;gap:10px;height:100dvh;padding:12px max(16px,50vw - 360px) 14px;display:flex;overflow:auto}.fh-ribbon{background:var(--ribbon-x);border-radius:99px;flex:none;height:6px}.fh a{color:var(--trans-pink);font-weight:600}.fh-topbar{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.fh-topbar .fh-title{text-align:left}.fh-topbar button{white-space:nowrap;padding:6px 12px;font-size:.85rem}.fh-title{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--trans-pink);flex:none;font-size:.8rem;font-weight:700}.fh-header{flex:none;align-items:center;gap:10px;display:flex}.fh h2{-webkit-line-clamp:2;line-clamp:2;height:2.9rem;color:var(--trans-white);-webkit-box-orient:vertical;flex:1;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.fh input,.fh button{font:inherit;border-radius:14px;padding:10px 14px}.fh input{color:#fff;background:#ffffff14;border:1.5px solid #ffffff2e;min-width:0}.fh input::placeholder{color:#ffffff73}.fh input:focus{border-color:var(--trans-pink);outline:none}.fh button{color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px solid #fff3;font-weight:600;transition:background .15s,border-color .15s}.fh button:hover:not(:disabled){background:#fff3}.fh button:disabled{opacity:.35;cursor:default}.fh-header button{flex:none;width:44px;padding:10px 0}.fh button.danger{color:#fff;background:linear-gradient(#ff7d96,#e8365a);border-color:#0000}.fh-entry{flex:none;gap:8px;display:flex}.fh-entry input{flex:1;font-size:1.15rem}.fh-entry button[type=submit]{background:linear-gradient(135deg, var(--trans-blue), var(--trans-pink));color:var(--ink);border-color:#0000;font-weight:700}.fh-msg{white-space:nowrap;text-overflow:ellipsis;height:1.5em;color:var(--trans-pink);flex:none;margin:0;font-weight:600;overflow:hidden}.fh-list{flex:1;align-content:start;gap:6px;min-height:120px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.fh-list li{border-left:6px solid var(--trans-blue);background:#ffffff12;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.fh-list li:nth-child(5n+2),.fh-list li:nth-child(5n+4){border-left-color:var(--trans-pink)}.fh-list li:nth-child(5n+3){border-left-color:var(--trans-white)}.fh-list li.done{opacity:.45;text-decoration:line-through}.fh-list button{flex:none;padding:6px 12px}.fh-award{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.fh-award strong{color:var(--mustard);margin-right:auto}.fh-award button:first-of-type{border-color:var(--trans-blue)}.fh-award button:nth-of-type(2){border-color:var(--trans-pink)}.fh-teams{flex:none;align-items:center;gap:8px;display:flex}.fh-teams input{flex:1}.fh-teams span{white-space:nowrap;font-size:1.2rem;font-weight:800}.fh>button.danger{border:1.5px solid var(--coral);color:var(--coral);background:0 0;flex:none;align-self:flex-end;padding:6px 12px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.fb-float,.fi-confetti,.fi-rings{display:none}.fb *,.fb :before,.fb :after,.fb:before,.fh *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
