@font-face{font-family:cairo;src:url("../../../fon/cairo.woff") format('woff')}@font-face{font-family:cairo;font-weight:700;src:url("../../../fon/cairo-b.woff") format('woff')}@font-face{font-family:alegreya;src:url("../../../fon/alegreya.woff") format('woff')}@font-face{font-family:alegreya;font-weight:700;src:url("../../../fon/alegreya-b.woff") format('woff')}@font-face{font-family:alegreya;font-style:italic;src:url("../../../fon/alegreya-i.woff") format('woff')}@font-face{font-family:alegreya;font-weight:700;font-style:italic;src:url("../../../fon/alegreya-bi.woff") format('woff')}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;font-family:cairo,Arial;overflow:hidden}body{touch-action:none;background-color:#166d3b;background-image:radial-gradient(circle,#053318 20%,#01100a 100%)}header{text-align:center}h1,h2,h3,h4,h5,h6{font-family:alegreya}.f-2{font-family:alegreya;font-size:1.2rem}.flex{display:flex;flex-wrap:wrap}.grid{display:grid}.teks-tengah{text-align:center}#judul{margin:10px;font-size:1.5rem}#konten{color:#fff;position:relative;width:762px;padding-right:250px;height:100%;margin:0 auto}#konten-gim{margin-top:20px;text-align:center}#samping{position:absolute;width:250px;top:0;right:0;padding:32px 16px;display:flex;flex-wrap:wrap}#samping>section{width:100%}#samping-bawah{justify-content:flex-end}#gim{position:relative;display:inline-block}#gim canvas,#gim svg{position:absolute;top:0;left:0;pointer-events:none}#labirin{display:grid;overflow:visible;position:relative}#labirin .butir{border:1px solid transparent;background-color:transparent;text-align:center;transition:border-color .6s}#konten-labirin{position:absolute;top:0;left:0;padding:20px}#konten-labirin.mulai-bg{background-color:#023212}#konten-labirin.selesai-bg{background-color:#000}#konten-labirin h3{font-size:1.2em;padding-top:2em}#grafik-perlik{width:8px;height:8px;background-color:#ffff23;box-shadow:0 0 8px #ff0;border-radius:8px;display:inline-block;vertical-align:middle;margin-right:10px}#status-l{margin:6px 0;padding:4px;border:1px solid #cad78a;font-family:alegreya;text-align:center}.tbl-link div{padding:10px;width:50%;text-align:center}.tbl-link a{color:#fff;display:block;width:100%;text-decoration:none;background-color:rgba(134,255,214,.3);transition:background-color .3s}.tbl-link a:hover{color:#ff0;background-color:rgba(34,155,114,.5)}#copy{font-size:12px;text-align:right;margin:4px 12px}.k-tbl{display:inline-block;margin:20px 4px 0;padding:12px 24px;color:#fff;font-family:alegreya,Arial;font-size:1.2em;background-color:transparent;border:2px solid #ccc;cursor:pointer}#kontrol,#kontrol-keyboard{user-select:none;-webkit-user-select:none}#kontrol-keyboard{justify-content:center;grid-template-columns:44px 44px 44px;grid-gap:16px;grid-template-rows:44px 44px;grid-template-areas:". atas ." "kiri bawah kanan"}#kontrol-atas{grid-area:atas}#kontrol-bawah{grid-area:bawah}#kontrol-kanan{grid-area:kanan}#kontrol-kiri{grid-area:kiri}.butir-kontrol{width:100%;height:100%;border-radius:6px;border:1px solid #fff;line-height:44px;font-size:1.1em;cursor:pointer;text-align:center;touch-action:none}.butir-kontrol.aktif,.butir-kontrol:hover{background-color:#0d6a4b}#kontrol-batas{margin:20px auto;width:100px;height:100px;text-align:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 60%,rgba(255,255,255,.5) 100%);position:relative}#kontrol-poin{position:absolute;z-index:10;width:50px;height:50px;border-radius:50%;margin:auto;background-color:#fff}.ktl:active{background-color:green}#keluar{display:inline-block;width:12px;height:12px;border-radius:10px;animation:1s infinite eksit;background-color:#fff}#iklan{position:fixed;background:rgba(255,255,255,.1);width:100%;text-align:center;height:90px;bottom:0;overflow:hidden}@media screen and (max-width:800px){#samping{width:100%;position:relative;padding:12px 16px}.web{display:none}#konten{width:512px;padding-right:0}#samping>section{width:50%}#kontrol{justify-content:right;grid-gap:28px}.ktl{width:54px;height:54px;padding:14px;border-radius:10px}#copy{pointer-events:none;touch-action:none}#kontrol-keyboard{justify-content:center;grid-template-columns:50px 50px 50px;grid-gap:12px;grid-template-rows:50px 50px;grid-template-areas:". atas ." "kiri bawah kanan"}.butir-kontrol{line-height:45px}#konten-gim{margin-top:48px}}@media screen and (max-height:640px){#konten-gim{margin-top:10px}}@keyframes eksit{from{box-shadow:0 0 9px 2px #32caf2;animation-timing-function:ease-out}40%{box-shadow:0 0 18px 4px #32caf2}60%{box-shadow:0 0 18px 4px #32caf2;animation-timing-function:ease-in}to{box-shadow:0 0 9px 2px #32caf2}}@keyframes tileeksit{from{background-color:rgba(255,255,255,0);animation-timing-function:ease-out}20%{background-color:rgba(255,255,255,.6)}25%{background-color:rgba(255,255,255,.2);animation-timing-function:ease-in}to{background-color:rgba(255,255,255,0)}}@keyframes borderc{0%,100%{border-color:rgba(63,112,77,.6) rgba(63,112,77,0) rgba(63,112,77,0)}25%{border-color:rgba(63,112,77,0) rgba(63,112,77,.6) rgba(63,112,77,0) rgba(63,112,77,0)}50%{border-color:rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,.6)}75%{border-color:rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,.6)}}@keyframes borderc2{0%,100%{border-color:rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,.6)}25%{border-color:rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,0) rgba(63,112,77,.6)}50%{border-color:rgba(63,112,77,.6) rgba(63,112,77,0) rgba(63,112,77,0)}75%{border-color:rgba(63,112,77,0) rgba(63,112,77,.6) rgba(63,112,77,0) rgba(63,112,77,0)}}