body:has(dialog[open]){overflow:hidden}body{background:radial-gradient(1100px 600px at 80% -10%, #1262ad59, transparent 70%), linear-gradient(180deg, var(--deep) 0%, var(--abyss) 100%);background-color:var(--abyss)}html{background:var(--abyss)}.topbar{z-index:50;height:3.75rem;padding:0 var(--gutter);padding-top:env(safe-area-inset-top);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);background:#03213fd1;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--gold);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:.65rem;margin-right:auto;font-size:1.45rem;display:inline-flex}.brand img{border:1px solid var(--line);background:var(--tide);border-radius:50%}.topnav{color:var(--muted);gap:1.5rem;font-weight:500;display:flex}.topnav a{transition:color var(--t-fast), border-color var(--t-fast);border-bottom:2px solid #0000;padding:.4rem 0}.topnav a:hover{color:var(--text);border-color:var(--gold)}.hero{isolation:isolate;padding:clamp(3rem, 8vw, 6.5rem) var(--gutter) clamp(6rem, 11vw, 10rem);position:relative;overflow:hidden}.hero__bg{z-index:-1;background:linear-gradient(180deg, #0215299e 0%, #02152961 45%, var(--abyss) 100%), radial-gradient(900px 420px at 15% 35%, #0215298c, transparent 70%), url(../Img/main/wallpaper.jpg) center 19% / cover no-repeat;position:absolute;inset:0}.hero__inner{max-width:var(--page-w);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);margin:0 auto;display:grid}.hero__copy{justify-items:start;gap:1.4rem;display:grid}.hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--fs-hero);letter-spacing:.02em;color:var(--gold);text-shadow:0 3px #0000008c,0 14px 40px #0009;text-wrap:balance;line-height:.95}.hero__lead{max-width:34rem;font-size:var(--fs-lg);color:var(--text);text-shadow:0 2px 10px #000000b3;line-height:1.45}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:.4rem;display:flex}.hero__cta .btn{min-height:3.1rem;padding:0 1.4rem}.hero__copy>*,.event{animation:rise .7s var(--ease) backwards}.hero__copy>:nth-child(2){animation-delay:.1s}.hero__copy>:nth-child(3){animation-delay:.2s}.event{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.event{background:var(--panel);border:1px solid var(--gold-deep);border-radius:var(--r-lg);box-shadow:var(--shadow-2), inset 0 0 0 4px #0215298c, inset 0 0 0 5px #f2b84b40;text-align:center;justify-items:center;gap:.9rem;padding:1.5rem 1.25rem 1.25rem;display:grid;position:relative}.event__title{white-space:nowrap;font-family:var(--font-display);letter-spacing:.04em;color:#2a1d00;background:linear-gradient(180deg, #ffd27a, var(--gold));border:1px solid var(--gold-deep);border-radius:var(--r-pill);padding:.3rem 1.4rem;font-size:1.25rem;font-weight:400;position:absolute;top:0;left:50%;transform:translate(-50%,-52%)}.event__art{aspect-ratio:300/84;width:min(100%,20rem);margin-top:.6rem;position:relative}.event__art img{object-fit:contain;width:100%;height:100%;transition:opacity var(--t-med)}.event__skeleton{border-radius:var(--r-sm);background:linear-gradient(100deg,#0000 20%,#ffffff29 50%,#0000 80%) -100% 0/200% 100% no-repeat;animation:1.4s linear infinite shimmer;display:none;position:absolute;inset:0}.event[data-state=loading] .event__art img{opacity:.25}.event[data-state=loading] .event__skeleton{display:block}@keyframes shimmer{to{background-position:200% 0}}.event__time{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:4.2rem;display:flex}.event__status{color:var(--muted);font-size:var(--fs-md)}.unit{border-radius:var(--r-md);border:1px solid var(--line-soft);background:#021529b3;justify-items:center;min-width:4.1rem;padding:.45rem .5rem .35rem;display:grid}.unit b{font-variant-numeric:tabular-nums;color:var(--gold-soft);font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);font-weight:700;line-height:1.05}.unit small{font-size:var(--fs-sm);color:var(--muted)}.event[data-state=now] .event__status{font-family:var(--font-display);color:var(--ok);letter-spacing:.04em;font-size:2.2rem}.event[data-state=error] .event__status{color:#ffb3b3}.event[data-state=text] .event__status{color:var(--gold-soft);font-weight:700;font-size:var(--fs-lg)}.waves{pointer-events:none;height:clamp(3.5rem,8vw,6rem);position:absolute;bottom:-1px;left:0;right:0}.waves:before,.waves:after{content:"";opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30C200 0 400 0 600 30S1000 60 1200 30V60H0Z' fill='%2303213f'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:75rem 100%;animation:26s linear infinite drift;position:absolute;inset:0}.waves:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30C200 0 400 0 600 30S1000 60 1200 30V60H0Z' fill='%23021529'/%3E%3C/svg%3E");animation-duration:18s;animation-direction:reverse;transform:translateY(18%)}@keyframes drift{to{background-position-x:75rem}}.section{width:min(var(--page-w), 100% - 2 * var(--gutter));margin:0 auto;padding-block:clamp(2.5rem,6vw,5rem)}.section--tight{padding-top:0}.section__head{gap:.4rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:grid}.section__head h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:var(--gold);letter-spacing:.03em}.section__head p{color:var(--muted);max-width:40rem}.tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:clamp(.9rem,2vw,1.5rem);display:grid}.tool{--mx:50%;--my:0%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);height:100%;box-shadow:var(--shadow-1);transition:transform var(--t-med) var(--ease), border-color var(--t-fast), box-shadow var(--t-med);flex-direction:column;display:flex;position:relative;overflow:hidden}.tool:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--t-med);background:radial-gradient(260px circle at var(--mx) var(--my), #f2b84b33, transparent 65%);position:absolute;inset:0}a.tool:hover{border-color:var(--gold);box-shadow:var(--glow-gold), var(--shadow-2);transform:translateY(-6px)}a.tool:hover:after{opacity:1}.tool__art{aspect-ratio:16/10;border-bottom:1px solid var(--line-soft);background:radial-gradient(70% 90% at 50% 60%,#1262ad8c,#021529d9);place-items:center;padding:6%;display:grid}.tool__art img{object-fit:contain;filter:drop-shadow(0 8px 14px #0000008c);width:100%;height:100%;transition:transform var(--t-med) var(--ease)}a.tool:hover .tool__art img{transform:scale(1.08)}.tool__body{align-content:start;gap:.35rem;padding:1rem 1.1rem 1.2rem;display:grid}.tool__name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gold-soft);letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:.5rem;line-height:1.15;display:flex}.tool__name .badge{font-family:var(--font-body);letter-spacing:0}.tool__desc{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.tool--soon{opacity:.7;box-shadow:none;border-style:dashed}.tool--soon .tool__art img{filter:grayscale()opacity(.6)}.community{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.community>li{display:flex}.link-card{background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);transition:border-color var(--t-fast), background var(--t-fast);flex:1;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex}.link-card:hover{border-color:var(--gold);background:#0a4d8b80}.link-card img{border:1px solid var(--line);object-fit:contain;background:#007eff59;border-radius:50%;flex:none;width:3rem;height:3rem;padding:.3rem}.link-card span{min-width:0;display:grid}.link-card strong{font-weight:700;line-height:1.2}.link-card small{color:var(--muted);font-size:var(--fs-sm)}.footer{padding:2rem var(--gutter) calc(2rem + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:var(--fs-sm);border-top:1px solid var(--line-soft)}.footer p{max-width:46rem;margin:0 auto}.footer a{color:var(--gold-soft);font-weight:700}.footer a:hover{text-decoration:underline}dialog.sheet[open]{flex-direction:column;width:min(74rem,100vw - 2rem);height:min(50rem,100dvh - 2rem);display:flex;overflow:hidden}.sheet__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:.9rem;padding:1rem 1.25rem;display:flex}.sheet__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:var(--gold);letter-spacing:.03em;margin-right:auto;line-height:1}.reset-pill{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--gold-soft);font-size:var(--fs-sm);white-space:nowrap;background:#021529b3;align-items:center;gap:.4rem;padding:.35rem .85rem;display:inline-flex}.reset-pill .material-symbols-sharp{font-size:1.2em}.tabs{border-bottom:1px solid var(--line-soft);gap:.25rem;padding:0 1rem;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:500;display:inline-flex}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--gold-soft);border-bottom-color:var(--gold);font-weight:700}.sheet__body{flex:1;min-height:0;position:relative}.view{height:100%}.sheet__foot{padding:.8rem 1.25rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:#02152973;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sheet__note{color:var(--muted);font-size:var(--fs-sm)}.sheet__tools{flex-wrap:wrap;gap:.5rem;display:flex}.acts{grid-template-columns:18.5rem minmax(0,1fr);display:grid}.accounts{border-right:1px solid var(--line-soft);background:#02152959;flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.pane-title{font-size:var(--fs-sm);color:var(--muted);font-weight:700}.account-list{gap:.55rem;display:grid}.account{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.account__main{text-align:left;background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);grid-template-columns:2.9rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem .7rem;display:grid}.account__main:hover{border-color:var(--line);background:#0a4d8b73}.account__main[aria-current=true]{border-color:var(--gold);box-shadow:var(--ring-gold);background:#0a4d8b99}.account__main img{object-fit:contain;border:1px solid var(--line-soft);background:#02152999;border-radius:50%;width:2.9rem;height:2.9rem}.account__info{gap:.3rem;min-width:0;display:grid}.account__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.account__count{font-size:var(--fs-sm);color:var(--muted)}.detail{flex-direction:column;gap:1.1rem;padding:1.25rem;display:flex;overflow-y:auto}.detail__head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.detail__back{display:none}.detail__avatar{object-fit:contain;border:2px solid var(--gold-deep);background:#02152999;border-radius:50%;width:3.75rem;height:3.75rem}.detail__name{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:var(--gold-soft);text-overflow:ellipsis;line-height:1;overflow:hidden}.detail__sum{color:var(--muted);font-size:var(--fs-sm);margin-top:.25rem}.detail__bar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail__bar .progress{flex:1;min-width:8rem}.act-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.9rem;display:grid}.act{position:relative}.act__main{aspect-ratio:303/100;border:2px solid var(--line);border-radius:var(--r-md);color:#4b2e15;width:100%;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);background:linear-gradient(#fbf6e6,#efe4c4);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.act__main:hover{border-color:var(--gold);transform:translateY(-2px)}.act__main img{object-fit:cover;width:100%;height:100%;transition:filter var(--t-med), opacity var(--t-med)}.act__text{font-family:var(--font-display);font-size:var(--fs-lg);text-align:center;text-transform:uppercase;padding:.5rem 2.8rem;line-height:1.1}.act__check{color:#0000;width:1.9rem;height:1.9rem;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);background:#ffffffe6;border:2px solid #00000059;border-radius:50%;place-items:center;display:grid;position:absolute;top:.4rem;right:.4rem}.act__check .material-symbols-sharp{font-variation-settings:"wght" 700;font-size:1.3em}.act.is-done .act__main{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok), 0 8px 22px #4fd1a52e}.act.is-done .act__main img{filter:saturate(.5)brightness(.55)}.act.is-done .act__text{opacity:.45}.act.is-done .act__check{background:var(--ok);color:#04301f;border-color:#1d8f6c}.act__del{opacity:.9;position:absolute;bottom:.4rem;left:.4rem}.act--add{aspect-ratio:303/100;border:2px dashed var(--line);border-radius:var(--r-md);width:100%;min-height:5.2rem;color:var(--muted);transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);background:0 0;align-content:center;place-items:center;gap:.2rem;font-weight:500;display:grid}.act--add:hover{border-color:var(--gold);color:var(--gold-soft);background:#f2b84b0f}.empty{text-align:center;color:var(--muted);align-content:center;justify-items:center;gap:.8rem;height:100%;padding:2.5rem 1rem;display:grid}.empty .material-symbols-sharp{color:var(--gold-deep);font-size:3.2rem}.empty strong{color:var(--text);font-size:var(--fs-lg);font-family:var(--font-display);letter-spacing:.03em;font-weight:400}.empty--inline{border:2px dashed var(--line-soft);border-radius:var(--r-md);height:auto;padding:1.5rem 1rem}.suggest{flex-wrap:wrap;gap:.4rem;display:flex}.accounts .empty{height:auto;font-size:var(--fs-sm);padding:1.2rem .5rem}.icon-pick{border:1px solid var(--line);border-radius:var(--r-md);text-align:left;background:#021529b3;align-items:center;gap:.9rem;padding:.5rem 1rem .5rem .5rem;display:inline-flex}.icon-pick:hover{border-color:var(--gold)}.icon-pick img{object-fit:contain;background:#02152999;border-radius:50%;width:4rem;height:4rem}.icon-grid{border:1px solid var(--line-soft);border-radius:var(--r-md);background:#0215298c;grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr));gap:.4rem;max-height:13rem;padding:.5rem;display:grid;overflow-y:auto}.icon-grid button{border-radius:var(--r-sm);background:0 0;border:2px solid #0000;width:100%;padding:.2rem;display:block}.icon-grid button:hover{border-color:var(--gold)}.icon-grid img{aspect-ratio:1;object-fit:contain;width:100%}.diamond{flex-direction:column;gap:1rem;padding:1.1rem 1.25rem;display:flex;overflow-y:auto}.diamond__intro{color:var(--muted);max-width:52rem}.diamond__intro strong{color:var(--gold-soft)}.diamond__row{grid-template-columns:repeat(auto-fit,minmax(6.4rem,1fr));gap:.6rem;display:grid}.dia{background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);justify-items:center;gap:.15rem;padding:.6rem .3rem .5rem;display:grid;position:relative}.dia:hover{border-color:var(--line);transform:translateY(-2px)}.dia[aria-pressed=true]{border-color:var(--gold);box-shadow:var(--ring-gold);background:#0a4d8b99}.dia img{object-fit:contain;width:4.2rem;height:5.1rem}.dia__name{font-size:var(--fs-sm);text-align:center;font-weight:700;line-height:1.2}.dia__tag{color:var(--muted);font-size:.72rem}.dia__count{border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:#0000008c;margin-top:.15rem;padding:.05rem .6rem}.dia.is-ready{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok), 0 0 22px #4fd1a540}.dia.is-ready .dia__count{background:var(--ok);color:#04301f}.gold-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,11.5rem),1fr));gap:.8rem;display:grid}.gold{background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);gap:.55rem;padding:.75rem;display:grid}.gold.is-ready{border-color:var(--gold);box-shadow:var(--ring-gold)}.gold__top{grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.gold__top img{object-fit:contain;width:3.4rem;height:4.2rem}.gold__name{font-weight:700;font-size:var(--fs-sm);line-height:1.2}.gold__stars{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.stars{gap:2px;min-height:1.1rem;display:flex}.stars img{object-fit:contain;width:1.05rem;height:1.05rem}.stars .empty-star{opacity:.22;filter:grayscale()}.gold__btns{gap:.3rem;display:flex}.gold__medals{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:.35rem;display:flex}.gold__medals input{text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);width:4.2rem;min-height:2rem;color:var(--text);font-variant-numeric:tabular-nums;background:#021529b3;padding:0 .4rem}.gold__medals input:focus{border-color:var(--gold);outline:none}.gold__ready{color:var(--gold-soft);font-weight:700;font-size:var(--fs-sm);align-items:center;gap:.25rem;display:flex}@media (width<=900px){.hero__inner{grid-template-columns:1fr}.hero__copy{text-align:center;justify-items:center}.hero__cta{justify-content:center}.event{justify-self:center;width:min(100%,26rem);margin-top:1rem}.topnav{display:none}}@media (width<=720px){dialog.sheet[open]{border:0;border-radius:0;width:100vw;height:100dvh}.sheet__head{padding:.8rem 1rem;padding-top:calc(.8rem + env(safe-area-inset-top));flex-wrap:wrap}.reset-pill{order:3;justify-content:center;width:100%;padding:.25rem .7rem}.sheet__note{display:none}.sheet__tools{width:100%}.sheet__tools .btn{flex:1}.acts{grid-template-columns:1fr}.acts .accounts{background:0 0;border-right:0}.acts[data-pane=accounts] .detail,.acts[data-pane=acts] .accounts{display:none}.detail__back{display:inline-flex}.detail__head{grid-template-columns:auto auto minmax(0,1fr)}}@media (width<=480px){.topbar__btn-label{display:none}.brand{font-size:1.25rem}.hero__cta .btn{width:100%}}