.screen{min-height:100svh;padding:24px 18px;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;background-attachment:fixed}.title{background-image:linear-gradient(#07082114,#07082125),url('../assets/backgrounds/title.webp')}.game{background-image:linear-gradient(#0708210a,#07082120),url('../assets/backgrounds/game.webp')}.clear{background-image:url('../assets/backgrounds/clear.webp')}.timeup{background-image:url('../assets/backgrounds/timeup.webp')}.ending{background-image:url('../assets/backgrounds/ending.webp')}.panel{position:relative;isolation:isolate;width:min(480px,100%);padding:30px 36px;border:2px solid #c2bbf5;border-radius:20px;background:linear-gradient(135deg,#161837ed,#090f2be8 55%,#190e35ed);box-shadow:inset 0 0 0 4px #6b4a9838,0 0 0 5px #110c2f99,0 0 0 6px #766ca855,0 0 20px #31d4ef55,0 0 35px #b92dcb33;text-align:center;backdrop-filter:blur(6px)}.panel::before,.panel::after{content:'✦';position:absolute;left:50%;transform:translateX(-50%);color:#f2d9ff;text-shadow:0 0 9px #f649ff;font-size:24px;line-height:1;pointer-events:none}.panel::before{top:-14px}.panel::after{bottom:-14px}.title-panel{width:min(490px,100%);padding:24px 30px;background:linear-gradient(145deg,#101635d9,#080e2cda 60%,#200c37e8);border-radius:15px}.logo-heading{margin:12px -5px 6px;line-height:1}.title-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 9px #c532e84d);animation:logo-glow 5s ease-in-out infinite}.title-panel .subtitle{margin:10px 0 20px}.personal-best{position:relative;display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;gap:10px;padding:12px 16px;border:1px solid #e7c77f;border-radius:13px;background:linear-gradient(110deg,#49302c44,#0a1232bb 35%);box-shadow:inset 0 0 0 3px #e4bd6330,0 0 14px #efc04d20}.personal-best>.icon{width:33px;height:33px;color:var(--gold);filter:drop-shadow(0 0 7px #ffc553)}.personal-best span{font-size:10px;letter-spacing:.08em;color:#e1e6fc}.personal-best span:last-child{border-left:1px solid #b3addb66}.personal-best b{display:block;font:700 28px Georgia,serif;color:var(--gold);margin-top:4px}.title-menu{gap:15px;margin-top:22px}.start-button{min-height:62px;font-size:20px;border-radius:20px}.secondary-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px}.secondary-menu .btn{border-color:#d7a8ff;min-height:49px}.games-link{justify-self:center;min-height:44px;font-size:12px;width:62%;margin-top:2px;background:linear-gradient(#23396a,#11182e);border-color:#93b0e9;box-shadow:inset 0 0 0 2px #6c89ce30}.result{width:min(490px,100%)}.result h2{color:#ffecb7}.medal{position:relative;width:154px;height:154px;margin:10px auto 20px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--gold);background:radial-gradient(circle,#33244c,#11152e 65%,#726043);box-shadow:inset 0 0 0 5px #d8b37133,inset 0 0 0 8px #fbde8530,0 0 22px #f9bf5230}.medal::before,.medal::after{content:'❧';position:absolute;top:35px;color:var(--gold);font-size:54px}.medal::before{left:-39px;transform:rotate(-35deg)}.medal::after{right:-39px;transform:scaleX(-1) rotate(-35deg)}.medal-label{font-size:10px;letter-spacing:.12em;color:#e6cc92}.rank{font:700 72px Georgia,serif;line-height:1.05;color:var(--gold);text-shadow:0 0 20px #ffd16088}.medal-stars{font-size:15px;color:var(--gold);letter-spacing:6px;margin-left:6px}.result-row{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border-bottom:1px solid #a694d44d;font-size:12px}.result-row b{font-size:22px;color:#f1dfaa;font-variant-numeric:tabular-nums}.result>.btn{width:100%}.crown{font-size:40px;line-height:1;color:var(--gold);text-shadow:0 0 20px #e1ab34}.ending .panel{width:min(520px,100%)}.ending h2{margin-bottom:5px;font-size:clamp(24px,3vw,34px)}.ending h2+p{margin:6px 0 14px;font-size:13px;color:#e1d3f9}.ending .overall-medal{width:144px;height:144px;margin-bottom:15px}.ending .subtitle{margin:17px 0}#endingStages{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}#endingStages span{padding:10px 3px;font-size:9px;border:1px solid #9b7cba;border-radius:9px;background:linear-gradient(#39224c88,#12182e)}#endingStages b{display:block;font:700 24px Georgia,serif;color:var(--gold);margin-top:5px}.timeup-symbol{font-size:46px;margin:16px 0}.timeup .result h2{color:#ffa3d3}.pause{position:fixed;inset:0;z-index:30;min-height:100%;overflow:auto;align-items:safe center;background:#060a23bb;backdrop-filter:blur(10px)}.pause .panel{margin-block:auto}.pause h2{color:#d5f6ff}.pause .menu{margin-bottom:12px}.pause .menu .btn:first-child{min-height:54px}.how{width:min(650px,100%)}.how [data-content]{text-align:left;min-height:245px;font-size:14px}.tabs{display:flex;gap:7px;margin:20px 0}.tabs button{flex:1;padding:12px 4px;border:1px solid #8d76bd;background:#171732;color:#dce5ff;border-radius:9px;font-size:12px}.tabs [aria-selected=true]{background:linear-gradient(#573775,#2d2356);border-color:#e7b2ff;box-shadow:0 0 12px #b748d344}.options>.btn,.how>.btn{width:100%;margin-top:20px}
.frame-corner{position:absolute;width:20px;height:20px;border-top:2px solid #ecd9b4;border-left:2px solid #bca3d8;border-radius:3px;pointer-events:none;filter:drop-shadow(0 0 3px #c492dc88);z-index:2}.frame-corner::after{content:'';position:absolute;inset:4px;border-top:1px solid #f5deb2;border-left:1px solid #ccb5ea}.frame-corner.tl{top:6px;left:6px}.frame-corner.tr{top:6px;right:6px;transform:rotate(90deg)}.frame-corner.bl{bottom:6px;left:6px;transform:rotate(-90deg)}.frame-corner.br{bottom:6px;right:6px;transform:rotate(180deg)}.play-table{position:relative}.play-table .frame-corner{width:13px;height:13px}.hud .frame-corner{width:15px;height:15px}.hud::before,.hud::after{display:none}