:root{--home-max:1440px;--home-gap:clamp(10px,1vw,14px);--home-radius:16px;--home-blue-soft:rgba(37,99,235,.1);--home-focus:rgba(37,99,235,.22)}html[data-theme=dark]{--home-blue-soft:rgba(122,162,255,.14);--home-focus:rgba(122,162,255,.3)}.home{word-break:keep-all;overflow-wrap:break-word;padding:clamp(10px,1.1vw,16px) 0 var(--home-gap)}.home-wrap{display:flex;flex-direction:column;gap:var(--home-gap);width:min(var(--home-max),calc(100% - var(--gutter)*2));margin:0 auto}.home-cq{container-type:inline-size;container-name:home}.home [hidden]{display:none!important}.home-search{display:flex;gap:10px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--home-radius);box-shadow:var(--shadow)}.home-search__field{display:flex;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 16px;background:var(--soft);border:1px solid transparent;border-radius:12px;color:var(--muted)}.home-search__field:focus-within{background:var(--surface);border-color:var(--site-blue);box-shadow:0 0 0 3px var(--home-focus)}.home-search__field .icon{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.home-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:15px;outline:0}.home-search input::placeholder{color:var(--muted)}.home-search__btn{flex:none;height:44px;padding:0 clamp(18px,3vw,38px);border:0;border-radius:12px;background:var(--site-blue);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}html[data-theme=dark] .home-search__btn{color:#0b1220}.home-search__btn:hover{filter:brightness(1.08)}.home-search__notice{margin:-4px 4px 0;font-size:13px;color:var(--muted)}.home-hero{position:relative;height:clamp(188px,14.5vw,212px);border:1px solid var(--line);border-radius:var(--home-radius);overflow:hidden;background:#0b1118}.home-hero .slider-viewport{position:absolute;inset:0}.hero-slide{display:block;color:#f6f8fb;text-decoration:none;background:#0b1118}.hero-slide__img{position:absolute;display:block;object-fit:cover}.hero-slide--text .hero-slide__img{top:0;right:0;width:70%;height:100%}.hero-slide--text .hero-slide__shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e15 0% 34%,#080e15ed 43%,#080e1585 61%,#080e1514 84%)}.hero-slide--image .hero-slide__img{inset:0;width:100%;height:100%}.hero-slide--placeholder{background:linear-gradient(120deg,#0f172a,#1e3a8a 55%,#312e81)}.hero-slide--placeholder .hero-slide__shade{display:none}.hero-slide__body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;max-width:min(700px,100%);padding:0 clamp(60px,6vw,96px)}.hero-slide__eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:#d0a35d}.hero-slide__title{margin:8px 0;font-size:clamp(22px,2.5vw,34px);line-height:1.15;letter-spacing:-.06em;text-shadow:0 2px 14px #000}.hero-slide__text{color:#cbd0d6;font-size:clamp(12px,1.1vw,14px);line-height:1.6}.hero-slide__cta{display:inline-flex;margin-top:14px;padding:9px 16px;border-radius:10px;background:var(--site-discord);color:#fff;font-size:14px;font-weight:900}.hero-slide:focus-visible{outline:3px solid var(--site-discord);outline-offset:-3px}@media(max-width:760px){.home-hero{height:clamp(230px,58vw,280px)}.hero-slide--text .hero-slide__img{width:100%;opacity:.7}.hero-slide--text .hero-slide__shade{background:linear-gradient(90deg,#080e15f2,#080e15c7 60%,#080e1566)}.hero-slide__body{padding:0 clamp(18px,5vw,40px) 18px}.hero-slide__text br,.slider-arrow{display:none}}.home-card{display:flex;flex-direction:column;min-width:0;padding:clamp(14px,1.2vw,18px);background:var(--surface);border:1px solid var(--line);border-radius:var(--home-radius);box-shadow:var(--shadow)}.home-card__head{display:flex;align-items:center;gap:12px;min-height:40px;margin-bottom:10px}.home-card__icon{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--home-blue-soft);color:var(--site-blue)}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.home-card__titles{min-width:0}.home-card__titles h2{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.25;letter-spacing:-.04em}.home-card__titles p{margin:2px 0 0;font-size:12px;color:var(--muted)}.home-card__more{display:inline-flex;align-items:center;margin-left:auto;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap}.home-card__more .icon{width:15px;height:15px}.home-card__more:hover{color:var(--text)}.home-card__tools{display:flex;gap:8px;margin-left:auto}.round-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--text);cursor:pointer}.round-btn:hover{background:var(--line)}.round-btn .icon{width:18px;height:18px}.home-label{display:flex;align-items:center;gap:6px;margin:0;color:#5f6670;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:20px;white-space:nowrap}html[data-theme=dark] .home-label{color:#b4bac3}.home-label:not(.home-label--live):before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.home-label--live{color:var(--danger)}html[data-theme=dark] .home-label--live{color:#e07070}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:live-dot 1.4s ease-in-out infinite}.home-card__head{min-height:28px;margin-bottom:22px}.home-card__head:has(+.pill-tabs){margin-bottom:4px}@keyframes live-dot{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.pill-tabs{display:flex;gap:14px;margin-bottom:6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.pill-tabs::-webkit-scrollbar{display:none}.pill{flex:none;height:32px;margin-bottom:-1px;padding:0 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .15s,border-color .15s}.pill:hover{color:var(--text)}.pill.is-active{background:transparent;color:var(--site-blue);border-bottom-color:var(--site-blue)}.pill-tabs--equal{gap:4px}.pill-tabs--equal .pill{flex:1;padding:0 4px;white-space:nowrap}:root{--home-row-h:clamp(240px, calc(100vh - 480px) ,320px)}.home-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--home-gap)}@container home (min-width:680px){.home-main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"mini mini" "notice live"}.home-card--mini{grid-area:mini}.home-card--notice{grid-area:notice}.home-card--live{grid-area:live}}@container home (min-width:1180px){.home-main{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-areas:"notice mini live";height:var(--home-row-h)}.home-main>.home-card{min-height:0;overflow:hidden}.home-main .mini-grid{flex:1;height:auto;min-height:0}.home-main .live-viewport{min-height:0}}.notice-list{flex:1;min-height:0;overflow:hidden}.notice-list{display:flex;flex-direction:column}.notice-row{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 4px;border-top:1px solid var(--line);color:inherit;font-size:14px;text-decoration:none}.notice-row:first-child{border-top:0}a.notice-row:hover{background:var(--soft)}.notice-row__title{flex:1;min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.notice-row__side{flex:none;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.notice-row .icon{flex:none;width:16px;height:16px;color:var(--muted)}.badge{display:grid;flex:none;place-items:center;min-width:58px;height:26px;padding:0 8px;border-radius:6px;color:#fff;font-size:12px;font-weight:800}.badge--notice{background:#e5484d}.badge--update{background:#2563eb}.badge--event{background:#8b5cf6}.badge--info{background:#7b8593}.mini-grid{--rest:2;display:grid;gap:10px;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-rows:repeat(var(--rest),minmax(0,1fr));height:clamp(220px,18vw,270px)}.mini-grid--single{grid-template-columns:minmax(0,1fr)}.mini-tile{position:relative;display:block;overflow:hidden;min-height:0;border-radius:14px;background:#0f172a;color:#fff;text-decoration:none;container:tile/size}.mini-tile--big{grid-row:1/-1}.mini-tile__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}a.mini-tile:hover .mini-tile__img{transform:scale(1.04)}.mini-tile__shade{position:absolute;inset:0;background:linear-gradient(0deg,#060a12e0,#060a1259 55%,#060a120d)}.mini-tile--big .mini-tile__shade{background:linear-gradient(90deg,#060a12e0,#060a1273 60%,#060a120d)}.mini-tile__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;height:100%;padding:12px 14px}.mini-tile--big .mini-tile__body{justify-content:center;gap:4px;max-width:70%;padding:clamp(16px,2vw,26px)}.mini-tile__title{font-size:16px;line-height:1.2;letter-spacing:-.04em}.mini-tile--big .mini-tile__title{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.05em}.mini-tile__desc{font-size:12px;color:#ffffffd1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mini-tile--big .mini-tile__desc{font-size:14px;white-space:normal}.mini-tile__cta{display:inline-flex;align-items:center;height:32px;margin-top:10px;padding:0 16px;border-radius:8px;background:#fff;color:#111827;font-size:13px;font-weight:800}a.mini-tile:hover .mini-tile__cta{background:#f1f5f9}.mini-tile__badge{position:absolute;top:10px;left:10px;z-index:1;padding:3px 9px;border-radius:6px;background:#0f172ac7;border:1px solid rgba(255,255,255,.28);font-size:11px;font-weight:800}.mini-tile.is-soon .mini-tile__img{filter:saturate(.45) brightness(.7)}.mini-tile:focus-visible{outline:3px solid var(--site-blue);outline-offset:2px}@container tile (max-height:104px){.mini-tile__desc{display:none}.mini-tile__body{padding:8px 12px}.mini-tile__badge{top:8px;left:8px}}@container tile (max-height:200px){.mini-tile--big .mini-tile__title{font-size:24px}.mini-tile--big .mini-tile__cta{margin-top:6px}}.mini-tone--amber{background:linear-gradient(135deg,#7c2d12,#ea580c)}.mini-tone--violet{background:linear-gradient(135deg,#2e1065,#7c3aed)}.mini-tone--gold{background:linear-gradient(135deg,#78350f,#f59e0b)}.mini-tone--blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}@container home (max-width:560px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}.mini-tile{height:112px}.mini-tile--big{grid-column:1/-1;grid-row:auto;height:180px}.mini-tile--big .mini-tile__body{max-width:100%}}.live-viewport{flex:1;min-height:216px;margin-top:4px}.live-slide{display:flex;flex-direction:column}.live-slide .live-list{flex:1;min-height:0;overflow:hidden}.live-slide__note{margin:2px 4px 4px;font-size:12px;font-weight:600;color:var(--muted)}.live-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.live-row{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 4px;border-top:1px solid var(--line);font-size:14px}.live-row:first-child{border-top:0}.live-row__name{flex:1;min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.live-row__value{flex:none;font-size:17px;font-weight:900}.live-row__value--level{color:#7c3aed}.live-row__value--gold{color:#d97706}html[data-theme=dark] .live-row__value--level{color:#a78bfa}html[data-theme=dark] .live-row__value--gold{color:#fbbf24}.avatar{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--home-blue-soft);color:var(--site-blue);font-size:13px;font-weight:800;object-fit:cover}.rank{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:900}.rank--1{background:#f5b301;color:#3a2a00}.rank--2{background:#a5afbd;color:#1f2937}.rank--3{background:#e8743b;color:#fff}.flow{flex:none;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.flow i{font-style:normal;margin:0 2px}.flow b{color:#7c3aed}.flow .flow__destroy{color:#e5484d}html[data-theme=dark] .flow b{color:#a78bfa}.result{display:grid;flex:none;place-items:center;min-width:46px;height:26px;padding:0 8px;border-radius:6px;color:#fff;font-size:12px;font-weight:800}.result--success{background:#2563eb}.result--fail{background:#e5484d}.promos-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--home-gap)}@container (min-width:600px){.promos-grid{grid-template-columns:repeat(var(--promo-count,3),minmax(0,1fr))}}.promo{position:relative;display:flex;align-items:center;gap:14px;min-height:110px;padding:clamp(16px,1.6vw,24px);overflow:hidden;border-radius:var(--home-radius);color:#fff;text-decoration:none;box-shadow:var(--shadow)}.promo:hover{filter:brightness(1.06)}.promo--blue{background:linear-gradient(120deg,#1e3a8a,#3b82f6)}.promo--violet{background:linear-gradient(120deg,#3b0764,#7c3aed)}.promo--amber{background:linear-gradient(120deg,#9a3412,#f59e0b)}.promo__body{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.promo__title{font-size:clamp(17px,1.5vw,20px);line-height:1.25;letter-spacing:-.04em}.promo__text{font-size:13px;line-height:1.5;color:#ffffffe0}.promo__arrow{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffeb;color:#111827}.promo__arrow .icon{width:20px;height:20px}.promo--image{display:block;padding:0;min-height:0;aspect-ratio:1000/356;background:var(--soft)}.promo__img{display:block;width:100%;height:100%;object-fit:cover}.promo:focus-visible{outline:3px solid var(--site-blue);outline-offset:2px}.home-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;color:var(--muted);text-align:center}.home-empty .icon{width:34px;height:34px;opacity:.55}.home-empty p{margin:0;font-size:14px;font-weight:600}.live-slide .home-empty{height:100%}.home+.site-footer{margin-top:0}