@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
.circle-world{position:relative;min-height:430px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 34%),linear-gradient(145deg,#ffffff0c,#ffffff03);border:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center;padding:30px 20px 18px;isolation:isolate}.circle-world:before{content:"";position:absolute;inset:-30%;z-index:-2;background:conic-gradient(from 40deg,transparent,var(--accent),transparent,var(--accent2),transparent);opacity:.12;animation:backTurn 20s linear infinite}.motif-symbol{position:absolute;right:17px;top:12px;font-size:68px;opacity:.13;filter:blur(.2px) drop-shadow(0 0 25px var(--accent));transform:rotate(12deg)}.orbit{position:absolute;border:1px solid #ffffff1b;border-radius:50%;left:50%;top:145px;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:250px;height:250px;animation:orbitTurn 13s linear infinite}.orbit-two{width:210px;height:210px;animation:orbitTurn 9s linear reverse infinite}.orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent2);box-shadow:0 0 15px var(--accent2)}.orbit i:nth-child(1){left:14%;top:13%}.orbit i:nth-child(2){right:2%;top:48%}.orbit i:nth-child(3){left:48%;bottom:-4px}.circle-disc{position:relative;width:174px;height:174px;margin:8px 0 20px;z-index:2}.circle-disc>.art{position:relative;width:174px;height:174px;border-radius:50%;border:13px solid #141319;box-shadow:0 0 0 1px #ffffff18,0 25px 55px #0009,0 0 45px color-mix(in srgb,var(--accent) 40%,transparent)}.circle-disc>.art:after{content:"";width:25px;height:25px;border-radius:50%;background:#111;border:6px solid var(--accent2);position:absolute}.circle-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:3;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111;font-weight:900;box-shadow:0 8px 25px #0008}.circle-now{text-align:center;display:flex;flex-direction:column;max-width:100%}.circle-now small{font-size:7px;letter-spacing:1.4px;color:var(--accent2);font-weight:800}.circle-now strong{font-size:21px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-now span{font-size:10px;opacity:.48}.circle-upnext{width:100%;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.circle-upnext>small{grid-column:1/-1;font-size:7px;letter-spacing:1.2px;opacity:.3}.circle-upnext>span{min-width:0;background:#ffffff08;border-radius:10px;padding:8px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-upnext i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:color-mix(in srgb,var(--accent) 45%,transparent);font-style:normal;margin-right:5px}@keyframes orbitTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes backTurn{to{transform:rotate(360deg)}}.circle-world:before{transform-origin:center}.circle-menu{border-top:1px solid #ffffff0c;margin-top:4px}.circle-menu summary{list-style:none;display:flex;align-items:center;gap:11px;padding:10px 9px;border-radius:12px;cursor:pointer}.circle-menu summary::-webkit-details-marker{display:none}.circle-menu summary.active,.circle-menu summary:hover{background:#ffffff0c;box-shadow:inset 3px 0 var(--accent)}.circle-menu summary>i{font-style:normal;font-size:20px;width:27px}.circle-menu summary>span{display:flex;flex:1;flex-direction:column}.circle-menu summary b{font-size:11px}.circle-menu summary small{font-size:8px;opacity:.4}.circle-menu summary em{font-style:normal;transition:.2s}.circle-menu[open] summary em{transform:rotate(180deg)}.circle-menu-body{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px 0 10px 9px}.circle-menu-body>b{grid-column:1/-1;font-size:7px;letter-spacing:1.3px;opacity:.3;margin:9px 0 3px}.drawer-list .circle-menu-body a{padding:7px;gap:6px;border-radius:9px}.circle-menu-body a>i{font-size:14px;width:18px}.circle-menu-body a>span{font-size:8px}.circle-menu-body a>small{font-size:6px;opacity:.28}.circle-menu-body a.active{background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:none;color:var(--accent2)}body[data-motif="stars"] .circle-world,body[data-motif="space"] .circle-world,body[data-motif="orbit"] .circle-world{background-color:#060716;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:23px 23px}body[data-motif="checker"] .circle-world{background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%),linear-gradient(-45deg,#ffffff08 25%,transparent 25%);background-size:24px 24px}body[data-motif="grid"] .circle-world,body[data-motif="softgrid"] .circle-world{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:26px 26px}body[data-motif="stripes"] .circle-world{background-image:repeating-linear-gradient(125deg,#ffffff08 0 12px,transparent 12px 30px)}body[data-motif="rain"] .circle-world,body[data-motif="window"] .circle-world{background-image:linear-gradient(115deg,transparent 45%,#ffffff0b 46%,transparent 48%);background-size:18px 30px}body[data-motif="disco"] .circle-disc>.art,body[data-motif="sparkle"] .circle-disc>.art{box-shadow:0 0 0 1px #fff8,0 0 35px var(--accent),20px -10px 50px var(--accent2)}
.circle-controls{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.circle-controls .circle-play{position:static;inset:auto;transform:none;width:48px;height:48px}.circle-next{width:36px;height:36px;border:1px solid #ffffff70;border-radius:50%;background:#17151ddd;color:#fff;font-size:10px;font-weight:900;box-shadow:0 8px 22px #0008;cursor:pointer;transition:.2s}.circle-next:hover{background:var(--accent2);border-color:var(--accent2);color:#111;transform:scale(1.06)}
.elo-badge{position:absolute;top:18px;left:17px;background:#111d!important;color:#fff;padding:5px 7px;border-radius:999px;font-size:7px!important;opacity:1!important;z-index:2}.elo-badge i{color:#5dff9e;font-style:normal}.rating-table{width:100%;display:grid;gap:5px;max-height:390px;overflow:auto;margin:0 0 15px;padding-right:3px}.rating-row{display:grid;grid-template-columns:24px 38px 1fr auto;gap:9px;align-items:center;background:#ffffff08;padding:7px;border-radius:12px;text-align:left}.rating-row>strong{text-align:center;font-size:11px;color:var(--accent2)}.battle-result .rating-row .art{width:38px;height:38px;border-radius:9px;margin:0}.rating-row>span{min-width:0;display:flex;flex-direction:column}.rating-row>span b,.rating-row>span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-row>span b{font-size:9px}.rating-row>span small{font-size:7px;opacity:.4}.rating-row>em{font-size:12px;font-style:normal;font-weight:800}
.battle-head{display:flex;justify-content:space-between;align-items:center;margin:0 3px 10px;font-size:9px;letter-spacing:1.2px}.battle-head span{color:var(--accent2);font-weight:800}.battle-head b{opacity:.45}.battle-card{min-width:0;background:#ffffff09;border:1px solid #ffffff10;border-radius:22px;overflow:hidden;transition:.25s}.battle-card.chosen{transform:scale(.96);outline:3px solid var(--accent2)}.battle .card-choice{width:100%;padding:9px 9px 11px;border-radius:0;background:transparent;position:relative}.battle .card-choice .art{width:100%;height:145px;border-radius:15px}.battle .card-choice>b{font-size:12px;line-height:1.25;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.battle .card-choice>small{font-size:9px;opacity:.52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.battle .card-choice>em{font-size:7px;opacity:.3;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.battle .choose-mark{position:absolute;top:18px;right:17px;background:#111c!important;color:#fff;padding:5px 7px;border-radius:999px;font-size:7px!important;opacity:0;transition:.2s}.battle-card:hover .choose-mark{opacity:1}.battle .battle-listen{width:100%;border-radius:0;border-top:1px solid #ffffff10;background:#ffffff05;padding:10px;display:flex;flex-direction:row;align-items:center;gap:7px;text-align:left}.battle .battle-listen>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#111;font-style:normal;font-size:9px;flex:none}.battle .battle-listen.playing>i{background:var(--accent2)}.battle .battle-listen>span{display:flex;flex-direction:column;opacity:1!important;font-size:8px!important}.battle .battle-listen small{opacity:.4;font-size:7px}.battle-audio-status{text-align:center;font-size:8px;opacity:.45;margin-top:10px;min-height:12px}#battle-audio[controls]{display:block;width:100%;height:34px;margin-top:8px}.battle-result{text-align:center;padding:22px;border-radius:27px;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 48%),#ffffff08;border:1px solid #ffffff12;display:flex;flex-direction:column;align-items:center}.battle-result .result-crown{font-size:28px;color:var(--accent2);filter:drop-shadow(0 0 14px var(--accent2))}.battle-result .art{width:145px;height:145px;border-radius:34px;margin:8px 0 18px}.battle-result>small{font-size:8px;letter-spacing:1.3px;color:var(--accent2)}.battle-result h2{font-size:27px;margin:5px 0 0}.battle-result p{font-size:11px;opacity:.5;margin:3px 0 17px}.result-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:14px}.result-stats b{font-size:18px;background:#ffffff08;padding:9px 3px;border-radius:11px}.result-stats span{display:block;font-size:7px;opacity:.4;font-weight:500}.result-listen{border:0;background:#fff;color:#111;padding:11px 16px;border-radius:999px;font-size:9px;font-weight:800}.battle-result>a{color:var(--accent2);font-size:9px;text-decoration:none;margin-top:13px}.battle-empty{padding:40px 20px;text-align:center;background:#ffffff08;border-radius:22px;display:flex;flex-direction:column}.battle-empty span{font-size:10px;opacity:.45;margin-top:7px}
.gql-state{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 12px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff08}.gql-state>i{width:8px;height:8px;border-radius:50%;background:#888;box-shadow:0 0 12px #888}.gql-state.live>i{background:#33e68b;box-shadow:0 0 12px #33e68b}.gql-state.failed>i{background:#ff644f;box-shadow:0 0 12px #ff644f}.gql-state span{display:flex;flex:1;flex-direction:column}.gql-state b{font-size:9px}.gql-state small{font-size:8px;opacity:.4}.gql-state>a{color:var(--accent2);font-size:9px;text-decoration:none}.art{background-size:cover!important;background-position:center!important}.player-status.error{color:#ff6454!important;opacity:1!important}
.menu{position:fixed;z-index:20;left:max(18px,calc(50vw - 330px));top:18px;width:42px;height:42px;border:1px solid #ffffff18;border-radius:13px;background:#201e27dd;color:#fff;cursor:pointer}.drawer-shade{position:fixed;z-index:29;inset:0;background:#0009;opacity:0;pointer-events:none;transition:.25s}.drawer-shade.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:30;left:0;top:0;bottom:0;width:min(88vw,350px);background:#15131b;border-right:1px solid #ffffff13;padding:22px;transform:translateX(-105%);transition:.3s;display:flex;flex-direction:column;box-shadow:30px 0 80px #0009}.drawer.open{transform:none}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.drawer-top button{border:0;background:#ffffff0d;color:#fff;border-radius:50%;width:34px;height:34px;font-size:22px}.drawer>small{font-size:9px;letter-spacing:1.5px;opacity:.35;margin-bottom:10px}.drawer-list{overflow:auto;display:grid;gap:3px}.drawer-list a{display:flex;align-items:center;gap:11px;padding:9px;border-radius:12px;color:#fff;text-decoration:none}.drawer-list a:hover,.drawer-list a.active{background:#ffffff0c}.drawer-list a.active{box-shadow:inset 3px 0 var(--accent)}.drawer-list i{font-style:normal;font-size:20px;width:27px}.drawer-list span{display:flex;flex:1;flex-direction:column}.drawer-list b{font-size:11px}.drawer-list small{font-size:8px;opacity:.4}.drawer-list em{font-size:8px;opacity:.25;font-style:normal}.settings-link{color:#fff;text-decoration:none;border-top:1px solid #ffffff12;margin-top:12px;padding:15px 8px 0;font-size:11px}.settings-link span{float:right;color:var(--accent2)}.lead code{color:var(--accent2)}.settings-card{padding:22px;background:#ffffff0b;border:1px solid #ffffff13;border-radius:22px}.settings-card label{font-size:9px;letter-spacing:1.5px;opacity:.45}.token-row{display:flex;gap:8px;margin:9px 0 16px}.token-row input{min-width:0;flex:1;border:1px solid #ffffff18;background:#0d0c11;color:#fff;padding:14px;border-radius:12px}.reveal{width:48px;border:0;border-radius:12px;background:#ffffff10;color:#fff}.settings-actions{display:flex;gap:8px}.settings-actions .primary{flex:1}.clear-token{border:1px solid #ffffff18;background:transparent;color:#fff;border-radius:14px;padding:0 16px}.settings-status{font-size:10px;opacity:.5;line-height:1.5;margin:15px 2px 0}.back-link{display:inline-block;color:#fff;text-decoration:none;font-size:11px;margin:22px}@media(max-width:700px){.menu{left:auto;right:14px;top:52px}}
:root{--accent:#ff5c35;--accent2:#ffcc33;color-scheme:dark;font-family:Manrope,system-ui,sans-serif;background:#100f14;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 5%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 35%),#100f14}button,a{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.loading{display:grid;place-items:center;height:100vh;font-weight:800}#app{width:min(100%,520px);min-height:100vh;margin:auto;padding:22px 22px 40px;overflow:hidden;position:relative}nav{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:800}.brand{color:#fff;text-decoration:none}nav span{opacity:.45}header{padding:40px 0 18px}.emoji{display:block;font-size:42px;margin-bottom:16px;filter:drop-shadow(0 12px 25px var(--accent))}header p{text-transform:uppercase;letter-spacing:2px;color:var(--accent2);font-size:11px;font-weight:800;margin:0 0 10px}h1{font-size:clamp(39px,12vw,68px);line-height:.94;letter-spacing:-3.5px;margin:0;max-width:470px}.lead{font-size:15px;line-height:1.55;opacity:.66;margin:18px 0;max-width:420px}.chips{display:flex;gap:7px;overflow:auto;padding:2px}.chips button{border:1px solid #ffffff20;background:#ffffff08;color:#ffffff99;padding:8px 12px;border-radius:999px;white-space:nowrap;font-size:11px}.chips button.on{background:#fff;color:#111;border-color:#fff}.stage{margin:18px 0}.player{display:flex;align-items:center;gap:13px;background:#ffffff0c;border:1px solid #ffffff12;padding:12px;border-radius:20px;margin:16px 0}.art{display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:15px;background:radial-gradient(circle at 25% 25%,#fff8,transparent 25%),linear-gradient(145deg,var(--cover),#15151d);box-shadow:0 8px 24px color-mix(in srgb,var(--cover) 38%,transparent)}.art i{font-size:22px;font-style:normal}.track{min-width:0;flex:1;display:flex;flex-direction:column}.track small{font-size:8px;letter-spacing:1.3px;opacity:.45}.track strong,.track span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track strong{font-size:13px;margin-top:4px}.track span{font-size:10px;opacity:.48}.progress{height:2px;background:#ffffff18;margin-top:8px}.progress i{display:block;width:38%;height:100%;background:var(--accent)}.play{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-weight:900}.primary{width:100%;border:0;border-radius:17px;background:linear-gradient(110deg,var(--accent),var(--accent2));color:#111;padding:17px 18px;font-weight:800;display:flex;justify-content:space-between;box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 30%,transparent);cursor:pointer}.signal{display:flex;justify-content:space-between;margin:17px 4px;font-size:10px}.signal span{opacity:.35}.signal b{color:var(--accent2)}footer{border-top:1px solid #ffffff12;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;align-items:center}footer a{color:#fff;font-size:12px;font-weight:800;text-decoration:none}footer a b{color:var(--accent2)}footer small{font-size:8px;opacity:.35}.mixer{padding:25px;border-radius:25px;background:linear-gradient(135deg,#ffffff10,#ffffff04);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.mixer span{font-size:8px;opacity:.45}.mixer input{accent-color:var(--accent);width:100%}.mixer b{grid-column:1/-1;text-align:center;font-size:28px;margin-top:10px}.battle{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:3px}.battle button{border:0;background:#ffffff0b;color:#fff;padding:11px;border-radius:22px;display:flex;flex-direction:column;gap:5px;text-align:left}.battle button .art{width:100%;height:145px}.battle button span{opacity:.45;font-size:10px}.battle>i{text-align:center;font-style:normal;font-weight:900;color:var(--accent2)}.chosen{outline:3px solid var(--accent2)!important}.match{height:210px;display:grid;place-content:center;grid-template-columns:auto auto auto;align-items:center;text-align:center}.avatar{width:95px;height:95px;background:var(--accent);border-radius:40% 60% 58% 42%;display:grid;place-items:center;font-size:35px;font-weight:900}.avatar.alt{background:var(--accent2);color:#222}.match strong{font-size:38px;margin:0 -10px;z-index:2;text-shadow:0 3px 20px #000}.match span{grid-column:1/-1;margin-top:16px;opacity:.5}.orb{height:240px;border-radius:50%;width:240px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 40% 35%,#ffffff66,var(--accent) 30%,#19042b 72%);box-shadow:0 0 70px color-mix(in srgb,var(--accent) 50%,transparent)}.orb span{font-size:38px}.orb b{font-size:9px;opacity:.5;margin:8px}.orb strong{font-size:20px}.timer{height:250px;position:relative;display:grid;place-items:center}.timer svg{position:absolute;width:230px;transform:rotate(-90deg)}.timer circle{fill:none;stroke:#ffffff0d;stroke-width:5}.timer .fill{stroke:var(--accent);stroke-dasharray:280 340;stroke-linecap:round}.timer strong{font-size:48px}.timer span{position:absolute;top:66%;font-size:10px;opacity:.5}.wheel{height:260px;display:grid;place-items:center;position:relative;overflow:hidden}.wheel>span{position:absolute;width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--accent),var(--accent2),#25d0ab,var(--accent));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.wheel i{position:absolute;left:82px;top:100px;font-size:8px;font-style:normal;transform:rotate(var(--r)) translateX(62px)}.wheel b{z-index:2;background:#111;border-radius:50%;width:72px;height:72px;display:grid;place-items:center}.days{display:flex;gap:7px;flex-wrap:wrap;padding:25px 0}.days i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff0c;font-style:normal}.days i.done{background:linear-gradient(135deg,var(--accent),var(--accent2))}.days strong{width:100%;font-size:29px;margin-top:12px}.bigstat{text-align:center;padding:35px 0;display:flex;flex-direction:column}.bigstat b{font-size:70px;line-height:1;background:linear-gradient(90deg,var(--accent),var(--accent2));color:transparent;background-clip:text}.bigstat span{font-size:20px}.bigstat small{margin-top:15px;color:var(--accent2)}.events{display:grid;gap:8px}.events a{padding:15px;background:#ffffff0b;border-radius:15px;color:#fff;text-decoration:none;display:grid}.events a b{color:var(--accent2);font-size:9px}.events a strong{margin:4px 0}.events a span{font-size:10px;opacity:.5}.quiz{display:grid;gap:9px}.quiz small{color:var(--accent2);font-weight:800}.quiz button{padding:16px;border-radius:14px;border:1px solid #ffffff18;background:#ffffff09;color:#fff;text-align:left}.dance{text-align:center;background:radial-gradient(circle,var(--accent2),var(--accent));border-radius:30px;padding:35px;color:#181818;display:flex;flex-direction:column}.dance span{font-size:70px}.dance b{font-size:27px}.book{background:linear-gradient(135deg,var(--accent),#17151d);padding:28px;border-radius:4px 25px 25px 4px;border-left:8px solid #fff3}.book>span{font-size:45px}.book p{font-size:19px;line-height:1.5}.book b{font-size:9px;color:var(--accent2)}.camera{height:260px;border:1px solid #ffffff25;border-radius:50%;width:260px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,transparent,#ffffff0c)}.camera span{font-size:55px;color:var(--accent)}.camera small{opacity:.4;margin-top:5px}.city{text-align:center;padding:30px 0}.skyline{font-size:50px;letter-spacing:-10px;color:var(--accent);text-shadow:0 0 30px var(--accent)}.city b,.city span{display:block}.city b{font-size:42px}.city span{opacity:.5}.swipe-cards{height:210px;position:relative}.swipe-cards article{position:absolute;inset:calc(var(--n)*8px) calc(var(--n)*12px);padding:22px;border-radius:22px;background:linear-gradient(140deg,var(--accent),#25222c);transform:rotate(calc((var(--n) - 1)*2deg));box-shadow:0 15px 30px #0006}.swipe-cards article:not(:first-child){opacity:calc(1 - var(--n)*.2)}.swipe-cards article small{color:var(--accent2)}.swipe-cards article b{display:block;font-size:22px;margin-top:10px}.covers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.covers a{color:#fff;text-decoration:none;display:flex;flex-direction:column}.covers .art{width:100%;height:150px}.covers b{font-size:11px;margin-top:7px}.covers a>span:last-child{font-size:9px;opacity:.45}.story{height:280px;position:relative;border-radius:25px;overflow:hidden}.story>.art{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.story>div{position:absolute;left:20px;bottom:22px;display:flex;flex-direction:column}.story div span{font-size:9px;color:var(--accent2)}.story div b{font-size:28px}.story div small{opacity:.6}.story button{position:absolute;right:18px;bottom:20px;width:50px;height:50px;border-radius:50%;border:0;font-size:22px}.catalog{padding:40px;background:#0e0d12}.catalog-head{max-width:1100px;margin:auto;padding:20px 0 45px}.catalog-head h1{font-size:clamp(45px,8vw,95px);max-width:950px}.catalog-head p{font-size:18px;opacity:.55}.catalog-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.catalog-card{min-height:240px;padding:20px;border-radius:22px;background:radial-gradient(circle at 80% 10%,var(--a),transparent 40%),linear-gradient(145deg,#25222c,#15141a);color:#fff;text-decoration:none;display:flex;flex-direction:column;transition:.25s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0008}.catalog-card>b{font-size:10px;opacity:.4}.catalog-card>span{font-size:38px;margin-top:auto}.catalog-card h2{margin:8px 0 2px}.catalog-card p{margin:0;opacity:.65;font-size:12px}.catalog-card small{margin-top:15px;color:var(--b);font-size:8px}@media(max-width:430px){#app{padding-inline:17px}h1{font-size:44px}.catalog{padding:18px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card{min-height:200px;padding:15px}.catalog-card h2{font-size:16px}.catalog-card p{display:none}.battle button .art{height:120px}}