html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
:root {--defwidth: 1000px;--light-a-color:#0000EE;}
#text .t1 {font-weight:bold}
#text .t3 {font-size:85%}
#text .t1 u,.t2 u, .t3 u, ul u {color:var(--light-a-color);cursor:pointer}
.gwb {background-color: #fff;}
.gdb, .gib, .gsb, .grb, .gcb {border-radius:15px; transition: background-color 1s ease-in-out;}
.gdb figcaption, .gib figcaption, .gsb figcaption, .grb figcaption {font-size: 12px;}
li.gdb, li.gib, li.gsb, li.grb {margin:0px;padding:10px}
li.gdb {margin-top:-12px}
.avito {background: radial-gradient(#E7E677, #fff);}
.gdbg {background-color: #FFA0A1;border-radius:15px; z-index:100}
.gibg {background-color: #E7E677;border-radius:15px; z-index:100}
.gsbg {background-color: #7AB3F2;border-radius:15px; z-index:100}
.grbg {background-color: #6DBE4D;border-radius:15px; z-index:100}
.gcbg {background-color: #DECF3E;border-radius:15px; z-index:100}
#grps .gdbg {background: radial-gradient(#FFA0A1, #fff); border-radius:15px; z-index:100}
#grps .gibg {background: radial-gradient(#E7E677, #fff); border-radius:15px; z-index:100}
#grps .gsbg {background: radial-gradient(#7AB3F2, #fff); border-radius:15px; z-index:100}
#grps .grbg {background: radial-gradient(#6DBE4D, #fff); border-radius:15px; z-index:100}
body {font-family: "Roboto Flex", Arial, sans-serif;font-size: 15px;line-height: 20px;color:black;padding: 0px;margin: 0px;background-color: #F5F5F5;}
h1, h2, h3 {letter-spacing: -1px;}
em, strong, h1, h2, h3 {scroll-margin-top: 50px;}
main {clear:both;}
section>ul>li {margin-bottom:5px}
article {max-width: var(--defwidth);margin: auto;}
figure.o {display: flow-root;text-align: center;}
figure.o img {border-radius: 50%;max-width:412px;height: auto;margin: 0px;padding: 0px;border:1px solid #cccccc;/*box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);*/}
figure.casual img {border-radius: 20px;max-width:95%;width: auto;height: auto;margin: 0px auto;display: block;padding: 0px;border:1px solid #cccccc;/*box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);*/}
div.g {display: block;}
figure.g {min-width:400px;display: block; float:left; text-align: center;margin: 10px 0px 20px 0px;padding: 0px;}
figure.g:first-child {margin-right:25px}
figure.g img {width:100%;max-width:484px;height: auto;margin: 0px;padding: 0px;border:1px solid #cccccc;}
figcaption {margin: 6px 0pc;text-align: center;font-style: italic;font-size: 14px;}
div.f {display: flex;justify-content: center;}
figure.f {width: 100%; padding: 20px 0px 30px 0px; margin: 0px;}
figure.l {height:500px;}
figure.f img {width: 80%;margin: auto;border-radius: 50%;display: block;max-width: 250px;}
h1 {margin: 45px 0px 30px 0px;padding: 0px;font-size: 30px;font-weight: bold;}
h2 {margin: 35px 0px 20px 0px;padding: 0px;font-size: 25px;font-weight: bold;}
address, time {color: #000;margin: 0px;text-align: right;font-style: normal;display: inline;}
article header time {display:block;text-align: right;margin: 0px;padding: 0px;}
article>footer {clear: both;margin-top:0px;text-align: right;}
body>footer {clear: both;font-size: 10px;color: #666;margin:30px auto 10px auto;max-width: var(--defwidth);border-top:1px solid #666;}
magic {color:#00e;font-weight:bold}
dfn {cursor: help;font-style: normal;border-bottom: 1px dashed #333;}
span.g {color:#aaa}
span.r {color:#fff;background-color: #f00;}
strong.r {color:#f00}
strong.a {color:#00f; text-decoration:underline; cursor: pointer;}
strong.a:hover {text-decoration:none;}
section>p em, section li em, article>p em {font-style: normal;background-color: #f8eEFf; padding: 2px 6px;border-radius: 15px;}
section.navigation {display:block; max-width: 570px;}
header {max-width: var(--defwidth);margin:0px auto;display: grid;}
aside {width:100%;background-color: white;border:1px solid black;border-radius: 15px;box-sizing: border-box;margin: 0px auto 0px auto;padding:0px;display: table;overflow: hidden;}
aside ul {display: table-row;list-style: none;margin: 0px 20px;padding: 0px;}
aside li {display: table-cell;text-align: center;border-right: 1px solid black;}
aside li:last-child {border-right:none}
aside li a {display:block;color:#6750A4;text-decoration: none;font-size: 22px;height:30px;line-height: 17px;width:100%;}
h3 {display: inline;margin: 0px;padding: 0px;font-size: 20px;font-weight: bold;}
li.h3 {margin: 35px 0px 20px 0px;padding: 0px;}
li.h3 ol ol {margin-top:5px}
li.h3:before {font-size: 20px;font-weight: bold;}
ol li:before {margin-left:-10px;}
ol ol li:before {margin-left:-30px;}
ol ol ol li:before {margin-left:-40px;}
li {margin-top:10px}
ol:fist-of-type {margin-top:0px}
li.h3 ol {margin-top: 20px;}
nav li {list-style-type: "\2192 \0020";}
nav li.navh2 {margin-top:5px}
nav li.navh3 {margin-top:3px;margin-left:20px}
a.internal, a.internal:link, a.internal:visited, a.internal:active {color:#88f;text-decoration: underline dotted}
a.internal:hover {color:#88f;text-decoration: none}
a.s, a.s:link, a.sg:visited, a.s:active {color:#00e}
a.s:hover {text-decoration: none}
#info, #dial {border: 1px solid #CAC4D0;border-radius: 14px;position:absolute;display:none;font-size: 12px;line-height: 16px;background-color: #FEF7FF;width: 190px;margin: 0px 0px 100px 300px;overflow: hidden;box-shadow: 5px 5px 10px 0px #000;z-index:100}
#dial {width: 280px;font-size: 16px}
#info header, #dial header, #info figure, #dial figure, #info p , #dial p {margin: 0px;padding: 0px;}
#info header {display: block;height: 50px;}
#dial header {display: block;height: 70px;}
#info header img, #dial header img {background-color: #7AB3F2;width: 25px;height: 25px;border-radius: 50%;float: left;padding: 2px;border: 1px solid #888;margin: 10px 0px 0px 11px;}
#info header p {line-height: 18px;padding: 9px 0px 0px 49px;color: #1D1B20;}
#dial header p {line-height: 22px;padding: 15px 0px 0px 15px;color: #1D1B20;}
#info header p strong {font-weight: 600;}
#dial header p strong {font-size:18px;font-weight: normal}
#info header p small {white-space: nowrap;display: block;font-size: 10px;}
#dial header p small {white-space: nowrap;display: block;font-size: 12px;}
section:has(>#rules) figure {margin: 10px 20px 20px 0px;float:left}
section:has(>#rules) figure img {width:100%;max-width:500px}
section:has(>#rules) p {margin-top: 10px;margin-bottom: 10px}
section:has(>#rules) em {border:2px solid white;color:white;background-color:#4F378B;border-radius: 50%;padding:2px 7px 1px 6px;margin-bottom:20px}
section:has(>#rules) em.two {padding: 2px 3px 1px 2px}
ul#rules {list-style: none;margin:3px}
ul#rules li {margin-top:0px;margin-bottom: 0px;}
h2#whowin {clear:both}
#info figure , #dial figure {white-space: nowrap;display: block;width: 100%;height: 113px;overflow: hidden;}
#info figure img {width: 240px;margin-left: -26px;margin-top: -68px;}
#dial figure {height: 200px}
#dial figure img {width: 120%;margin-left: -30px;margin-top: -30px;}
#info .ico , #dial .ico {width: 18px;height: 18px;position: absolute;margin: 1px 0px 0px -37px;opacity: 0.6;}
#info .info_name , #dial .info_name {padding: 10px 10px 0px 10px;font-size: 11px;}
#info .info_name small, #dial .info_name small {display: block;font-size: 10px;margin-left: 3px;}
#info .info_name, #dial .info_name, #info .info_date, #dial .info_date, #info .info_members , #dial .info_members {padding: 10px 10px 0px 10px;font-size: 11px;}
#info .info_date {padding-left:13px}
#info .info_more, #dial .info_more, #info .info_out , #dial .info_out {width: 90px;margin-top: 25px;height: 30px;border-radius: 15px;color: white;background-color: #6750A4;float: right;font-size: 8px;line-height: 10px;margin: 20px 2px 3px 2px;border: 1px solid #aaa;padding:4px 0px}
#dial .info_more, #dial .info_out {width: auto;margin:25px 18px 20px 0px;height: 30px;font-size: 12px;line-height: 12px; color: white;background-color: #6750A4;float: right;font-size: 12px;border: 1px solid #aaa}
#info .info_more {background-color: white;color: #6750A4;border: 1px solid #aaa;}
#dial .info_more {background-color: white;color: #6750A4;border: 1px solid #aaa;height: 20px;margin-top:30px;}
#info .info_out a {color: white; text-decoration: none}
#dial .info_out {margin:25px 18px 20px 20px;}
#dial .info_out a {color: white;text-decoration: none;padding:4px 10px}
#dial .info_more a {color: #6750A4;text-decoration: none;padding:0px 4px;font-size: 10px;}
#info .info_more a {color: #6750A4;text-decoration: none;}
#info .info_out p, #info .info_more p {margin: 0px 0px 0px 18px;font-size: 9px;font-weight: 600;opacity: 0.85;}
#dial div.dial_text {margin: 10px;font-size: 12px;}
#dial div.dial_text h3 {font-weight: normal;font-size: 16px;}
#dial div.dial_text p {margin: 10px;font-size: 12px;}
p.hide {display:block;max-height:0px;overflow: hidden;margin-top:0px;;margin-bottom:0px}
p.show {display:block;max-height:500px;overflow: hidden;}
ol {list-style: none;counter-reset: li;}
ol li:before {counter-increment: li;
content: counters(li,".") ". ";color: black;}
@keyframes showandhide {0% { opacity:1.0 }
60% { opacity:1.0 }
100% { opacity:0.0 }}
@keyframes blink {0% { opacity:1.0 }
20% { opacity:0.2 }
30% { opacity:1.0 }
50% { opacity:0.2 }
60% { opacity:1.0 }
80% { opacity:0.2 }
90% { opacity:1.0 }}
@keyframes bgblink { 0% { background-color:#fff }
20% { background-color:#f00 }
30% { background-color:#fff }
50% { background-color:#f00 }
60% { background-color:#fff }
80% { background-color:#f00 }
90% { background-color:#fff }}
@keyframes born {0% { width: 24px; height: 32px; margin: 48px 64px 0px 0px}
50% { width: 240px; height: 320px; margin: -120px -160px 0px 0px }
70% { width: 72px; height: 96px; margin: 24px 32px 0px 0px }
90% { width: 120px; height: 160px; margin: 0px 0px 0px 0px }}
@keyframes blur {0% { -webkit-filter: blur(0px); opacity:1}
50% { -webkit-filter: blur(5px); opacity:0.5}
100% { -webkit-filter: blur(10px); opacity:0.0}}
.showandhide {animation: showandhide 15s ease-in-out}
p.n {display:none}
.a_eat {animation: eat 1s ease-in-out;}
@keyframes eat {0% { width: 200px; height:200px; clip-path: polygon(100% 0, 100% 50%, 50% 50%, 100% 50%, 100% 100%, 0 100%, 0 0); box-shadow: 0px 0px 0px gray}
25% { width: 300px; height:300px; transform: translate(-50px, -50px); clip-path: polygon(100% 0, 100% 10%, 50% 50%, 100% 90%, 100% 100%, 0 100%, 0 0)}
45% { width: 300px; height:300px; transform: translate(50px, -50px); clip-path: polygon(100% 0, 100% 50%, 50% 50%, 100% 50%, 100% 100%, 0 100%, 0 0)}
70% { width: 300px; height:300px; transform: translate(50px, -50px); clip-path: polygon(100% 0, 100% 50%, 50% 50%, 100% 50%, 100% 100%, 0 100%, 0 0); box-shadow: 10px 10px 10px gray}
75% { transform: translate(45px, -45px) rotate(-50deg); box-shadow: 10px 10px 10px gray}
80% { transform: translate(40px, -40px) rotate( 45deg)}
85% { transform: translate(35px, -35px) rotate(-40deg)}
90% { transform: translate(10px, -10px) rotate( 20deg)}
95% { transform: translate( 5px, -5px) rotate(-10deg)}
100% { width: 200px; height:200px; transform: translate( 0px, 0px) rotate( 0deg); box-shadow: 0px 0px 0px gray}}
@keyframes rshake {0% {transform: rotate(0deg); }
10% {transform: rotate(10deg); }
20% {transform: rotate(30deg); }
30% {transform: rotate(70deg); }
40% {transform: rotate(120deg); }
50% {transform: rotate(180deg); }
60% {transform: rotate(240deg); }
70% {transform: rotate(290deg); }
80% {transform: rotate(330deg); }
90% {transform: rotate(350deg); }
100% {transform: rotate(360deg); }}
@keyframes uad {20% { transform: translate(0px, 0px)}
30% { transform: translate(0px, -2px)}
40% { transform: translate(0px, 0px)}
50% { transform: translate(0px, 3px)}
60% { transform: translate(0px, 0px)}
70% { transform: translate(0px, -2px)}
80% { transform: translate(0px, 0px)}}
@keyframes shake {0% { transform: translate(0px, -4px)}
10% { transform: translate(0px, -0px)}
20% { transform: translate(0px, 4px)}
30% { transform: translate(0px, 0px)}
40% { transform: translate(0px, -2px)}
50% { transform: translate(0px, 0px)}
60% { transform: translate(0px, 1px)}
70% { transform: translate(0px, 0px)}
80% { transform: translate(0px, -1px)}
90% { transform: translate(0px, 0px)}
100% { transform: translate(0px, 0px)}}
@keyframes show {0% { opacity: 0;}
100% { opacity: 1;}}
@keyframes hide {0% { opacity: 1;}
100% { opacity: 0;}}
.show_animation {animation: show 2s;}
.hide_animation {animation: hide 2s;}
.shake_animation {animation: shake 0.5s;}
.rshake_animation {animation: rshake 0.5s;}
aside li a.g {color: #ccc;background-color: #F5F5F5;}
aside li a:hover {background-color: #E8DEF8;}
aside li a.b {background-color: #6750A4; font-weight: bold; color: #fff}
aside li a>b {color: #4F378B; font-size:43px; text-transform:uppercase;position:relative;top: 7px}
aside li a.b>b {color: #fff;}
aside li.x {width:2%}
aside li.y {width:12%}
aside li.z {width:14%}
div.thin aside:first-child {border-radius: 15px 15px 0px 0px;}
div.thin aside:last-child {border-top:none;margin:0px;border-radius: 0px 0px 15px 15px;}
div.thin aside li.x {width:4%}
div.thin aside li.y {width:24%}
div.thin aside li.z {width:28%}
div.wide {display:block;position:sticky;position: -webkit-sticky;top:1px;max-width: var(--defwidth);margin:auto;z-index:0}
div.thin {display:none;position:sticky;position: -webkit-sticky;top:1px;max-width: var(--defwidth);margin:auto;z-index:0}
figure.opa {opacity:0.3;}
li.act {background-color: #e8f5e9;}
li.act sup {display:absolute}
li.opa sup {display:none}
button.info_out:hover .ico {opacity: 1 !important; animation: uad 0.5s ease-in-out infinite;}
button.info_out:hover p {opacity: 1 !important;}
button.info_more:hover .ico {opacity: 1 !important; animation: uad 2s ease-in-out infinite;}
button.info_more:hover p {opacity: 1 !important;}
figure.texts {margin: 0px;padding:0px;height:250px;overflow: hidden;}
figure.texts img {margin-top:-30%;width:115%}
figure.simple {margin: 0px;padding:0px;}
figure.simple img {width:300px;margin:auto;display:block}
.big_button {background-color:#6750A4;color:white;border:1px solid #2E166C;border-radius:15px;height:35px;margin:25px 0px;display:block}
.big_button:hover {background-color:#8770C4;border-color:#8E76AC;box-shadow: 0px 0px 5px 0px #888;}
.big_button a {color:white;text-decoration:none;padding:10px 15px}
u.r {color:#f00}
u.g {color:#0c900c}
u.b {font-weight: bold;}
div#bgb, div#bGb {position: absolute;opacity: 0.5;top: 0px;left: 0px;z-index: 10;background-color: #fff;}
#logo { margin: auto; text-align: center; height: 80px; text-align: center; width: 130px;/* max-width: var(--defwidth);margin: auto;text-align: center;height:80px */}
#logo a {display:block;width:70px;margin:auto}
#logo img {display:block;width:70px;height:60px;opacity:0;margin:10px auto;border:1px solid #888;border-radius: 10px;position:absolute}
#lnoise {z-index:100}
img#index {width:100%;height:auto;max-width:var(--defwidth);border-radius:15px;}
span.sh {color:#72541e}
big.l, big.r {height:55px;font-size:75px;display:block;}
big.l {float:left;margin-top:0px;margin-right:30px}
big.r {float:right;margin-top:15px;margin-left:30px}
.dable {display: table; width: 100%;}
.dable .b {display: table-row-group;}
.dable .r {display: table-row;}
.dable .t {display: table-cell;padding: 3px 10px;}
.squeeze {letter-spacing: -3px;}
svg {vertical-align: middle;}
sup.r {color:#a44;font-weight: bold;}
section#general {padding: 7px 14px 7px 10px;font-size:13px;line-height:15px;border: 2px dashed #a44;display: table;background-image: url('/__/patreons.svg?2806');background-repeat: no-repeat;background-position: right bottom;margin: 30px 5px 0px 5px;}
section#general>p em, section#general li em {padding: 0px 6px;}
p.indent {margin-right:120px;color:#888}
svg text {font-family:'Roboto Flex'}
ul#news {margin-top:30px}
ul#news li {margin-top:15px}
div#egg {max-width:1000px;margin:50px auto 10px auto}
div#egg svg, div#egg img {display:block;margin-left:12%;width:100px}
#babydinodiv {height:80px;overflow: hidden;}
#babydino {top: 27px;width: 120px;left: 25%;position: absolute;transform: scaleX(-1);z-index: 100;}
@media (max-width: 1040px) {h1, h2 {line-height: 30px;}
h1, h2, p {margin-left:20px;margin-right:20px;}
li {margin-right:10px;}
p.hide, p.show {margin-left:20px;margin-right:20px;}
body>footer {margin:30px 0px 15px 0px}
span.h {display: none}
ul li.gdb {margin-top:-50px}}
@media (max-width: 720px) {section:has(>#rules) figure {margin:0px;float:none}
/* #mainhelp .hide svg {position: absolute;top: calc(50% + var(--border-size));left: calc(var(--border-size) - 10);width: calc(var(--size) - (var(--border-size) * 2));height: calc(var(--size) - (var(--border-size) * 2));margin-top: calc(var(--size) / -2);pointer-events: none;} */
em, strong, h1, h2, h3 {scroll-margin-top: 90px;}
div.block {display: block!important;width:100%!important}
div.block:first-of-type {margin-right:0px!important}
/* svg {margin-left:10px!important} */
div.game {padding:0px 0px 30px 0px!important}
div.game #score {padding-right:50px}
#figure_holder {margin:0px!important;border-style:none!important;position:absolute;}
#wait {width:100%}
.big_button {margin-left:20px}
div.wide {display:none}
div.thin {display:block}
aside li a {font-size:18px}
aside li a.g {font-size:12px}
/* aside li a>b { } */
h1, h2 {margin-right:0px}
h1 {text-align:center!important;margin-left:0px !important;line-height: 30px;}
h2 {font-size:26px;margin-left:10px}
div.block h2 {font-size:24px;margin:0px}
header, article {margin:0px}
figure.g {width: 100%;}
figure.o {width: 100%; margin: 0px 0px 40px 0px!important;}
figure.o img {width: 100%;}
figure.f {margin: 0px 0px 40px 0px;}
figure.f img {width: 100%;}
span.h {display: none}
figure.l {height:auto}
}