@import url(https://fonts.googleapis.com/css?family=Quicksand);@import url(https://fonts.googleapis.com/css?family=Shizuru);@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap);body{font-family:sans-serif;margin:0;padding:0}p{color:grey;font-weight:300}.navbar-default,nav .navbar{align-items:center;animation-timing-function:ease;animation:move .7s 1;background-color:initial;background-image:none;border:none;box-shadow:none;display:flex;height:auto;justify-content:center;left:0;position:fixed;top:0;transition:.2s;width:100%}@keyframes move{0%{top:-100px}to{top:0}}.navbar-default .container{align-items:center;border-radius:15px;box-shadow:0 5px 30px #000c;display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;margin:10px auto;max-width:1100px;padding:10px;position:relative;width:auto}.navbar-default .navbar-nav{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:center;width:100%}.navbar-default .navbar-nav>li>a{align-items:center;color:#333;display:flex;font-size:16px;font-weight:500;padding:10px 18px;transition:all .5s ease 0s}.navbar-default .navbar-collapse{border-radius:15px;box-sizing:border-box;padding:8px 16px;width:100%}.navbar-collapse.collapse{display:block!important;height:auto!important;overflow:visible!important}.navbar-default .navbar-collapse>ul>li>a>span{display:inline-block;font-size:16px;font-weight:500;margin-left:0;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s ease,opacity .2s ease,margin-left .3s ease;white-space:nowrap}@media only screen and (min-width:768px){.navbar-default .navbar-collapse>ul>li>a:focus>span,.navbar-default .navbar-collapse>ul>li>a:hover>span{margin-left:8px;max-width:160px;opacity:1}}.navbar-default .navbar-collapse>ul>li>a:hover{background-color:#666;color:#edf0f1;transition:.2s}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#333;border-radius:100px;color:#fff}.dropdown-toggle{border-radius:100px}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#000}@media only screen and (min-width:769px) and (max-width:1500px){.container-fluid>.navbar-collapse,.container>.navbar-collapse{justify-self:center}.navbar-default .container{max-width:92%;width:auto}}@media only screen and (min-width:768px){.navbar-default .container{border-radius:0;box-shadow:none;margin:0}.navbar-default .container .navbar-collapse{background-color:#edf0f1;border-color:#edf0f1;box-shadow:3px 0 15px #000c;margin:8px 0;padding:10px 20px}}@media only screen and (max-width:1040px) and (min-width:768px){.navbar .container{display:flex}.navbar-default .navbar-nav>li>a{padding:10px 15px}}@media only screen and (max-width:767px){.navbar-default .container{box-shadow:0 4px 18px #00000080;margin:8px auto;max-width:100%;padding:6px;width:calc(100% - 12px)}.navbar-default .navbar-nav{flex-wrap:nowrap;gap:2px;justify-content:space-between;width:100%}.navbar-default .navbar-nav>li{display:flex;flex:1 1 auto;justify-content:center}.navbar-default .navbar-nav>li>a{font-size:17px;padding:8px 6px}.navbar-default .navbar-collapse>ul>li>a>span{font-size:14px}}@media only screen and (max-width:400px){.navbar-default .container{padding:5px;width:calc(100% - 8px)}.navbar-default .navbar-nav{gap:0}.navbar-default .navbar-nav>li>a{font-size:15px;padding:7px 4px}}*{box-sizing:border-box;margin:0;padding:0}.appContainer{display:block}.base{left:0;margin:0 auto;padding:104px 0 140px;position:relative;width:100%}.main-content-outer{align-content:center;margin:0;padding:0}.main-content-outer,body{font-family:Quicksand,sans-serif}body{min-height:100vh;overflow-x:hidden;-webkit-user-select:none;user-select:none;-o-user-select:none}.head,body{background:#333}.head{align-items:center;animation-timing-function:ease;animation:headmove 1.2s 1;border-radius:30px;box-shadow:0 30px 50px #000c;color:#ccc;cursor:default;display:flex;height:auto;justify-content:center;margin:0 50px 10px;padding-bottom:10px;position:relative;transition:.2s;width:auto;z-index:1}.head h1{font-size:30px}@keyframes headmove{0%{top:-300px}to{top:0}}.light-mode{background-color:#ebf5fc;color:#333;transition:background-color .25s ease-out}.dark-mode .navbar-default .container .navbar-collapse,.dark-mode .navbar-default .container .navbar-header{background:#333;border-color:#333}.dark-mode .navbar-default .navbar-toggle{border-color:#999}.dark-mode .navbar-default .navbar-toggle .icon-bar{background-color:#999}.dark-mode .navbar-default .navbar-nav>li>a{color:#999;text-shadow:0 0 0 #ffffff40}.dark-mode .navbar-default .navbar-collapse,.dark-mode .navbar-default .navbar-header{background-color:#333;border-color:#333}.light-mode .head{background:#edf0f1;box-shadow:0 30px 50px #aaa7a7cc;color:#333}.light-mode .main .imgBx img{filter:none}.dark-mode .main .details h2{color:#ccc}.dark-mode .main .details p{color:#777}.dark-mode .main .details button{background-color:#3c3f47}.dark-mode .main .details button .link{color:#999}.dark-mode .main .details button:hover .link{color:#ddd}.light-mode .mains .card{background:#eaeaea}.light-mode .percent{background:#ccc;border-radius:50%;box-shadow:inset 0 0 50px #eee;height:75px;position:relative;width:75px}.light-mode .card .number h2 span,.light-mode .percent .number h2,.light-mode .text{color:#333}.light-mode .card:hover .percent .number h2{color:#151515;font-size:30px}.light-mode .card:hover .percent .number h2 span,.light-mode .card:hover .text{color:#151515}.light-mode .percent{background:#fff}.light-mode .loader{background-color:#fff}.light-mode .lightbox__close{background:#333;color:#fff}.light-mode .lightbox__message{color:#333}.light-mode .screen{background-color:#fff}.light-mode .screen-header{background-color:#e6eaed;border-top-color:#e6eaed}.light-mode .app-title{color:purple}.light-mode .app-title:after{background-color:purple}.light-mode .app-contact a{color:#222}.light-mode .app-contact a:hover{color:#111}.light-mode .app-form-control{border-bottom:1px solid #ddd;color:#5e6368}.light-mode .app-form-control::placeholder{color:#babcbe}.light-mode .app-form-control:focus{border-bottom-color:#999}.light-mode .app-form-button{color:purple}.light-mode .app-form-button:hover{background-color:#ddd;color:purple}.light-mode div footer{transition:background-color .25s ease-out}.light-mode footer p{color:#1a1919}.dark-mode{background-color:#1a1919;color:#999}.dark-mode div footer{background-color:initial}.dark-mode div footer p{color:#999}.dark-mode footer .social-container{background-color:#333;border-color:#333}.dark-mode .wave{filter:invert(30%)}.dark-mode .containerLogin .login-content form .input-div>div>input,.dark-mode .containerLogin .login-content h2{color:#ddd}.dark-mode #container-error{box-shadow:0 15px 30px #00000080;filter:invert(0);-webkit-filter:invert(0)}.dark-mode .game-over,.dark-mode .gameMainContainer .gameCard,.dark-mode .popup-box .box{background-color:#333}.dark-mode .gameover__close{background:#fff;color:#333}.dark-mode .gameover__message{color:#fff}.dark-mode .game-border{background-color:#25252593;box-shadow:0 0 23px 0 #555555bf}.light-mode .game__start-button,.light-mode .whackamole-container{color:#000}@media only screen and (max-width:767px){.appContainer{display:block}.base{left:0;padding:116px 14px 60px;position:revert;width:auto}.dark-mode .navbar-default .container{background-color:#333}}.dark-mode-toggle{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--surface);border:1px solid #ffffff59;border:1px solid var(--glass-border,#ffffff59);border-radius:50%;bottom:28px;box-shadow:var(--shadow);cursor:pointer;display:flex;height:64px;justify-content:center;padding:0;position:fixed;right:48px;transition:transform .25s ease,box-shadow .25s ease;width:64px;z-index:50}.dark-mode-toggle:hover{transform:translateY(-3px) scale(1.05)}.dark-mode-toggle:active{transform:scale(.94)}.dark-mode-toggle:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.dark-mode-toggle-icon{align-items:center;display:flex;font-size:26px;justify-content:center;left:50%;line-height:1;position:absolute;top:50%;transition:opacity .35s ease,transform .5s ease}.dark-mode-toggle-icon svg{display:block}.dark-mode-toggle-icon.sun{color:#f5a623;opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}.dark-mode-toggle-icon.moon{color:#7c6cff;opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.6)}body.dark-mode .dark-mode-toggle-icon.sun{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.6)}body.dark-mode .dark-mode-toggle-icon.moon{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1)}@media only screen and (max-width:767px){.dark-mode-toggle{bottom:18px;height:56px;right:32px;width:56px}.dark-mode-toggle-icon{font-size:22px}}.crop-modal{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;height:70vh;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}.cropper-wrapper{height:60%;position:relative;width:100%}.crop-actions{display:flex;justify-content:space-between;margin-top:20px}.crop-actions button{background:#2f4f4f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.profile-skeleton{align-items:center;background:linear-gradient(135deg,var(--surface),var(--hover-surface));display:flex;inset:0;justify-content:center;opacity:1;overflow:hidden;position:absolute;transition:opacity .5s ease;z-index:2}.profile-skeleton.is-hidden{opacity:0;pointer-events:none}.profile-skeleton-shimmer{animation:profile-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,#0000 30%,var(--glass-border) 50%,#0000 70%);background-size:200% 100%;inset:0;position:absolute}@keyframes profile-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.profile-skeleton-avatar{align-items:center;animation:profile-pulse 1.8s ease-in-out infinite;background:var(--hover-surface);border-radius:50%;color:var(--accent-bright);display:flex;font-size:28px;height:64px;justify-content:center;position:relative;width:64px}@keyframes profile-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.profile-image-wrap{cursor:pointer;height:100%;opacity:0;transform:scale(1.06);transition:opacity .6s cubic-bezier(.16,.84,.44,1),transform .6s cubic-bezier(.16,.84,.44,1);width:100%}.profile-image-wrap.is-visible{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.profile-skeleton-avatar,.profile-skeleton-shimmer{animation:none}.profile-image-wrap{transform:none;transition:opacity .3s ease}}.home-hero{grid-gap:16px;align-items:stretch;display:grid;font-family:Quicksand,sans-serif;gap:16px;grid-auto-rows:minmax(180px,290px);grid-template-columns:minmax(220px,1fr) minmax(260px,1.15fr) minmax(240px,1fr);margin:0 auto;padding-top:0;width:min(92%,1100px)}.hero-greeting{align-self:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.greeting-line{color:var(--muted);font-size:1.6rem;font-weight:600;margin:0}.greeting-name{color:var(--ink);font-weight:700;margin-left:6px}.greeting-name-input{background:var(--surface);border:1px solid var(--glass-border);border-radius:999px;color:var(--ink);font-size:1.3rem;font-weight:700;margin-left:8px;padding:4px 14px}.hero-tagline{color:var(--ink);font-family:Outfit,sans-serif;font-size:clamp(2.1rem,4.2vw,3.4rem);letter-spacing:-.03em;line-height:1.1;margin:0}.experience-timer{align-items:center;background:var(--hover-surface);border:1px solid var(--glass-border);border-radius:999px;display:inline-flex;flex-wrap:wrap;gap:10px;margin:2px 0 4px;padding:9px 16px 9px 14px;width:fit-content}body.dark-mode .experience-timer{background:#0c0b1299;border-color:#ffffff38}.experience-timer-dot{animation:experience-timer-blink 2s ease-in-out infinite;background:var(--accent-bright);border-radius:50%;flex:0 0 auto;height:8px;width:8px}@keyframes experience-timer-blink{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-bright) 45%,#0000);opacity:1}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-bright) 0,#0000);opacity:.6}}.experience-timer-label{color:var(--muted);font-size:.86rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}body.dark-mode .experience-timer-label,body.dark-mode .experience-timer-unit small{color:#d3d5e0}.experience-timer-units{align-items:baseline;display:flex;gap:8px}.experience-timer-unit{align-items:baseline;color:var(--ink);display:inline-flex;gap:3px}.experience-timer-unit strong{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.experience-timer-unit small{color:var(--muted);font-size:.85rem;font-weight:600}.experience-timer-clock{font-feature-settings:"tnum";border-left:1px solid var(--glass-border);color:var(--accent-bright);font-family:Outfit,sans-serif;font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:600;padding-left:8px}@media (prefers-reduced-motion:reduce){.experience-timer-dot{animation:none}}@media only screen and (max-width:500px){.experience-timer{gap:8px;padding:7px 12px}.experience-timer-label{display:none}}.profile-card{align-items:center;border-radius:30px;display:flex;justify-content:center;position:relative;transition:transform .15s ease}.profile-card:active{transform:scale(.97)}.bio-card.is-clickable:focus-visible,.profile-image-wrap:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.profile-card>div{height:100%;width:100%}.profile-card .upload-overlay{background:#00000059;cursor:pointer}.profile-card .upload-overlay,.profile-view-hint{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.profile-view-hint{background:#0a09104d;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:3}.profile-card:focus-within .profile-view-hint,.profile-card:hover .profile-view-hint{opacity:1}.profile-view-hint-icon{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #fff6;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;transform:scale(.8);transition:transform .3s cubic-bezier(.16,.84,.44,1);width:50px}.profile-card:focus-within .profile-view-hint-icon,.profile-card:hover .profile-view-hint-icon{transform:scale(1)}@media (prefers-reduced-motion:reduce){.profile-view-hint,.profile-view-hint-icon{transition:none}}.profile-card .upload-icon{color:#fff;font-size:2.4rem}.bio-card{border-radius:26px;color:var(--ink);display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:20px 24px}.bio-card p{font-size:1.15rem;line-height:1.6;margin:0}.bio-card.is-clickable{cursor:pointer;transition:transform .15s ease,background .2s ease}.bio-card.is-clickable:hover{background:var(--hover-surface)}.bio-card.is-clickable:active{transform:scale(.985)}.bio-card .editable-details{background:var(--surface);border:1px solid var(--glass-border);border-radius:18px;box-sizing:border-box;color:var(--ink);font-size:1.15rem;line-height:1.6;padding:14px 16px;resize:vertical;width:100%}.bio-card .link{border:none;cursor:pointer;display:inline-block;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;margin-top:14px;outline:none;padding:10px 22px;text-transform:uppercase;transition:.3s}.stats-widgets{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:16px auto 0;width:min(92%,1100px)}.stat-card{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--surface);border:1px solid var(--glass-border);border-radius:26px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;padding:22px 22px 20px;text-decoration:none;transition:transform .25s ease,background .25s ease}.stat-card:focus,.stat-card:hover{background:var(--hover-surface);color:var(--ink);text-decoration:none;transform:translateY(-4px)}.stat-card-top{justify-content:space-between;margin-bottom:14px}.stat-card-top,.stat-icon{align-items:center;display:flex}.stat-icon{background:var(--hover-surface);border-radius:50%;color:var(--accent-bright);flex:0 0 auto;font-size:21px;height:46px;justify-content:center;line-height:1;overflow:hidden;width:46px}.stat-icon img{background:#0000;border-radius:50%;box-sizing:border-box;display:block;height:100%;object-fit:contain;object-position:center;padding:6px;width:100%}.stat-badge{background:var(--hover-surface);border-radius:999px;color:var(--accent);font-size:.72rem;letter-spacing:.3px;padding:5px 10px}.stat-badge,.stat-eyebrow{font-weight:700;text-transform:uppercase}.stat-eyebrow{color:var(--muted);font-size:.76rem;letter-spacing:.5px;margin-bottom:6px}.stat-card h3{color:var(--ink);font-family:Outfit,sans-serif;font-size:1.2rem;margin:0 0 4px}.stat-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.92rem;margin:0;overflow:hidden}.stat-meta{color:var(--muted);display:block;font-size:.84rem;margin-top:auto;padding-top:14px}.achievement-mini-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:4px}.achievement-mini-card{align-items:flex-start;background:var(--hover-surface);border-radius:14px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px}.achievement-mini-icon{align-items:center;background:var(--surface);border-radius:50%;color:var(--accent);display:flex;flex:0 0 auto;font-size:12px;height:24px;justify-content:center;width:24px}.achievement-mini-title{color:var(--ink);font-size:.84rem;font-weight:600}.achievement-mini-meta,.achievement-mini-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.achievement-mini-meta{color:var(--muted);font-size:.74rem}.bars-row{align-items:flex-end;display:flex;flex:1 1;gap:8px;justify-content:space-between;margin-top:14px}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.bar-value{color:var(--muted);font-size:.78rem;font-weight:700}.bar-track{background:var(--hover-surface);border-radius:999px;height:90px;overflow:hidden;position:relative;width:16px}.bar-fill{background:var(--accent-bright);border-radius:999px;bottom:0;left:0;opacity:.55;position:absolute;right:0;transition:height .4s ease}.bar-fill-top{background:var(--accent);opacity:1}.bar-label{color:var(--muted);font-size:.73rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:980px){.stats-widgets{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:560px){.stats-widgets{gap:14px;grid-template-columns:1fr;margin-top:20px}.bar-track{height:80px}}@media only screen and (max-width:500px){.home-hero{gap:20px;min-height:auto}.bio-card{margin-top:20px;padding:24px 22px}}.profile-modal-backdrop{align-items:center;animation:profile-modal-backdrop-in .35s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a09109e;display:flex;inset:0;justify-content:center;padding:28px 16px;position:fixed;z-index:3000}.profile-modal-backdrop.is-closing{animation:profile-modal-backdrop-out .32s cubic-bezier(.4,0,1,1) both}@keyframes profile-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes profile-modal-backdrop-out{0%{opacity:1}to{opacity:0}}.profile-modal-panel{animation:profile-modal-in .5s cubic-bezier(.16,.84,.44,1) both;background:var(--modal-surface);border:1px solid var(--glass-border);border-radius:32px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(220px,340px) 1fr;max-height:86vh;overflow:auto;position:relative;width:min(920px,94vw)}.profile-modal-backdrop.is-closing .profile-modal-panel{animation:profile-modal-out .32s cubic-bezier(.4,0,1,1) both}@keyframes profile-modal-in{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:none}}@keyframes profile-modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(26px) scale(.9)}}.profile-modal-close{align-items:center;background:var(--hover-surface);border:1px solid var(--glass-border);border-radius:50%;color:var(--ink);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:transform .2s ease,background .2s ease;width:40px;z-index:5}.profile-modal-close:hover{background:var(--accent-bright);color:#fff;transform:rotate(90deg)}.profile-modal-media{min-height:280px;overflow:hidden;position:relative}.profile-modal-media img{display:block;height:100%;object-fit:cover;width:100%}.profile-modal-chip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a091080;border-radius:999px;bottom:18px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;left:18px;padding:8px 14px;position:absolute}.profile-modal-content{color:var(--ink);display:flex;flex-direction:column;gap:12px;padding:40px 44px}.profile-modal-eyebrow{color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-modal-name{color:var(--ink);font-family:Outfit,sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.02em;margin:0}.profile-modal-tagline{color:var(--accent-bright);font-size:1rem;font-weight:600;margin:0}.profile-modal-detail{color:var(--ink);font-size:1.08rem;line-height:1.7;margin:6px 0 0}.profile-modal-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}.profile-modal-meta-chip{align-items:center;background:var(--hover-surface);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.86rem;font-weight:600;gap:8px;padding:9px 14px}.profile-modal-meta-chip svg{color:var(--accent-bright);flex:0 0 auto}@media only screen and (max-width:700px){.profile-modal-panel{grid-template-columns:1fr;max-height:90vh}.profile-modal-media{min-height:200px}.profile-modal-content{padding:28px 24px 32px}}@media (prefers-reduced-motion:reduce){.profile-modal-backdrop,.profile-modal-backdrop.is-closing,.profile-modal-backdrop.is-closing .profile-modal-panel,.profile-modal-panel{animation:none}.bio-card.is-clickable,.profile-card{transition:none}}.page-loader{align-items:center;cursor:default;display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:30}.page-loader-track{height:170px;max-width:72vw;overflow:visible;width:340px}.page-loader-path{color:#ffffff80;color:var(--glass-border,#ffffff80)}.page-loader-flag{color:var(--accent)}.page-loader-runner{animation:page-loader-move 2.4s linear infinite;color:var(--accent-bright);offset-path:path("M14 92 C 70 92, 120 40, 204 22");offset-rotate:auto}@keyframes page-loader-move{0%{offset-distance:0;opacity:0}6%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.page-loader-leg-back,.page-loader-leg-front{animation:page-loader-leg-swing .34s ease-in-out infinite;transform-box:fill-box;transform-origin:0 2px}.page-loader-leg-front{animation-delay:.17s}@keyframes page-loader-leg-swing{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}.page-loader-arm-back,.page-loader-arm-front{animation:page-loader-arm-swing .34s ease-in-out infinite;transform-box:fill-box;transform-origin:0 -6px}.page-loader-arm-front{animation-delay:.17s}@keyframes page-loader-arm-swing{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}.page-loader-caption{color:var(--muted);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.2px;margin:0}.page-loader-dots span{animation:page-loader-dot-fade 1.4s infinite;opacity:0}.page-loader-dots span:first-child{animation-delay:0s}.page-loader-dots span:nth-child(2){animation-delay:.2s}.page-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes page-loader-dot-fade{0%,80%,to{opacity:0}40%{opacity:1}}@supports not (offset-path:path("M0 0")){.page-loader-runner{animation:none;offset-path:none;transform:translate(110px,55px)}}@media (prefers-reduced-motion:reduce){.page-loader-arm-back,.page-loader-arm-front,.page-loader-dots span,.page-loader-leg-back,.page-loader-leg-front,.page-loader-runner{animation:none}.page-loader-runner{offset-distance:45%;opacity:1}}.projects-page{position:relative}.projects-watermark{color:var(--ink);font-family:Outfit,sans-serif;font-size:clamp(5rem,18vw,15rem);font-weight:800;left:50%;letter-spacing:-.03em;opacity:.08;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-22deg);transform-origin:center;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100vw;z-index:0}.projects-grid{column-gap:24px;columns:280px 3;margin:0 auto 44px;max-width:1100px;position:relative;width:min(92%,1100px);z-index:1}.project-card{-webkit-column-break-inside:avoid;border-radius:24px;break-inside:avoid;display:flex;flex-direction:column;justify-content:center;margin:0 0 24px;overflow:hidden;page-break-inside:avoid;transition:transform .3s ease,background .3s ease,rotate .3s ease;width:100%}.project-card:nth-child(3n+1){rotate:-.6deg}.project-card:nth-child(3n+2){rotate:.5deg}.project-card:nth-child(3n+3){rotate:-.3deg}.project-card:hover{rotate:0deg}.project-card:nth-child(4n+1){min-height:230px}.project-card:nth-child(4n+2){min-height:150px}.project-card:nth-child(4n+3){min-height:270px}.project-card:nth-child(4n+4){min-height:190px}.project-body{padding:26px 28px}.project-top{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.project-body h3{font-family:Outfit,sans-serif;font-size:1.4rem;margin:0 0 10px}.project-date{color:var(--muted);flex:0 0 auto;font-size:.9rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.project-org{color:var(--accent);display:inline-block;font-size:.92rem;font-weight:700;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.project-body p{font-size:1.12rem;line-height:1.65;margin:0}@media only screen and (max-width:900px){.projects-grid{column-count:2}}@media only screen and (max-width:600px){.projects-grid{column-count:1;margin-bottom:32px}.project-card{margin-bottom:18px;min-height:0;rotate:0deg}.project-body{padding:20px 22px}}footer{animation-timing-function:ease;animation:moving .7s 1;bottom:15px;display:flex;height:auto;justify-content:center;left:0;position:fixed;right:0;transition:.2s;width:100%;z-index:4}@keyframes moving{0%{bottom:-100px}to{bottom:42px}}footer .social-container{align-items:center;background-color:#f1f1f1;border-color:#f1f1f1;border-radius:40px;box-shadow:3px 0 15px #000c;flex-direction:row;height:auto;padding:10px 18px;position:relative}footer .social-container,footer p{display:flex;justify-content:center}footer p{color:#999;cursor:default;font-size:16px;font-weight:400;padding-top:5px}.social{align-items:center;background:#0000;border-radius:999px;box-shadow:none;color:var(--muted);display:flex;font-size:19px;height:auto;justify-content:center;line-height:1;margin:4px;overflow:visible;padding:10px;position:relative;transition:background .2s ease,color .2s ease;width:auto}.social svg{display:block}.social:focus,.social:hover{background:var(--nav-hover);color:var(--ink)}@media only screen and (max-width:767px){footer{height:auto;left:0;margin:3px 3px 30px;position:revert;width:auto}footer .social-container{display:flex;flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:375px){footer p{font-size:14px;font-weight:500}.social{font-size:16px;line-height:1;padding:8px}}.skill-category{margin:0 auto;max-width:1100px;width:min(92%,1100px)}.skill-category:first-of-type{margin-top:0}.skill-category-header{align-items:baseline;display:flex;gap:10px;margin-bottom:14px;padding:0 4px}.skill-category-title{color:var(--ink);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.skill-category-count{background:var(--hover-surface);border-radius:999px;color:var(--muted);font-size:.86rem;font-weight:700;padding:3px 11px}.mains{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;margin:0 0 40px;position:relative;width:100%;z-index:1}body::-webkit-scrollbar{display:none}.mains .skill-card{border-radius:20px;display:flex;flex-direction:column;height:auto;margin:0;padding:24px 26px;text-align:left;transition:transform .25s ease,background .25s ease;width:100%}.mains .skill-card:hover{box-shadow:none;transform:translateY(-6px)}.skill-card-top{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.skill-name{color:var(--ink);font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-percent{flex:0 0 auto;font-size:1.15rem;font-weight:700}.skill-bar-track{background:var(--hover-surface);border-radius:999px;height:12px;overflow:hidden;position:relative;width:100%}.skill-bar-fill{border-radius:999px;height:100%;transition:width .6s ease}.skill-edit-row{align-items:center;display:flex;gap:8px;margin-top:14px}.skill-edit-input{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;color:var(--ink);flex:1 1 auto;font-size:.95rem;min-width:0;padding:7px 11px}.skill-edit-input-num{flex:0 0 60px}.skill-save-button{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-bright));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;height:34px;justify-content:center;width:34px}.skill-add-card{border:1px dashed var(--glass-border);gap:10px}.skill-eyebrow{color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.skill-add-card .skill-edit-input{margin-bottom:6px}.skill-add-button{font-size:.95rem;font-weight:700;padding:9px 18px;width:auto}@media only screen and (max-width:560px){.mains{gap:14px!important;grid-template-columns:1fr!important;margin-bottom:32px}.mains .skill-card{padding:18px 20px}.skill-category{width:calc(100% - 24px)}}.background{display:flex;min-height:calc(100vh - 244px)}.containers{flex:0 1 760px;margin:auto;padding:10px;z-index:1}.containers,.screen{position:relative}.screen-body{display:flex}.screen-body-item{flex:1 1;padding:48px}.screen-body-item.left{display:flex;flex-direction:column;gap:6px;justify-content:center}.contact-eyebrow{color:var(--accent-bright);font-size:.8rem;letter-spacing:.6px;text-transform:uppercase}.app-title,.contact-eyebrow{cursor:default;font-weight:700}.app-title{color:var(--ink);display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-size:2.1rem;letter-spacing:-.02em;line-height:1.15}.contact-lede{color:var(--muted)!important;font-size:1rem;line-height:1.55;margin:14px 0 22px;max-width:32ch}.app-contact{display:flex;flex-direction:column;gap:10px;margin-top:auto}.app-contact a{align-items:center;color:var(--muted);display:flex;font-size:.95rem;font-weight:600;gap:10px;text-decoration:none;transition:color .2s ease,transform .2s ease}.app-contact a svg{color:var(--accent-bright);flex:0 0 auto;font-size:18px}.app-contact a:hover{color:var(--ink);transform:translateX(3px)}.app-form-group{margin-bottom:18px}.app-form-group.message{margin-top:6px}.app-form-group.buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:0}.app-form-control{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;box-sizing:border-box;color:var(--ink);font-size:.95rem;font-weight:500;letter-spacing:normal;outline:none;padding:12px 14px;text-transform:none;transition:border-color .2s ease,background .2s ease;width:100%}.app-form-control::placeholder{color:var(--muted);text-transform:none}.app-form-control:focus{border-color:var(--accent-bright)}.app-form-button{background:linear-gradient(135deg,var(--accent),var(--accent-bright));border:none;border-radius:999px;box-shadow:0 10px 20px #14141e2e;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.3px;outline:none;padding:11px 24px;transition:transform .2s ease,box-shadow .2s ease}.app-form-button:hover{box-shadow:0 14px 26px #14141e3d;transform:translateY(-2px)}.app-form-group.buttons .app-form-button:last-child{background:none!important;border:1px solid var(--glass-border)!important;box-shadow:none!important;color:var(--muted)!important}.app-form-group.buttons .app-form-button:last-child:hover{box-shadow:none!important;color:var(--ink)!important;transform:none}.backgroundLoader{background-color:#0a081073;max-height:130%;width:100%;z-index:9}.backgroundLoader,.loader{bottom:0;left:0;position:fixed;right:0;top:0}.loader{border-radius:26px;display:flex;height:300px;margin:auto;padding:100px;width:350px;z-index:10}.loader span{background:var(--accent);border-radius:50%;box-shadow:0 2px 2px #0003;display:block;height:20px;margin:auto 5px;width:20px}.loader span:nth-child(2){background:var(--accent-bright)}.loader span:nth-child(3){background:var(--accent)}.loader span:nth-child(4){background:var(--accent-bright)}.loader span:not(:last-child){animation:sendEmailAnimate 1.5s linear infinite}@keyframes sendEmailAnimate{0%{transform:translateX(0)}to{transform:translateX(30px)}}.loader span:last-child{animation:jump 1.5s ease-in-out infinite}@keyframes jump{0%{transform:translate(0)}10%{transform:translate(10px,-10px)}20%{transform:translate(20px,10px)}30%{transform:translate(30px,-50px)}70%{transform:translate(-150px,-50px)}80%{transform:translate(-140px,10px)}90%{transform:translate(-130px,-10px)}to{transform:translate(-120px)}}.lightbox__message{color:var(--ink);font-size:1rem;font-weight:700}.lightbox__close{background:linear-gradient(135deg,var(--accent),var(--accent-bright));border-radius:100%;box-shadow:0 10px 20px #14141e38;color:#fff;display:block;font-weight:700;height:3rem;line-height:3rem;position:absolute;right:1.5rem;text-align:center;text-decoration:none;top:1.5rem;transition:.2s;width:3rem}.lightbox__close:hover{transform:scale(1.08)}@media screen and (max-width:520px){.screen-body{flex-direction:column}.screen-body-item.left{margin-bottom:20px}.app-title{flex-direction:row;gap:10px}.contact-lede{max-width:none}}@media screen and (max-width:600px){.containers{margin:10px}.screen-body,.screen-body-item{padding:20px}}@media only screen and (max-width:767px){.background{min-height:calc(100vh - 176px)}}.education-container{font-family:Quicksand,sans-serif;position:relative}.education-container .education-card{align-items:flex-start;border-radius:22px;display:flex;gap:20px;margin:0;min-height:200px;padding:36px 32px;transition:transform .25s ease,background .25s ease;width:100%}.education-container .education-card:hover{transform:translateY(-6px)}.education-container .education-card .education-imgBx{background:var(--hover-surface);border-radius:50%;display:flex;height:56px;width:56px}.education-container .education-card .education-imgBx img{box-sizing:border-box;height:100%;padding:8px;width:100%}.education-container .education-card .education-contentBx{flex:1 1 auto;min-width:0;position:relative;text-align:left}.education-container .education-card .education-contentBx h2{cursor:default;font-family:Outfit,sans-serif;font-size:1.55rem;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.education-container .education-card .education-contentBx p{cursor:default;font-size:1.18rem;line-height:1.6;margin-bottom:14px}.education-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.education-container .education-card span.education-meta-item{background:var(--hover-surface);border-radius:999px;box-shadow:none;color:var(--muted);cursor:default;font-size:.92rem;font-weight:700;padding:5px 12px}.education-container .education-card span.education-meta-score{color:var(--accent)}@media only screen and (max-width:480px){.education-container .education-card{gap:14px;min-height:0;padding:20px}.education-container .education-card .education-imgBx{height:46px;width:46px}}.experience-container{font-family:Quicksand,sans-serif}.experience-container .experience-card{border-bottom:1px solid var(--glass-border);border-radius:0;display:flex;gap:18px;padding:26px 0;transition:background .2s ease,box-shadow .2s ease,margin .2s ease,padding .2s ease,border-radius .2s ease;width:100%}.experience-container .experience-card:last-child{border-bottom:none}.experience-container .experience-card:hover{border-bottom-color:#0000;border-radius:14px;box-shadow:var(--shadow)!important;margin:0 -16px;padding:26px 16px}.experience-container .experience-card .experience-imgBx:before{display:none}.experience-container .experience-card .experience-current-rail{align-items:center;align-self:stretch;background:linear-gradient(180deg,var(--accent),var(--accent-bright));border-radius:10px;box-shadow:0 6px 16px #14141e2e;display:flex;flex:0 0 auto;justify-content:center;min-height:56px;width:22px}.experience-container .experience-card .experience-current-rail span{color:#fff;font-size:.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.experience-container .experience-card .experience-contentBx{flex:1 1 auto;min-width:0;position:relative;text-align:left}.experience-add-heading{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 12px}.experience-company-name,.experience-title-text{cursor:default;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.experience-duration-tag{color:var(--muted);font-size:1.05rem}.experience-duration-tag:before{content:"· "}.experience-roles{border-left:2px solid var(--glass-border);margin:14px 0 0;padding-left:20px;position:relative}.experience-role-row{display:flex;padding:4px 0 20px;position:relative}.experience-role-row:last-child{padding-bottom:0}.experience-role-dot{background:var(--accent-bright);border-radius:50%;height:8px;left:-25px;position:absolute;top:6px;width:8px}.experience-role-body{flex:1 1 auto;min-width:0}.experience-role-title{cursor:default;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 4px}.experience-role-meta{color:var(--muted);cursor:default;font-size:1.05rem;margin:0 0 6px}.experience-dates-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.experience-dates{color:var(--muted);font-size:1.05rem;font-weight:600}.experience-current-badge{background:var(--hover-surface);border-radius:999px;color:var(--accent-bright);font-size:.78rem;font-weight:700;letter-spacing:.4px;margin-left:auto;padding:3px 10px;text-transform:uppercase}.experience-location-tag{color:var(--muted);font-size:1.05rem}.experience-location-tag:before{content:"· "}.experience-role-text{cursor:default;font-size:1.2rem;line-height:1.6;margin:0}.experience-container .experience-card .experience-contentBx .editable-title{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;color:var(--ink);font-size:1.05rem;font-weight:700;margin-bottom:8px;padding:6px 10px;text-align:left;width:100%}.experience-container .experience-card .experience-contentBx .editable-role{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;color:var(--ink);font-size:.92rem;margin-bottom:8px;padding:8px 10px;resize:vertical;text-align:left;width:100%}.experience-container .experience-card .experience-contentBx .editable-location{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;color:var(--ink);font-size:.88rem;font-weight:500;margin-bottom:10px;padding:6px 10px;text-align:left;width:100%}.experience-container .experience-card .experience-contentBx .editable-years{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;color:var(--ink);font-size:.82rem;font-weight:500;margin-left:6px;padding:5px 8px;text-align:left;width:100px}.experience-container .experience-card .experience-contentBx .save-button{background:linear-gradient(135deg,var(--accent),var(--accent-bright));border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;margin-top:10px;padding:6px 18px}.experience-container .experience-card span.left,.experience-container .experience-card span.right{box-shadow:none;color:var(--muted);font-size:.82rem;padding:0}.experience-container .experience-card .left{margin-right:18px}@media only screen and (max-width:600px){.experience-container{padding:4px 18px!important}.experience-container .experience-card{gap:14px;padding:20px 0}.experience-container .experience-card:hover{margin:0 -10px;padding:20px 10px}.experience-roles{margin-top:10px;padding-left:16px}.experience-role-dot{left:-21px}.experience-container .experience-card .experience-current-rail{border-radius:8px;min-height:46px;width:16px}.experience-container .experience-card .experience-current-rail span{font-size:.54rem;letter-spacing:1px}}@media only screen and (max-width:380px){.experience-container .experience-card.experience-card-current{flex-wrap:wrap}.experience-container .experience-card .experience-current-rail{align-self:auto;border-radius:999px;flex:1 1 100%;margin-bottom:4px;min-height:0;order:-1;padding:3px 10px;width:auto;writing-mode:horizontal-tb}.experience-container .experience-card .experience-current-rail span{transform:none;writing-mode:horizontal-tb}}.achievements-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:12px auto 40px;max-width:1100px;position:relative;width:min(92%,1100px);z-index:2}.achievement-card{align-items:center;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:var(--surface);border:1px solid var(--glass-border);border-radius:26px;box-shadow:var(--shadow);color:var(--ink);display:flex;flex-direction:column;padding:34px 24px 26px;position:relative;text-align:center;transition:transform .3s ease,background .3s ease}.achievement-card:hover{background:var(--hover-surface);transform:translateY(-5px)}.achievement-tag{background:#ffffff17;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.4px;padding:5px 11px;position:absolute;right:16px;text-transform:uppercase;top:16px}.tag-award{color:var(--accent)}.tag-competition{color:var(--accent-bright)}.tag-academic{color:var(--ink)}.achievement-icon{align-items:center;background:var(--hover-surface);border-radius:50%;color:var(--accent);display:flex;font-size:28px;height:64px;justify-content:center;margin-bottom:18px;width:64px}.achievement-card h3{color:var(--ink)!important;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.achievement-card p{color:var(--muted)!important;font-size:1.05rem;line-height:1.5;margin:0 0 14px}.achievement-date{color:var(--muted);font-size:.95rem;font-weight:600}.achievement-card .achievement-input{box-sizing:border-box;font-size:.95rem;margin-bottom:10px;text-align:center;width:100%}.achievement-card select.achievement-input{cursor:pointer}.achievement-card .achievement-save{cursor:pointer;font-size:.9rem;margin-top:6px;padding:10px 22px}@media only screen and (max-width:500px){.achievements-container{gap:16px;margin:24px auto}.achievement-card{padding:26px 18px 20px}}@font-face{font-family:digital-clock-font;src:url(/static/media/digital-7.93911ab167c943140756.ttf)}.tetris-game-main{scroll-behavior:unset;text-align:center}.tetris-game-board,.tetris-game-play{justify-items:center}.tetris-game-board{background-color:#ffd76d;border:3px dashed #000;border-radius:100px;display:inline-flex;height:90vh;justify-content:space-evenly;vertical-align:middle;width:90%}.tetris-game-board .tetris-details{border-radius:10px;display:inline-grid;margin-bottom:10px;margin-top:10px}.tetris-game-board .tetris-play-board{border-radius:10px;color:#000;margin:0;padding:25px 20px}.tetris-game-board .tetris-up-next{color:#000;margin:0;padding:30px}.tetris-game-board .tetris-details>div{margin:10px 0;text-align:center}.tetris-game-board .tetris-details .header{border-radius:20px;text-align:center}.tetris-game-board .tetris-details .header>h1{background-color:#2b2242;border-radius:20px;color:#bbb;font-family:Shizuru;font-size:80px;padding:5px 15px 15px;text-align:center}.tetris-game-board .tetris-details .points>p{background-color:#683be4}.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{border-radius:20px;color:#fff;font-family:digital-clock-font;font-size:xx-large;letter-spacing:2px;padding:5px;text-align:center}.tetris-game-board .tetris-details .point-table>h4{background-color:#25754d;margin:0}.tetris-game-main .svg-inline--fa{width:auto;z-index:2}.tetris-game-play .tetris-game-controllers{display:grid;grid-template-columns:auto auto;margin:2px;width:90%}.tetris-game-board .tetris-details .tetris-other-controller{align-items:flex-start;justify-content:flex-start}.tetris-game-board .tetris-details .tetris-other-controller>div>button{margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller{grid-column-gap:0;align-items:flex-end;align-self:end;display:inline-grid}.tetris-game-play .tetris-details .tetris-arrow-controller .rotate{grid-column-start:2;grid-row-start:1;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .left{grid-column-start:1;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .skip{grid-column-start:2;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .right{grid-column-start:3;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .down{grid-column-start:2;grid-row-start:3;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller button,.tetris-game-play .tetris-details .tetris-other-controller button{background-color:#154c79;border:0;border-radius:40px;box-shadow:0 5px #999;color:#fff;display:inline;font-weight:900;height:100px;margin:40px;text-align:center;transition:.2s;width:100px}.tetris-game-play .tetris-details .tetris-arrow-controller button:active,.tetris-game-play .tetris-details .tetris-other-controller button:active{background-color:#113f64;box-shadow:0 3px #666;transform:translateY(4px)}.tetris-game-board .tetris-details .tetris-other-controller button p{color:#fff;font-size:10px;font-weight:700;margin-top:2px}.tetris-game-board .tetris-details .tetris-arrow-controller button:hover,.tetris-game-board .tetris-details .tetris-other-controller button:hover{background-color:#113f64}.game-board{background-color:#0a0707c0;border:5px solid #112}.game-block{height:5em;margin:0;padding:0;width:5em}.piece-view{margin-bottom:10px;margin-left:20px;margin-top:10px}.piece-view .game-block{height:5em;width:5em}.piece-i{background-color:#0341ae;box-shadow:inset -6px -6px 10px #0341ae,inset 6px 6px 20px #00000080}.piece-j{background-color:#72cb3b;box-shadow:inset -6px -6px 10px #72cb3b,inset 6px 6px 20px #00000080}.piece-l{background-color:#ffd500;box-shadow:inset -6px -6px 10px #ffd500,inset 6px 6px 20px #00000080}.piece-o{background-color:#ff971c;box-shadow:inset -6px -6px 10px #ff971c,inset 6px 6px 20px #00000080}.piece-s{background-color:#cb0fff;box-shadow:inset -6px -6px 10px #cb0fff,inset 6px 6px 20px #00000080}.piece-t{background-color:#ff3213;box-shadow:inset -6px -6px 10px #ff3213,inset 6px 6px 20px #00000080}.piece-z{background-color:#2eb8bf;box-shadow:inset -6px -6px 10px #2eb8bf,inset 6px 6px 20px #00000080}.piece-preview{background-color:#00000028}.game-over{background:#ddd;border-radius:30px;bottom:0;display:block;height:250px;left:0;margin:auto;padding:70px 40px;position:fixed;right:0;text-align:center;top:0;width:300px;z-index:10}.gameover__message{color:#000;font-size:16px;font-weight:900;text-align:center;z-index:11}.gameover__close{background:#000;border-radius:100%;box-shadow:0 0 4px #00000080;color:#fff;display:block;font-weight:700;height:3rem;line-height:3rem;position:absolute;right:1.5rem;text-align:center;text-decoration:none;top:1.5rem;transition:.2s;width:3rem;z-index:11}.gameover__close:hover{font-size:medium;height:4rem;line-height:4rem;text-decoration:none;width:4rem}.game-over>.app-form-group>button,.game-over>button{background-color:#169b58;border:0;border-radius:30px;color:#fff;font-weight:900;margin:30px 10px;padding:10px 35px;text-align:center;transition:.2s;width:200px}.game-over>button:hover,.game-over>form>button{background-color:#0e703f;font-size:medium;width:205px}@media only screen and (max-width:1800px){.tetris-game-board{border-radius:50px}.tetris-game-board .tetris-details .header>h1{font-size:40px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:larger}.tetris-game-play .tetris-details .tetris-arrow-controller button,.tetris-game-play .tetris-details .tetris-other-controller button{height:50px;width:50px}.game-block{height:2em;width:2em}.tetris-game-board .tetris-play-board{padding:15px 10px}.piece-view .game-block{height:1.6em;width:1.6em}.tetris-game-board .tetris-up-next{padding:15px}}@media only screen and (max-width:840px){.tetris-game-board .tetris-details .header>h1{font-size:25px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:large}.tetris-game-board{margin:10px}.tetris-game-board .tetris-play-board{padding:18px 20px}.tetris-game-board .tetris-up-next{padding:10px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{border-radius:20px;font-size:10px;height:30px;width:45px}.tetris-game-board .tetris-details .tetris-other-controller button p{color:#fff;font-size:8px;font-weight:700;margin-top:2px}}@media only screen and (max-width:760px){.tetris-game-board .tetris-up-next{display:none}}@media only screen and (max-width:650px){.tetris-game-board .tetris-details{margin:20px}.tetris-game-board .tetris-details>div{margin:30px 10px}.tetris-game-board .tetris-details .header{background-color:#0000}.tetris-game-board .tetris-details .header>h1{font-size:20px;padding:0 5px 5px}.tetris-game-board .tetris-details .points>p{font-size:small;padding:5px}.tetris-game-board .tetris-details .point-table{padding:5px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{font-size:small}.tetris-game-board .tetris-play-board{background-color:#0000;padding:5px 10px}.game-board{border:2px solid #112}.game-block{height:1.5em;width:1.5em}}@media only screen and (max-width:430px){.tetris-game-board{display:inline-flex;flex-direction:column;justify-content:center;margin:5px;width:95%}.tetris-game-board .tetris-details{display:inline-flex;justify-content:center;margin:2px;order:2}.tetris-game-board .tetris-details>div{margin:0}.tetris-game-board .tetris-details .header{display:none}.tetris-game-board .tetris-details .points>p{border-radius:10px;font-size:smaller;margin:5px;padding:2px 8px}.tetris-game-board .tetris-details .point-table{padding:0}.tetris-game-board .tetris-details .point-table>h3{font-size:smaller;margin:5px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{border-radius:10px}.tetris-game-board .tetris-play-board{align-self:center;order:1;padding:5px}.tetris-game-play .tetris-game-controllers{grid-template-columns:auto auto}.tetris-game-board .tetris-details .tetris-other-controller{margin-bottom:10px}.tetris-game-board .tetris-details .tetris-other-controller div{display:inline-flex;flex-direction:column}.tetris-game-board .tetris-details .tetris-other-controller,.tetris-game-play .tetris-details .tetris-arrow-controller{align-items:center;justify-content:center;margin:0}}@media only screen and (max-width:376px){.tetris-game-board .tetris-details .points>p{border-radius:5px;font-size:10px;margin:2px;padding:1px 4px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{border-radius:5px;font-size:8px;margin:2px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{border-radius:20px;font-size:8px;height:30px;width:40px}}@media only screen and (max-width:321px){.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:6px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{font-size:5px;height:20px;width:35px}}.snake-container{text-align:center}.snake-container .game-head{background-color:#3e8e41;border-radius:10px;color:#fff;font-size:medium;font-weight:bolder;margin:auto;padding:0 50px;width:fit-content}.game-border{background-color:#c9c9c993;box-shadow:0 0 23px 0 #bbbbbbbf;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;position:relative}.game-border div p{font-size:1.3vw;margin:0}.point-bar{margin:5px auto 30px}.snake-container .point-bar .game-score{color:#db4e4e;float:left;font-weight:800}.snake-container .point-bar .game-highscore{color:#69d66d;float:right;font-weight:800}.game-splash{align-items:center;background-color:#000000d5;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;top:0;width:100%}.game-splash button,.game-splash div{margin:20px 0}.game-splash div{color:#fff;font-size:40px}.game-splash .game-data-save{display:inline-grid;font-size:revert;text-align:center}.game-splash .game-data-save .game-over-name{border:1px solid #000;border-radius:10px;color:#000;padding:5px 5px 5px 10px}.game-splash .game-data-save .game-over-save{background-color:#248ec2;border:1px solid #000;border-radius:10px;color:#fff;font-size:12px;padding:8px;transition:.5s}.game-splash .game-over-playagain{background-color:#248ec2;border:1px solid #000;border-radius:5px;color:#fff;font-size:25px;padding:10px 20px;transition:.5s}.game-splash .game-data-save .game-over-save:hover,.game-splash .game-over-playagain:hover{background-color:#fff;color:#000;cursor:pointer}.snake-mobile-buttons{flex-direction:column;margin:10px auto auto}.snake-mobile-buttons,.snake-mobile-buttons div{align-items:center;display:flex;justify-content:center}.snake-mobile-buttons div{flex-direction:row;width:100%}.snake-mobile-buttons div button{border:none;border-radius:50px;box-shadow:0 9px #999;color:#000;margin:5px 25px;padding:8px 20px}.snake-mobile-buttons div button:active{background-color:#3e8e41;box-shadow:0 5px #666;transform:translateY(4px)}.minesweeper-head{background-color:#d32c2c;border-radius:20px;color:#fff;font-size:medium;font-weight:bolder;margin:auto auto 10px;padding:5px 100px;width:fit-content}#gameOverImage{background:url(https://www.google.com/logos/fnbx/minesweeper/lose_screen.png) 0 80px no-repeat;background-repeat:repeat-x;height:70%;margin:0 50px;max-width:100%;opacity:1;padding-top:20px;position:relative;z-index:4}.tryAgain{background:#006400;border-radius:7px;color:#9eff9e;cursor:pointer;font-weight:700;margin:0 50px;padding:10px;text-align:center}@media only screen and (max-width:767px){.minesweeper-head{padding:5px 50px}}.whackamole-container{color:#fff;height:86vh;letter-spacing:.2rem}.game,.whackamole-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.game{padding:20px 0;text-align:center;width:100%}.game__title{font-size:1.8rem;transform:translateZ(0);width:100%}.game__score{font-size:.8rem;margin-top:1.3rem;width:100%}.board{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;text-align:center;width:100%}.game__hole{height:30vw;margin:2px;overflow:hidden;width:30vw}.game__mound{backface-visibility:hidden;background:url(/static/media/mole-hole.20585e641de3e0306429.svg);background-position:right 5px bottom 0;background-size:95%;bottom:99%;pointer-events:none;position:relative;width:100%}.game__mole,.game__mound{background-repeat:no-repeat;height:100%}.game__mole{background-image:url(/static/media/mole.8d45375dc72ecb34a874.png);background-position:top;background-size:50px;cursor:pointer;transform:translateY(50%);transition:all .4s}.game__cross,.game__whack{height:100%;width:100%}.game__cross{background-image:url(/static/media/smash.220cd39a9f2ea31c62bd.svg);background-position:50%;background-repeat:no-repeat;background-size:60px}.game__button-container{width:100%}.game__start-button{background:none;border:2px solid #fcb942;border-radius:5px;color:#fff;cursor:pointer;font-family:Amaranth,sans-serif;font-size:1.3rem;letter-spacing:.13rem;margin:5px;padding:.6rem .6rem .7rem}.game__start-button:hover{border:2px solid #ffd008}.game__start-button:focus{outline:none}.game__start-button:active{transform:translateY(.5px)}.game__you-scored{font-size:1.1rem;line-height:3;margin:auto}.game__game-over{background-image:url(/static/media/wavy-border.e08ce540d526db23a5ae.svg);background-position:50%;background-repeat:no-repeat;height:190px;margin-bottom:30px;width:280px}.game__game-over-header{margin:62px 0 -10px}.game__you-name{border:2px solid #ffd008;border-radius:10px;color:#000;padding-left:10px}.game__game-over-button{background-color:#fcb942;border:none;border-radius:10px;color:#333;margin:3px}.game__game-over-button:hover{background-color:#ffa200}.no-background{background:none}@media screen and (min-width:400px){.game__mole{background-size:60px}}@media screen and (min-width:500px){.game__game-over{height:200px;width:320px}.game__game-over-header{margin:70px 0 -10px}.game__cross{background-size:75px}.game{width:400px}.game__mole{background-size:65px}.game__hole{height:120px;width:120px}}@font-face{font-family:Clear Sans;src:url(/static/media/clear-sans.43ea7d2123718b0cfd2c.ttf) format("truetype")}.game-2048-body{align-content:center;align-items:center;background:#020024;background:linear-gradient(90deg,#020024,#57407c 47%,#986ce4);border-radius:30px;color:#fff;display:flex;flex-direction:column;font-family:Clear Sans,sans-serif;font-size:21px;justify-content:center;margin:0 5vw}.game-2048-text{font-weight:700;width:450px}.game-2048-board{background-color:#57407c;border-radius:7px;height:450px;margin:20px;outline:none;padding:5px;position:relative;width:450px}.game-2048-board .game-2048-cell,.game-2048-tile{cursor:default;-webkit-user-select:none;user-select:none}.game-2048-details-box{align-items:center;display:flex;justify-content:space-between;padding:10px;width:450px}.game-2048-resetButton{background-color:#3d2963;border-radius:7px;color:#ffffff80;cursor:pointer;font-size:25px;padding:10px 20px;transition:color .3s ease,background-color .3s ease}.game-2048-resetButton:hover{background-color:#d3386a;color:#fff}.game-2048-score-header{font-size:50%}.game-2048-score-box{background-color:#3d2963;border-radius:7px;color:#ffffff80;min-width:50px;padding:5px 10px;width:75px}.game-2048-cell,.game-2048-tile{background-color:#3d2963;border-radius:7px;color:#766;display:inline-block;font-family:Clear Sans;font-size:55px;font-weight:700;height:100px;line-height:90px;margin:5px;text-align:center;vertical-align:middle;width:100px}.game-2048-tile0{background-color:#dcb}.game-2048-tile2{background-color:#eee;background-image:url(/static/media/2.cb73ccf3bd443208f37f.gif)}.game-2048-tile4{background-color:#eec;background-image:url(/static/media/4.e3175aefe481e7058239.gif)}.game-2048-tile8{background-image:url(/static/media/8.da10f113d36b16cac5cd.gif);color:#ffe}.game-2048-tile16{background-image:url(/static/media/16.4ce00dae08a97e55d77e.gif);color:#ffe}.game-2048-tile32{background-image:url(/static/media/32.0f7bb9c7a4e941f6495c.gif);color:#ffe}.game-2048-tile64{background-image:url(/static/media/64.703f469ebcd51c30d4ec.gif);color:#ffe}.game-2048-tile128{background-image:url(/static/media/128.bfe74f56ba160673fb1b.gif);color:#ffe}.game-2048-tile256{background-image:url(/static/media/256.22a03274ba97c67b3437.gif);color:#ffe;font-size:45px}.game-2048-tile512{background-image:url(/static/media/512.959c256e128f00187c42.gif);color:#ffe;font-size:45px}.game-2048-tile1024{background-image:url(/static/media/1024.d0422a77eb08d73b85c0.gif);color:#fff;font-size:35px}.game-2048-tile2048{background-image:url(/static/media/2048.f327dac376642d6d1051.gif);background-size:contain;bottom:0;color:#fff;font-size:35px;left:0;padding:0;position:absolute;right:0;top:0}.game-2048-controller{margin:5px}.game-2048-controller button{background-color:#ed5471;border:0;border-radius:40px;box-shadow:0 5px #888;color:#fff;display:inline;font-weight:900;height:50px;margin:5px;text-align:center;transition:.2s;width:50px}.game-2048-controller button:active{background-color:#b81c64;box-shadow:0 3px #555;transform:translateY(4px)}.game-2048-try-again{background-image:url(/static/media/try-again.4f930231239de2db3c8d.gif);height:100px;width:100px;z-index:10}.game-2048-tile{background-size:contain;position:absolute}.game-2048-tile.merged{display:none}.game-2048-tile.merged.isMoving{display:inline}.game-2048-overlay,.game-2048-tile.new{animation-delay:.15s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:newTile;transform:scale(0)}@keyframes newTile{0%{transform:scale(0)}to{transform:scale(1)}}.game-2048-overlay{align-items:center;border-radius:7px;bottom:0;display:flex;flex-direction:column;font-size:55px;font-weight:bolder;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.game-2048-tryAgain{background-color:#876;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:40px;width:200px}.game-2048-gameOver{background-image:url(/static/media/game-over.7223586a86c43a6c2902.gif);background-size:contain;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.game-2048-saveGame{background-color:#57407c;height:25%;position:absolute;top:51%;width:100%;z-index:100}.game-2048-saveGame input{border:none;border-radius:20px;color:#3d2963;margin:2.5%;padding:0 3%;width:90%}.game-2048-saveGame button{background-color:#3d2963;border:none;border-radius:20px;color:#fff;margin:2.5%;transition:.5s;width:80%}.game-2048-saveGame button:hover{background-color:#181028;transition:.5s}.game-2048-overlay .game-2048-message{color:#666}@media only screen and (max-width:800px){.game-2048-saveGame button{box-shadow:0 5px #888;transition:.2s}.game-2048-saveGame button:active{background-color:#181028;box-shadow:0 3px #555;transform:translateY(4px)}}@media only screen and (max-width:551px){.game-2048-details-box,.game-2048-text{width:350px}.game-2048-board{height:350px;width:350px}.game-2048-cell,.game-2048-tile{height:75px;width:75px}}@media only screen and (max-width:451px){.game-2048-body{font-size:18px}.game-2048-details-box,.game-2048-text{width:300px}.game-2048-board{height:300px;width:300px}.game-2048-cell,.game-2048-tile{height:62px;width:62px}.game-2048-resetButton{font-size:18px}}@media only screen and (max-width:391px){.game-2048-body{font-size:12px}.game-2048-details-box,.game-2048-text{width:250px}.game-2048-board{height:250px;width:250px}.game-2048-cell,.game-2048-tile{height:50px;width:50px}.game-2048-resetButton{font-size:12px;padding:10px}}@media only screen and (max-width:330px){.game-2048-details-box,.game-2048-text{width:200px}.game-2048-board{height:200px;width:200px}.game-2048-cell,.game-2048-tile{height:37px;width:37px}.game-2048-score-box{min-width:30px;padding:5px;width:50px}.game-2048-controller button{height:25px;margin:2.5px;padding:0;width:25px}}.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:115px;top:5px}.position_0_2:not(.isMoving){left:225px;top:5px}.position_0_3:not(.isMoving){left:335px;top:5px}.position_1_0:not(.isMoving){left:5px;top:115px}.position_1_1:not(.isMoving){left:115px;top:115px}.position_1_2:not(.isMoving){left:225px;top:115px}.position_1_3:not(.isMoving){left:335px;top:115px}.position_2_0:not(.isMoving){left:5px;top:225px}.position_2_1:not(.isMoving){left:115px;top:225px}.position_2_2:not(.isMoving){left:225px;top:225px}.position_2_3:not(.isMoving){left:335px;top:225px}.position_3_0:not(.isMoving){left:5px;top:335px}.position_3_1:not(.isMoving){left:115px;top:335px}.position_3_2:not(.isMoving){left:225px;top:335px}.position_3_3:not(.isMoving){left:335px;top:335px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}.row_from_1_to_1{top:115px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}.row_from_2_to_2{top:225px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}.row_from_3_to_3{top:335px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}.column_from_1_to_1{left:115px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}.column_from_2_to_2{left:225px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}.column_from_3_to_3{left:335px}@media only screen and (max-width:551px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:90px;top:5px}.position_0_2:not(.isMoving){left:175px;top:5px}.position_0_3:not(.isMoving){left:260px;top:5px}.position_1_0:not(.isMoving){left:5px;top:90px}.position_1_1:not(.isMoving){left:90px;top:90px}.position_1_2:not(.isMoving){left:175px;top:90px}.position_1_3:not(.isMoving){left:260px;top:90px}.position_2_0:not(.isMoving){left:5px;top:175px}.position_2_1:not(.isMoving){left:90px;top:175px}.position_2_2:not(.isMoving){left:175px;top:175px}.position_2_3:not(.isMoving){left:260px;top:175px}.position_3_0:not(.isMoving){left:5px;top:260px}.position_3_1:not(.isMoving){left:90px;top:260px}.position_3_2:not(.isMoving){left:175px;top:260px}.position_3_3:not(.isMoving){left:260px;top:260px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:90px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:175px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:260px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:90px}to{top:5px}}.row_from_1_to_1{top:90px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:90px}to{top:175px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:90px}to{top:260px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:175px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:175px}to{top:90px}}.row_from_2_to_2{top:175px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:175px}to{top:260px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:260px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:260px}to{top:90px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:260px}to{top:175px}}.row_from_3_to_3{top:260px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:90px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:175px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:260px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:90px}to{left:5px}}.column_from_1_to_1{left:90px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:90px}to{left:175px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:90px}to{left:260px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:175px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:175px}to{left:90px}}.column_from_2_to_2{left:175px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:175px}to{left:260px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:260px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:260px}to{left:90px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:260px}to{left:175px}}.column_from_3_to_3{left:260px}}@media only screen and (max-width:451px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:77px;top:5px}.position_0_2:not(.isMoving){left:149px;top:5px}.position_0_3:not(.isMoving){left:221px;top:5px}.position_1_0:not(.isMoving){left:5px;top:77px}.position_1_1:not(.isMoving){left:77px;top:77px}.position_1_2:not(.isMoving){left:149px;top:77px}.position_1_3:not(.isMoving){left:221px;top:77px}.position_2_0:not(.isMoving){left:5px;top:149px}.position_2_1:not(.isMoving){left:77px;top:149px}.position_2_2:not(.isMoving){left:149px;top:149px}.position_2_3:not(.isMoving){left:221px;top:149px}.position_3_0:not(.isMoving){left:5px;top:221px}.position_3_1:not(.isMoving){left:77px;top:221px}.position_3_2:not(.isMoving){left:149px;top:221px}.position_3_3:not(.isMoving){left:221px;top:221px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:77px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:149px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:221px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:77px}to{top:5px}}.row_from_1_to_1{top:77px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:77px}to{top:149px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:77px}to{top:221px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:149px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:149px}to{top:77px}}.row_from_2_to_2{top:149px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:149px}to{top:221px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:221px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:221px}to{top:77px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:221px}to{top:149px}}.row_from_3_to_3{top:221px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:77px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:149px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:221px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:77px}to{left:5px}}.column_from_1_to_1{left:77px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:77px}to{left:149px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:77px}to{left:221px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:149px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:149px}to{left:77px}}.column_from_2_to_2{left:149px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:149px}to{left:221px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:221px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:221px}to{left:77px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:221px}to{left:149px}}.column_from_3_to_3{left:221px}}@media only screen and (max-width:391px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:65px;top:5px}.position_0_2:not(.isMoving){left:125px;top:5px}.position_0_3:not(.isMoving){left:185px;top:5px}.position_1_0:not(.isMoving){left:5px;top:65px}.position_1_1:not(.isMoving){left:65px;top:65px}.position_1_2:not(.isMoving){left:125px;top:65px}.position_1_3:not(.isMoving){left:185px;top:65px}.position_2_0:not(.isMoving){left:5px;top:125px}.position_2_1:not(.isMoving){left:65px;top:125px}.position_2_2:not(.isMoving){left:125px;top:125px}.position_2_3:not(.isMoving){left:185px;top:125px}.position_3_0:not(.isMoving){left:5px;top:185px}.position_3_1:not(.isMoving){left:65px;top:185px}.position_3_2:not(.isMoving){left:125px;top:185px}.position_3_3:not(.isMoving){left:185px;top:185px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:65px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:125px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:185px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:65px}to{top:5px}}.row_from_1_to_1{top:65px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:65px}to{top:125px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:65px}to{top:185px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:125px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:125px}to{top:65px}}.row_from_2_to_2{top:125px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:125px}to{top:185px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:185px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:185px}to{top:65px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:185px}to{top:125px}}.row_from_3_to_3{top:185px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:65px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:125px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:185px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:65px}to{left:5px}}.column_from_1_to_1{left:65px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:65px}to{left:125px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:65px}to{left:185px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:125px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:125px}to{left:65px}}.column_from_2_to_2{left:125px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:125px}to{left:185px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:185px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:185px}to{left:65px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:185px}to{left:125px}}.column_from_3_to_3{left:185px}}@media only screen and (max-width:330px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:52px;top:5px}.position_0_2:not(.isMoving){left:99px;top:5px}.position_0_3:not(.isMoving){left:146px;top:5px}.position_1_0:not(.isMoving){left:5px;top:52px}.position_1_1:not(.isMoving){left:52px;top:52px}.position_1_2:not(.isMoving){left:99px;top:52px}.position_1_3:not(.isMoving){left:146px;top:52px}.position_2_0:not(.isMoving){left:5px;top:99px}.position_2_1:not(.isMoving){left:52px;top:99px}.position_2_2:not(.isMoving){left:99px;top:99px}.position_2_3:not(.isMoving){left:146px;top:99px}.position_3_0:not(.isMoving){left:5px;top:146px}.position_3_1:not(.isMoving){left:52px;top:146px}.position_3_2:not(.isMoving){left:99px;top:146px}.position_3_3:not(.isMoving){left:146px;top:146px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:52px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:99px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:146px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:52px}to{top:5px}}.row_from_1_to_1{top:52px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:52px}to{top:99px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:52px}to{top:146px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:99px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:99px}to{top:52px}}.row_from_2_to_2{top:99px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:99px}to{top:146px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:146px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:146px}to{top:52px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:146px}to{top:99px}}.row_from_3_to_3{top:146px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:52px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:99px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:146px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:52px}to{left:5px}}.column_from_1_to_1{left:52px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:52px}to{left:99px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:52px}to{left:146px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:99px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:99px}to{left:52px}}.column_from_2_to_2{left:99px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:99px}to{left:146px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:146px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:146px}to{left:52px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:146px}to{left:99px}}.column_from_3_to_3{left:146px}}.popup-box{align-items:center;background:#00000060;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:100px 16px 90px;position:fixed;z-index:1100}.popup-box .box{background:#fff;border-radius:32px;margin:0;max-height:min(75vh,640px);overflow:auto;padding:24px;position:relative;width:min(90%,900px)}.popup-box .box .tetris-game-board,.popup-box .box .whackamole-container{max-height:52vh}.popup-box .box .game__hole{max-height:70px;max-width:70px}.close-icon{background:#d33;border:3px solid #fff;border-radius:50%;box-shadow:0 6px 16px #0000004d;color:#fff;content:"x";cursor:pointer;font-size:28px;font-weight:bolder;height:40px;line-height:32px;position:absolute;right:-18px;text-align:center;top:-18px;width:40px;z-index:1200}@media only screen and (max-width:768px){.popup-box{padding:90px 10px 80px}.popup-box .box{border-radius:24px;padding:16px;width:96%}.close-icon{border-width:2px;font-size:20px;height:32px;line-height:25px;right:-14px;top:-14px;width:32px}}.gameMainContainer .gameCard{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:var(--surface);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow);cursor:default;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:transform .3s ease,background .3s ease;width:100%}.gameMainContainer .gameCard:hover{background:var(--hover-surface);transform:translateY(-8px)}.gameMainContainer .gameCard img{aspect-ratio:1/1;display:block;object-fit:cover;transition:transform .4s ease;width:100%}.gameMainContainer .gameCard:hover img{transform:scale(1.06)}.gameMainContainer .gameCard .gameContainer{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;padding:18px 18px 20px;text-align:center}.gameMainContainer .gameCard .gameContainer .gameDetails{display:block}.gameMainContainer .gameCard .gameContainer .gameDetails h4{color:var(--ink);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.gameMainContainer .gameCard .gameContainer .gameDetails input[type=button]{background:linear-gradient(135deg,var(--accent),var(--accent-bright));border:none;border-radius:999px;box-shadow:0 10px 20px #14141e2e;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-top:0;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.gameMainContainer .gameCard .gameContainer .gameDetails input[type=button]:hover{box-shadow:0 14px 26px #14141e3d;transform:translateY(-2px)}@media only screen and (max-width:767px){.gameMainContainer .gameCard{position:relative}}#container-error{align-items:center;background:url(/static/media/p404.9b65855e2034edeaa4ad.png),#222;border-radius:10px;box-shadow:0 15px 30px #00000080;display:flex;filter:invert(90%);-webkit-filter:invert(90%);height:100%;justify-content:center;margin:50px 20px;position:relative}#container-error .content-error{margin-bottom:50px;margin-top:50px;max-width:600px;text-align:center}#container-error .content-error h2{color:#fff;cursor:default;font-family:Poppins,sans-serif;font-size:18vw;line-height:1em}#container-error .content-error h4{background:#fff;color:#111;cursor:default;display:inline-block;font-family:Poppins,sans-serif;font-size:1.5em;font-weight:300;margin-bottom:20px;padding:10px 20px;position:relative}#container-error .content-error p{color:#fff;cursor:default;font-family:Poppins,sans-serif;font-size:1.2em}#container-error .content-error a{background:#ff0562;border-bottom:4px solid #d00d56;border-radius:25px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;margin-top:25px;padding:10px 25px;position:relative;text-decoration:none}@media screen and (max-width:480px){#container-error{margin:100px 20px}#container-error .content-error p{padding-left:40px;padding-right:40px}}.boxDiv{background:#fff;border-radius:60px;box-shadow:0 5px 30px #000c;font-family:Roboto Condensed,sans-serif;height:250px;margin:15px;padding:0;width:auto}.boxDiv,.boxDiv .time{box-sizing:border-box;position:relative}.boxDiv .time{background:#262626;border-radius:50px 0 0 50px;float:left;height:100%;padding:20px;text-align:center;transition:.5s;width:30%}.boxDiv:hover .time{background:#e91e63}.boxDiv .time h2{color:#fff;font-size:40px;left:50%;line-height:60px;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.boxDiv .time h2 span{font-size:30px}.boxDiv .details{background:#0000;box-sizing:border-box;float:left;height:100%;padding:30px 20px;width:65%}.boxDiv .details h3{color:#000;font-size:22px;font-weight:600;margin:0;padding:0;position:relative;text-transform:uppercase}.boxDiv .details p{color:#777;font-size:16px;margin:10px 0 0;padding:0;position:relative}.boxDiv .details span{border:2px solid #262626;color:#000;cursor:pointer;display:inline-block;font-size:18px;margin-top:15px;padding:10px 15px;text-decoration:none;transition:.5s}.boxDiv .details span:hover{background:#e91e63;border-color:#e91e63;color:#fff}@media(max-width:991px){.boxDiv{background:#ffffffe6;height:auto;width:auto}.boxDiv .time{border-radius:20px;box-shadow:0 0 4px #00000080;height:80px;padding:0;width:80px}.boxDiv .time h2{font-size:18px;line-height:20px}.boxDiv .time h2 span{font-size:15px}.boxDiv .details{background:#0000;float:none;padding-bottom:20px;padding-left:100px;padding-top:20px;width:100%}.boxDiv .details span{padding:5px 10px}}.noItem{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;min-height:100vh;padding:0;width:100%}.btn{background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:1.2rem;height:50px;outline:none;text-transform:uppercase;transition:.5s;width:30%}.wave{height:100%;z-index:-1}.containerLogin,.wave{bottom:0;left:0;position:fixed}.containerLogin{grid-gap:7rem;display:grid;font-family:Poppins,sans-serif;grid-template-columns:repeat(2,1fr);height:100vh;overflow:hidden;padding:0 2rem;width:100vw;z-index:1}.containerLogin .img{align-items:center;display:flex;justify-content:flex-end}.containerLogin .login-content{align-items:center;display:flex;justify-content:flex-start;text-align:center}.containerLogin .img img{width:500px}.containerLogin .login-content form{width:360px}.containerLogin .login-content img{height:100px}.containerLogin .login-content h2{color:#333;font-size:2.9rem;margin:15px 0;text-transform:uppercase}.containerLogin .login-content .input-div{border-bottom:2px solid #d9d9d9;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;position:relative}.containerLogin .login-content .input-div.one{margin-top:0}.containerLogin .login-content form .input-div .i{align-items:center;color:#d9d9d9;display:flex;justify-content:center}.containerLogin .login-content form .input-div .i i{transition:.3s}.containerLogin .login-content form .input-div>div{height:45px;position:relative}.containerLogin .login-content form .input-div>div>h5{color:#999;font-size:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.containerLogin .login-content form .input-div:before,.input-div:after{background-color:#38d39f;bottom:-2px;content:"";height:2px;position:absolute;transition:.4s;width:0}.containerLogin .login-content form .input-div:before{right:50%}.containerLogin .login-content form .input-div:after{left:50%}.containerLogin .login-content form .input-div.focus:before,.input-div.focus:after{width:50%}.containerLogin .login-content form .input-div.focus>div>h5{font-size:15px;top:-5px}.containerLogin .login-content form .input-div.focus>.i>i{color:#38d39f}.containerLogin .login-content form .input-div>div>input{background:none;border:none;color:#555;font-family:poppins,sans-serif;font-size:1.2rem;height:100%;left:0;outline:none;padding:.5rem .7rem;position:absolute;top:0;width:100%}.containerLogin .login-content form .input-div>div>input::placeholder{color:#999}.containerLogin .login-content form .input-div.pass{margin-bottom:4px}.containerLogin .login-content form a{color:#999;display:block;font-size:.9rem;text-align:right;text-decoration:none;transition:.3s}.containerLogin .login-content form a:hover{color:#38d39f}.containerLogin .login-content form .btn{background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:1.2rem;height:50px;margin:1rem 0;outline:none;text-transform:uppercase;transition:.5s;width:100%}.containerLogin .login-content form .btn:hover{background-position:100%}@media screen and (max-width:1050px){.containerLogin{grid-gap:5rem}}@media screen and (max-width:1000px){.containerLogin .login-content form{width:290px}.containerLogin .login-content h2{font-size:2.4rem;margin:8px 0}.containerLogin .img img{width:400px}}@media screen and (max-width:900px){.containerLogin{grid-template-columns:1fr}.containerLogin .img,.wave{display:none}.containerLogin .login-content{justify-content:center}}@media screen and (max-width:767px){.containerLogin{position:relative}}.copyright{color:#fff;padding:4px 0;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;z-index:1000}@media only screen and (max-width:700px){.copyright{bottom:0;left:0;right:auto;top:auto;transform:none;width:100%;writing-mode:horizontal-tb}}body.light-mode{background-color:#fff;color:#333;transition:background-color .3s ease}body.dark-mode{background-color:#333;color:#dfdfdf}body.dark-mode .navbar{background-color:#0000}body,html{margin:0;padding:0}.animContainer{height:100vh;position:fixed;width:100vw}.animParticles{height:100%;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:100%}.animParticles li{animation:animate 25s linear infinite;background:#fff3;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.animParticles li:first-child{animation-delay:0s;background:#f25f5c;height:80px;left:25%;width:80px}.animParticles li:nth-child(2){animation-delay:2s;animation-duration:12s;background:#ffe066;height:20px;left:10%;width:20px}.animParticles li:nth-child(3){animation-delay:4s;background:#247ba0;height:20px;left:70%;width:20px}.animParticles li:nth-child(4){animation-delay:0s;animation-duration:18s;background:#70c1b3;height:60px;left:40%;width:60px}.animParticles li:nth-child(5){animation-delay:0s;background:#50514f;height:20px;left:65%;width:20px}.animParticles li:nth-child(6){animation-delay:3s;background:#f25f5c;height:110px;left:75%;width:110px}.animParticles li:nth-child(7){animation-delay:7s;background:#ffe066;height:150px;left:35%;width:150px}.animParticles li:nth-child(8){animation-delay:15s;animation-duration:45s;background:#247ba0;height:25px;left:50%;width:25px}.animParticles li:nth-child(9){animation-delay:2s;animation-duration:35s;background:#70c1b3;height:15px;left:20%;width:15px}.animParticles li:nth-child(10){animation-delay:0s;animation-duration:11s;background:#50514f;height:150px;left:85%;width:150px}@keyframes animate{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}:root{--ink:#20232b;--muted:#6b7280;--accent:#f5a623;--accent-bright:#4f7cff;--surface:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d);--rail:linear-gradient(135deg,#ffffff7a,#fff3);--image-frame:#ffffff57;--dial:#ffffff4d;--hover-surface:#ffffff80;--nav-hover:#14141e0f;--shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c;--glass-border:#ffffff80;--modal-surface:#f7f4fb}#root,body,html{min-height:100%}html{overflow-x:hidden}body,body.light-mode{background:radial-gradient(circle at 15% 10%,#ffb26e8c,#0000 40%),radial-gradient(circle at 85% 18%,#b496ff73,#0000 42%),radial-gradient(circle at 75% 88%,#8ce1c86b,#0000 44%),linear-gradient(135deg,#f0ecf3,#f4efe9 50%,#e9f0ec);color:#20232b;color:var(--ink);font-family:DM Sans,sans-serif;transition:background .35s ease,color .35s ease}body:after,body:before{border-radius:50%;content:"";filter:blur(40px);height:46vw;max-height:680px;max-width:680px;pointer-events:none;position:fixed;width:46vw;z-index:-1}body:before{background:#ffaa6e61;left:-8vw;top:-18vw}body:after{background:#aa91ff52;bottom:-16vw;right:-12vw}body.dark-mode{--ink:#f5f5f7;--muted:#b7bac2;--accent:#8a7bff;--accent-bright:#ffb648;--surface:linear-gradient(135deg,#ffffff2e,#ffffff12 45%,#ffffff1a);--rail:linear-gradient(135deg,#ffffff3d,#ffffff17);--image-frame:#ffffff17;--dial:#0a081459;--hover-surface:#ffffff3d;--nav-hover:#ffffff1f;--shadow:0 24px 60px #0000008c,inset 0 1px 0 #ffffff29;--glass-border:#fff3;--modal-surface:#1c1a24;background:radial-gradient(circle at 20% 15%,#ffaf6e4d,#0000 32%),radial-gradient(circle at 85% 80%,#826eff57,#0000 34%),linear-gradient(135deg,#17151d,#121017 50%,#1a1720)}.appContainer{min-height:100vh}.animContainer{overflow:hidden;pointer-events:none;z-index:-1}.animParticles li{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff21!important;border:0;box-shadow:0 10px 30px #0000001a}.base{z-index:1}.main-content-outer{padding:24px 0 56px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.page-watermark{color:#20232b;color:var(--ink);font-family:Outfit,sans-serif;font-size:clamp(5rem,18vw,15rem);font-weight:800;left:50%;letter-spacing:-.03em;opacity:.08;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-22deg);transform-origin:center;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100vw;z-index:0}.bio-card,.crop-modal,.education-container .education-card,.experience-container,.head,.loader,.mains .card,.profile-card,.projects-grid .project-card,.screen{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d)!important;background:var(--surface)!important;border:1px solid #ffffff80!important;border:1px solid var(--glass-border)!important;box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important}@keyframes card-enter{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}.achievement-card,.bio-card,.crop-modal,.education-container .education-card,.experience-container,.experience-container .experience-card,.gameMainContainer .gameCard,.loader,.mains .card,.profile-card,.projects-grid .project-card,.screen{animation:card-enter 1s cubic-bezier(.16,.84,.44,1) backwards}.bio-card{animation-delay:.08s}.achievement-card:first-child,.education-container .education-card:first-child,.experience-container .experience-card:first-child,.gameMainContainer .gameCard:first-child,.mains .card:first-child,.projects-grid .project-card:first-child{animation-delay:0s}.achievement-card:nth-child(2),.education-container .education-card:nth-child(2),.experience-container .experience-card:nth-child(2),.gameMainContainer .gameCard:nth-child(2),.mains .card:nth-child(2),.projects-grid .project-card:nth-child(2){animation-delay:.1s}.achievement-card:nth-child(3),.education-container .education-card:nth-child(3),.experience-container .experience-card:nth-child(3),.gameMainContainer .gameCard:nth-child(3),.mains .card:nth-child(3),.projects-grid .project-card:nth-child(3){animation-delay:.2s}.achievement-card:nth-child(4),.education-container .education-card:nth-child(4),.experience-container .experience-card:nth-child(4),.gameMainContainer .gameCard:nth-child(4),.mains .card:nth-child(4),.projects-grid .project-card:nth-child(4){animation-delay:.3s}.achievement-card:nth-child(5),.education-container .education-card:nth-child(5),.experience-container .experience-card:nth-child(5),.gameMainContainer .gameCard:nth-child(5),.mains .card:nth-child(5),.projects-grid .project-card:nth-child(5){animation-delay:.4s}.achievement-card:nth-child(6),.education-container .education-card:nth-child(6),.experience-container .experience-card:nth-child(6),.gameMainContainer .gameCard:nth-child(6),.mains .card:nth-child(6),.projects-grid .project-card:nth-child(6){animation-delay:.5s}.achievement-card:nth-child(7),.education-container .education-card:nth-child(7),.experience-container .experience-card:nth-child(7),.gameMainContainer .gameCard:nth-child(7),.mains .card:nth-child(7),.projects-grid .project-card:nth-child(7){animation-delay:.6s}.achievement-card:nth-child(n+8),.education-container .education-card:nth-child(n+8),.experience-container .experience-card:nth-child(n+8),.gameMainContainer .gameCard:nth-child(n+8),.mains .card:nth-child(n+8),.projects-grid .project-card:nth-child(n+8){animation-delay:.7s}@media (prefers-reduced-motion:reduce){.achievement-card,.bio-card,.crop-modal,.education-container .education-card,.experience-container,.experience-container .experience-card,.gameMainContainer .gameCard,.loader,.mains .card,.profile-card,.projects-grid .project-card,.screen{animation:none}}.head{border-radius:26px;color:#20232b;color:var(--ink);margin:0 50px 30px;min-height:72px}.head h1,h1,h2,h3{color:#20232b!important;color:var(--ink)!important;font-family:Outfit,sans-serif}.head h1{font-size:clamp(1.5rem,3.2vw,2.1rem)!important;font-weight:600;letter-spacing:-.02em}.bio-card p,.education-container .education-card .education-contentBx p,.experience-container .experience-card .experience-contentBx p,.projects-grid .project-card .project-body p,p{color:#6b7280!important;color:var(--muted)!important}.profile-card{overflow:hidden;padding:0}.profile-card img{filter:saturate(1.04) contrast(1.02);height:100%;object-fit:cover;width:100%}.profile-card .upload-overlay{z-index:2}.app-form-button,.bio-card .link,.crop-actions button,.experience-container .experience-card .experience-contentBx .save-button{background:linear-gradient(135deg,#f5a623,#4f7cff)!important;background:linear-gradient(135deg,var(--accent),var(--accent-bright))!important;border:1px solid #ffffff40!important;border-radius:999px!important;box-shadow:0 12px 24px #14141e38!important;color:#fff!important}.bio-card .link:hover{padding:10px 24px;transform:translateY(-2px)}.navbar-default,nav .navbar{z-index:5}.navbar-default .container .navbar-collapse{backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%);background:linear-gradient(135deg,#ffffff7a,#fff3)!important;background:var(--rail)!important;border:1px solid #ffffff80!important;border:1px solid var(--glass-border)!important;box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important;justify-items:center}.navbar-default .container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000!important;border:0!important;box-shadow:none!important}.navbar-default .navbar-nav>li>a{border-radius:999px;color:#6b7280!important;color:var(--muted)!important}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:#14141e0f!important;background:var(--nav-hover)!important;color:#20232b!important;color:var(--ink)!important}footer .social-container{-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);background:linear-gradient(135deg,#ffffff7a,#fff3)!important;background:var(--rail)!important;border:1px solid #ffffff80;border:1px solid var(--glass-border);box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important}.projects-grid .project-card:hover{background:#ffffff80!important;background:var(--hover-surface)!important;transform:translateY(-6px)}.projects-grid .project-card .project-body h3{color:#20232b!important;color:var(--ink)!important}.mains .card{border:1px solid #ffffff80!important;border:1px solid var(--glass-border)!important;border-radius:26px}.percent{background:#ffffff4d!important;background:var(--dial)!important;box-shadow:inset 0 0 28px #ffffff1f!important}.card .number h2 span,.percent .number h2,.text{color:#20232b!important;color:var(--ink)!important}.education-container .education-card{border-radius:26px}.education-container .education-card:hover,.mains .card:hover{transform:translateY(-5px)}.education-container .education-card:hover,.experience-container .experience-card:hover,.mains .card:hover{background:#ffffff80!important;background:var(--hover-surface)!important}.education-container .education-card span{background:#ffffff17;border:0;box-shadow:none;color:#20232b!important;color:var(--ink)!important}.education-container .education-card .education-imgBx{align-items:center;background:#ffffff80!important;background:var(--hover-surface)!important;border-radius:50%!important;box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important;display:flex!important;flex:0 0 auto;height:76px;justify-content:center;margin:0 20px 0 0!important;overflow:hidden;width:76px}.education-container .education-card .education-imgBx img{height:auto!important;margin:0!important;max-height:48px!important;max-width:48px!important;object-fit:contain;width:auto!important}.education-container .education-card{align-items:center!important}.experience-container .experience-card .experience-imgBx{align-items:center;background:#ffffff80!important;background:var(--hover-surface)!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;flex:0 0 auto;height:56px;justify-content:center;margin:2px 18px 0 0!important;overflow:hidden;width:56px}.experience-container .experience-card .experience-imgBx img{height:auto!important;margin:0!important;max-height:40px!important;max-width:40px!important;object-fit:contain;width:auto!important}.experience-container .experience-card{align-items:flex-start!important}.experience-fallback-icon{color:#4f7cff;color:var(--accent-bright);font-size:22px}.education-container,.gameMainContainer{grid-gap:24px!important;align-items:stretch!important;display:grid!important;gap:24px!important;justify-items:center;margin:0 auto 40px!important;max-width:1100px;position:relative;width:min(92%,1100px)!important;z-index:1}.education-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.experience-container{border-radius:22px!important;display:block!important;margin:0 auto 40px!important;max-width:800px;padding:8px 32px!important;position:relative;width:min(92%,800px)!important;z-index:1}.mains{grid-gap:20px!important;align-items:stretch!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;justify-items:center}.gameMainContainer{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.education-container .education-card,.experience-container .experience-card{box-sizing:border-box;margin:0!important;width:100%!important}.gameMainContainer .gameCard,.mains .card{margin:0!important}.screen{border-radius:28px;overflow:hidden;z-index:1}.screen-header{background:#ffffff14!important;border-bottom:1px solid #ffffff1f}.screen:after{box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c;box-shadow:var(--shadow)}.app-title{color:#4f7cff;color:var(--accent-bright)}.app-title:after{background:#4f7cff;background:var(--accent-bright)}.app-contact,.app-contact a{color:#6b7280;color:var(--muted)}.app-form-control{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d)!important;background:var(--surface)!important;border:1px solid #ffffff80!important;border:1px solid var(--glass-border)!important;border-radius:999px!important;color:#20232b!important;color:var(--ink)!important;padding:12px 20px!important}.app-form-control::placeholder{color:#6b7280!important;color:var(--muted)!important}.app-form-control:focus{border-color:#4f7cff!important;border-color:var(--accent-bright)!important;box-shadow:0 0 0 3px color-mix(in srgb,#4f7cff 22%,#0000)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-bright) 22%,#0000)!important}.crop-modal{color:#20232b;color:var(--ink)}.crop-actions button{border-radius:12px}@media (max-width:767px){.base{left:0;padding:116px 14px 60px;width:100%}.main-content-outer{min-height:auto}.head{margin:12px 0 24px}.home-hero{grid-auto-rows:auto;grid-template-columns:1fr;padding-top:0}.profile-card{aspect-ratio:16/11}.bio-card{overflow-y:visible;padding:26px 22px}footer .social-container{border-radius:18px}}@media (min-width:768px) and (max-width:980px){.home-hero{grid-auto-rows:auto;grid-template-columns:1fr}.profile-card{aspect-ratio:16/9}.bio-card{overflow-y:visible}}.gameMainContainer .gameCard{backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);background:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d)!important;background:var(--surface)!important;border:1px solid #ffffff80!important;border:1px solid var(--glass-border)!important;border-radius:20px!important;box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important}.gameMainContainer .gameCard img{border-radius:20px!important}.gameMainContainer .gameCard .gameContainer .gameDetails h4,.gameMainContainer .gameCard .gameContainer .gameDetails p{color:#20232b!important;color:var(--ink)!important}.gameMainContainer .gameCard .gameContainer .gameDetails input[type=button]{background:linear-gradient(135deg,#f5a623,#4f7cff)!important;background:linear-gradient(135deg,var(--accent),var(--accent-bright))!important;border-radius:999px!important;box-shadow:0 10px 20px #14141e38!important;color:#fff!important}.boxDiv{backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);background:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d)!important;background:var(--surface)!important;border:1px solid #ffffff80;border:1px solid var(--glass-border);box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important}.boxDiv .time{background:linear-gradient(135deg,#ffffff7a,#fff3)!important;background:var(--rail)!important}.boxDiv .details h3,.boxDiv .time h2,.boxDiv .time h2 span{color:#20232b!important;color:var(--ink)!important}.boxDiv .details p{color:#6b7280!important;color:var(--muted)!important}.noItem,.noItem h2{color:#20232b!important;color:var(--ink)!important}.btn{background-image:linear-gradient(135deg,#f5a623,#4f7cff)!important;background-image:linear-gradient(135deg,var(--accent),var(--accent-bright))!important}.popup-box .box{color:#20232b;color:var(--ink)}.containerLogin .login-content form,.popup-box .box{backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%);background:linear-gradient(135deg,#ffffff61,#ffffff24 45%,#ffffff3d)!important;background:var(--surface)!important;border:1px solid #ffffff80;border:1px solid var(--glass-border);box-shadow:0 20px 60px #14141e1f,inset 0 1px 0 #ffffff8c!important;box-shadow:var(--shadow)!important}.containerLogin .login-content form{border-radius:28px;padding:36px 40px}.containerLogin .login-content form .input-div>div>input,.containerLogin .login-content h2{color:#20232b!important;color:var(--ink)!important}.containerLogin .login-content form .btn{background-image:linear-gradient(135deg,#f5a623,#4f7cff)!important;background-image:linear-gradient(135deg,var(--accent),var(--accent-bright))!important}
/*# sourceMappingURL=main.f62dfbba.css.map*/