#home-page{animation:tile-scroll 28s linear infinite;background-color:#2f8c7a;background-image:url(/static/media/hobnob_bg.208cc4938c6a58d76e58.gif);background-position:top;background-repeat:repeat;background-size:auto;padding:0}#home-page #logo-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center;min-height:0;z-index:999}#home-page #logo{max-height:100%;max-width:80%;object-fit:contain}#home-page #tagline{background-color:#2f8c7acc;border-radius:10px;box-shadow:0 0 5px 0 #2f8c7a;color:#222;font-size:25px;font-variation-settings:"wdth" 100,"wght" 700;font-weight:700;margin:0 10px;padding:4px;text-align:center}#home-page .home-buttons{align-items:center;background-color:#2f8c7a;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:25px 10px 10px;position:relative;width:100%}#home-page .home-buttons:before{background:linear-gradient(180deg,#0000,#2f8c7a);content:"";height:70px;left:0;pointer-events:none;position:absolute;right:0;top:-70px}#home-page button{justify-content:center;min-width:220px;width:70%}@media (max-width:384px){#home-page #tagline{font-size:18px}}button{all:unset;align-items:center;background-color:#222;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:25px;font-weight:700;height:44px;justify-content:flex-start;transition:transform .08s ease,background-color .1s ease;width:125px}button:not(:disabled):hover{background-color:#333}button:not(:disabled):active{background-color:#3a3a3a;transform:scale(.94)}button .icon{height:30px;margin:0 5px;width:30px}button span{flex:1 1;text-align:left}button.centered span{text-align:center}button:disabled{cursor:default;opacity:.4}#help-page{animation:tile-scroll 28s linear infinite;background-color:#2f8c7a;background-image:url(/static/media/hobnob_bg.208cc4938c6a58d76e58.gif);background-position:top;background-repeat:repeat;background-size:auto;justify-content:flex-start}.help-tab-row{align-items:flex-end;justify-content:space-between;width:100%}.help-tab-row,.help-tabs{display:flex;flex-direction:row}.help-tabs{gap:10px;margin-left:10px}.help-close{align-items:center;background-color:#222;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;height:44px;justify-content:center;margin-bottom:8px;padding:4px;width:44px}.help-close img{display:block;height:32px;width:32px}.help-tab{background-color:#aaa;border:none;border-radius:10px 10px 0 0;color:#222;cursor:pointer;font-size:1.3em;font-variation-settings:"wdth" 100,"wght" 700;font-weight:700;outline:none;padding:12px 18px}.help-tab.active{background-color:#fff}.help-content-box{background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-bottom:10px;margin-top:-1px;max-width:480px;min-height:0;padding:5px;width:100%}.help-video-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden}.help-video-container video{border-radius:5px;max-height:100%;max-width:100%;object-fit:contain}.help-page-content{display:flex;flex:1 1;flex-direction:column;gap:10px;margin:20px;min-height:0;overflow-y:auto}.help-page-content h2{font-size:1.6em;font-variation-settings:"wdth" 100,"wght" 700;font-weight:700;text-align:center}.help-page-content p{font-size:1.15em;line-height:1.5;margin:2px 0}.btn-ref{background-color:#222;border-radius:6px;color:#fff;font-variation-settings:"wdth" 100,"wght" 700;font-weight:700;padding:1px 6px 3px;white-space:nowrap}.help-page-nav{flex-direction:row;gap:8px;padding-bottom:10px;padding-top:12px}.help-nav-btn,.help-page-nav{align-items:center;display:flex;justify-content:center}.help-nav-btn{height:44px;padding:0;width:44px}.help-nav-btn img{height:30px;width:30px}.help-nav-btn.prev img{transform:scaleX(-1)}.help-dots{align-items:center;display:flex;flex-direction:row;gap:8px}.help-dot{background-color:initial;border:3px solid #222;border-radius:50%;box-sizing:border-box;height:18px;padding:0;width:18px}.help-dot.active{background-color:#222}#options-page{animation:tile-scroll 28s linear infinite;background-color:#2f8c7a;background-image:url(/static/media/hobnob_bg.208cc4938c6a58d76e58.gif);background-position:top;background-repeat:repeat;background-size:auto}#options-page #options-heading{background-color:#2f8c7a99;border-radius:10px;box-shadow:0 0 35px 0 #2f8c7a;color:#222;font-size:36px;font-variation-settings:"wdth" 100,"wght" 700;font-weight:700;margin:0 auto;padding:4px 12px;text-align:center;text-shadow:0 0 12px #2f8c7a;width:fit-content}#options-page .options-content{background-color:initial;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:10px;width:100%}#options-page .option{background-color:#ffffffe0;border:3px solid #222;border-radius:12px;box-shadow:3px 5px 0 2px #1d695988;padding:15px 12px}#options-page label{display:block;margin-bottom:15px;text-align:center}.player-select,.player-select div{display:flex;flex-direction:row;justify-content:center}.player-select div{align-items:center;border:3px solid #222;border-radius:5px;box-sizing:border-box;font-weight:700;height:40px;margin:3px;width:40px}.player-select .dimmed{background:none;border-style:dotted}.card-select-block{display:flex;flex-direction:row}.card-select{flex-wrap:wrap;max-width:200px}.card-select,.card-select div{display:flex;flex-direction:row;justify-content:center}.card-select div{align-items:center;background-color:#222;border:3px solid #222;border-radius:5px;box-sizing:border-box;color:#fff;font-weight:700;height:40px;margin:3px;width:40px}.card-select .dimmed{background:none;border-style:dotted;color:#222}.card-select-description{background-color:#2f8c7a26;border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:space-around;margin:0 10px;padding:20px 10px;text-align:center}.card-select-description h2{font-weight:700;margin-top:5px}#options-page button{box-shadow:0 3px 30px 2px #2f8c7a;justify-content:center;margin:0 auto;padding:0 20px;width:auto}.scores{box-sizing:border-box;display:flex;flex-direction:row;height:50px;overflow:hidden;width:100%}.score-tabs{flex:1 1;gap:5px;margin-right:10px}.score-tab,.score-tabs{box-sizing:border-box;display:flex;flex-direction:row}.score-tab{border-bottom:5px solid #222;border-radius:10px 10px 0 0;flex:1 1;max-width:75px;padding:0 2px}.score-tab.is-current{border-bottom:2px solid #0000;padding-bottom:2px}.score-tab h3{flex:1 1;font-size:40px;font-weight:700;margin:0 0 0 6px}.score-tab .score{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap-reverse;justify-content:flex-end;margin:2px}.score-tab .score div{background-color:#000;border-radius:10px;height:5px;margin:2px;width:80%}.wrapped-scores .score div{width:40%}.triple-scores .score div{width:25%}.scores.condensed-scores{height:70px}.condensed-scores .score{height:37px;margin:0 0 5px;width:100%}.condensed-scores .score div{height:4px;margin:2px}.condensed-scores .score-tab{align-items:center;flex-direction:column;height:70px}.condensed-scores .score-tab h3{flex:1 1;font-size:30px;font-weight:700;margin:0}.faceoff .is-out{opacity:0}@keyframes nudge-pop{0%{border-radius:5px 5px 0 0;filter:brightness(1);transform:scale(1)}50%{border-radius:12px;filter:brightness(1.7);transform:scale(1.1)}to{border-radius:10px;filter:brightness(1);transform:scale(1)}}@keyframes tab-flash{0%{filter:brightness(1)}25%{filter:brightness(1.8)}to{filter:brightness(1)}}.score-tab.is-scoring{animation:tab-flash .5s ease-out}@keyframes tally-in{0%{height:0;margin:0;opacity:0;transform:scaleX(0)}to{height:5px;margin:2px;opacity:1;transform:scaleX(1)}}.score-tab .score div.new-tally{animation:tally-in .6s ease-out;transform-origin:center}.score-tab.is-nudge-mode{animation:nudge-pop .25s ease-out forwards;border-bottom:5px solid #222;border-radius:10px;cursor:pointer;margin-bottom:8px}.timer{background-color:#fff;border:3px solid #222;border-radius:5px;height:20px;margin:10px 60px 10px 30px}.timer-bar{background-color:#222;height:100%;width:0}#winner-page{justify-content:space-around;padding:80px 20px}#winner-page .card img{border-style:solid;border-width:8px;box-sizing:border-box;opacity:1;transform:scale(1)}#winner-page .card{animation:winner-card-in .55s cubic-bezier(.34,1.56,.64,1)}#winner-page .content-box{align-items:center;animation:winner-box-in .5s cubic-bezier(.34,1.56,.64,1) .2s both;border-radius:20px;box-sizing:border-box;flex:.5 1;flex-direction:column;justify-content:space-around;min-height:250px;padding:10px}@keyframes winner-card-in{0%{opacity:0;transform:scale(.65) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes winner-box-in{0%{opacity:0;transform:scale(.8) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}#winner-page .content-box h1{font-size:50px;font-weight:700;margin:10px;text-align:center}#winner-page .content-box h2{font-size:30px;margin:10px;text-align:center}.modal-overlay{align-items:center;display:flex;flex-direction:column;height:100dvh;justify-content:center;position:absolute;width:100%;z-index:999}.inactive-modal-overlay{pointer-events:none}.full-modal-overlay{animation:tile-scroll 28s linear infinite,overlay-reveal 1.6s ease forwards;background-image:url(/static/media/hobnob_bg.208cc4938c6a58d76e58.gif);background-repeat:repeat;background-size:auto}@keyframes tile-scroll{0%{background-position:center 0}to{background-position:center 374px}}@keyframes overlay-reveal{0%{background-color:#000;opacity:0}20%{background-color:#000;opacity:1}55%{background-color:#000;opacity:1}to{background-color:#2f8c7a;opacity:1}}.full-modal-overlay .modal{animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1) .7s both}@keyframes modal-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.06)}85%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}.full-modal-overlay.exiting{animation:tile-scroll 28s linear infinite,overlay-hide 1.3s ease forwards;pointer-events:none}@keyframes overlay-hide{0%{background-color:#2f8c7a;opacity:1}30%{background-color:#000;opacity:1}75%{background-color:#000;opacity:1}to{background-color:#000;opacity:0}}.full-modal-overlay.exiting .modal{animation:modal-pop-out .35s ease-in forwards}@keyframes modal-pop-out{0%{opacity:1;transform:scale(1)}25%{transform:scale(1.06)}to{opacity:0;transform:scale(.4)}}.modal{background:#fff;border:3px solid #222;border-radius:12px;box-shadow:3px 5px 0 2px #1d695988;line-height:1.25;margin:10px;max-width:600px;padding:10px;position:relative;text-align:center}.modal h2{font-size:25px;font-weight:700;margin-bottom:10px}.modal p{margin:15px 0}.modal-body-with-image{align-items:flex-start;display:flex;flex-direction:row;gap:12px;margin-bottom:10px}.modal-body-text{flex:1 1;text-align:left}.modal-image{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.modal .button-row{align-items:center;display:flex;flex-direction:column}.modal-body-with-image h2,.modal-body-with-image p{margin:5px 0 0}.card{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;padding-bottom:15px;perspective:900px}.card img{background-color:#ddd;border-radius:20px;max-height:100%;opacity:0;width:100%}.card img.entering{animation:card-flip-in .28s ease-out forwards;transform-origin:left center}.card img.exiting{animation:card-flip-out .25s ease-in forwards;transform-origin:right center}@keyframes card-flip-in{0%{opacity:.2;transform:rotateY(90deg) scaleY(.96)}50%{opacity:.9}to{opacity:1;transform:rotateY(0deg) scaleY(1)}}@keyframes card-flip-out{0%{opacity:1;transform:rotateY(0deg) scaleY(1)}50%{opacity:.9}to{opacity:.2;transform:rotateY(-90deg) scaleY(.96)}}.score-count{align-items:center;display:flex;justify-content:center;padding:10px 5px 3px 10px}.score-count .deck{background:#aaa;position:relative}.score-count .deck,.score-count .deck-inner{border:3px solid #000;border-radius:5px;box-sizing:border-box;height:40px;top:-3px;width:30px}.score-count .deck-inner{align-items:center;background:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center;left:-7px;position:absolute}.header-bar{align-items:center;background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 10px;padding:0 5px 0 10px;width:100%}.header-logotype{display:block;flex-shrink:0;height:38px}@media (max-width:300px){.header-logotype{flex-shrink:1;max-width:80px;min-width:0;object-fit:contain}}.header-actions{flex-direction:row}.header-actions,.header-btn{align-items:center;display:flex}.header-btn{border:none;box-sizing:border-box;cursor:pointer;height:44px;justify-content:center;margin-left:5px;padding:4px;width:44px}.header-btn img{display:block;height:32px;width:32px}.header-btn:not(:has(img)){color:#fff;font-family:inherit;font-size:1.4em;font-weight:700;line-height:1}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#222;color:#222;font-family:Fredoka,sans-serif;font-optical-sizing:auto;font-size:1em;font-style:normal;font-variation-settings:"wdth" 100;font-weight:100;overflow-x:hidden}#app{display:flex;justify-content:center}.page{align-items:center;box-sizing:border-box;flex-direction:column;height:100dvh;max-width:480px;padding:5px;position:relative}.content-box,.page{display:flex;width:100%}.content-box{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;flex-direction:row;margin-top:-1px;min-height:160px}.content-box .instructions{box-sizing:border-box;flex:1 1;padding:10px}.content-box .challenge-instructions-inner{border:5px solid #222;border-radius:10px;box-sizing:border-box;display:flex;margin:5px;padding:5px}.instructions h2{font-size:1.5em;font-weight:700}.instructions h2,.instructions p{margin-bottom:5px}.buttons{align-items:center;border:0 solid #000;display:flex;flex-direction:column;justify-content:space-around;padding:3px 0;width:135px}.placeholder{cursor:auto;opacity:0;pointer-events:none}b{font-weight:700}.current-player-0 .current-player-bg,.player-bg-0{background-color:#d2b6f0}.current-player-1 .current-player-bg,.player-bg-1{background-color:#ffc965}.current-player-2 .current-player-bg,.player-bg-2{background-color:#90ee90}.current-player-3 .current-player-bg,.player-bg-3{background-color:pink}.current-player-4 .current-player-bg,.player-bg-4{background-color:#add8e6}.current-player-5 .current-player-bg,.player-bg-5{background-color:#ffffba}.current-player-6 .current-player-bg,.player-bg-6{background-color:gray}.current-player-7 .current-player-bg,.player-bg-7{background-color:tan}.current-player-8 .current-player-bg,.player-bg-8{background-color:#ebebeb}.player-border-0{border-color:#d2b6f0}.player-border-1{border-color:#ffc965}.player-border-2{border-color:#90ee90}.player-border-3{border-color:pink}.player-border-4{border-color:#add8e6}.player-border-5{border-color:#ffffba}.player-border-6{border-color:gray}.player-border-7{border-color:tan}.player-border-8{border-color:#ebebeb}
/*# sourceMappingURL=main.a2806965.css.map*/