@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&family=Playball&display=swap);body,html{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;min-width:360px}h1,h2,h3,h4,h5,h6{letter-spacing:.125em}a,button,h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,cursive}a,button{cursor:pointer}.page.dark-mode{color:#fff}.page.light-mode{color:#000}.container{min-height:calc(100vh - 3em);padding:1em}.dark-mode .container{background-color:#1a1a1a}.light-mode .container{background-color:#fff}.light-mode .page-heading{color:#000;margin-bottom:1em;text-align:center}.dark-mode .page-heading{color:#fff;margin-bottom:1em;text-align:center}.main-menu{display:none}.main-menu ul{display:inherit;list-style-type:none;margin:0;padding:0}.main-menu li{background-image:linear-gradient(110deg,#c14949 50%,#c1494970);display:inherit;font-size:1.2em;padding:.25em 2em;width:11.25em}.main-menu a{text-decoration:none}.dark-mode .main-menu a:hover,.dark-mode span:hover{text-decoration:underline}.dark-mode .main-menu a,.dark-mode .main-menu a:active,.dark-mode .main-menu a:visited,.dark-mode span{color:#fff}.light-mode .main-menu a:hover{text-decoration:underline}.light-mode .main-menu a,.light-mode .main-menu a:active,.light-mode .main-menu a:visited{color:#fff}.dark-mode .main-menu button{background-color:#fff;border:none;color:#000}.light-mode .main-menu button{background-color:#000;border:none;color:#fff}.main-menu .signout-btn{margin:0;padding:0;text-decoration:underline}.dark-mode .main-menu .signout-btn{background-color:#000;color:#fff}.light-mode .main-menu .signout-bbtn{background-color:#fff;color:#000}.btn.menu,div .btn.signin,div .btn.signout{font-size:1em;font-weight:400;height:100%;line-height:3em;line-height:62px;padding:0 6px;text-decoration:none}.btn.menu{background-image:url(/static/media/menuButton.6f6a86392efba0417108.svg);background-position:50%;background-repeat:no-repeat;background-size:40px 40px;border:none;border-radius:100%;bottom:0;box-shadow:-1px -1px 0 #1591d8,1px 1px 0 #c1494981;cursor:pointer;display:inline-block;height:50px;margin:6px;padding:5px;right:0;width:50px}.status-bar .btn.signin,.status-bar div .btn.signout{background-color:#49c149;color:blue}.status-bar .btn.signin:hover,.status-bar div .btn.signout:hover{background-color:#86e986;color:#009;text-decoration:underline}.status-bar .btn.signin{border:.125em solid #49c149}.status-bar div .display-name{background-color:#0084ff;color:#fff;font-family:Bebas Neue,cursive;font-size:1em;font-weight:400;height:100%;line-height:62px;padding:0 6px;text-decoration:none}@-webkit-keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes menu-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes li-slide-in{0%{border-bottom-right-radius:1.7em;margin-left:-11.25em}to{border-bottom-right-radius:0;margin-left:0}}@keyframes li-slide-in{0%{border-bottom-right-radius:1.7em;margin-left:-11.25em}to{border-bottom-right-radius:0;margin-left:0}}.status-bar{display:flex;height:auto;justify-content:space-between;min-width:360px}.status-bar-right-btns{display:flex;flex-direction:row}.dark-mode .status-bar{background-color:#000000f3}.light-mode .status-bar{background-color:#f1f1f1}#main-menu:hover div{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:menu-fade-in;animation-name:menu-fade-in;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;display:grid;place-content:center;position:absolute;z-index:1000}#main-menu:hover div li:nth-child(1n){-webkit-animation-delay:.1s;animation-delay:.1s}#main-menu:hover div li:nth-child(2n){-webkit-animation-delay:.2s;animation-delay:.2s}#main-menu:hover div li:nth-child(3n){-webkit-animation-delay:.3s;animation-delay:.3s}#main-menu:hover div li:nth-child(4n){-webkit-animation-delay:.4s;animation-delay:.4s}#main-menu:hover div li:nth-child(5n){-webkit-animation-delay:.5s;animation-delay:.5s}#main-menu:hover div li:nth-child(6n){-webkit-animation-delay:.6s;animation-delay:.6s}#main-menu:hover div li:nth-child(7n){-webkit-animation-delay:.7s;animation-delay:.7s}#main-menu:hover div li:nth-child(8n){-webkit-animation-delay:.8s;animation-delay:.8s}#main-menu:hover div li:nth-child(9n){-webkit-animation-delay:.9s;animation-delay:.9s}#main-menu:hover div li:nth-child(10n){-webkit-animation-delay:1s;animation-delay:1s}#main-menu:hover div li:nth-child(11n){-webkit-animation-delay:1.1s;animation-delay:1.1s}#main-menu:hover div li:nth-child(12n){-webkit-animation-delay:1.2s;animation-delay:1.2s}#main-menu:hover div li:nth-child(13n){-webkit-animation-delay:1.3s;animation-delay:1.3s}#main-menu:hover div li:nth-child(14n){-webkit-animation-delay:1.4s;animation-delay:1.4s}#main-menu:hover div li:nth-child(15n){-webkit-animation-delay:1.5s;animation-delay:1.5s}#main-menu:hover div li:nth-child(16n){-webkit-animation-delay:1.6s;animation-delay:1.6s}#main-menu:hover div li:nth-child(17n){-webkit-animation-delay:1.7s;animation-delay:1.7s}#main-menu:hover div li:nth-child(18n){-webkit-animation-delay:1.8s;animation-delay:1.8s}#main-menu:hover div li:nth-child(19n){-webkit-animation-delay:1.9s;animation-delay:1.9s}#main-menu:hover div li:nth-child(20n){-webkit-animation-delay:2s;animation-delay:2s}#main-menu:hover div li:nth-child(21n){-webkit-animation-delay:2.1s;animation-delay:2.1s}#main-menu:hover div li:nth-child(22n){-webkit-animation-delay:2.2s;animation-delay:2.2s}#main-menu:hover div li:nth-child(23n){-webkit-animation-delay:2.3s;animation-delay:2.3s}#main-menu:hover div li:nth-child(24n){-webkit-animation-delay:2.4s;animation-delay:2.4s}#main-menu:hover div li:nth-child(25n){-webkit-animation-delay:2.5s;animation-delay:2.5s}#main-menu:hover div li:nth-child(26n){-webkit-animation-delay:2.6s;animation-delay:2.6s}#main-menu:hover div li:nth-child(27n){-webkit-animation-delay:2.7s;animation-delay:2.7s}#main-menu:hover div li:nth-child(28n){-webkit-animation-delay:2.8s;animation-delay:2.8s}#main-menu:hover div li:nth-child(29n){-webkit-animation-delay:2.9s;animation-delay:2.9s}#main-menu:hover div li:nth-child(30n){-webkit-animation-delay:3s;animation-delay:3s}#main-menu:hover div li:nth-child(31n){-webkit-animation-delay:3.1s;animation-delay:3.1s}#main-menu:hover div li:nth-child(32n){-webkit-animation-delay:3.2s;animation-delay:3.2s}#main-menu:hover div li:nth-child(33n){-webkit-animation-delay:3.3s;animation-delay:3.3s}#main-menu:hover div li:nth-child(34n){-webkit-animation-delay:3.4s;animation-delay:3.4s}#main-menu:hover div li:nth-child(35n){-webkit-animation-delay:3.5s;animation-delay:3.5s}#main-menu:hover div li:nth-child(36n){-webkit-animation-delay:3.6s;animation-delay:3.6s}#main-menu:hover div li:nth-child(37n){-webkit-animation-delay:3.7s;animation-delay:3.7s}#main-menu:hover div li:nth-child(38n){-webkit-animation-delay:3.8s;animation-delay:3.8s}#main-menu:hover div li:nth-child(39n){-webkit-animation-delay:3.9s;animation-delay:3.9s}#main-menu:hover div li:nth-child(40n){-webkit-animation-delay:4s;animation-delay:4s}#main-menu:hover div li:nth-child(41n){-webkit-animation-delay:4.1s;animation-delay:4.1s}#main-menu:hover div li:nth-child(42n){-webkit-animation-delay:4.2s;animation-delay:4.2s}#main-menu:hover div li:nth-child(43n){-webkit-animation-delay:4.3s;animation-delay:4.3s}#main-menu:hover div li:nth-child(44n){-webkit-animation-delay:4.4s;animation-delay:4.4s}#main-menu:hover div li:nth-child(45n){-webkit-animation-delay:4.5s;animation-delay:4.5s}#main-menu:hover div li:nth-child(46n){-webkit-animation-delay:4.6s;animation-delay:4.6s}#main-menu:hover div li:nth-child(47n){-webkit-animation-delay:4.7s;animation-delay:4.7s}#main-menu:hover div li:nth-child(48n){-webkit-animation-delay:4.8s;animation-delay:4.8s}#main-menu:hover div li:nth-child(49n){-webkit-animation-delay:4.9s;animation-delay:4.9s}#main-menu:hover div li:nth-child(50n){-webkit-animation-delay:5s;animation-delay:5s}#main-menu:hover div li:nth-child(51n){-webkit-animation-delay:5.1s;animation-delay:5.1s}#main-menu:hover div li:nth-child(52n){-webkit-animation-delay:5.2s;animation-delay:5.2s}#main-menu:hover div li:nth-child(53n){-webkit-animation-delay:5.3s;animation-delay:5.3s}#main-menu:hover div li:nth-child(54n){-webkit-animation-delay:5.4s;animation-delay:5.4s}#main-menu:hover div li:nth-child(55n){-webkit-animation-delay:5.5s;animation-delay:5.5s}#main-menu:hover div li:nth-child(56n){-webkit-animation-delay:5.6s;animation-delay:5.6s}#main-menu:hover div li:nth-child(57n){-webkit-animation-delay:5.7s;animation-delay:5.7s}#main-menu:hover div li:nth-child(58n){-webkit-animation-delay:5.8s;animation-delay:5.8s}#main-menu:hover div li:nth-child(59n){-webkit-animation-delay:5.9s;animation-delay:5.9s}#main-menu:hover div li:nth-child(60n){-webkit-animation-delay:6s;animation-delay:6s}#main-menu:hover div li:nth-child(61n){-webkit-animation-delay:6.1s;animation-delay:6.1s}#main-menu:hover div li:nth-child(62n){-webkit-animation-delay:6.2s;animation-delay:6.2s}#main-menu:hover div li:nth-child(63n){-webkit-animation-delay:6.3s;animation-delay:6.3s}#main-menu:hover div li:nth-child(64n){-webkit-animation-delay:6.4s;animation-delay:6.4s}#main-menu:hover div li:nth-child(65n){-webkit-animation-delay:6.5s;animation-delay:6.5s}#main-menu:hover div li:nth-child(66n){-webkit-animation-delay:6.6s;animation-delay:6.6s}#main-menu:hover div li:nth-child(67n){-webkit-animation-delay:6.7s;animation-delay:6.7s}#main-menu:hover div li:nth-child(68n){-webkit-animation-delay:6.8s;animation-delay:6.8s}#main-menu:hover div li:nth-child(69n){-webkit-animation-delay:6.9s;animation-delay:6.9s}#main-menu:hover div li:nth-child(70n){-webkit-animation-delay:7s;animation-delay:7s}#main-menu:hover div li:nth-child(71n){-webkit-animation-delay:7.1s;animation-delay:7.1s}#main-menu:hover div li:nth-child(72n){-webkit-animation-delay:7.2s;animation-delay:7.2s}#main-menu:hover div li:nth-child(73n){-webkit-animation-delay:7.3s;animation-delay:7.3s}#main-menu:hover div li:nth-child(74n){-webkit-animation-delay:7.4s;animation-delay:7.4s}#main-menu:hover div li:nth-child(75n){-webkit-animation-delay:7.5s;animation-delay:7.5s}#main-menu:hover div li:nth-child(76n){-webkit-animation-delay:7.6s;animation-delay:7.6s}#main-menu:hover div li:nth-child(77n){-webkit-animation-delay:7.7s;animation-delay:7.7s}#main-menu:hover div li:nth-child(78n){-webkit-animation-delay:7.8s;animation-delay:7.8s}#main-menu:hover div li:nth-child(79n){-webkit-animation-delay:7.9s;animation-delay:7.9s}#main-menu:hover div li:nth-child(80n){-webkit-animation-delay:8s;animation-delay:8s}#main-menu:hover div li:nth-child(81n){-webkit-animation-delay:8.1s;animation-delay:8.1s}#main-menu:hover div li:nth-child(82n){-webkit-animation-delay:8.2s;animation-delay:8.2s}#main-menu:hover div li:nth-child(83n){-webkit-animation-delay:8.3s;animation-delay:8.3s}#main-menu:hover div li:nth-child(84n){-webkit-animation-delay:8.4s;animation-delay:8.4s}#main-menu:hover div li:nth-child(85n){-webkit-animation-delay:8.5s;animation-delay:8.5s}#main-menu:hover div li:nth-child(86n){-webkit-animation-delay:8.6s;animation-delay:8.6s}#main-menu:hover div li:nth-child(87n){-webkit-animation-delay:8.7s;animation-delay:8.7s}#main-menu:hover div li:nth-child(88n){-webkit-animation-delay:8.8s;animation-delay:8.8s}#main-menu:hover div li:nth-child(89n){-webkit-animation-delay:8.9s;animation-delay:8.9s}#main-menu:hover div li:nth-child(90n){-webkit-animation-delay:9s;animation-delay:9s}#main-menu:hover div li:nth-child(91n){-webkit-animation-delay:9.1s;animation-delay:9.1s}#main-menu:hover div li:nth-child(92n){-webkit-animation-delay:9.2s;animation-delay:9.2s}#main-menu:hover div li:nth-child(93n){-webkit-animation-delay:9.3s;animation-delay:9.3s}#main-menu:hover div li:nth-child(94n){-webkit-animation-delay:9.4s;animation-delay:9.4s}#main-menu:hover div li:nth-child(95n){-webkit-animation-delay:9.5s;animation-delay:9.5s}#main-menu:hover div li:nth-child(96n){-webkit-animation-delay:9.6s;animation-delay:9.6s}#main-menu:hover div li:nth-child(97n){-webkit-animation-delay:9.7s;animation-delay:9.7s}#main-menu:hover div li:nth-child(98n){-webkit-animation-delay:9.8s;animation-delay:9.8s}#main-menu:hover div li:nth-child(99n){-webkit-animation-delay:9.9s;animation-delay:9.9s}#main-menu:hover div li:nth-child(100n){-webkit-animation-delay:10s;animation-delay:10s}#main-menu:hover div li:first-child{border-top-right-radius:1.7em}#main-menu:hover div li:last-child{border-bottom-right-radius:1.7em}#main-menu:hover div li{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:li-slide-in;animation-name:li-slide-in;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.sungka-banner{background-color:#0f0f1f;color:#fff4e6;font-family:Playball,cursive;font-size:2em;font-weight:400}.footer,.sungka-banner{display:flex;justify-content:space-evenly}.footer{flex-direction:row;height:12.5em;padding:2em 2.5vw}.light-mode .footer{background-color:#f0f8ff}.dark-mode .footer{background-color:#1d2022}.footer a{font-size:.8em;text-decoration:none}.light-mode .footer a{color:#4b2c42}.light-mode .footer a:hover{color:#000}.light-mode .footer a:visited{color:#311d2c}.lets-play.btn{background-color:#49c149;border:none;color:blue;padding:.25em;text-decoration:none}.lets-play.btn:hover{background-color:#86e986;color:#009}.sungka-board{background-repeat:no-repeat;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(10,1fr)}.counters,.counters *{display:inline;height:-webkit-min-content;height:min-content;position:relative}.left-space{grid-column:1/span 2;grid-row:1/span 10}.top-space{grid-column:3/span 21;grid-row:1/span 2}.right-space{grid-column:23/span 2;grid-row:1/span 10}.bottom-space{grid-column:3/span 21;grid-row:9/span 2}.middle-space{grid-column:5/span 16;grid-row:5/span 2}.ulo-p1-hole{grid-column:3/span 2;grid-row:5/span 2;grid-template-areas:"ulo-p1-hole"}.ulo-p1-hole,.ulo-p2-hole{display:grid;place-content:center}.ulo-p2-hole{grid-column:21/span 2;grid-row:5/span 2;grid-template-areas:"ulo-p2-hole"}.bahay01{grid-column:18/span 2;grid-row:7/span 2;grid-template-areas:"bahay01"}.bahay01,.bahay02{display:grid;place-content:center}.bahay02{grid-column:16/span 2;grid-row:7/span 2;grid-template-areas:"bahay02"}.bahay03{grid-column:14/span 2;grid-row:7/span 2;grid-template-areas:"bahay03"}.bahay03,.bahay04{display:grid;place-content:center}.bahay04{grid-column:12/span 2;grid-row:7/span 2;grid-template-areas:"bahay04"}.bahay05{grid-column:10/span 2;grid-row:7/span 2;grid-template-areas:"bahay05"}.bahay05,.bahay06{display:grid;place-content:center}.bahay06{grid-column:8/span 2;grid-row:7/span 2;grid-template-areas:"bahay06"}.bahay07{grid-column:6/span 2;grid-row:7/span 2;grid-template-areas:"bahay07"}.bahay07,.bahay08{display:grid;place-content:center}.bahay08{grid-column:6/span 2;grid-row:3/span 2;grid-template-areas:"bahay08"}.bahay09{grid-column:8/span 2;grid-row:3/span 2;grid-template-areas:"bahay09"}.bahay09,.bahay10{display:grid;place-content:center}.bahay10{grid-column:10/span 2;grid-row:3/span 2;grid-template-areas:"bahay10"}.bahay11{grid-column:12/span 2;grid-row:3/span 2;grid-template-areas:"bahay11"}.bahay11,.bahay12{display:grid;place-content:center}.bahay12{grid-column:14/span 2;grid-row:3/span 2;grid-template-areas:"bahay12"}.bahay13{grid-column:16/span 2;grid-row:3/span 2;grid-template-areas:"bahay13"}.bahay13,.bahay14{display:grid;place-content:center}.bahay14{grid-column:18/span 2;grid-row:3/span 2;grid-template-areas:"bahay14"}.signup-or-signin{display:flex;flex-direction:row;justify-content:space-evenly}.btn.facebook-login,.btn.google-login{background-color:#49c149;border:none;color:blue;font-size:1.6em;padding:.25em}.btn.facebook-login:hover,.btn.google-login:hover{background-color:#86e986;color:#009}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.4f0037cb.css.map*/