*,::after,::before{box-sizing:border-box}html{height:100%}.default{--color-text:#4e4e4e;--body-bg:#a7a7a7;--header-color:#f1f1f3;--header-item-color:#4e4e4e;--header-bg:#d3d3d4;--game-bg:#4e4e4e;--number-color:#4e4e4e40;--number-bg:#eee;--number-color-ingame:#323641;--button-color:#4e4e4e;--button-bg:#f1f1f3;--button-reset-bg:#d3d3d4;--button-modal-bg:#f1f1f3;--button-modal-color:#1b1b1d;--button-modal-color-active:#f1f1f3;--button-modal-bg-active:#1b1b1d;--modal-bg:#f1f1f3}.kitty{--color-text:#5e395a;--body-bg:#fef2da;--header-color:#5e395a;--header-item-color:#5e395a;--header-bg:#fffee7;--game-bg:#5e395a;--number-color:#5e395a40;--number-bg:#fff;--number-color-ingame:#5e395a;--button-color:#5e395a;--button-bg:#ffc418;--button-reset-bg:#ffa0a4;--button-modal-bg:#fffee7;--button-modal-color:#575757;--button-modal-color-active:#1c5a27;--button-modal-bg-active:#68f67c;--button-modal-shadow:#e4d8bb;--button-modal-shadow-active:#41a173;--modal-bg:#fffdea}.frog{--color-text:#2c2c2c;--body-bg:#88d8f3;--header-color:#fff;--header-item-color:#fff;--header-bg:#7ccde8;--game-bg:#3f9754;--number-color:#2c2c2c40;--number-bg:#fff;--number-color-ingame:#2c2c2c;--button-color:#2c2c2c;--button-bg:#68afff;--button-reset-bg:#fe6b56;--button-modal-bg:#ffed60;--button-modal-color:#d1773d;--button-shadow:#2e8df8;--button-modal-color-active:#fff;--button-modal-bg-active:#68afff;--button-modal-shadow:#ffd821;--button-modal-shadow-active:#2e8df8;--modal-bg:#fff;--point-color:#ffdb34}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--color-text,#4e4e4e);font-size:16px;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow:hidden;padding:10px;margin:0;background-color:var(--body-bg,#a7a7a7);background-image:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,.15) 100%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-block{display:block}.d-flex{display:flex;align-items:center}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.text-center{text-align:center}.hidden{display:none!important}#noise{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}#game{--size:4;--width:100px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:auto;width:100%;max-width:calc(100vh - 220px)}#game *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.copyright{position:relative;z-index:2;color:#f1f1f395;font-size:14px;text-align:center}.copyright a{color:#f1f1f395}.game__header{width:100%;max-width:calc(var(--size,4) * var(--width,100px));margin:0 0 20px;color:var(--header-color,#f1f1f3)}.game__header>div:first-child{margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.game__header>div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.header__item{display:inline-flex;align-items:center;gap:10px;padding:2px 10px 2px 0;border-radius:8px;font-size:1.25rem;color:var(--header-item-color);background-color:var(--header-bg);border:2px solid var(--button-color)}.header__item i{border:2px solid var(--button-color);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;margin:-8px 0 -8px -8px;background-color:var(--header-bg)}.frog .header__item,.frog .header__item i{border:0}.header__item>span{display:inline-block;margin:0 auto}.player{font-size:24px;font-weight:500;display:inline-flex;align-items:center;line-height:normal;margin-right:auto}.player .ava{display:inline-block;width:32px;height:32px;flex:0 0 auto;background-color:var(--game-bg,#4e4e4e);border-radius:50%;margin-right:10px;background-size:cover}#points::before{content:''}.game__field{position:relative;width:100%;aspect-ratio:1;max-width:calc(var(--size,4) * var(--width,100px));font-size:6vmin}.game__field::before{content:'';position:absolute;z-index:-1;top:-5px;left:-5px;bottom:-5px;right:-5px;background-color:var(--game-bg,#4e4e4e);border-radius:calc(1vmin + 5px)}.header__item{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.point{color:var(--point-color,currentColor)}.number{position:absolute;top:0;left:0;z-index:2;width:calc(100% / var(--size,4));color:var(--number-color,#4e4e4e40);font-size:inherit;font-weight:500;line-height:0;text-align:center;display:flex;align-items:center;justify-content:center;transition:top .2s ease-in-out,left .2s ease-in-out}.number::before{content:'';display:block;padding-top:100%}.number::after{content:'';position:absolute;z-index:-1;top:1px;left:1px;right:1px;bottom:1px;background-color:var(--number-bg,#eee);border-radius:1vmin}.kitty .number::before{padding-top:calc(100% - 5px)}.frog .number::before{padding-top:calc(100% - 6px)}.kitty .number{padding-bottom:5px}.frog .number{padding-bottom:6px}.kitty .number::after{box-shadow:inset 0 -5px 1px #d9d9d9}.frog .number::after{box-shadow:inset 0 -6px 1px #bddcc5}.number.ingame{color:var(--number-color-ingame,#323641);cursor:pointer}.number.empty{opacity:.1}.buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:30px 0 0;width:100%;max-width:calc(var(--size,4) * var(--width,100px))}button,button:focus{outline-color:var(--game-bg,#4e4e4e)}.btn{padding:10px 20px;border:2px solid transparent;background:var(--button-bg,#f1f1f3);color:var(--button-color,#4e4e4e);cursor:pointer;border-radius:2vmin;font-size:20px;line-height:1;max-width:240px;-webkit-tap-highlight-color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none}.btn--small{font-size:14px;padding:5px 10px}.kitty .btn{border-radius:1vmin;padding:9px 20px 11px;box-shadow:inset 0 -2px 1px #da6b00;border-color:#da6b00}.frog .btn{color:var(--number-bg);padding:9px 20px 11px;box-shadow:inset 0 -2px 1px var(--button-shadow);border-color:var(--button-shadow)}.modal .btn--start{margin:auto}.btn--reset{background:var(--button-reset-bg,#f1f1f395)}.kitty .btn--reset{color:#a7414f;border-color:#ec6d74;box-shadow:inset 0 -2px 1px #ec6d74}.frog .btn--reset{border-color:#e83e24;box-shadow:inset 0 -2px 1px #e83e24}.btn--modal{background:var(--button-modal-bg,#1b1b1d);color:var(--button-modal-color,#f1f1f3);border:2px solid var(--button-modal-color);border-radius:1vmin}.frog .btn--modal,.kitty .btn--modal{box-shadow:inset 0 -2px 1px var(--button-modal-shadow);border-color:var(--button-modal-shadow)}.frog .btn--modal{color:var(--button-modal-color)}.btn--modal.active,.kitty .btn--modal.btn--start,.kitty .btn--theme.active{border-color:var(--button-modal-color,#1b1b1d);color:var(--button-modal-color-active,#1b1b1d);background:var(--button-modal-bg-active,#f1f1f3)}.frog .btn--modal.active,.frog .btn--modal.btn--start,.frog .btn--theme.active,.kitty .btn--modal.active,.kitty .btn--modal.btn--start,.kitty .btn--theme.active{border-color:var(--button-modal-shadow-active);box-shadow:inset 0 -2px 1px var(--button-modal-shadow-active)}.btn--info{background:var(--button-bg,#f1f1f395);margin-right:auto;border-radius:50%;min-width:44px;aspect-ratio:1;padding:0!important}.btn--reset-stat{opacity:.6;font-size:14px;text-decoration:underline;margin:auto}.btn--header{padding:0!important;border-radius:50%!important;width:32px;height:32px;flex:0 0 auto}.frog .btn--header,.kitty .btn--header{padding-bottom:2px!important}.btn--header,.btn--info,.btn--theme{display:inline-flex;align-items:center;justify-content:center}.btn--theme{min-width:130px;gap:10px;padding-left:10px!important;padding-right:14px!important}.btn--theme .check{display:none}.btn--theme.sell>span,.btn--theme.sell>svg{display:none}.btn--theme.sell .check{display:inline-block}.btn.disabled{background-color:#888;cursor:default;color:#ccc;border-color:#888}.frog .btn.disabled,.kitty .btn.disabled{border-color:#666;box-shadow:inset 0 -2px 1px #666}.modal{position:fixed;z-index:5;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center}.modal.show{display:flex;animation:fadeIn .35s forwards}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.modal i{line-height:0}.modal__block{position:relative;display:flex;flex-direction:column;gap:15px;background:var(--modal-bg,#f1f1f3);padding:30px;border-radius:2vmin;min-width:290px;border:2px solid var(--button-color)}.modal__close{position:absolute;top:-10px;right:-10px;width:31px;height:31px;background-color:var(--modal-bg);border:2px solid var(--button-color);border-radius:50%;cursor:pointer}.modal__close::after,.modal__close::before{content:'';position:absolute;top:50%;left:50%;height:2px;width:19px;border-radius:1px;background-color:var(--button-color);transform:translate(-50%,-50%) rotate(45deg)}.modal__close::before{transform:translate(-50%,-50%) rotate(-45deg)}.modal .buttons{margin:0}@media (max-width:430px){.modal .buttons [data-size='10'],.modal .buttons [data-size='9']{display:none}}.modal-leaders-points,.modal-points{font-size:20px;line-height:20px}.modal__stats{font-size:20px;display:flex;flex-direction:column;gap:6px}#leaders .modal__stats{font-size:17px}.frog .modal__stats,.kitty .modal__stats{background-color:#fff3db;padding:20px;border-radius:1vmin}.frog .modal__stats{background-color:#e8f9ff}.modal__stats>div{display:flex;align-items:center;gap:10px}.modal__stats>div i{display:inline-block;width:22px;height:22px;background-size:cover;border-radius:50%}#leaders .modal__stats>div:nth-child(1){font-size:20px}#leaders .modal__stats>div:nth-child(2){font-size:19px}#leaders .modal__stats>div:nth-child(3){font-size:18px}.modal__stats>div:nth-child(1) i{width:25px;height:25px}.modal__stats>div:nth-child(2) i{width:24px;height:24px}.modal__stats>div:nth-child(3) i{width:23px;height:25px}.modal__stats>div span:last-child{margin-left:auto}.modal__title{font-size:24px;font-weight:500;text-align:center}.ya--a{width:100%;height:80px;min-height:80px;background:#4e4e4e;margin-top:2rem}@media (max-height:515px){.modal__block{width:95%;gap:10px}.modal .buttons{max-width:unset;grid-template-columns:1fr 1fr 1fr 1fr}.modal__stats{gap:0}.modal .buttons [data-size='10'],.modal .buttons [data-size='8'],.modal .buttons [data-size='9']{display:none}#game>.buttons{margin-top:20px}}