/* GENERATED by tools/build-css.js – edit assets/css/<source>.css, then rebuild. */
:root,body.v3{
--bg: #000000;
--bg-2: #050704;
--panel: #0a0e07;
--panel-2: #111709;
--line: #1a2412;
--line-2: #28361c;
--text: #eef3e6;
--muted: #a4af98;
--dim: #6b765e;
--brand: #29450c;
--brand-hi: #3a6112;
--brand-line: #5c8f22;
--amber: #8fc23d;
--amber-deep: #29450c;
--amber-glow: rgba(143,194,61,.22);
--linen: #efe4cc;
--linen-dim: #cbbd9f;
--straw: #b9d97a;
--rye: #7a5a2b;
--sash-red: #b8453a;
--flax-blue: #5b7fa6;
--y-wheat: #8fc23d;
--y-meadow: #d2b25e;
--y-pine: #5fae8b;
--y-water: #6fb1d9;
--y-clay: #cf8f62;
--y-red: #e46f5b;
--y-plum: #b58ae0;
--good: #93c46e;
--bad: #e46f5b;
--warn: #8fc23d;
--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;
--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;
--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;
--radius: var(--r-md);--radius-sm: var(--r-sm);
--sh-1: 0 6px 14px -8px rgba(0,0,0,.7);
--sh-2: 0 22px 44px -22px rgba(0,0,0,.9);
--y-display: "Unbounded","Rubik",system-ui,sans-serif;
--y-body: "Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--fs-xs: 11.5px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--fs-2xl: 32px;
--tabbar-h: 62px;
--pat-sash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 5 L6 0 L12 5 L6 10Z' fill='%23b8453a'/%3E%3Cpath d='M12 5 L18 0 L24 5 L18 10Z' fill='%23e8a23a'/%3E%3Cpath d='M6 3 L8 5 L6 7 L4 5Z M18 3 L20 5 L18 7 L16 5Z' fill='%23efe4cc'/%3E%3C/svg%3E");
--pat-sodai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 2 L42 22 L22 42 L2 22Z M22 12 L32 22 L22 32 L12 22Z' fill='none' stroke='%23d9b766' stroke-width='1' opacity='.07'/%3E%3C/svg%3E");
}
:root{
--bg: #000000;
--bg-2: #050704;
--panel: #0a0e07;
--panel-2: #111709;
--line: #1a2412;
--line-2: #28361c;
--text: #eef3e6;
--muted: #a4af98;
--dim: #6b765e;
--good: #cdd6cd;
--bad: #d3b6b6;
--warn: #cfc3a4;
--radius: 14px;
--radius-sm: 10px;
--shadow: 0 20px 50px rgba(0,0,0,.55);
--ring: 0 0 0 3px rgba(237,237,240,.12);
color-scheme: dark;
}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}
body{
margin: 0;
background: var(--bg);
color: var(--text);
font: 15.5px/1.6 ui-sans-serif,system-ui,"Segoe UI",Roboto,Inter,Arial,sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
.bg-grain{
position: fixed;inset: 0;pointer-events: none;z-index: 0;
background:
radial-gradient(900px 520px at 78% -8%,rgba(255,255,255,.05),transparent 62%),
radial-gradient(700px 460px at 4% 14%,rgba(255,255,255,.035),transparent 58%);
}
.wrap{width: min(1200px,100% - 40px);margin-inline: auto;position: relative;z-index: 1;}
a{color: var(--text);text-decoration: none;}
a:hover{text-decoration: underline;text-underline-offset: 3px;}
h1,h2,h3{line-height: 1.15;margin: 0;letter-spacing: -.01em;}
.muted{color: var(--muted);}
.dim{color: var(--dim);}
.tiny{font-size: 12.5px;color: var(--muted);margin-top: 12px;}
.ic{
width: 1.15em;height: 1.15em;display: inline-block;vertical-align: -.22em;
flex: none;color: inherit;
}
.ic-sm{width: .95em;height: .95em;vertical-align: -.14em;}
.ic-lg{width: 1.6em;height: 1.6em;vertical-align: -.34em;}
.ic-xl{width: 2.2em;height: 2.2em;vertical-align: -.5em;}
.ic-2x{width: 34px;height: 34px;vertical-align: middle;}
.ic-3x{width: 46px;height: 46px;vertical-align: middle;}
.btn{
display: inline-flex;align-items: center;justify-content: center;gap: 9px;
background: var(--text);color: var(--bg);
border: 1px solid var(--text);border-radius: var(--radius-sm);
padding: 13px 24px;font: 700 13px/1 inherit;letter-spacing: .09em;text-transform: uppercase;
cursor: pointer;transition: transform .15s,opacity .15s,background .15s;
}
.btn:hover{text-decoration: none;opacity: .88;transform: translateY(-1px);}
.btn:active{transform: none;}
.btn-lg{padding: 16px 30px;font-size: 13.5px;}
.btn-full{width: 100%;padding: 15px;}
.btn-ghost{
background: transparent;color: var(--text);border-color: var(--line-2);
}
.btn-ghost:hover{background: var(--panel-2);opacity: 1;}
.nav{
position: sticky;top: 0;z-index: 50;
background: rgba(10,10,11,.86);backdrop-filter: blur(16px);
border-bottom: 1px solid var(--line);
}
.nav-in{display: flex;align-items: center;justify-content: space-between;height: 70px;}
.logo{display: flex;align-items: center;gap: 12px;color: var(--text);}
.logo:hover{text-decoration: none;}
img.logo-mark{display: block;flex: none;width: 32px;height: auto;opacity: .95;}
span.logo-mark{
width: 42px;height: 42px;display: grid;place-items: center;
border: 1px solid var(--line-2);border-radius: 11px;background: var(--panel);
}
span.logo-mark .ic{width: 22px;height: 22px;}
.logo-txt{display: flex;flex-direction: column;line-height: 1.15;}
.logo-txt b{font-size: 18px;letter-spacing: .22em;font-weight: 800;}
.logo-txt i{font-size: 9.5px;letter-spacing: .16em;color: var(--dim);font-style: normal;text-transform: uppercase;}
.nav-links{display: flex;align-items: center;gap: 8px;}
.nav-links a{
color: var(--muted);font-size: 12px;font-weight: 700;letter-spacing: .1em;
text-transform: uppercase;padding: 10px 14px;border-radius: 9px;
}
.nav-links a:hover{color: var(--text);background: var(--panel);text-decoration: none;}
.nav-cta{background: var(--text);color: var(--bg) !important;}
.nav-cta:hover{background: var(--text) !important;opacity: .88;}
.burger{
display: none;background: none;border: 1px solid var(--line-2);border-radius: 9px;
color: var(--text);cursor: pointer;width: 40px;height: 40px;place-items: center;
}
.hero{padding: 78px 0 62px;}
.hero-in{display: grid;grid-template-columns: 1.12fr .88fr;gap: 60px;align-items: center;}
.hero h1{
font-size: clamp(38px,5.4vw,64px);font-weight: 800;text-transform: uppercase;
letter-spacing: -.02em;
}
.hero h1 span{color: var(--dim);}
.lead{color: var(--muted);font-size: 16.5px;margin: 24px 0 32px;max-width: 46ch;}
.lead b{color: var(--text);font-weight: 700;}
.hero-actions{display: flex;align-items: center;gap: 24px;flex-wrap: wrap;}
.rating-chip{
display: flex;flex-direction: column;gap: 3px;font-size: 12px;color: var(--muted);
padding-left: 24px;border-left: 1px solid var(--line);
}
.stars{display: flex;gap: 2px;color: var(--text);}
.stars .ic{width: 13px;height: 13px;}
.stars .off{color: var(--line-2);}
.auth-card{
background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);
padding: 26px;box-shadow: var(--shadow);scroll-margin-top: 90px;
}
.auth-tabs{display: grid;grid-template-columns: 1fr 1fr;gap: 6px;margin-bottom: 22px;
background: var(--bg-2);padding: 5px;border-radius: 11px;border: 1px solid var(--line);}
.auth-tabs button{
background: transparent;border: 0;color: var(--muted);padding: 11px;
border-radius: 8px;font: 700 11.5px/1 inherit;letter-spacing: .1em;text-transform: uppercase;
cursor: pointer;transition: .16s;
}
.auth-tabs button.on{background: var(--text);color: var(--bg);}
.auth-form{display: none;flex-direction: column;gap: 11px;}
.auth-form.on{display: flex;}
.fld{
display: flex;align-items: center;gap: 11px;
background: var(--bg-2);border: 1px solid var(--line);border-radius: var(--radius-sm);
padding: 0 14px;transition: border-color .16s,box-shadow .16s;
}
.fld:focus-within{border-color: var(--line-2);box-shadow: var(--ring);}
.fld > .ic{color: var(--dim);}
.fld input,.fld textarea{
flex: 1;background: none;border: 0;outline: none;color: var(--text);
padding: 14px 0;font: inherit;min-width: 0;
}
.fld.area{padding: 6px 14px;}
.fld textarea{resize: vertical;padding: 10px 0;}
.fld input::placeholder,.fld textarea::placeholder{color: var(--dim);}
.eye{background: none;border: 0;color: var(--dim);cursor: pointer;padding: 4px;display: grid;}
.eye:hover{color: var(--text);}
.fld-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;
font-size: 13px;color: var(--muted);flex-wrap: wrap;}
.check{display: flex;align-items: center;gap: 8px;cursor: pointer;}
.check input{accent-color: var(--text);width: 15px;height: 15px;}
.alert{
display: flex;align-items: flex-start;gap: 10px;
padding: 12px 14px;border-radius: var(--radius-sm);font-size: 13.5px;margin-bottom: 14px;
border: 1px solid var(--line-2);background: var(--bg-2);
}
.alert.err{border-color: #4a3535;color: var(--bad);}
.alert.ok{border-color: #35443a;color: var(--good);}
.band{
border-block: 1px solid var(--line);background: var(--bg-2);
padding: 48px 0;text-align: center;
}
.band-title{margin: 0 0 20px;font-size: 11px;letter-spacing: .26em;color: var(--dim);
font-weight: 700;text-transform: uppercase;}
.band-sub{margin: 16px 0 0;font-size: 12.5px;color: var(--dim);}
.clock{display: flex;align-items: flex-start;justify-content: center;gap: 8px;}
.clock > div{
min-width: 88px;padding: 15px 8px;background: var(--panel);
border: 1px solid var(--line);border-radius: 12px;
}
.clock b{display: block;font-size: 32px;font-weight: 800;font-variant-numeric: tabular-nums;}
.clock i{font-style: normal;font-size: 9.5px;letter-spacing: .16em;color: var(--dim);text-transform: uppercase;}
.clock em{font-style: normal;font-size: 24px;color: var(--line-2);padding-top: 18px;}
.mood{display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;margin-top: 26px;}
.mood > div{
display: flex;align-items: center;gap: 9px;
background: var(--panel);border: 1px solid var(--line);border-radius: 999px;
padding: 9px 18px;font-size: 13px;color: var(--muted);
}
.mood .ic{color: var(--dim);}
.stats{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;margin-top: 26px;}
.stat{
background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);
padding: 20px 14px;transition: border-color .18s;
}
.stat:hover{border-color: var(--line-2);}
.stat > .ic{color: var(--dim);}
.stat b{display: block;font-size: 26px;font-weight: 800;margin: 8px 0 2px;font-variant-numeric: tabular-nums;}
.stat i{font-style: normal;font-size: 11.5px;color: var(--dim);letter-spacing: .04em;}
.ticker-wrap{display: flex;align-items: stretch;border-bottom: 1px solid var(--line);background: var(--bg);}
.ticker-label{
flex: none;display: flex;align-items: center;gap: 8px;padding: 12px 20px;
font: 700 10.5px/1 inherit;letter-spacing: .18em;text-transform: uppercase;
background: var(--text);color: var(--bg);white-space: nowrap;
}
.ticker{flex: 1;overflow: hidden;display: flex;align-items: center;}
.ticker-run{display: inline-flex;align-items: center;gap: 16px;white-space: nowrap;
animation: run 46s linear infinite;padding-left: 20px;}
.ticker-wrap:hover .ticker-run{animation-play-state: paused;}
.tick{display: inline-flex;align-items: center;gap: 8px;font-size: 13px;color: var(--muted);}
.tick .ic{color: var(--dim);}
.ticker-run .sep{color: var(--line-2);}
@keyframes run{from{transform: translateX(0);}to{transform: translateX(-50%);}}
.two-col{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;padding: 48px 0;align-items: start;}
.card{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);padding: 22px 24px;}
.card h3{display: flex;align-items: center;gap: 10px;font-size: 15px;margin-bottom: 16px;}
.card h3 .ic{color: var(--dim);}
.podium,.players{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px;}
.podium li,.players li{
display: flex;align-items: center;gap: 12px;
background: var(--bg-2);border: 1px solid var(--line);border-radius: var(--radius-sm);padding: 11px 14px;
}
.place{
width: 26px;height: 26px;display: grid;place-items: center;flex: none;
border-radius: 8px;font-size: 11.5px;font-weight: 800;
background: var(--panel-2);border: 1px solid var(--line-2);color: var(--muted);
}
.place.p1{background: var(--text);color: var(--bg);border-color: var(--text);}
.place.p2{color: var(--text);}
.ava{
width: 38px;height: 38px;display: grid;place-items: center;flex: none;
border: 1px solid var(--line-2);border-radius: 10px;background: var(--panel-2);color: var(--muted);
}
.ava .ic{width: 20px;height: 20px;}
.ava{overflow: hidden;}
.ava-img{width: 26px;height: 26px;object-fit: cover;display: block;border-radius: 8px;flex: none;}
.ava .ava-img,.prof-ava .ava-img,.photo-now .ava-img{
width: 100%;height: 100%;border-radius: inherit;
}
.who{display: flex;flex-direction: column;line-height: 1.3;flex: 1;min-width: 0;}
.who b{font-size: 14px;font-weight: 700;}
.who i{font-style: normal;font-size: 11.5px;color: var(--dim);}
.link-more{display: inline-flex;align-items: center;gap: 7px;margin-top: 14px;
font-size: 12.5px;font-weight: 700;color: var(--muted);}
.link-more:hover{color: var(--text);}
.section{padding: 74px 0;scroll-margin-top: 78px;}
.section.alt{background: var(--bg-2);border-block: 1px solid var(--line);}
.sec-title{text-align: center;font-size: clamp(24px,3vw,32px);font-weight: 800;
text-transform: uppercase;letter-spacing: .02em;margin-bottom: 14px;}
.sec-title.left{text-align: left;font-size: 22px;margin-bottom: 22px;}
.sec-lead{text-align: center;color: var(--muted);font-size: 16px;margin: 0 auto 44px;max-width: 56ch;}
.sec-lead b{color: var(--text);}
.features{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;}
.feat{
background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);padding: 26px 24px;
transition: border-color .2s,transform .2s;
}
.feat:hover{border-color: var(--line-2);transform: translateY(-3px);}
.feat > .ic{color: var(--muted);}
.feat h3{font-size: 13px;letter-spacing: .13em;text-transform: uppercase;margin: 16px 0 10px;}
.feat p{color: var(--muted);font-size: 14px;margin: 0 0 14px;}
.feat ul{margin: 0;padding: 0;list-style: none;font-size: 13px;color: var(--dim);}
.feat li{display: flex;align-items: center;gap: 8px;margin: 5px 0;}
.feat li .ic{width: 13px;height: 13px;color: var(--line-2);}
.feat.wide{grid-column: 1 / -1;text-align: center;}
.feat.wide p{max-width: 62ch;margin-inline: auto;}
.feat.wide > .ic{margin-inline: auto;display: block;}
.cta{text-align: center;margin-top: 44px;}
.cta p{color: var(--muted);font-size: 16px;margin-bottom: 20px;}
.news{display: grid;grid-template-columns: repeat(2,1fr);gap: 16px;}
.post{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);padding: 24px;}
.post header{display: flex;align-items: center;gap: 14px;margin-bottom: 14px;}
.post-ico{
width: 40px;height: 40px;flex: none;display: grid;place-items: center;
background: var(--bg-2);border: 1px solid var(--line-2);border-radius: 11px;color: var(--muted);
}
.post h3{font-size: 15.5px;flex: 1;min-width: 0;}
.post time{font-size: 11.5px;color: var(--dim);font-variant-numeric: tabular-nums;}
.post p{margin: 0;color: var(--muted);font-size: 14px;}
.faq{display: flex;flex-direction: column;gap: 8px;}
.faq details{background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius-sm);padding: 15px 18px;}
.faq details[open]{border-color: var(--line-2);}
.faq summary{cursor: pointer;font-weight: 700;font-size: 14px;list-style: none;
display: flex;align-items: center;gap: 10px;}
.faq summary::-webkit-details-marker{display: none;}
.faq summary .ic{color: var(--dim);transition: transform .2s;}
.faq details[open] summary .ic{transform: rotate(90deg);}
.faq p{color: var(--muted);font-size: 13.5px;margin: 12px 0 0;padding-left: 27px;}
.contact{display: flex;flex-direction: column;gap: 11px;}
.reviews{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;}
.review{margin: 0;background: var(--panel);border: 1px solid var(--line);border-radius: var(--radius);padding: 22px;}
.review blockquote{margin: 12px 0 14px;font-size: 14px;}
.review figcaption{font-size: 12px;color: var(--dim);}
.foot{border-top: 1px solid var(--line);background: var(--bg-2);padding: 30px 0;}
.foot-in{display: flex;align-items: center;justify-content: space-between;gap: 20px;flex-wrap: wrap;}
.foot nav{display: flex;gap: 22px;flex-wrap: wrap;}
.foot nav a{color: var(--dim);font-size: 12.5px;}
.foot nav a:hover{color: var(--text);}
@media (max-width: 1000px){
.hero-in{grid-template-columns: 1fr;gap: 40px;}
.features{grid-template-columns: repeat(2,1fr);}
.reviews{grid-template-columns: 1fr 1fr;}
.stats{grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 720px){
.wrap{width: min(1200px,100% - 28px);}
.nav-links{
position: fixed;inset: 70px 0 auto;flex-direction: column;gap: 0;display: none;
background: var(--bg-2);border-bottom: 1px solid var(--line);padding: 10px 20px 20px;
}
body.menu-open .nav-links{display: flex;}
.nav-links a{padding: 14px 0;border-bottom: 1px solid var(--line);width: 100%;border-radius: 0;}
.nav-cta{text-align: center;margin-top: 12px;border-bottom: 0 !important;border-radius: 9px;}
.burger{display: grid;}
.two-col,.news,.features,.reviews{grid-template-columns: 1fr;}
.clock > div{min-width: 70px;padding: 12px 6px;}
.clock b{font-size: 24px;}
.clock em{font-size: 19px;padding-top: 14px;}
.hero{padding: 44px 0 40px;}
.section{padding: 54px 0;}
.hero-actions{flex-direction: column;align-items: stretch;}
.rating-chip{border-left: 0;padding-left: 0;align-items: center;}
}
.lang{position: relative;flex: none;}
.lang summary{
list-style: none;cursor: pointer;display: flex;align-items: center;gap: 7px;
height: 37px;padding: 0 12px;background: var(--panel);border: 1px solid var(--line);
border-radius: 10px;color: var(--muted);font: 700 11.5px/1 inherit;letter-spacing: .06em;
}
.lang summary::-webkit-details-marker{display: none;}
.lang summary .ic{color: var(--dim);}
.lang summary:hover,.lang[open] summary{color: var(--text);border-color: var(--line-2);}
.lang[open] summary .ic{color: var(--text);}
.lang-menu{
position: absolute;right: 0;top: calc(100% + 6px);z-index: 80;min-width: 176px;
background: var(--panel);border: 1px solid var(--line-2);border-radius: 12px;
padding: 5px;box-shadow: var(--shadow);display: flex;flex-direction: column;
}
.lang-menu a{
display: flex;align-items: center;gap: 11px;padding: 9px 11px;
border-radius: 8px;font-size: 13px;color: var(--muted);
}
.lang-menu a:hover{background: var(--panel-2);color: var(--text);text-decoration: none;}
.lang-menu a.on{background: var(--panel-2);color: var(--text);}
.lang-menu i{
font-style: normal;font-size: 10px;font-weight: 800;letter-spacing: .08em;
color: var(--dim);width: 20px;flex: none;
}
.lang-menu a.on i{color: var(--text);}
.nav-links .lang summary{height: 34px;}
@media (max-width: 720px){
.nav-links .lang{width: 100%;margin-top: 10px;}
.nav-links .lang summary{width: 100%;justify-content: center;}
.lang-menu{right: auto;left: 0;width: 100%;}
}
.discord-card{
display: flex;align-items: center;gap: 14px;margin-top: 14px;
padding: 14px 16px;background: var(--panel);border: 1px solid var(--line);
border-radius: var(--radius-sm);color: var(--text);
}
.discord-card:hover{border-color: var(--line-2);background: var(--panel-2);text-decoration: none;}
.dc-ico{display: grid;place-items: center;width: 42px;height: 42px;flex: none;
background: var(--bg-2);border: 1px solid var(--line);border-radius: 11px;color: var(--muted);}
.discord-card:hover .dc-ico{color: var(--text);}
.dc-txt{display: flex;flex-direction: column;gap: 2px;min-width: 0;}
.dc-txt b{font-size: 13.5px;letter-spacing: .02em;}
.dc-txt i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.dc-txt em{font-style: normal;font-size: 11px;color: var(--dim);
font-variant-numeric: tabular-nums;overflow-wrap: anywhere;}
.dc-go{margin-left: auto;color: var(--dim);flex: none;}
.discord-card:hover .dc-go{color: var(--text);}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
}
.or-line{
display: flex;align-items: center;gap: 12px;
margin: 14px 0 12px;color: var(--dim);font-size: 11.5px;
text-transform: uppercase;letter-spacing: .1em;
}
.or-line::before,.or-line::after{
content: "";flex: 1;height: 1px;background: var(--line);
}
.dc-btn{
display: flex;align-items: center;justify-content: center;gap: 9px;
background: var(--bg);color: var(--text);border: 1px solid var(--line-2);
}
.dc-btn:hover{background: var(--panel-2);border-color: var(--muted);color: var(--text);opacity: 1;}
.dc-btn .ic{width: 18px;height: 18px;color: var(--muted);}
.dc-btn:hover .ic{color: var(--text);}
.sso-row{display: grid;gap: 9px;}
.sso-row .dc-btn{width: 100%;}
.sso-row.two{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
.sso-row.two .dc-btn{padding-left: 10px;padding-right: 10px;gap: 7px;}
.sso-row.two .dc-btn span{
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
@media (max-width: 420px){
.sso-row.two{grid-template-columns: 1fr;}
}
select{
appearance: none;-webkit-appearance: none;
background-color: var(--panel-2);
color: var(--text);
border: 1px solid var(--line-2);
border-radius: 9px;
padding: 9px 32px 9px 12px;
font: 600 12.5px/1 inherit;
cursor: pointer;
transition: border-color .15s;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238b8b95' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 11px center;
background-size: 11px 7px;
}
select:hover{border-color: var(--muted);}
select:focus{outline: none;border-color: var(--text);box-shadow: var(--ring);}
select:disabled{opacity: .5;cursor: default;}
select option{background: var(--panel);color: var(--text);}
body.v3{
--bg: #000000;
--bg-2: #050704;
--panel: #0a0e07;
--panel-2: #111709;
--line: #1a2412;
--line-2: #28361c;
--text: #eef3e6;
--muted: #a4af98;
--dim: #6b765e;
--good: #93c46e;
--bad: #e46f5b;
--warn: #8fc23d;
--radius: 16px;
--radius-sm: 11px;
--y-wheat: #8fc23d;
--y-meadow: #d2b25e;
--y-pine: #5fae8b;
--y-water: #6fb1d9;
--y-clay: #cf8f62;
--y-red: #e46f5b;
--y-plum: #b58ae0;
--y-display: "Unbounded","Rubik",system-ui,sans-serif;
--y-body: "Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
background: var(--bg);
color: var(--text);
font-family: var(--y-body);
}
body.v3 button,body.v3 input,body.v3 select,body.v3 textarea{font-family: inherit;}
body.v3 .bg-grain{opacity: .3;}
body.v3 .side{
background: linear-gradient(180deg,#060805 0%,#030402 100%);
border-right: 1px solid var(--line);
}
body.v3 .side-logo b{font-family: var(--y-display);font-weight: 700;letter-spacing: .03em;font-size: 14px;}
body.v3 .side-me{background: var(--panel);border-color: var(--line);border-radius: 14px;}
body.v3 .side-me:hover{background: var(--panel-2);border-color: var(--line-2);}
body.v3 .side-group summary{color: var(--dim);letter-spacing: .14em;}
body.v3 .side-link{border-radius: 10px;color: var(--muted);transition: background .14s,color .14s;}
body.v3 .side-link:hover{background: var(--panel);color: var(--text);text-decoration: none;}
body.v3 .side-link:hover .ic{color: var(--muted);}
body.v3 .side-link.on{
background: rgba(143,194,61,.1);color: var(--text);
box-shadow: inset 3px 0 0 var(--y-wheat);
}
body.v3 .side-link.on .ic{color: var(--y-wheat);}
body.v3 .side-link .dot{background: var(--y-wheat);box-shadow: 0 0 0 3px rgba(143,194,61,.16);}
body.v3 .topbar{border-bottom: 1px solid var(--line);background: rgba(3,5,2,.86);backdrop-filter: blur(8px);}
body.v3 .res{gap: 8px;background: transparent;border: 0;box-shadow: none;}
body.v3 .res-cell{
position: relative;overflow: hidden;
background: var(--panel);border: 1px solid var(--line);border-radius: 14px;
}
body.v3 .res-cell:last-child{border-right: 1px solid var(--line);}
body.v3 .res-cell > .ic{
width: 30px;height: 30px;padding: 7px;box-sizing: border-box;border-radius: 9px;
color: var(--y-wheat);background: rgba(143,194,61,.13);
}
body.v3 .res-cell.credits > .ic{color: var(--y-plum);background: rgba(181,138,224,.14);}
body.v3 .res-cell.energy > .ic{color: var(--good);background: rgba(147,196,110,.14);}
body.v3 .res-cell.level > .ic{color: var(--y-water);background: rgba(111,177,217,.14);}
body.v3 .res-cell b{font-family: var(--y-display);font-weight: 600;font-size: 14px;letter-spacing: -.01em;}
body.v3 .res-cell.energy .cell-bar{background: var(--good);}
body.v3 .res-cell.level .cell-bar{background: var(--y-water);}
body.v3 .toast{border-radius: 14px;background: var(--panel-2);border-color: var(--line-2);}
body.v3 .toast.ok{box-shadow: inset 3px 0 0 var(--good);}
body.v3 .toast.err{box-shadow: inset 3px 0 0 var(--y-red);}
.y3{display: flex;flex-direction: column;gap: 30px;}
.y3 :focus-visible{outline: 2px solid var(--y-wheat);outline-offset: 3px;border-radius: 10px;}
.t-fields{--tone: var(--y-wheat);}
.t-animals{--tone: var(--y-meadow);}
.t-forest{--tone: var(--y-pine);}
.t-fishing{--tone: var(--y-water);}
.t-hunting{--tone: var(--y-clay);}
.t-neutral{--tone: var(--muted);}
.t-bad{--tone: var(--y-red);}
.y3-hero{
--sky-top: #4f8cc4;--sky-bot: #bcd9ea;--sun: #ffe39a;
--night: 0;--dusk: 0;
--hill-far: #2e3d2b;--hill-mid: #3c5530;--hill-near: #4b6c35;
--crown: #587f3a;--trunk: #3a2a1d;--barn: #7d3a2c;--roof: #4a2520;--silo: #8d8574;
position: relative;isolation: isolate;overflow: hidden;
min-height: 320px;border-radius: 22px;border: 1px solid var(--line);
background: linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 80%);
}
.y3-hero[data-daypart="morning"]{--sky-top: #6c98c6;--sky-bot: #f0c78e;--sun: #ffd584;}
.y3-hero[data-daypart="evening"]{--sky-top: #2c325e;--sky-bot: #df8b58;--sun: #ffae63;--dusk: 1;}
.y3-hero[data-daypart="night"]{--sky-top: #060a1a;--sky-bot: #1b2546;--night: 1;}
.y3-hero[data-season="spring"]{--hill-far: #2f4431;--hill-mid: #3f6340;--hill-near: #52804a;--crown: #7fb35e;}
.y3-hero[data-season="autumn"]{--hill-far: #3b3024;--hill-mid: #574129;--hill-near: #6c4f30;--crown: #c2783a;}
.y3-hero[data-season="winter"]{--hill-far: #2f3844;--hill-mid: #4a5461;--hill-near: #aab4bf;--crown: #5d6874;}
.y3-scene{position: absolute;inset: 0;width: 100%;height: 100%;z-index: 0;}
.y3-hill.far{fill: var(--hill-far);}
.y3-hill.mid{fill: var(--hill-mid);}
.y3-hill.near{fill: var(--hill-near);}
.y3-farmstead .crown{fill: var(--crown);}
.y3-farmstead .trunk{fill: var(--trunk);}
.y3-farmstead .barn{fill: var(--barn);}
.y3-farmstead .roof{fill: var(--roof);}
.y3-farmstead .door{fill: var(--roof);}
.y3-farmstead .silo{fill: var(--silo);}
.y3-fence path{fill: none;stroke: var(--trunk);stroke-width: 3;stroke-linecap: round;opacity: .85;}
.y3-light{fill: #ffd27a;opacity: calc(var(--night) + var(--dusk) * .55);}
.y3-sun circle{fill: var(--sun);filter: drop-shadow(0 0 24px var(--sun));}
.y3-sun{transition: transform .6s ease,opacity .6s ease;}
.y3-hero[data-daypart="evening"] .y3-sun{transform: translateY(74px);}
.y3-hero[data-daypart="night"] .y3-sun{opacity: 0;}
.y3-moon{opacity: var(--night);}
.y3-moon circle{fill: #ebe5d0;}
.y3-stars circle{fill: #fff;opacity: calc(var(--night) * .85);}
.y3-clouds ellipse{fill: #fff;opacity: .55;}
.y3-hero[data-daypart="night"] .y3-clouds ellipse{opacity: .1;}
.y3-hero[data-weather="rain"] .y3-clouds ellipse,
.y3-hero[data-weather="storm"] .y3-clouds ellipse{fill: #9aa6b2;opacity: .8;}
.y3-hero[data-daypart="evening"] :is(.y3-hill,.y3-farmstead,.y3-fence){filter: brightness(.84);}
.y3-hero[data-daypart="night"] :is(.y3-hill,.y3-farmstead,.y3-fence){filter: brightness(.42) saturate(.75);}
.y3-hero[data-daypart="night"] .y3-light{filter: none;}
.y3-weather{position: absolute;inset: 0;z-index: 1;pointer-events: none;opacity: 0;}
.y3-hero:is([data-weather="rain"],[data-weather="storm"]) .y3-weather{
opacity: 1;
background:
repeating-linear-gradient(104deg,transparent 0 13px,rgba(205,222,240,.13) 13px 14px),
linear-gradient(180deg,rgba(38,46,58,.5),rgba(38,46,58,.18));
background-size: 180px 180px,auto;
}
.y3-hero[data-weather="storm"] .y3-weather{
background:
repeating-linear-gradient(110deg,transparent 0 9px,rgba(205,222,240,.24) 9px 10px),
linear-gradient(180deg,rgba(22,26,36,.68),rgba(22,26,36,.3));
background-size: 140px 140px,auto;
}
.y3-hero[data-weather="fog"] .y3-weather{
opacity: 1;
background: linear-gradient(180deg,rgba(215,215,210,.06) 0%,rgba(215,215,210,.34) 62%,rgba(215,215,210,.5) 100%);
}
.y3-hero[data-weather="drought"] .y3-weather{
opacity: 1;
background: linear-gradient(180deg,rgba(255,176,90,.14),rgba(255,196,120,.24));
}
.y3-hero::before{
content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;
background: linear-gradient(90deg,rgba(2,3,1,.93) 0%,rgba(2,3,1,.74) 38%,rgba(2,3,1,.14) 72%,rgba(2,3,1,0) 100%);
}
.y3-hero-in{position: relative;z-index: 3;max-width: 640px;padding: 30px 34px 32px;}
.y3-hello{margin: 0;font-size: 13.5px;color: rgba(238,243,230,.72);}
.y3-head{
margin: 8px 0 0;font-family: var(--y-display);font-weight: 600;
font-size: clamp(24px,3.1vw,36px);line-height: 1.12;letter-spacing: -.02em;
text-transform: none;text-wrap: balance;color: var(--text);
}
.y3-head em{font-style: normal;color: var(--y-wheat);}
.y3-lede{margin: 10px 0 0;max-width: 54ch;font-size: 14px;color: rgba(238,243,230,.8);}
.y3-chips{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 18px;}
.y3-chip{
display: inline-flex;align-items: center;gap: 7px;padding: 6px 12px;border-radius: 99px;
font-size: 12.5px;color: var(--text);
background: rgba(3,5,2,.55);border: 1px solid rgba(238,243,230,.15);
backdrop-filter: blur(6px);
}
.y3-chip .ic{width: 14px;height: 14px;color: var(--muted);flex: none;}
.y3-chip em{font-style: normal;}
.y3-chip .up{color: var(--good);}
.y3-chip .down{color: var(--y-red);}
.y3-chip-sky .ic{color: var(--y-water);}
.y3-chip-season .ic{color: var(--y-wheat);}
.y3-chip-evt{border-color: rgba(181,138,224,.45);}
.y3-chip-evt .ic{color: var(--y-plum);}
.y3-cta{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px;}
.y3-btn{
display: inline-flex;align-items: center;justify-content: center;gap: 9px;
padding: 12px 18px;border-radius: 12px;cursor: pointer;
font: 600 14px/1 var(--y-body);color: var(--text);text-decoration: none;
background: rgba(238,243,230,.08);border: 1px solid rgba(238,243,230,.18);
transition: background .15s,transform .15s,border-color .15s;
}
.y3-btn:hover{background: rgba(238,243,230,.14);transform: translateY(-1px);text-decoration: none;}
.y3-btn .ic{width: 16px;height: 16px;flex: none;}
.y3-btn-main{background: linear-gradient(180deg,var(--brand-hi),var(--brand));border-color: var(--brand-line);color: #eef7dd;}
.y3-btn-main:hover{background: linear-gradient(180deg,#4a7a18,var(--brand-hi));border-color: var(--y-wheat);}
.y3-btn-main .ic{color: #eef7dd;}
.y3-btn-main:hover{background: #a1d052;border-color: #a1d052;}
.y3-wide{width: 100%;margin-top: 16px;}
.y3-sect-h{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 0 0 14px;}
.y3-sect-h h2,.y3-card h2{
margin: 0;font-family: var(--y-display);font-weight: 600;font-size: 15px;
letter-spacing: 0;text-transform: none;color: var(--text);
}
.y3-count{
font: 600 11.5px/1 var(--y-body);padding: 4px 9px;border-radius: 99px;
background: rgba(143,194,61,.15);color: var(--y-wheat);
}
.y3-sub{margin: 0;font-size: 12.5px;color: var(--muted);}
.y3-empty{
margin: 0;padding: 18px;font-size: 13.5px;color: var(--muted);
border: 1px dashed var(--line-2);border-radius: 16px;
}
.y3-duo{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);gap: 24px;align-items: start;}
.y3-todo{display: grid;gap: 10px;grid-template-columns: repeat(auto-fill,minmax(min(270px,100%),1fr));}
.y3-task{
position: relative;overflow: hidden;
display: grid;grid-template-columns: 48px minmax(0,1fr) auto;align-items: center;
column-gap: 14px;row-gap: 12px;padding: 16px;
border-radius: 16px;background: var(--panel);border: 1px solid var(--line);
color: var(--text);text-decoration: none;
transition: border-color .15s,transform .15s;
}
.y3-task::before{
content: "";position: absolute;inset: 0;pointer-events: none;
background: radial-gradient(120% 95% at 0% 0%,color-mix(in srgb,var(--tone) 17%,transparent),transparent 58%);
}
.y3-task > *{position: relative;}
.y3-task:hover{border-color: color-mix(in srgb,var(--tone) 50%,var(--line));transform: translateY(-2px);text-decoration: none;}
.y3-badge{
width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;
color: var(--tone);background: color-mix(in srgb,var(--tone) 15%,transparent);
}
.y3-badge .ic{width: 24px;height: 24px;}
.y3-task-b{min-width: 0;display: flex;flex-direction: column;gap: 3px;}
.y3-task-b b{font-size: 14.5px;font-weight: 600;}
.y3-task-b i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.y3-task-n{
font-family: var(--y-display);font-weight: 600;font-size: 26px;line-height: 1;
color: var(--tone);font-variant-numeric: tabular-nums;
}
.y3-task-go{
grid-column: 1 / -1;display: flex;justify-content: space-between;align-items: center;
padding-top: 11px;border-top: 1px solid var(--line);
font-size: 12.5px;font-weight: 600;color: var(--tone);
}
.y3-coming{background: var(--panel);border: 1px solid var(--line);border-radius: 16px;padding: 4px 16px;}
.y3-next{
display: grid;grid-template-columns: 34px minmax(0,1fr) auto;gap: 12px;align-items: center;
padding: 12px 0;border-bottom: 1px solid var(--line);
}
.y3-next:last-child{border-bottom: 0;}
.y3-dot{
width: 34px;height: 34px;border-radius: 10px;display: grid;place-items: center;
color: var(--tone);background: color-mix(in srgb,var(--tone) 14%,transparent);
}
.y3-dot .ic{width: 17px;height: 17px;}
.y3-next-b{min-width: 0;display: flex;flex-direction: column;gap: 7px;}
.y3-next-b b{font-size: 13.5px;font-weight: 500;}
.y3-next .plot-bar{
position: static;display: block;height: 4px;border-radius: 3px;
background: var(--line);overflow: hidden;
}
.y3-next .plot-bar i{display: block;height: 100%;border-radius: 3px;background: var(--tone);}
.y3-next-t{font-family: var(--y-display);font-size: 13px;font-weight: 500;font-variant-numeric: tabular-nums;}
.y3-places{display: grid;gap: 10px;grid-template-columns: repeat(auto-fill,minmax(min(238px,100%),1fr));}
.y3-place{
display: flex;align-items: center;gap: 13px;padding: 13px 14px;
border-radius: 14px;background: var(--panel);border: 1px solid var(--line);
color: var(--text);text-decoration: none;transition: background .15s,border-color .15s;
}
.y3-place:hover{background: var(--panel-2);border-color: color-mix(in srgb,var(--tone) 42%,var(--line));text-decoration: none;}
.y3-place-b{min-width: 0;display: flex;flex-direction: column;gap: 2px;}
.y3-place-b b{font-size: 14px;font-weight: 600;}
.y3-place-b i{font-style: normal;font-size: 12px;color: var(--muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.y3-place.s-need{--tone: var(--y-red);border-color: color-mix(in srgb,var(--y-red) 45%,var(--line));}
.y3-place.s-ok{border-color: color-mix(in srgb,var(--tone) 40%,var(--line));}
.y3-place.s-idle .y3-ring .ic{color: var(--muted);}
.y3-place.s-off{opacity: .5;}
.y3-ring{position: relative;flex: none;width: 48px;height: 48px;display: grid;place-items: center;}
.y3-ring svg{position: absolute;inset: 0;width: 48px;height: 48px;transform: rotate(-90deg);}
.y3-ring circle{fill: none;stroke-width: 3.5;}
.y3-ring .bg{stroke: var(--line);}
.y3-ring .fg{stroke: var(--tone);stroke-linecap: round;}
.y3-ring .ic{position: relative;width: 20px;height: 20px;color: var(--tone);}
.y3-trio{display: grid;gap: 16px;grid-template-columns: minmax(0,.9fr) minmax(0,1fr) minmax(0,1.15fr);align-items: start;}
.y3-card{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 20px;}
.y3-card > header{margin-bottom: 14px;}
.y3-lvl{display: flex;align-items: center;gap: 14px;}
.y3-lvl-n{
font-family: var(--y-display);font-weight: 700;font-size: 44px;line-height: 1;
letter-spacing: -.03em;color: var(--y-wheat);
}
.y3-lvl-t{display: flex;flex-direction: column;gap: 3px;}
.y3-lvl-t b{font-size: 14px;font-weight: 600;}
.y3-lvl-t i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.y3-xpbar{display: block;height: 6px;margin: 14px 0 12px;border-radius: 4px;background: var(--line);overflow: hidden;}
.y3-xpbar i{display: block;height: 100%;border-radius: 4px;background: linear-gradient(90deg,#b9832f,var(--y-wheat));}
.y3-facts{margin: 0;}
.y3-facts div{
display: flex;justify-content: space-between;align-items: center;gap: 12px;
padding: 9px 0;border-top: 1px solid var(--line);font-size: 13px;
}
.y3-facts dt{display: flex;align-items: center;gap: 8px;color: var(--muted);}
.y3-facts dt .ic{width: 15px;height: 15px;color: var(--dim);}
.y3-facts dd{margin: 0;font-weight: 600;font-variant-numeric: tabular-nums;}
.y3-log{list-style: none;margin: 0;padding: 0;}
.y3-log li{
display: grid;grid-template-columns: 30px minmax(0,1fr) auto;gap: 10px;align-items: center;
padding: 8px 0;border-top: 1px solid var(--line);font-size: 13px;
}
.y3-log li:first-child{border-top: 0;padding-top: 0;}
.y3-log-ic{width: 30px;height: 30px;border-radius: 9px;display: grid;place-items: center;background: var(--panel-2);color: var(--muted);}
.y3-log-ic .ic{width: 15px;height: 15px;}
.y3-log-t{min-width: 0;line-height: 1.35;}
.y3-log time{font-size: 11.5px;color: var(--dim);white-space: nowrap;}
.y3-nb{display: flex;flex-wrap: wrap;gap: 8px;}
.y3-nb a{
display: flex;align-items: center;gap: 10px;padding: 8px 12px 8px 8px;border-radius: 12px;
background: var(--panel-2);border: 1px solid var(--line);color: var(--text);text-decoration: none;
}
.y3-nb a:hover{border-color: var(--line-2);text-decoration: none;}
.y3-nb-ava{width: 34px;height: 34px;border-radius: 10px;overflow: hidden;flex: none;}
.y3-nb-ava img{width: 100%;height: 100%;object-fit: cover;display: block;}
.y3-nb b{display: block;font-size: 13px;}
.y3-nb i{font-style: normal;font-size: 11.5px;color: var(--muted);}
.y3-welcome .y3-steps{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr));margin-top: 16px;}
.y3-step{
display: flex;flex-direction: column;gap: 6px;padding: 16px;border-radius: 14px;
background: var(--panel-2);border: 1px solid var(--line);color: var(--text);text-decoration: none;
}
.y3-step i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.y3-step:hover{border-color: color-mix(in srgb,var(--tone) 45%,var(--line));text-decoration: none;}
@media (prefers-reduced-motion: no-preference){
.y3-clouds .c1{animation: y3-drift 38s ease-in-out infinite alternate;}
.y3-clouds .c2{animation: y3-drift 52s ease-in-out infinite alternate-reverse;}
.y3-clouds .c3{animation: y3-drift 44s ease-in-out infinite alternate;}
.y3-hero:is([data-weather="rain"],[data-weather="storm"]) .y3-weather{animation: y3-rain .7s linear infinite;}
}
@keyframes y3-drift{from{transform: translateX(-36px);}to{transform: translateX(48px);}}
@keyframes y3-rain{to{background-position: -48px 180px,0 0;}}
@media (prefers-reduced-motion: reduce){
.y3-task,.y3-btn,.y3-place,.y3-sun{transition: none;}
}
@media (max-width: 1200px){
.y3-trio{grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
.y3-trio > :last-child{grid-column: 1 / -1;}
}
@media (max-width: 980px){
.y3-duo{grid-template-columns: minmax(0,1fr);}
}
@media (max-width: 700px){
.y3{gap: 24px;}
.y3-hero{
min-height: 0;border-radius: 18px;
background: linear-gradient(180deg,var(--sky-top) 0,var(--sky-bot) 170px,var(--panel) 170px);
}
.y3-scene,.y3-weather{inset: 0 0 auto 0;height: 180px;}
.y3-hero::before{background: linear-gradient(180deg,transparent 0,transparent 120px,var(--panel) 180px);}
.y3-hero-in{padding: 150px 18px 20px;}
.y3-cta .y3-btn{flex: 1 1 100%;}
.y3-trio{grid-template-columns: minmax(0,1fr);}
.y3-trio > :last-child{grid-column: auto;}
.y3-task-n{font-size: 22px;}
}
body.v3{
--glow: rgba(143,194,61,.11);
background:
radial-gradient(1200px 640px at 18% -10%,var(--glow),transparent 62%),
radial-gradient(900px 760px at 104% 22%,rgba(95,174,139,.075),transparent 62%),
radial-gradient(1100px 820px at 50% 115%,rgba(111,177,217,.06),transparent 60%),
var(--bg);
background-attachment: fixed;
}
body.v3.tone-animals{--glow: rgba(147,196,110,.11);}
body.v3.tone-forest{--glow: rgba(95,174,139,.12);}
body.v3.tone-fishing{--glow: rgba(111,177,217,.12);}
body.v3.tone-hunting{--glow: rgba(207,143,98,.11);}
body.v3.tone-plum{--glow: rgba(181,138,224,.11);}
body.v3 :is(.shell,.content,.gmain){background: transparent;}
.t-plum{--tone: var(--y-plum);}
.v3-banner{
margin-bottom: 26px;
--wall: #9a7a58;--wall2: #86684b;--roof2: #5b3526;--door2: #3b2619;
--wood: #6b4a2e;--post: #4a3322;--stone: #a59d8c;--stone2: #8a8272;
--pine: #2d4a36;--pine2: #25402f;
--field: #6f5a33;--row: #8a6d3b;--hay: #caa04a;--cloth: #6d4f8a;
--water: #3f7392;--shimmer: rgba(232,242,250,.7);
--wool: #e6eed8;--face: #1e2a17;--cowbody: #efe8db;--spot: #1e2a17;--deer: #6a4629;
--awn-a: #c65a3f;--awn-b: #e6eed8;--crate: #8a6a42;
--produce-a: #e2a43c;--produce-b: #cf5a3e;--produce-c: #8fbf5a;
--flower-a: #e9c24c;--flower-b: #dc7f94;--mill: #cdd8bd;--sailcloth: #e6eed8;
--clock: #e6eed8;--glass: #b9d7e6;
}
.v3-banner[data-season="spring"]{--field: #4d6c3b;--row: #62884a;}
.v3-banner[data-season="summer"]{--field: #7b7a36;--row: #9a9642;}
.v3-banner[data-season="winter"]{--field: #b8c1ca;--row: #d0d7de;--pine: #34504a;--pine2: #2f4842;--wool: #f4f1ea;}
.v3-compact{min-height: 236px;}
.v3-compact .y3-hero-in{padding: 24px 30px 26px;max-width: 660px;}
.v3-compact .y3-head{font-size: clamp(22px,2.6vw,31px);margin-top: 6px;}
.v3-compact .y3-chips{margin-top: 14px;}
.v3-compact .y3-cta{margin-top: 16px;}
.v3-eyebrow{
display: inline-flex;align-items: center;gap: 7px;margin: 0;
font: 600 11px/1 var(--y-body);letter-spacing: .14em;text-transform: uppercase;
color: var(--tone);
}
.v3-eyebrow .ic{width: 14px;height: 14px;}
.v3-stats{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 16px;}
.v3-stat{
min-width: 96px;padding: 9px 14px 10px;border-radius: 12px;
background: rgba(3,5,2,.58);border: 1px solid rgba(238,243,230,.14);
backdrop-filter: blur(6px);
}
.v3-stat b{
display: block;font-family: var(--y-display);font-weight: 600;font-size: 20px;line-height: 1.1;
color: var(--tone,var(--text));font-variant-numeric: tabular-nums;
}
.v3-stat span{display: block;margin-top: 3px;font-size: 11.5px;color: rgba(238,243,230,.72);}
.v3-hill.far{fill: var(--hill-far);}
.v3-hill.mid{fill: var(--hill-mid);}
.v3-hill.near{fill: var(--hill-near);}
.v3-crown{fill: var(--crown);}
.v3-trunk{fill: var(--trunk);}
.v3-barn{fill: var(--barn);}
.v3-roof{fill: var(--roof);}
.v3-silo{fill: var(--silo);}
.v3-wall{fill: var(--wall);}
.v3-wall2{fill: var(--wall2);}
.v3-roof2{fill: var(--roof2);}
.v3-door2{fill: var(--door2);}
.v3-wood{fill: var(--wood);}
.v3-stone{fill: var(--stone);}
.v3-stone2,.v3-col{fill: var(--stone2);}
.v3-col{fill: var(--stone);opacity: .9;}
.v3-pine{fill: var(--pine);}
.v3-pine2{fill: var(--pine2);opacity: .9;}
.v3-field{fill: var(--field);}
.v3-row{fill: var(--row);}
.v3-hay{fill: var(--hay);}
.v3-cloth{fill: var(--cloth);}
.v3-glass{fill: var(--glass);opacity: .7;}
.v3-wheel{fill: #2b221b;}
.v3-post,.v3-fence path,.v3-string,.v3-reed,.v3-trim,.v3-hands{
fill: none;stroke: var(--post);stroke-width: 3;stroke-linecap: round;
}
.v3-post-f{fill: var(--post);}
.v3-trim{stroke: #b98a6a;stroke-width: 2.5;}
.v3-string{stroke-width: 1.5;opacity: .8;}
.v3-reed{stroke: #4e6a3a;stroke-width: 2.5;}
.v3-hands{stroke: #3b2619;stroke-width: 2;}
.v3-lake{fill: var(--water);}
.v3-shimmer path{fill: none;stroke: var(--shimmer);stroke-width: 2;stroke-linecap: round;opacity: .45;}
.v3-sail,.v3-sailcloth{fill: var(--sailcloth);}
.v3-blades rect:not(.v3-sailcloth){fill: #5a3d27;}
.v3-mill{fill: var(--mill);}
.v3-wool{fill: var(--wool);}
.v3-face{fill: var(--face);}
.v3-cowbody{fill: var(--cowbody);}
.v3-spot{fill: var(--spot);}
.v3-leg{fill: none;stroke: var(--face);stroke-width: 3;stroke-linecap: round;}
.v3-deer :is(ellipse,path:not(.v3-leg):not(.v3-antler)){fill: var(--deer);}
.v3-deer .v3-leg,.v3-antler{stroke: var(--deer);stroke-width: 3;fill: none;stroke-linecap: round;}
.v3-antler{stroke-width: 2.2;stroke: #8a6a46;}
.v3-awn-a{fill: var(--awn-a);}
.v3-awn-b{fill: var(--awn-b);}
.v3-crate{fill: var(--crate);}
.v3-produce-a{fill: var(--produce-a);}
.v3-produce-b{fill: var(--produce-b);}
.v3-produce-c{fill: var(--produce-c);}
.v3-flag-0{fill: var(--y-wheat);}
.v3-flag-1{fill: var(--awn-a);}
.v3-flag-2{fill: var(--y-meadow);}
.v3-flag{fill: var(--y-wheat);}
.v3-clock{fill: var(--clock);}
.v3-cap{fill: #c9553d;}
.v3-stem{fill: #e9dfcc;}
.v3-flower-a{fill: var(--flower-a);}
.v3-flower-b{fill: var(--flower-b);}
.v3-logs circle{fill: #8a6a42;stroke: #5b3f28;stroke-width: 2;}
.v3-smoke circle{fill: #d8d2c6;opacity: 0;}
.v3-birds path{fill: none;stroke: #2b2621;stroke-width: 2;stroke-linecap: round;}
.v3-win{fill: #ffd27a;opacity: calc(var(--night) + var(--dusk) * .55);}
.y3-hero[data-daypart="evening"] .v3-ground{filter: brightness(.84);}
.y3-hero[data-daypart="night"] .v3-ground{filter: brightness(.42) saturate(.75);}
.y3-hero:is([data-daypart="night"],[data-weather="rain"],[data-weather="storm"],[data-weather="fog"]) .v3-birds{display: none;}
@media (prefers-reduced-motion: no-preference){
.v3-birds{animation: v3-fly 48s linear infinite;}
.v3-birds path{transform-box: fill-box;transform-origin: center;animation: v3-flap .8s ease-in-out infinite alternate;}
.v3-birds path:nth-child(2){animation-delay: .3s;}
.v3-birds path:nth-child(3){animation-delay: .55s;}
.v3-blades{transform-box: fill-box;transform-origin: center;animation: v3-spin 14s linear infinite;}
.v3-smoke circle{transform-box: fill-box;transform-origin: center;animation: v3-smoke 6s ease-out infinite;}
.v3-smoke circle:nth-child(2){animation-delay: 2s;}
.v3-smoke circle:nth-child(3){animation-delay: 4s;}
.v3-shimmer path{animation: v3-shimmer 5s ease-in-out infinite alternate;}
.v3-boat{transform-box: fill-box;transform-origin: center bottom;animation: v3-bob 3.6s ease-in-out infinite alternate;}
.v3-sheep{animation: v3-graze 6s ease-in-out infinite alternate;}
.v3-sheep.s1{animation-delay: -2s;}
.v3-sheep.s2{animation-delay: -4s;}
.v3-flag{transform-box: fill-box;transform-origin: left center;animation: v3-wave 2.2s ease-in-out infinite alternate;}
.v3-bunting{transform-box: fill-box;transform-origin: top center;animation: v3-sway 4.5s ease-in-out infinite alternate;}
.v3-banner .v3-tractor{animation: v3-drive 24s ease-in-out infinite alternate;}
.v3-deer{transform-box: fill-box;transform-origin: center bottom;animation: v3-deer 7s ease-in-out infinite;}
}
@keyframes v3-fly{from{transform: translateX(-760px);}to{transform: translateX(640px);}}
@keyframes v3-flap{from{transform: scaleY(1);}to{transform: scaleY(.45);}}
@keyframes v3-spin{to{transform: rotate(360deg);}}
@keyframes v3-smoke{0%{transform: translate(0,0) scale(.5);opacity: 0;}15%{opacity: .55;}100%{transform: translate(24px,-72px) scale(1.9);opacity: 0;}}
@keyframes v3-shimmer{from{transform: translateX(-14px);opacity: .2;}to{transform: translateX(14px);opacity: .6;}}
@keyframes v3-bob{from{transform: translateY(0) rotate(-1.5deg);}to{transform: translateY(3px) rotate(1.5deg);}}
@keyframes v3-graze{from{transform: translateX(0);}to{transform: translateX(8px);}}
@keyframes v3-wave{from{transform: skewY(-5deg) scaleX(.94);}to{transform: skewY(5deg) scaleX(1);}}
@keyframes v3-sway{from{transform: rotate(-.6deg);}to{transform: rotate(.6deg);}}
@keyframes v3-drive{from{transform: translateX(0);}to{transform: translateX(-120px);}}
@keyframes v3-deer{0%,70%,100%{transform: rotate(0);}80%{transform: rotate(-4deg);}90%{transform: rotate(2deg);}}
body.has-banner .gmain > .phead h1,
body.has-banner .u-top h1{display: none;}
body.has-banner .gmain > .phead{align-items: center;}
body.has-banner .gmain > .phead p{margin-top: 0;}
body.v3 .panel{border-radius: 18px;background: var(--panel);border-color: var(--line);}
body.v3 .panel > h2{
font-family: var(--y-display);font-weight: 600;font-size: 15px;
text-transform: none;letter-spacing: 0;
}
body.v3 .panel > h2 .ic{color: var(--y-wheat);}
body.v3 .btn-sm{border-radius: 10px;}
body.v3 .btn-sm.primary{background: var(--y-wheat);border-color: var(--y-wheat);color: #0a1203;}
body.v3 .btn-sm.primary .ic{color: #0a1203;}
body.v3 .btn-sm.primary:hover{opacity: 1;background: #a1d052;border-color: #a1d052;}
body.v3 .btn-sm.danger{border-color: rgba(228,111,91,.45);color: var(--y-red);}
body.v3 .btn-sm.danger .ic{color: var(--y-red);}
body.v3 .chip{border-radius: 99px;}
body.v3 .chip.on{border-color: rgba(143,194,61,.5);color: var(--y-wheat);}
body.v3 .chip.on .ic{color: var(--y-wheat);}
body.v3 .tbl tbody tr:hover{background: rgba(143,194,61,.035);}
body.v3 :is(.shop-card,.beast,.yard-card){border-radius: 16px;}
body.v3 .shop-card .emo .ic{color: var(--y-wheat);}
body.v3 .empty-note{border-radius: 16px;}
body.v3 .howto{border-radius: 16px;}
body.v3 :is(input[type="text"],input[type="number"],input[type="search"],input[type="email"],input[type="password"],select,textarea):focus{
border-color: var(--y-wheat);outline: none;box-shadow: 0 0 0 3px rgba(143,194,61,.15);
}
body.v3 .u-page{--u-accent: var(--y-wheat);--u-hair: rgba(238,243,230,.08);--u-hair-2: rgba(238,243,230,.14);}
body.v3 .u-top .u-lede{color: var(--muted);}
body.v3 .u-figure{font-family: var(--y-display);font-weight: 600;letter-spacing: -.02em;}
@media (max-width: 700px){
.v3-banner{margin-bottom: 20px;}
.v3-compact{
background: linear-gradient(180deg,var(--sky-top) 0,var(--sky-bot) 130px,var(--panel) 130px);
}
.v3-compact .y3-scene,.v3-compact .y3-weather{inset: 0 0 auto 0;height: 140px;}
.v3-compact::before{background: linear-gradient(180deg,transparent 0,transparent 90px,var(--panel) 140px);}
.v3-compact .y3-hero-in{padding: 112px 16px 18px;}
.v3-stat{min-width: 0;flex: 1 1 calc(50% - 8px);}
}
.v3-wrap{display: flex;flex-direction: column;gap: 32px;}
.v3-wrap :focus-visible{outline: 2px solid var(--y-wheat);outline-offset: 3px;}
.v3-sect-h{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 0 0 14px;}
.v3-sect-h h2{
margin: 0;font-family: var(--y-display);font-weight: 600;font-size: 16px;
letter-spacing: 0;text-transform: none;color: var(--text);
}
.v3-right{margin-left: auto;display: flex;gap: 8px;flex-wrap: wrap;align-items: center;}
.v3-count{
font: 600 11.5px/1 var(--y-body);padding: 4px 9px;border-radius: 99px;
color: var(--tone,var(--y-wheat));background: color-mix(in srgb,var(--tone,var(--y-wheat)) 16%,transparent);
}
.v3-note{margin: -4px 0 16px;font-size: 13px;color: var(--muted);max-width: 72ch;}
.v3-warn{
display: flex;gap: 10px;align-items: flex-start;margin: 0 0 16px;padding: 12px 14px;
border-radius: 12px;font-size: 13px;color: var(--text);
background: color-mix(in srgb,var(--y-red) 9%,transparent);border: 1px solid color-mix(in srgb,var(--y-red) 35%,transparent);
}
.v3-warn .ic{width: 16px;height: 16px;color: var(--y-red);flex: none;margin-top: 1px;}
.v3-card{background: var(--panel);border: 1px solid var(--line);border-radius: 18px;padding: 20px;}
.v3-grid{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(min(var(--min,250px),100%),1fr));}
.v3-ico{
flex: none;width: 46px;height: 46px;border-radius: 13px;display: grid;place-items: center;
color: var(--tone,var(--y-wheat));background: color-mix(in srgb,var(--tone,var(--y-wheat)) 15%,transparent);
}
.v3-ico .ic{width: 23px;height: 23px;}
.v3-tile{
position: relative;overflow: hidden;margin: 0;
display: flex;flex-direction: column;gap: 12px;padding: 16px;
border-radius: 16px;background: var(--panel);border: 1px solid var(--line);
transition: border-color .15s;
}
.v3-tile::before{
content: "";position: absolute;inset: 0;pointer-events: none;
background: radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--tone,var(--y-wheat)) 12%,transparent),transparent 55%);
}
.v3-tile > *{position: relative;}
.v3-tile:hover{border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 40%,var(--line));}
.v3-tile.is-best{border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 60%,var(--line));}
.v3-tile.is-off{opacity: .6;}
.v3-tile.is-locked{opacity: .45;}
.v3-tile.is-locked::before{display: none;}
.v3-tile-top{display: flex;align-items: center;gap: 12px;}
.v3-tile-t{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: 3px;}
.v3-tile-t b{font-size: 14.5px;font-weight: 600;}
.v3-tile-t i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.v3-tile-t em{font-style: normal;color: var(--dim);font-weight: 500;}
.v3-tile-d{margin: 0;font-size: 12.5px;color: var(--muted);}
.v3-big{
font-family: var(--y-display);font-weight: 600;font-size: 22px;line-height: 1;
color: var(--tone,var(--text));font-variant-numeric: tabular-nums;flex: none;
}
.v3-price{display: inline-flex;align-items: center;gap: 5px;font-family: var(--y-display);font-weight: 600;font-size: 15px;color: var(--y-wheat);}
.v3-price .ic{width: 14px;height: 14px;}
.v3-tile-foot{
display: flex;gap: 8px;align-items: center;flex-wrap: wrap;
margin-top: auto;padding-top: 12px;border-top: 1px solid var(--line);
}
.v3-tile-foot form{display: flex;gap: 8px;align-items: center;margin: 0;flex-wrap: wrap;}
.v3-ribbon{
position: absolute;top: 0;right: 14px;padding: 5px 9px 6px;border-radius: 0 0 8px 8px;
font: 700 10px/1 var(--y-body);letter-spacing: .08em;text-transform: uppercase;
color: #0a1203;background: var(--tone,var(--y-wheat));
}
.v3-ribbon.t-plum{background: var(--y-plum);}
.v3-pop{margin-left: auto;}
.v3-pop > summary{list-style: none;cursor: pointer;}
.v3-pop > summary::-webkit-details-marker{display: none;}
.v3-pop[open]{flex-basis: 100%;margin-left: 0;}
.v3-pop[open] > summary{margin-left: auto;width: fit-content;}
.v3-pop-b{display: flex;flex-direction: column;gap: 10px;margin-top: 12px;}
.v3-pop-b form{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}
.v3-pop-b label{font-size: 12px;color: var(--dim);min-width: 60px;}
.v3-pills{display: flex;flex-wrap: wrap;gap: 6px;}
.v3-pill{
display: inline-flex;align-items: center;gap: 5px;padding: 4px 9px;border-radius: 99px;
font-size: 11.5px;font-style: normal;white-space: nowrap;font-variant-numeric: tabular-nums;
color: var(--muted);background: rgba(238,243,230,.04);border: 1px solid var(--line-2);
}
.v3-pill .ic{width: 12px;height: 12px;flex: none;}
.v3-pill[class*="t-"]{
color: var(--tone);border-color: color-mix(in srgb,var(--tone) 42%,var(--line));
background: color-mix(in srgb,var(--tone) 8%,transparent);
}
.y3-chip.v3-chip-bad{border-color: rgba(228,111,91,.5);}
.y3-chip.v3-chip-bad .ic{color: var(--y-red);}
.v3-stat b small{font-size: .6em;color: rgba(238,243,230,.6);margin-left: 2px;font-weight: 500;}
.v3-btn-sm{padding: 8px 13px;font-size: 13px;border-radius: 10px;}
.y3-btn:disabled,.y3-btn[disabled]{opacity: .4;cursor: not-allowed;transform: none;}
.y3-btn.is-tone{
color: var(--tone,var(--y-wheat));border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 50%,transparent);
background: color-mix(in srgb,var(--tone,var(--y-wheat)) 8%,transparent);
}
.y3-btn.is-tone:not(:disabled):hover{background: var(--tone,var(--y-wheat));border-color: var(--tone,var(--y-wheat));color: #0a1203;}
.y3-btn.is-danger{color: var(--y-red);border-color: rgba(228,111,91,.45);}
.y3-btn.is-danger:hover{background: rgba(228,111,91,.12);}
.y3-cta form{margin: 0;display: inline-flex;}
.v3-mini{
display: inline-flex;align-items: center;justify-content: center;gap: 5px;
min-width: 32px;height: 30px;padding: 0 8px;border-radius: 9px;cursor: pointer;
border: 1px solid var(--line-2);background: rgba(238,243,230,.03);color: var(--muted);
font: 600 11.5px/1 var(--y-body);font-variant-numeric: tabular-nums;
transition: border-color .14s,color .14s,background .14s;
}
.v3-mini .ic{width: 14px;height: 14px;flex: none;}
.v3-mini:hover:not(:disabled){color: var(--text);border-color: var(--muted);}
.v3-mini:disabled{opacity: .35;cursor: not-allowed;}
.v3-mini.t-fishing,.v3-mini.t-hunting,.v3-mini.t-fields,.v3-mini.t-animals{color: var(--tone);}
.v3-mini.is-bad:hover:not(:disabled){color: var(--y-red);border-color: rgba(228,111,91,.5);}
.v3-qty{
width: 76px;box-sizing: border-box;padding: 8px 10px;border-radius: 10px;
background: var(--panel-2);border: 1px solid var(--line-2);color: var(--text);
font: 500 13px var(--y-body);font-variant-numeric: tabular-nums;
}
.v3-search{position: relative;flex: 1 1 240px;min-width: 0;}
.v3-search .ic{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;color: var(--dim);pointer-events: none;}
.v3-search input{
width: 100%;box-sizing: border-box;padding: 11px 12px 11px 36px;border-radius: 12px;
background: var(--panel);border: 1px solid var(--line-2);color: var(--text);font: 14px var(--y-body);
}
.v3-toolbar{display: flex;gap: 8px;flex-wrap: wrap;align-items: center;margin-bottom: 14px;}
.v3-toolbar select{border-radius: 12px;}
.v3-tabs{
display: flex;gap: 4px;flex-wrap: wrap;width: fit-content;max-width: 100%;padding: 5px;
border-radius: 14px;background: var(--panel);border: 1px solid var(--line);
}
.v3-tabs a{
display: inline-flex;align-items: center;gap: 7px;padding: 9px 14px;border-radius: 10px;
font-size: 13.5px;font-weight: 500;color: var(--muted);text-decoration: none;
}
.v3-tabs a:hover{color: var(--text);background: rgba(238,243,230,.05);text-decoration: none;}
.v3-tabs a.on{color: var(--y-wheat);background: color-mix(in srgb,var(--y-wheat) 15%,transparent);}
.v3-tabs .ic{width: 15px;height: 15px;}
.v3-tabs em{font-style: normal;font-size: 11.5px;color: var(--dim);}
.v3-chipsbar{display: flex;gap: 7px;overflow-x: auto;padding-bottom: 4px;scrollbar-width: thin;}
.v3-chipsbar a{
flex: none;display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border-radius: 99px;
border: 1px solid var(--line-2);background: var(--panel);color: var(--muted);
font-size: 12.5px;text-decoration: none;white-space: nowrap;
}
.v3-chipsbar a:hover{color: var(--text);text-decoration: none;}
.v3-chipsbar a.on{color: var(--y-wheat);border-color: rgba(143,194,61,.55);background: rgba(143,194,61,.1);}
.v3-chipsbar .ic{width: 14px;height: 14px;}
.v3-chipsbar em{font-style: normal;color: var(--dim);}
.v3-table-wrap{overflow-x: auto;border-radius: 16px;border: 1px solid var(--line);background: var(--panel);}
.v3-table{width: 100%;min-width: 640px;border-collapse: collapse;font-size: 13.5px;}
.v3-table th{
text-align: left;padding: 13px 14px;white-space: nowrap;border-bottom: 1px solid var(--line);
font: 600 10.5px/1 var(--y-body);letter-spacing: .12em;text-transform: uppercase;color: var(--dim);
}
.v3-table td{padding: 11px 14px;border-top: 1px solid var(--line);vertical-align: middle;}
.v3-table tbody tr:first-child td{border-top: 0;}
.v3-table tbody tr:hover td{background: rgba(143,194,61,.03);}
.v3-table .n{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap;}
.v3-table form{display: inline-flex;gap: 6px;align-items: center;margin: 0;}
.v3-item{display: flex;align-items: center;gap: 10px;}
.v3-item b{font-weight: 600;}
.v3-item .v3-ico{width: 34px;height: 34px;border-radius: 10px;}
.v3-item .v3-ico .ic{width: 17px;height: 17px;}
.v3-item .ava{width: 26px;height: 26px;border-radius: 8px;overflow: hidden;flex: none;}
.v3-good{color: var(--y-meadow);}
.v3-bad{color: var(--y-red);}
.v3-dim{color: var(--dim);}
.v3-strong{font-weight: 700;color: var(--y-meadow);}
.v3-empty{
display: flex;flex-direction: column;align-items: center;gap: 12px;text-align: center;
padding: 34px 20px;border: 1px dashed var(--line-2);border-radius: 18px;color: var(--muted);
}
.v3-empty > .ic{width: 32px;height: 32px;color: var(--dim);}
.v3-details{border: 1px solid var(--line);border-radius: 16px;background: var(--panel);}
.v3-details > summary{
list-style: none;cursor: pointer;display: flex;align-items: center;gap: 10px;
padding: 14px 18px;font-weight: 600;font-size: 14px;color: var(--muted);
}
.v3-details > summary::-webkit-details-marker{display: none;}
.v3-details > summary .ic{width: 16px;height: 16px;color: var(--y-wheat);}
.v3-details > summary:hover{color: var(--text);}
.v3-details[open] > summary{color: var(--text);border-bottom: 1px solid var(--line);}
.v3-details-b{padding: 16px 18px 18px;display: grid;gap: 18px;grid-template-columns: repeat(auto-fit,minmax(min(230px,100%),1fr));}
.v3-details-b b{display: block;margin-bottom: 5px;font-size: 13.5px;}
.v3-details-b p{margin: 0;font-size: 13px;color: var(--muted);}
.v3-bar{display: block;height: 4px;border-radius: 3px;background: var(--line);overflow: hidden;}
.v3-bar i{display: block;height: 100%;border-radius: 3px;background: var(--tone,var(--y-wheat));}
.v3-ring-sm{position: relative;flex: none;width: 52px;height: 52px;display: grid;place-items: center;}
.v3-ring-sm svg{position: absolute;inset: 0;width: 52px;height: 52px;transform: rotate(-90deg);}
.v3-ring-sm circle{fill: none;stroke-width: 6;}
.v3-ring-sm .bg{stroke: var(--line);}
.v3-ring-sm .fg{stroke: var(--tone);stroke-linecap: round;}
.v3-ring-sm .ic{position: relative;width: 22px;height: 22px;color: var(--tone);}
.v3-kpis{display: flex;flex-wrap: wrap;gap: 24px;margin-bottom: 10px;}
.v3-kpis div b{display: block;font-family: var(--y-display);font-weight: 600;font-size: 20px;}
.v3-kpis div span{font-size: 12px;color: var(--muted);}
.v3-plots{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(min(176px,100%),1fr));}
.v3-plot{
--tone: var(--y-meadow);
position: relative;overflow: hidden;margin: 0;
display: flex;flex-direction: column;align-items: center;gap: 6px;text-align: center;
min-height: 236px;padding: 12px 12px 16px;
border-radius: 18px;border: 1px solid var(--line);
background: linear-gradient(180deg,var(--panel-2),var(--panel));
color: var(--text);text-decoration: none;font: inherit;
transition: border-color .15s,transform .15s;
}
.v3-plot::after{
content: "";position: absolute;inset: auto 0 0 0;height: 48%;pointer-events: none;
background: repeating-linear-gradient(0deg,rgba(143,194,61,.05) 0 2px,transparent 2px 11px);
-webkit-mask-image: linear-gradient(180deg,transparent,#000);mask-image: linear-gradient(180deg,transparent,#000);
}
.v3-plot > *{position: relative;z-index: 1;}
.v3-plot:hover{text-decoration: none;}
.v3-plot-h{
align-self: stretch;display: flex;justify-content: space-between;align-items: center;
font: 700 10.5px/1 var(--y-body);letter-spacing: .08em;color: var(--dim);
}
.v3-plot-marks{display: inline-flex;gap: 5px;}
.v3-plot-marks .ic{width: 14px;height: 14px;color: var(--line-2);}
.v3-plot-marks .w{color: var(--y-water);}
.v3-plot-marks .m{color: var(--y-clay);}
.v3-plot-ring{position: relative;width: 86px;height: 86px;margin: 2px 0;display: grid;place-items: center;}
.v3-plot-ring svg{position: absolute;inset: 0;width: 100%;height: 100%;transform: rotate(-90deg);}
.v3-plot-ring circle{fill: none;stroke-width: 5;}
.v3-plot-ring .bg{stroke: var(--line);}
.v3-plot-ring .fg{stroke: var(--tone);stroke-linecap: round;transition: stroke-dashoffset .6s ease;}
.v3-plot-ring .ic{position: relative;width: 38px;height: 38px;color: var(--tone);transition: transform .3s;}
.v3-plot.s1 .v3-plot-ring .ic{transform: scale(.6);opacity: .75;}
.v3-plot.s2 .v3-plot-ring .ic{transform: scale(.82);}
.v3-plot-name{font-size: 14px;font-weight: 600;line-height: 1.2;}
.v3-plot-time{font-family: var(--y-display);font-size: 13px;font-weight: 500;color: var(--muted);font-variant-numeric: tabular-nums;}
.v3-plot-sub{font-size: 12px;color: var(--muted);}
.v3-plot-acts{display: flex;gap: 6px;flex-wrap: wrap;justify-content: center;margin-top: auto;padding-top: 8px;}
.v3-plot-acts form{margin: 0;}
.v3-plot-go{margin-top: auto;}
.v3-plot .plot-bar{position: absolute;inset: auto 0 0 0;height: 3px;background: rgba(238,243,230,.06);z-index: 2;}
.v3-plot .plot-bar i{display: block;height: 100%;background: var(--tone);transition: width 1s linear;}
.v3-plot.is-ready{
--tone: var(--y-wheat);
border-color: color-mix(in srgb,var(--y-wheat) 55%,var(--line));
background: linear-gradient(180deg,color-mix(in srgb,var(--y-wheat) 13%,var(--panel-2)),var(--panel));
}
.v3-plot.is-ready:hover,a.v3-plot:hover,.v3-plot.is-new:hover{transform: translateY(-2px);}
.v3-plot.is-empty,.v3-plot.is-new{
--tone: var(--muted);
background: var(--bg-2);border-style: dashed;border-color: var(--line-2);
}
.v3-plot.is-empty .v3-plot-ring .ic,.v3-plot.is-new .v3-plot-ring .ic{width: 26px;height: 26px;}
.v3-plot.is-picked{border-color: var(--y-wheat);border-style: solid;}
.v3-plot.is-empty:hover{border-color: color-mix(in srgb,var(--y-wheat) 50%,var(--line-2));}
@media (prefers-reduced-motion: no-preference){
.v3-plot.is-ready .v3-plot-ring .ic{animation: v3-pop 2.8s ease-in-out infinite;}
}
@keyframes v3-pop{0%,100%{transform: scale(1);}50%{transform: scale(1.1);}}
.v3-herd{display: grid;gap: 12px;grid-template-columns: repeat(auto-fill,minmax(min(360px,100%),1fr));align-items: start;}
.v3-kind{padding: 0;gap: 0;}
.v3-kind.is-bad{--tone: var(--y-red);border-color: color-mix(in srgb,var(--y-red) 40%,var(--line));}
.v3-kind-main{display: flex;align-items: center;gap: 14px;padding: 16px 16px 12px;}
.v3-kind-acts{display: flex;gap: 8px;flex-wrap: wrap;padding: 0 16px 14px;}
.v3-kind-acts form{margin: 0;}
.v3-more > summary{
list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;
padding: 11px 16px;border-top: 1px solid var(--line);font-size: 12.5px;color: var(--muted);
}
.v3-more > summary::-webkit-details-marker{display: none;}
.v3-more > summary::after{content: "+";font-size: 15px;color: var(--dim);}
.v3-more[open] > summary::after{content: "−";}
.v3-more > summary:hover{color: var(--text);}
.v3-beast{
display: grid;grid-template-columns: minmax(0,1fr) 118px auto;gap: 12px;align-items: center;
padding: 10px 16px;border-top: 1px solid var(--line);font-size: 12.5px;
}
.v3-beast b{display: block;font-size: 13px;font-weight: 600;}
.v3-beast span{color: var(--muted);}
.v3-beast .v3-bar{margin-top: 5px;}
.v3-beast-fed i{font-style: normal;font-size: 11px;color: var(--dim);}
.v3-beast-acts{display: flex;gap: 5px;}
.v3-beast-acts form{margin: 0;}
.v3-energy{display: flex;gap: 14px;align-items: center;flex-wrap: wrap;}
.v3-energy > div:first-child{flex: 1 1 260px;}
.v3-energy b{display: block;font-size: 14.5px;}
.v3-energy i{font-style: normal;font-size: 12.5px;color: var(--muted);}
.v3-energy form{display: flex;gap: 8px;flex-wrap: wrap;margin: 0;}
@media (max-width: 700px){
.v3-wrap{gap: 26px;}
.v3-plots{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;}
.v3-plot{min-height: 220px;padding: 10px 8px 14px;}
.v3-plot-ring{width: 72px;height: 72px;}
.v3-plot-ring .ic{width: 32px;height: 32px;}
.v3-beast{grid-template-columns: minmax(0,1fr) auto;}
.v3-beast-fed{grid-column: 1 / -1;grid-row: 2;}
.v3-tabs{width: 100%;}
.v3-tabs a{flex: 1 1 auto;justify-content: center;}
}
.v3-result{
display: flex;align-items: center;gap: 16px;
border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 45%,var(--line));
background: linear-gradient(90deg,color-mix(in srgb,var(--tone,var(--y-wheat)) 11%,var(--panel)),var(--panel) 62%);
}
.v3-result.is-miss{--tone: var(--y-red);}
.v3-result b{font-size: 15px;}
.v3-ico-lg{width: 58px;height: 58px;border-radius: 16px;}
.v3-ico-lg .ic{width: 30px;height: 30px;}
.v3-two{display: grid;gap: 24px;grid-template-columns: repeat(auto-fit,minmax(min(420px,100%),1fr));align-items: start;}
.v3-free{border-style: dashed;background: var(--bg-2);}
.v3-free::before{display: none;}
.v3-free .v3-ico{color: var(--dim);background: rgba(238,243,230,.04);}
.v3-reel{display: flex;flex-direction: column;gap: 10px;width: 100%;}
.v3-reel .fish-bar{width: 100%;}
.v3-tile-foot .fish-cast{display: flex;gap: 8px;width: 100%;align-items: center;}
.v3-tile-t i .ic{width: 12px;height: 12px;vertical-align: -2px;}
.v3-card-h{display: flex;align-items: center;gap: 12px;margin: 0 0 14px;flex-wrap: wrap;}
.v3-card-h h2{margin: 0;font-family: var(--y-display);font-weight: 600;font-size: 16px;letter-spacing: 0;text-transform: none;color: var(--text);}
.v3-card-t{min-width: 0;flex: 1;display: flex;flex-direction: column;gap: 4px;}
.v3-label{font: 600 11px/1.2 var(--y-body);letter-spacing: .09em;text-transform: uppercase;color: var(--dim);}
.v3-figure{font-family: var(--y-display);font-weight: 600;font-size: clamp(26px,3.2vw,34px);line-height: 1.05;color: var(--tone,var(--text));font-variant-numeric: tabular-nums;}
.v3-figure small{font-size: .45em;color: var(--dim);font-weight: 500;margin-left: 6px;}
.v3-spark{position: relative;height: 110px;margin: 18px 0 8px;}
.v3-spark svg{display: block;width: 100%;height: 100%;overflow: visible;}
.v3-spark .gr{stroke: var(--line);stroke-width: 1;vector-effect: non-scaling-stroke;}
.v3-spark .ln{fill: none;stroke: var(--tone);stroke-width: 2.2;stroke-linejoin: round;stroke-linecap: round;vector-effect: non-scaling-stroke;}
.v3-spark .ar{fill: color-mix(in srgb,var(--tone) 16%,transparent);transform-box: view-box;transform-origin: 50% 100%;animation: v3-rise .9s ease-out both;}
.v3-spark .cap{position: absolute;width: 10px;height: 10px;margin: -5px 0 0 -5px;border-radius: 50%;background: var(--tone);animation: v3-ping 2.2s ease-out infinite;}
.v3-spark-x{display: flex;justify-content: space-between;font-size: 11.5px;color: var(--dim);margin-bottom: 4px;}
@keyframes v3-rise{from{transform: scaleY(0);opacity: 0;}to{transform: scaleY(1);opacity: 1;}}
@keyframes v3-ping{0%{box-shadow: 0 0 0 0 color-mix(in srgb,var(--tone) 55%,transparent);}80%,100%{box-shadow: 0 0 0 12px transparent;}}
.v3-form{display: flex;flex-direction: column;gap: 10px;margin: 14px 0 0;}
.v3-field{display: flex;align-items: center;gap: 10px;padding: 0 14px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line-2);transition: border-color .15s;cursor: text;}
.v3-field:focus-within{border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 65%,var(--line-2));}
.v3-field input,.v3-field input[type="number"]{
flex: 1;min-width: 0;width: auto;margin: 0;padding: 12px 0;border: 0;outline: 0;box-shadow: none;
background: transparent;color: var(--text);font: 600 18px/1.2 var(--y-display);font-variant-numeric: tabular-nums;
}
.v3-field > span{font-size: 12px;color: var(--dim);white-space: nowrap;}
.v3-quick{display: flex;flex-wrap: wrap;gap: 6px;}
.v3-quick:empty{display: none;}
.v3-acts{display: flex;flex-wrap: wrap;gap: 8px;}
.v3-note-foot{margin: 14px 0 0;font-size: 12.5px;}
.v3-terms{display: flex;flex-direction: column;border: 1px solid var(--line);border-radius: 12px;overflow: hidden;}
.v3-terms > div{display: flex;justify-content: space-between;gap: 12px;padding: 9px 14px;font-size: 13px;color: var(--muted);}
.v3-terms > div + div{border-top: 1px solid var(--line);}
.v3-terms b{color: var(--text);font-variant-numeric: tabular-nums;font-weight: 600;}
.v3-terms .is-total{background: color-mix(in srgb,var(--tone) 9%,transparent);}
.v3-terms .is-total b{color: var(--tone);}
.v3-bar.is-thick{height: 10px;border-radius: 6px;}
.v3-bar.is-thick i{border-radius: 6px;background: linear-gradient(90deg,color-mix(in srgb,var(--tone) 50%,transparent),var(--tone));}
.v3-sect-h .v3-bar-grow{flex: 0 1 220px;height: 6px;}
.v3-price-lg{font-size: 20px;flex: none;}
.v3-price-lg .ic{width: 17px;height: 17px;}
.v3-needs{display: flex;flex-direction: column;gap: 10px;}
.v3-need{display: grid;grid-template-columns: 32px minmax(0,1fr) auto;column-gap: 10px;row-gap: 5px;align-items: center;font-size: 13px;}
.v3-need .v3-ico{width: 32px;height: 32px;border-radius: 9px;grid-row: 1 / 3;}
.v3-need .v3-ico .ic{width: 16px;height: 16px;}
.v3-need-n{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-need b{font-weight: 600;font-variant-numeric: tabular-nums;color: var(--muted);}
.v3-need .v3-bar{grid-column: 2 / 4;}
.v3-need.is-done b{color: var(--y-meadow);}
.v3-need.is-done .v3-bar i{background: var(--y-meadow);}
.v3-ladder{display: grid;gap: 12px;grid-template-columns: repeat(auto-fit,minmax(min(200px,100%),1fr));}
.v3-rung{position: relative;display: flex;flex-direction: column;gap: 6px;padding: 16px;border-radius: 16px;background: var(--panel);border: 1px solid var(--line);}
.v3-rung-h{display: flex;align-items: center;justify-content: space-between;margin-bottom: 4px;}
.v3-rung .v3-ico{width: 36px;height: 36px;border-radius: 10px;color: var(--dim);background: rgba(238,243,230,.05);}
.v3-rung .v3-ico .ic{width: 18px;height: 18px;}
.v3-rung b{font-size: 14.5px;font-weight: 600;}
.v3-rung > span:not(.v3-rung-h):not(.v3-bar){font-size: 12.5px;color: var(--muted);}
.v3-rung em{font-style: normal;font-size: 11.5px;color: var(--dim);}
.v3-rung .v3-big{font-size: 18px;color: var(--dim);}
.v3-rung.is-on{border-color: color-mix(in srgb,var(--tone) 45%,var(--line));background: linear-gradient(180deg,color-mix(in srgb,var(--tone) 10%,var(--panel)),var(--panel) 70%);}
.v3-rung.is-on .v3-ico{color: var(--y-meadow);background: color-mix(in srgb,var(--y-meadow) 15%,transparent);}
.v3-rung.is-on .v3-big{color: var(--tone);}
.v3-rung.is-next{border-style: dashed;border-color: color-mix(in srgb,var(--tone) 60%,var(--line));}
.v3-rung.is-next .v3-ico{color: var(--tone);}
.v3-rung:not(.is-on):not(.is-next){opacity: .6;}
.v3-result{flex-wrap: wrap;}
.v3-result-t{flex: 1 1 240px;min-width: 0;display: flex;flex-direction: column;gap: 6px;}
.v3-result-go{margin: 0 0 0 auto;}
.v3-gift{display: flex;flex-wrap: wrap;gap: 4px 12px;font-weight: 600;font-variant-numeric: tabular-nums;}
.v3-gift span{display: inline-flex;align-items: center;gap: 5px;}
.v3-gift .ic{width: 14px;height: 14px;flex: none;}
.v3-gift .v3-c .ic{color: var(--y-wheat);}
.v3-gift .v3-k .ic{color: var(--y-plum);}
.v3-gift .v3-e .ic{color: var(--y-meadow);}
.v3-gift-col{flex-direction: column;align-items: center;font-size: 12.5px;gap: 3px;}
.v3-gift-lg{font-family: var(--y-display);font-size: 19px;gap: 6px 18px;align-items: center;}
.v3-gift-lg .ic{width: 18px;height: 18px;}
.v3-days{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 10px;margin: 22px 0 4px;}
.v3-day{
position: relative;display: flex;flex-direction: column;align-items: center;gap: 9px;padding: 18px 6px 14px;
border-radius: 16px;text-align: center;background: var(--bg-2);border: 1px solid var(--line);transition: transform .2s;
}
.v3-day-no{font: 600 10.5px/1 var(--y-body);letter-spacing: .08em;text-transform: uppercase;color: var(--dim);}
.v3-day .v3-ico{width: 44px;height: 44px;border-radius: 14px;}
.v3-day.is-last{background: linear-gradient(180deg,color-mix(in srgb,var(--y-wheat) 13%,var(--bg-2)),var(--bg-2));border-color: color-mix(in srgb,var(--y-wheat) 40%,var(--line));}
.v3-day.is-last .v3-ico{color: var(--y-wheat);background: color-mix(in srgb,var(--y-wheat) 16%,transparent);}
.v3-day.is-past{opacity: .5;}
.v3-day.is-past .v3-ico{color: var(--y-meadow);background: color-mix(in srgb,var(--y-meadow) 14%,transparent);}
.v3-day.is-next{border-style: dashed;border-color: color-mix(in srgb,var(--tone) 55%,var(--line));}
.v3-day.is-now{
border-color: var(--tone);transform: translateY(-4px);
background: linear-gradient(180deg,color-mix(in srgb,var(--tone) 16%,var(--panel)),var(--panel));
box-shadow: 0 12px 34px -14px color-mix(in srgb,var(--tone) 70%,transparent);
}
.v3-day.is-now .v3-ico{color: var(--tone);background: color-mix(in srgb,var(--tone) 18%,transparent);animation: v3-pop 1.8s ease-in-out infinite;}
.v3-day-badge{
position: absolute;top: -9px;left: 50%;transform: translateX(-50%);padding: 4px 8px;border-radius: 99px;white-space: nowrap;
font: 700 9.5px/1 var(--y-body);letter-spacing: .07em;text-transform: uppercase;color: #0a1203;background: var(--tone);
}
.v3-day.is-next .v3-day-badge{color: var(--tone);background: var(--panel);border: 1px solid color-mix(in srgb,var(--tone) 55%,var(--line));}
.v3-daily-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 20px;margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--line);}
@media (max-width: 760px){.v3-days{grid-template-columns: repeat(4,minmax(0,1fr));row-gap: 18px;}}
.v3-prog{font-size: 12px;color: var(--muted);font-variant-numeric: tabular-nums;}
.v3-prog b{color: var(--tone);font-weight: 600;}
.v3-sub-h{display: flex;align-items: center;gap: 8px;margin: 24px 0 10px;font: 600 11.5px/1 var(--y-body);letter-spacing: .09em;text-transform: uppercase;color: var(--muted);}
.v3-sub-h em{font-style: normal;color: var(--dim);}
.v3-tabs + .v3-sub-h{margin-top: 6px;}
.v3-titles{display: flex;flex-wrap: wrap;gap: 8px;}
.v3-titles form{margin: 0;}
.v3-title{
display: inline-flex;align-items: center;gap: 7px;padding: 9px 14px;border-radius: 99px;cursor: pointer;
font: 600 13px/1 var(--y-body);color: var(--muted);background: var(--panel);border: 1px solid var(--line-2);transition: border-color .15s,color .15s;
}
.v3-title .ic{width: 14px;height: 14px;}
.v3-title:hover{color: var(--text);border-color: var(--muted);}
.v3-title.on{color: #0a1203;background: var(--tone);border-color: var(--tone);}
.v3-copy{display: flex;gap: 8px;flex-wrap: wrap;margin: 4px 0 18px;}
.v3-copy input{
flex: 1 1 260px;min-width: 0;margin: 0;padding: 11px 14px;border-radius: 12px;background: var(--bg-2);
border: 1px solid var(--line-2);color: var(--text);font: 500 13px/1.2 ui-monospace,"Cascadia Mono",Consolas,monospace;
}
.v3-list{list-style: none;margin: 12px 0 0;padding: 0;display: flex;flex-direction: column;}
.v3-list li{display: flex;align-items: center;gap: 10px;padding: 10px 0;border-top: 1px solid var(--line);font-size: 13.5px;}
.v3-list li:first-child{border-top: 0;}
.v3-list .ava{width: 30px;height: 30px;border-radius: 9px;overflow: hidden;flex: none;}
.v3-list .ava img{width: 100%;height: 100%;object-fit: cover;display: block;}
.v3-list .who{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-list .who i{display: block;font-style: normal;font-size: 11.5px;color: var(--dim);}
.v3-list li > b{display: inline-flex;align-items: center;gap: 5px;font-variant-numeric: tabular-nums;font-weight: 600;}
.v3-list li > b .ic{width: 13px;height: 13px;color: var(--y-wheat);}
.v3-list li > i{font-style: normal;font-size: 11.5px;color: var(--dim);min-width: 64px;text-align: right;}
.v3-rank{flex: none;width: 28px;height: 28px;border-radius: 9px;display: grid;place-items: center;font: 600 12px/1 var(--y-display);color: var(--muted);background: rgba(238,243,230,.05);}
.v3-rank.r1{color: #0a1203;background: var(--y-wheat);}
.v3-rank.r2{color: #0a1203;background: #cdd2d4;}
.v3-rank.r3{color: #0a1203;background: var(--y-clay);}
.v3-goal{display: flex;flex-direction: column;gap: 8px;margin: 4px 0 18px;}
.v3-tiers{display: flex;flex-direction: column;}
.v3-tier{position: relative;display: grid;grid-template-columns: 42px minmax(0,1fr);gap: 14px;padding-bottom: 22px;}
.v3-tier:last-child{padding-bottom: 0;}
.v3-tier::before{content: "";position: absolute;left: 20px;top: 46px;bottom: 4px;width: 2px;border-radius: 2px;background: var(--line);}
.v3-tier:last-child::before{display: none;}
.v3-tier.is-done::before{background: color-mix(in srgb,var(--tone) 55%,var(--line));}
.v3-tier-dot{
position: relative;z-index: 1;width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;
font: 600 15px/1 var(--y-display);color: var(--dim);background: var(--bg-2);border: 2px solid var(--line-2);
}
.v3-tier-dot .ic{width: 18px;height: 18px;}
.v3-tier.is-done .v3-tier-dot{color: #0a1203;background: var(--tone);border-color: var(--tone);}
.v3-tier.is-now .v3-tier-dot{color: var(--tone);border-color: var(--tone);animation: v3-halo 2.6s ease-in-out infinite;}
.v3-tier-body{display: flex;flex-direction: column;gap: 8px;padding-top: 3px;min-width: 0;}
.v3-tier-row{display: flex;justify-content: space-between;gap: 10px;flex-wrap: wrap;align-items: baseline;}
.v3-tier-row b{font-size: 14.5px;font-weight: 600;}
.v3-tier-row span{font-size: 12px;color: var(--muted);font-variant-numeric: tabular-nums;}
@keyframes v3-halo{0%,100%{box-shadow: 0 0 0 3px color-mix(in srgb,var(--tone) 22%,transparent);}50%{box-shadow: 0 0 0 9px color-mix(in srgb,var(--tone) 5%,transparent);}}
@media (prefers-reduced-motion: reduce){
.v3-spark .ar,.v3-spark .cap,.v3-day.is-now .v3-ico,.v3-tier.is-now .v3-tier-dot{animation: none;}
}
.v3-field input::placeholder{color: var(--dim);font: 500 14px/1.2 var(--y-body);}
.v3-ring-sm > .ic,.v3-plot-ring > .ic,.y3-ring > .ic{transform: none;}
.v3-plot.s1 .v3-plot-ring > .ic{transform: scale(.6);}
.v3-plot.s2 .v3-plot-ring > .ic{transform: scale(.82);}
body.v3 .res-cell.credits{cursor: pointer;transition: border-color .15s,background .15s;}
body.v3 .res-cell.credits:hover{border-color: rgba(181,138,224,.55);background: color-mix(in srgb,var(--y-plum) 7%,var(--panel));text-decoration: none;}
body.v3 .res-cell.credits small em{font-style: normal;font-weight: 600;color: var(--y-plum);}
body.v3 .res-plus{
flex: none;display: grid;place-items: center;width: 20px;height: 20px;margin-left: 6px;border-radius: 6px;
color: #0a1203;background: var(--y-plum);transition: transform .15s;
}
body.v3 .res-plus .ic{width: 12px;height: 12px;}
body.v3 .res-cell.credits:hover .res-plus{transform: scale(1.12);}
@media (max-width: 720px){
body.v3 .res-cell.credits .res-lbl,body.v3 .res-plus{display: none;}
}
body.v3 .side-me .who i .vip-tag{margin: 0 6px 0 0;vertical-align: 1px;}
.v3-ico > .ic-c{width: 31px;height: 31px;}
.v3-ico-lg > .ic-c{width: 40px;height: 40px;}
.v3-ring-sm > .ic-c{width: 29px;height: 29px;}
.v3-plot-ring > .ic-c{width: 50px;height: 50px;}
.v3-pill .ic-c,.v3-chipsbar .ic-c,.v3-tabs .ic-c{width: 16px;height: 16px;}
.v3-item .v3-ico > .ic-c{width: 25px;height: 25px;}
.v3-need .v3-ico > .ic-c,.v3-rung .v3-ico > .ic-c{width: 24px;height: 24px;}
body.v3 .side-link .ic-c{width: 23px;height: 23px;margin: -3px 0;transition: transform .18s ease;}
body.v3 .side-link:hover .ic-c{transform: scale(1.12) rotate(-5deg);}
body.v3 .side-link.on .ic-c{transform: scale(1.08);filter: drop-shadow(0 0 6px rgba(143,194,61,.35));}
body.v3 .side-link.locked .ic-c{filter: grayscale(1);opacity: .45;}
body.v3 .v3-eyebrow .ic-c{width: 16px;height: 16px;}
@media (prefers-reduced-motion: reduce){body.v3 .side-link .ic-c{transition: none;transform: none !important;}}
.v3-stack{display: flex;flex-direction: column;gap: 24px;min-width: 0;}
.v3-dot{display: inline-block;width: 7px;height: 7px;border-radius: 50%;background: var(--dim);flex: none;}
.v3-dot.on{background: var(--y-meadow);box-shadow: 0 0 0 3px color-mix(in srgb,var(--y-meadow) 22%,transparent);}
.y3-chip .v3-dot{margin-right: 3px;}
.v3-list .ava{display: grid;place-items: center;background: var(--bg-2);}
.v3-list li.is-me{background: color-mix(in srgb,var(--y-wheat) 8%,transparent);border-radius: 10px;padding-left: 8px;padding-right: 8px;}
.v3-list li > b small{font-weight: 500;}
.v3-inline{flex-direction: row;flex-wrap: wrap;align-items: center;}
.v3-inline select.v3-input{flex: 1 1 180px;width: auto;}
.y3-head .v3-hero-ava{display: inline-grid;place-items: center;width: 58px;height: 58px;margin: -6px 14px 0 0;vertical-align: middle;overflow: hidden;border-radius: 17px;background: var(--panel);box-shadow: 0 0 0 3px rgba(238,243,230,.14);}
.y3-head .v3-hero-ava img{width: 100%;height: 100%;object-fit: cover;}
.y3-head .v3-hero-ava .ic{width: 30px;height: 30px;}
.y3-head .vip-tag{margin-left: 10px;font-family: var(--y-body);vertical-align: 8px;}
.v3-cols{display: flex;align-items: flex-end;gap: 8px;height: 130px;padding-top: 18px;}
.v3-cols > span{position: relative;flex: 1;min-height: 3px;border-radius: 7px 7px 3px 3px;background: color-mix(in srgb,var(--tone) 32%,var(--line));transform-origin: bottom;animation: v3-rise .7s ease-out both;}
.v3-cols > span.is-hi{background: var(--tone);}
.v3-cols > span em{position: absolute;top: -17px;left: 50%;transform: translateX(-50%);font-style: normal;font-size: 11px;color: var(--muted);}
.v3-cols-x{display: flex;gap: 8px;margin-top: 7px;font-size: 10.5px;color: var(--dim);}
.v3-cols-x span{flex: 1;text-align: center;}
.v3-mini-grid{display: grid;gap: 8px;grid-template-columns: repeat(auto-fill,minmax(min(160px,100%),1fr));}
.v3-mini-tile{display: flex;align-items: center;gap: 10px;min-width: 0;padding: 7px 12px 7px 7px;border-radius: 13px;background: var(--panel);border: 1px solid var(--line);}
.v3-card .v3-mini-tile{background: var(--bg-2);}
.v3-mini-tile .v3-ico{width: 38px;height: 38px;border-radius: 11px;}
.v3-mini-tile .v3-ico > .ic-c{width: 27px;height: 27px;}
.v3-mini-tile > span:not(.v3-ico){flex: 1;min-width: 0;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-mini-tile b{font: 600 15px/1 var(--y-display);font-variant-numeric: tabular-nums;color: var(--tone,var(--text));}
.v3-card-img{display: block;width: 100%;height: auto;margin: 2px 0 14px;border-radius: 14px;border: 1px solid var(--line);}
.v3-log li .v3-ico{width: 32px;height: 32px;border-radius: 9px;}
.v3-log li .v3-ico > .ic,.v3-log li .v3-ico > .ic-c{width: 20px;height: 20px;}
.v3-list.v3-log li .who{white-space: normal;font-size: 13px;}
.v3-podium{display: grid;grid-template-columns: 1fr 1.15fr 1fr;gap: 14px;align-items: end;padding-top: 16px;}
.v3-pod{
--pod: var(--y-clay);position: relative;min-width: 0;display: flex;flex-direction: column;align-items: center;gap: 7px;
padding: 28px 14px 18px;text-align: center;border-radius: 20px;
background: linear-gradient(180deg,color-mix(in srgb,var(--pod) 17%,var(--panel)),var(--panel) 75%);
border: 1px solid color-mix(in srgb,var(--pod) 45%,var(--line));
}
.v3-pod.p1{--pod: #f2bb34;padding: 38px 14px 24px;box-shadow: 0 18px 44px -24px rgba(242,187,52,.7);}
.v3-pod.p2{--pod: #cdd2d4;}
.v3-pod.is-me{outline: 2px solid color-mix(in srgb,var(--pod) 60%,transparent);outline-offset: 3px;}
.v3-pod .ava{width: 64px;height: 64px;display: grid;place-items: center;overflow: hidden;border-radius: 18px;background: var(--bg-2);box-shadow: 0 0 0 3px var(--pod);}
.v3-pod.p1 .ava{width: 82px;height: 82px;border-radius: 22px;}
.v3-pod .ava img{width: 100%;height: 100%;object-fit: cover;}
.v3-pod-n{position: absolute;top: -15px;left: 50%;transform: translateX(-50%);width: 32px;height: 32px;display: grid;place-items: center;border-radius: 50%;font: 700 14px/1 var(--y-display);color: #0a1203;background: var(--pod);box-shadow: 0 0 0 4px var(--bg);}
.v3-pod-crown{position: absolute;top: 18px;left: calc(50% + 24px);animation: v3-bob 2.6s ease-in-out infinite alternate;}
.v3-pod-crown .ic{width: 30px;height: 30px;}
.v3-pod .who{max-width: 100%;font-size: 14.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-pod .v3-figure{font-size: 22px;color: var(--pod);}
.v3-pod.p1 .v3-figure{font-size: 30px;}
.v3-pod > i{font-style: normal;font-size: 11.5px;color: var(--dim);}
@media (max-width: 620px){.v3-podium{grid-template-columns: 1fr;}.v3-pod.p1{order: -1;}}
.v3-ranks{display: flex;flex-direction: column;overflow: hidden;border-radius: 16px;border: 1px solid var(--line);background: var(--panel);}
.v3-rrow{display: grid;grid-template-columns: 40px 36px minmax(0,1fr) auto;gap: 12px;align-items: center;padding: 10px 16px;border-top: 1px solid var(--line);}
.v3-rrow:first-child{border-top: 0;}
.v3-rrow:hover{background: rgba(238,243,230,.025);}
.v3-rrow.is-me{background: color-mix(in srgb,var(--y-wheat) 9%,transparent);}
.v3-rrow > .n{font: 600 14px/1 var(--y-display);color: var(--dim);text-align: center;font-variant-numeric: tabular-nums;}
.v3-rrow > .ava{width: 36px;height: 36px;display: grid;place-items: center;overflow: hidden;border-radius: 10px;background: var(--bg-2);}
.v3-rrow > .ava img{width: 100%;height: 100%;object-fit: cover;}
.v3-rrow .who{min-width: 0;}
.v3-rrow .who > div:first-child{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-rrow .meta{display: flex;align-items: center;gap: 5px;margin-top: 3px;font-size: 11.5px;color: var(--dim);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.v3-rrow > .val{font: 600 16px/1 var(--y-display);font-variant-numeric: tabular-nums;}
@media (max-width: 520px){.v3-rrow{grid-template-columns: 28px 32px minmax(0,1fr) auto;gap: 9px;padding: 9px 12px;}.v3-rrow .meta{display: none;}}
.v3-wall{display: flex;flex-direction: column;gap: 10px;}
.v3-wall-i{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 14px;background: var(--bg-2);border: 1px solid var(--line);}
.v3-wall-t{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px;}
.v3-wall-t .who{display: flex;align-items: center;gap: 8px;min-width: 0;font-size: 14px;overflow: hidden;white-space: nowrap;}
.v3-wall-t .ava{width: 22px;height: 22px;flex: none;display: grid;place-items: center;overflow: hidden;border-radius: 7px;background: var(--panel);}
.v3-wall-t .ava img{width: 100%;height: 100%;object-fit: cover;}
.v3-wall-i > b{font: 600 18px/1 var(--y-display);font-variant-numeric: tabular-nums;text-align: right;color: var(--tone);}
.v3-wall-i > b small{display: block;margin-top: 4px;font: 500 10.5px/1 var(--y-body);color: var(--dim);}
.v3-write > summary{display: flex;align-items: center;gap: 12px;list-style: none;cursor: pointer;}
.v3-write > summary::-webkit-details-marker{display: none;}
.v3-write > summary b{flex: 1;font-family: var(--y-display);font-weight: 600;font-size: 15px;}
.v3-write-x{width: 18px;height: 18px;color: var(--dim);transition: transform .2s;}
.v3-write[open] .v3-write-x{transform: rotate(45deg);}
.v3-input{width: 100%;box-sizing: border-box;margin: 0;padding: 11px 14px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line-2);color: var(--text);font: 400 14px/1.45 var(--y-body);}
.v3-input:focus{outline: none;border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 65%,var(--line-2));}
.v3-input::placeholder{color: var(--dim);}
.v3-textarea{min-height: 100px;resize: vertical;}
.v3-flabel{display: block;margin: 0 0 6px;font: 600 11px/1.2 var(--y-body);letter-spacing: .09em;text-transform: uppercase;color: var(--dim);}
.v3-posts{display: flex;flex-direction: column;gap: 12px;}
.v3-post{display: grid;grid-template-columns: 46px minmax(0,1fr);gap: 16px;padding: 16px 18px 14px 12px;border-radius: 16px;background: var(--panel);border: 1px solid var(--line);}
.v3-post.is-hot{border-color: color-mix(in srgb,var(--y-wheat) 45%,var(--line));background: linear-gradient(90deg,color-mix(in srgb,var(--y-wheat) 7%,var(--panel)),var(--panel) 40%);}
.v3-vote{display: flex;flex-direction: column;align-items: center;gap: 5px;}
.v3-vote form{margin: 0;}
.v3-vote button{width: 34px;height: 30px;display: grid;place-items: center;border-radius: 9px;border: 1px solid var(--line-2);background: rgba(238,243,230,.03);color: var(--muted);cursor: pointer;transition: background .14s,color .14s,border-color .14s;}
.v3-vote button .ic{width: 15px;height: 15px;}
.v3-vote button.up:hover:not(:disabled){color: var(--y-meadow);border-color: color-mix(in srgb,var(--y-meadow) 55%,transparent);}
.v3-vote button.down:hover:not(:disabled){color: var(--y-red);border-color: color-mix(in srgb,var(--y-red) 55%,transparent);}
.v3-vote button.up.on{color: #0a1203;background: var(--y-meadow);border-color: var(--y-meadow);}
.v3-vote button.down.on{color: #fff;background: var(--y-red);border-color: var(--y-red);}
.v3-vote button:disabled{opacity: .35;cursor: not-allowed;}
.v3-vote b{font: 600 17px/1 var(--y-display);font-variant-numeric: tabular-nums;}
.v3-vote b.pos{color: var(--y-meadow);}
.v3-vote b.neg{color: var(--y-red);}
.v3-post-b h3{margin: 2px 0 6px;font-family: var(--y-display);font-weight: 600;font-size: 16px;text-wrap: balance;overflow-wrap: anywhere;}
.v3-post-b p{margin: 0 0 12px;max-width: 72ch;font-size: 13.5px;line-height: 1.55;color: var(--muted);overflow-wrap: anywhere;}
.v3-post-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 12.5px;color: var(--dim);}
.v3-post-meta .ava{width: 24px;height: 24px;flex: none;display: grid;place-items: center;overflow: hidden;border-radius: 7px;background: var(--bg-2);}
.v3-post-meta .ava img{width: 100%;height: 100%;object-fit: cover;}
.v3-post-meta form{margin: 0 0 0 auto;}
.v3-pm{display: grid;grid-template-columns: minmax(0,320px) minmax(0,1fr);gap: 20px;align-items: start;}
@media (max-width: 900px){.v3-pm{grid-template-columns: 1fr;}}
.v3-pm-side .v3-tabs{margin-bottom: 12px;}
.v3-threads{display: flex;flex-direction: column;gap: 4px;max-height: 560px;overflow-y: auto;margin: 0 -8px;padding: 0 8px;}
.v3-thread{display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 12px;color: var(--text);border: 1px solid transparent;}
.v3-thread:hover{background: rgba(238,243,230,.04);text-decoration: none;}
.v3-thread.on{background: color-mix(in srgb,var(--tone) 12%,transparent);border-color: color-mix(in srgb,var(--tone) 35%,transparent);}
.v3-thread .who{flex: 1;min-width: 0;font-size: 13.5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.v3-thread .who i{display: block;margin-top: 2px;font-style: normal;font-size: 12px;color: var(--dim);overflow: hidden;text-overflow: ellipsis;}
.v3-thread.is-new .who i{color: var(--muted);font-weight: 500;}
.v3-when{font-size: 11px;color: var(--dim);white-space: nowrap;}
.v3-ava-dot{position: relative;width: 36px;height: 36px;flex: none;display: grid;place-items: center;border-radius: 11px;background: var(--bg-2);}
.v3-list .ava.v3-ava-dot{overflow: visible;}
.v3-ava-dot img{width: 100%;height: 100%;object-fit: cover;border-radius: inherit;}
.v3-ava-dot > .v3-dot{position: absolute;right: -2px;bottom: -2px;width: 10px;height: 10px;box-shadow: 0 0 0 2px var(--panel);}
.v3-pm-main{display: flex;flex-direction: column;min-height: 560px;padding: 0;overflow: hidden;}
.v3-pm-pick{flex: 1;border: 0;background: none;}
.v3-pm-head{display: flex;align-items: center;gap: 12px;padding: 14px 18px;border-bottom: 1px solid var(--line);}
.v3-pm-head .v3-card-t b{font-size: 15px;}
.v3-pm-box{flex: 1;display: flex;flex-direction: column;gap: 6px;height: 440px;overflow-y: auto;padding: 18px;background: radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--tone) 6%,transparent),transparent 60%);}
.v3-pm-day{display: flex;align-items: center;gap: 10px;margin: 10px 0 4px;font-size: 11px;color: var(--dim);}
.v3-pm-day::before,.v3-pm-day::after{content: "";flex: 1;height: 1px;background: var(--line);}
.v3-bubble{align-self: flex-start;max-width: min(78%,520px);padding: 9px 13px 7px;border-radius: 16px 16px 16px 5px;background: var(--bg-2);border: 1px solid var(--line);font-size: 13.5px;line-height: 1.45;overflow-wrap: anywhere;}
.v3-bubble.mine{align-self: flex-end;border-radius: 16px 16px 5px 16px;background: color-mix(in srgb,var(--tone) 22%,var(--panel));border-color: color-mix(in srgb,var(--tone) 40%,var(--line));}
.v3-bubble i{display: block;margin-top: 3px;font-style: normal;font-size: 10.5px;color: var(--dim);text-align: right;}
.v3-send{display: flex;gap: 8px;padding: 14px 18px;border-top: 1px solid var(--line);}
.v3-send .v3-input{flex: 1;}
.v3-send.v3-send-flat{padding: 12px 0 0;border-top: 0;}
.v3-chat{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,300px);gap: 20px;align-items: start;}
@media (max-width: 960px){.v3-chat{grid-template-columns: 1fr;}}
.v3-chat-main .v3-tabs{margin-bottom: 12px;overflow-x: auto;}
body.v3 .v3-chat .chat-box,body.v3 .chat-box.v3-gchat{height: 520px;padding: 8px;border-radius: 14px;border: 1px solid var(--line);background: var(--bg-2);}
body.v3 .chat-box.v3-gchat{height: 320px;}
body.v3 .v3-chat .chat-msg,body.v3 .v3-gchat .chat-msg{padding: 8px 10px;border-radius: 12px;}
body.v3 .v3-chat .chat-msg:hover,body.v3 .v3-gchat .chat-msg:hover{background: rgba(238,243,230,.035);}
body.v3 .v3-chat .chat-msg.mine,body.v3 .v3-gchat .chat-msg.mine{background: color-mix(in srgb,var(--y-meadow) 8%,transparent);}
body.v3 .v3-chat .chat-msg.at-me{background: color-mix(in srgb,var(--y-wheat) 10%,transparent);}
body.v3 .v3-chat .chat-msg.at-me .chat-body{border-left-color: var(--y-wheat);}
body.v3 .v3-chat .chat-msg .ava,body.v3 .v3-gchat .chat-msg .ava{width: 34px;height: 34px;border-radius: 10px;}
body.v3 .v3-chat .chat-quote{border-radius: 9px;background: rgba(238,243,230,.05);}
body.v3 .v3-chat .chat-form{flex-direction: column;margin-top: 12px;}
body.v3 .v3-chat .chat-field input{padding: 11px 46px 11px 14px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line-2);color: var(--text);font: 400 14px/1.4 var(--y-body);}
body.v3 .v3-chat .chat-field input:focus{border-color: color-mix(in srgb,var(--y-meadow) 60%,var(--line-2));}
body.v3 .v3-chat .reply-bar{border-radius: 10px;}
.v3-chat .v3-list .msg-act{opacity: 0;transition: opacity .12s;}
.v3-chat .v3-list li:hover .msg-act,.v3-chat .v3-list .msg-act:focus-visible{opacity: 1;}
.v3-dc{display: flex;align-items: center;gap: 12px;color: var(--text);--tone: #7b8cf0;transition: border-color .15s;}
.v3-dc:hover{text-decoration: none;border-color: color-mix(in srgb,#7b8cf0 50%,var(--line));}
.v3-dc > .ic{width: 16px;height: 16px;color: var(--dim);}
.v3-gtag{flex: none;display: inline-grid;place-items: center;min-width: 44px;height: 30px;padding: 0 8px;border-radius: 9px;font: 700 11px/1 var(--y-display);letter-spacing: .04em;color: #0a1203;background: var(--tone,var(--y-water));}
.v3-table.is-narrow{min-width: 0;}
.v3-plans{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr));}
.v3-plan{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 12px;margin: 0;padding: 22px 20px 18px;overflow: hidden;border-radius: 20px;background: var(--panel);border: 1px solid var(--line);}
.v3-plan::before{content: "";position: absolute;inset: 0;pointer-events: none;background: radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--tone) 16%,transparent),transparent 60%);}
.v3-plan > *{position: relative;}
.v3-plan > .v3-ribbon{position: absolute;}
.v3-plan.is-best{border-color: color-mix(in srgb,var(--tone) 60%,var(--line));box-shadow: 0 18px 44px -26px color-mix(in srgb,var(--tone) 80%,transparent);}
.v3-plan-big{font: 600 36px/1 var(--y-display);color: var(--tone);font-variant-numeric: tabular-nums;}
.v3-plan-big small{margin-left: 6px;font-size: .38em;font-weight: 500;color: var(--muted);}
.v3-plan .y3-btn{width: 100%;justify-content: center;margin-top: auto;}
.v3-faq{display: flex;flex-direction: column;}
.v3-faq details{border-top: 1px solid var(--line);}
.v3-faq details:first-child{border-top: 0;}
.v3-faq summary{display: flex;justify-content: space-between;gap: 12px;padding: 12px 0;list-style: none;cursor: pointer;font-size: 14px;font-weight: 600;}
.v3-faq summary::-webkit-details-marker{display: none;}
.v3-faq summary::after{content: "+";color: var(--dim);font-size: 16px;line-height: 1;transition: transform .2s;}
.v3-faq details[open] summary::after{transform: rotate(45deg);}
.v3-faq p{margin: 0 0 14px;font-size: 13.5px;line-height: 1.55;color: var(--muted);}
.v3-faq.is-open > div{padding: 10px 0;border-top: 1px solid var(--line);}
.v3-faq.is-open > div:first-child{padding-top: 0;border-top: 0;}
.v3-faq.is-open b{display: block;margin-bottom: 4px;font-size: 14px;}
.v3-faq.is-open p{margin: 0;}
.v3-swatch{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 6px;padding: 14px;overflow: hidden;border-radius: 14px;border: 1px solid var(--line);background: radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--sw,transparent) 18%,transparent),transparent 60%),var(--panel);}
.v3-swatch b{font: 600 16px/1.2 var(--y-display);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-swatch i{font-style: normal;font-size: 12px;color: var(--dim);}
.v3-swatch form{margin: 4px 0 0;}
.v3-swatch.on{border-color: color-mix(in srgb,var(--y-meadow) 50%,var(--line));}
.v3-rebirth{--tone: var(--y-clay);border-color: color-mix(in srgb,var(--y-clay) 40%,var(--line));background: linear-gradient(135deg,color-mix(in srgb,var(--y-clay) 10%,var(--panel)),var(--panel) 55%);}
.v3-keep{display: grid;gap: 12px;margin: 16px 0;grid-template-columns: repeat(auto-fit,minmax(min(260px,100%),1fr));}
.v3-keep > div{padding: 14px 16px;border-radius: 14px;background: var(--bg-2);border: 1px solid var(--line);}
.v3-keep b{display: flex;align-items: center;gap: 6px;margin-bottom: 6px;font-size: 13px;}
.v3-keep b .ic{width: 15px;height: 15px;}
.v3-keep .is-keep b{color: var(--y-meadow);}
.v3-keep .is-lose b{color: var(--y-red);}
.v3-keep p{margin: 0;font-size: 13px;line-height: 1.5;color: var(--muted);}
.v3-hbars{display: flex;flex-direction: column;gap: 12px;}
.v3-hbar-row{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 5px;font-size: 13px;}
.v3-hbar-row b{font-variant-numeric: tabular-nums;}
.v3-cols.is-dense{gap: 3px;height: 150px;}
.v3-cols.is-dense > span{border-radius: 4px 4px 2px 2px;}
.v3-news{display: flex;flex-direction: column;gap: 18px;}
.v3-news-i{display: grid;grid-template-columns: 96px minmax(0,1fr);gap: 20px;}
.v3-news-d{position: sticky;top: 90px;align-self: start;display: flex;flex-direction: column;gap: 3px;padding-top: 18px;text-align: right;}
.v3-news-d b{font: 600 28px/1 var(--y-display);color: var(--tone);}
.v3-news-d span{font-size: 12px;color: var(--dim);}
.v3-news-i .v3-card h2{margin: 0 0 10px;font-family: var(--y-display);font-weight: 600;font-size: 19px;text-wrap: balance;}
.v3-news-i .rt{max-width: 72ch;font-size: 14px;line-height: 1.65;color: var(--muted);}
.v3-news-i .rt a{color: var(--y-wheat);}
.v3-news-i.is-new .v3-card{border-color: color-mix(in srgb,var(--tone) 50%,var(--line));}
@media (max-width: 640px){.v3-news-i{grid-template-columns: 1fr;gap: 6px;}.v3-news-d{position: static;flex-direction: row;align-items: baseline;gap: 8px;padding-top: 0;text-align: left;}}
.v3-kbd-grid{display: grid;gap: 8px;grid-template-columns: repeat(auto-fill,minmax(min(200px,100%),1fr));}
.v3-kbd-grid > div{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line);font-size: 13px;}
.v3-kbd-grid kbd{min-width: 30px;height: 30px;display: grid;place-items: center;border-radius: 8px;font: 600 13px/1 var(--y-display);color: var(--text);background: var(--panel);border: 1px solid var(--line-2);box-shadow: 0 2px 0 var(--line-2);}
.v3-danger{border-color: rgba(228,111,91,.35);background: linear-gradient(135deg,rgba(228,111,91,.07),var(--panel) 50%);}
.v3-photo{display: flex;gap: 14px;align-items: flex-start;flex-wrap: wrap;}
.v3-avatar-lg{width: 72px;height: 72px;flex: none;display: grid;place-items: center;overflow: hidden;border-radius: 20px;background: var(--bg-2);border: 1px solid var(--line);}
.v3-avatar-lg img{width: 100%;height: 100%;object-fit: cover;}
.v3-avatar-lg .ic{width: 34px;height: 34px;color: var(--dim);}
.v3-file{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin: 0;}
.v3-file input[type="file"]{max-width: 100%;font-size: 13px;color: var(--muted);}
.v3-check{display: flex;align-items: center;gap: 10px;font-size: 14px;cursor: pointer;}
.v3-check input{width: 18px;height: 18px;accent-color: var(--y-wheat);}
.v3-dc-card{--tone: #7b8cf0;}
.v3-mini-grid.is-wide{grid-template-columns: repeat(auto-fill,minmax(min(210px,100%),1fr));}
.v3-sorts{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: -10px;}
.v3-sorts a{
display: inline-flex;align-items: center;gap: 7px;padding: 7px 13px 7px 9px;border-radius: 99px;
font-size: 13px;font-weight: 500;color: var(--muted);background: var(--panel);border: 1px solid var(--line-2);
transition: border-color .15s,color .15s,background .15s;
}
.v3-sorts a:hover{color: var(--text);border-color: var(--muted);text-decoration: none;}
.v3-sorts a .ic{width: 18px;height: 18px;}
.v3-sorts a.on{color: var(--y-wheat);border-color: rgba(143,194,61,.6);background: rgba(143,194,61,.12);}
body.v3 .side-discord{position: relative;border-color: rgba(123,140,240,.38);background: linear-gradient(135deg,rgba(88,101,242,.26),rgba(88,101,242,.07));}
body.v3 .side-discord:hover{border-color: rgba(123,140,240,.75);background: linear-gradient(135deg,rgba(88,101,242,.36),rgba(88,101,242,.12));}
body.v3 .side-discord .ss-ic{width: 20px;height: 20px;color: #b3bcff;}
body.v3 .side-discord .ss-txt{flex: 1;}
body.v3 .side-discord .ss-go{width: 14px;height: 14px;color: #b3bcff;transition: transform .15s;}
body.v3 .side-discord:hover .ss-go{transform: translateX(3px);}
@media (max-width: 960px){.v3-chat{grid-template-columns: minmax(0,1fr);}}
@media (max-width: 900px){.v3-pm{grid-template-columns: minmax(0,1fr);}}
body.v3 .v3-chat .chat-row{min-width: 0;}
body.v3 .v3-chat .chat-row .y3-btn{flex: none;}
@media (max-width: 480px){body.v3 .v3-chat .chat-row .y3-btn{padding-left: 12px;padding-right: 12px;}}
body.v3 .side-tools{gap: 7px;margin: 12px 0 8px;}
body.v3 .side-tools .icon-btn,
body.v3 .bell summary,
body.v3 .side-tools .lang summary{
width: 40px;height: 40px;border-radius: 13px;
background: var(--bg-2);border: 1px solid var(--line);color: var(--muted);
transition: color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
}
body.v3 .side-tools .icon-btn .ic,
body.v3 .bell summary .ic{width: 18px;height: 18px;}
body.v3 .bell summary{--tone: var(--y-wheat);}
body.v3 .side-tools .lang summary{--tone: var(--y-water);}
body.v3 .side-tools .icon-btn[href="settings"]{--tone: var(--y-meadow);}
body.v3 .side-tools .icon-btn[href="logout"]{--tone: var(--y-red);}
body.v3 .side-tools .icon-btn,
body.v3 .bell summary,
body.v3 .side-tools .lang summary{
color: var(--tone);border-color: color-mix(in srgb,var(--tone) 30%,var(--line));
background: color-mix(in srgb,var(--tone) 8%,var(--bg-2));
}
body.v3 .side-tools .icon-btn:hover,
body.v3 .bell summary:hover,
body.v3 .bell[open] summary,
body.v3 .side-tools .lang summary:hover,
body.v3 .side-tools .lang[open] summary{
transform: translateY(-1px);
border-color: color-mix(in srgb,var(--tone) 60%,var(--line));
background: color-mix(in srgb,var(--tone) 18%,var(--bg-2));
}
body.v3 .bell-count{
top: -5px;right: -5px;min-width: 18px;height: 18px;
background: var(--y-red);color: #fff;border: 2px solid var(--bg-2);font-size: 10px;
}
body.v3 .bell[open] summary + .bell-count,body.v3 .bell-count{box-shadow: 0 2px 6px rgba(0,0,0,.45);}
body.v3 .side-tools .lang{flex: 1;}
body.v3 .side-tools .lang summary{width: 100%;gap: 7px;font-weight: 600;letter-spacing: .3px;}
body.v3 .side-live{margin: 0 0 10px;}
body.v3 .sl-item{
gap: 9px;padding: 9px 12px;border-radius: 13px;
background: linear-gradient(90deg,rgba(147,196,110,.14),rgba(147,196,110,.04));
border-color: rgba(147,196,110,.30);
}
body.v3 .sl-item:hover{border-color: rgba(147,196,110,.55);background: rgba(147,196,110,.16);}
body.v3 .sl-item b{font: 700 15px/1 var(--y-display);color: var(--y-meadow);font-variant-numeric: tabular-nums;}
body.v3 .sl-item i{font-size: 11.5px;color: var(--muted);}
body.v3 .sl-item .live-dot{
width: 8px;height: 8px;border-radius: 50%;background: var(--y-meadow);flex: none;
box-shadow: 0 0 0 0 rgba(147,196,110,.55);animation: v3-live 2.2s ease-out infinite;
}
@keyframes v3-live{
0%{box-shadow: 0 0 0 0 rgba(147,196,110,.55);}
70%{box-shadow: 0 0 0 7px rgba(147,196,110,0);}
100%{box-shadow: 0 0 0 0 rgba(147,196,110,0);}
}
.v3-plot-acts .v3-mini{
width: auto;min-width: 32px;height: 32px;padding: 0 7px;border-radius: 10px;
background: var(--bg-2);border: 1px solid var(--line);
gap: 4px;font: 700 11.5px/1 var(--y-body);font-variant-numeric: tabular-nums;
transition: color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
}
.v3-plot-acts .v3-mini .ic{width: 16px;height: 16px;}
.v3-plot-acts .v3-mini:not(:disabled){color: var(--tone,var(--muted));border-color: color-mix(in srgb,var(--tone,var(--line)) 38%,var(--line));}
.v3-plot-acts .v3-mini:not(:disabled):hover{
transform: translateY(-1px);color: var(--tone,var(--text));
background: color-mix(in srgb,var(--tone,var(--y-wheat)) 14%,var(--bg-2));
border-color: color-mix(in srgb,var(--tone,var(--y-wheat)) 60%,var(--line));
}
.v3-plot-acts .v3-mini:not([class*="t-"]){--tone: var(--y-plum);}
@media (prefers-reduced-motion: reduce){
body.v3 .sl-item .live-dot{animation: none;}
body.v3 .side-tools .icon-btn:hover,body.v3 .bell summary:hover,
.v3-plot-acts .v3-mini:not(:disabled):hover{transform: none;}
}
body.v3 .v3-admin{font-size: 14px;}
.v3-adm-tabs{
display: grid;gap: 8px;margin: 0 0 26px;
grid-template-columns: repeat(auto-fill,minmax(min(168px,100%),1fr));
}
.v3-adm-tab{
position: relative;display: flex;align-items: center;gap: 9px;min-width: 0;
padding: 11px 13px;border-radius: 13px;color: var(--muted);
background: var(--panel);border: 1px solid var(--line);
font: 600 13px/1.2 var(--y-body);
transition: color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
}
.v3-adm-tab span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.v3-adm-tab .ic{width: 17px;height: 17px;flex: none;color: var(--dim);}
.v3-adm-tab:hover{
color: var(--text);text-decoration: none;transform: translateY(-1px);
border-color: rgba(143,194,61,.4);background: rgba(143,194,61,.07);
}
.v3-adm-tab:hover .ic{color: var(--y-wheat);}
.v3-adm-tab.on{
color: #0a1203;background: var(--y-wheat);border-color: var(--y-wheat);font-weight: 700;
}
.v3-adm-tab.on .ic{color: #0a1203;}
.v3-adm-n{
margin-left: auto;flex: none;min-width: 20px;height: 20px;padding: 0 6px;
display: grid;place-items: center;border-radius: 999px;
background: var(--y-red);color: #fff;font: 800 10.5px/1 var(--y-body);font-style: normal;
}
.v3-adm-n.is-dot{min-width: 9px;width: 9px;height: 9px;padding: 0;}
.v3-admin .u-sect{
padding: 20px 22px;border-radius: 18px;
background: var(--panel);border: 1px solid var(--line);
}
.v3-admin .u-sect + .u-sect{margin-top: 16px;}
.v3-admin .u-eyebrow{
color: var(--y-wheat);font-size: 10.5px;letter-spacing: .16em;margin-bottom: 4px;
}
.v3-admin .u-sub{color: var(--muted);}
.v3-admin .u-rail{
display: grid;gap: 8px;margin-top: 12px;border: 0;padding: 0;
grid-template-columns: repeat(auto-fill,minmax(min(152px,100%),1fr));
}
.v3-admin .u-rail > div{
display: flex;flex-direction: column;gap: 3px;padding: 12px 14px;
border: 1px solid var(--line);border-left: 3px solid var(--y-wheat);
border-radius: 13px;background: var(--bg-2);
}
.v3-admin .u-rail > div b{
font: 600 21px/1 var(--y-display);color: var(--text);font-variant-numeric: tabular-nums;
}
.v3-admin .u-rail > div span{
font-size: 11.5px;color: var(--dim);text-transform: none;letter-spacing: 0;
line-height: 1.3;
}
.v3-admin .st-bar i,.v3-admin .stat-chart-bar i{background: var(--y-wheat);border-radius: 3px 3px 0 0;}
.v3-admin .st-bars{align-items: flex-end;}
.v3-admin .u-btn{
padding: 9px 15px;border-radius: 11px;background: rgba(238,243,230,.06);
border-color: var(--line-2);color: var(--text);font: 600 13px/1 var(--y-body);
}
.v3-admin .u-btn:hover{background: rgba(238,243,230,.13);border-color: var(--muted);}
.v3-admin .u-primary{background: var(--y-wheat);border-color: var(--y-wheat);color: #0a1203;}
.v3-admin .u-primary:hover{background: #a1d052;border-color: #a1d052;}
.v3-admin .u-danger{color: var(--y-red);border-color: rgba(228,111,91,.45);background: rgba(228,111,91,.08);}
.v3-admin .u-danger:hover{background: rgba(228,111,91,.16);border-color: var(--y-red);}
.v3-admin .u-badge{
display: inline-flex;align-items: center;gap: 5px;padding: 3px 9px;
border-radius: 999px;background: var(--bg-2);border: 1px solid var(--line);
font-size: 11.5px;color: var(--muted);
}
.v3-admin .u-empty{
display: block;padding: 22px;text-align: center;color: var(--dim);
border: 1px dashed var(--line-2);border-radius: 14px;background: var(--bg-2);
}
.v3-admin .u-ledger th{color: var(--dim);border-bottom-color: var(--line);}
.v3-admin .u-ledger td{border-bottom-color: var(--line);}
.v3-admin .u-ledger tbody tr:hover td{background: rgba(238,243,230,.03);}
.v3-admin .u-n{font-variant-numeric: tabular-nums;}
.v3-admin .pm-badge{background: var(--y-red);color: #fff;}
.v3-admin input[type="text"],.v3-admin input[type="number"],.v3-admin input[type="search"],
.v3-admin input:not([type]),.v3-admin select,.v3-admin textarea{
background: var(--bg-2);border: 1px solid var(--line);border-radius: 11px;
color: var(--text);padding: 10px 12px;font: 400 13.5px/1.4 var(--y-body);
}
.v3-admin input:focus,.v3-admin select:focus,.v3-admin textarea:focus{
outline: none;border-color: var(--y-wheat);box-shadow: 0 0 0 3px rgba(143,194,61,.14);
}
@media (max-width: 640px){
.v3-adm-tabs{grid-template-columns: repeat(auto-fill,minmax(min(140px,100%),1fr));}
.v3-admin .u-sect{padding: 16px 14px;}
}
@media (prefers-reduced-motion: reduce){.v3-adm-tab:hover{transform: none;}}
.v3-admin .stat-grid{gap: 8px;grid-template-columns: repeat(auto-fill,minmax(min(152px,100%),1fr));}
.v3-admin .stat{
border-radius: 13px;border-left: 3px solid var(--y-wheat);
background: var(--bg-2);padding: 12px 14px;
}
.v3-admin .stat b{font: 600 21px/1 var(--y-display);font-variant-numeric: tabular-nums;}
.v3-admin .stat span{font-size: 11.5px;color: var(--dim);text-transform: none;letter-spacing: 0;}
.v3-admin .stat-chart rect[fill="var(--text)"]{fill: var(--y-wheat);}
.v3-admin .stat-chart-label{color: var(--dim);}
.v3-admin .stat-chart-label b{color: var(--text);}
.v3-admin .grid-2{display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(min(360px,100%),1fr));align-items: start;}
.v3-admin .grid-2 > .u-sect + .u-sect{margin-top: 0;}
.v3-admin .u-picks{background: transparent;border: 0;gap: 8px;}
.v3-admin .u-pick{background: var(--bg-2);border-radius: 14px;box-shadow: none;border: 1px solid var(--line);}
.v3-admin .u-pick.u-chosen{border-color: var(--y-wheat);background: rgba(143,194,61,.08);}
.v3-admin input[type="date"],.v3-admin input[type="datetime-local"],.v3-admin input[type="email"],
.v3-admin input[type="password"],.v3-admin input[type="url"]{
background: var(--bg-2);border: 1px solid var(--line);border-radius: 11px;
color: var(--text);padding: 10px 12px;font: 400 13.5px/1.4 var(--y-body);
}
.v3-admin input[type="date"]::-webkit-calendar-picker-indicator,
.v3-admin input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter: invert(.7);cursor: pointer;}
.v3-admin label{font-size: 12.5px;color: var(--muted);}
.v3-admin.u-page .field input,.v3-admin.u-page .field select,.v3-admin.u-page .field textarea,
.v3-admin.u-page .give-row input,.v3-admin.u-page .give-row select,
.v3-admin.u-page .row-acts input,.v3-admin.u-page .row-acts select{
background: var(--bg-2);border: 1px solid var(--line);border-radius: 11px;
padding: 10px 12px;font: 400 13.5px/1.45 var(--y-body);
}
.v3-admin.u-page .field input:focus,.v3-admin.u-page .field select:focus,
.v3-admin.u-page .field textarea:focus{
border-color: var(--y-wheat);box-shadow: 0 0 0 3px rgba(143,194,61,.14);
}
.v3-admin.u-page .field label{color: var(--dim);}
body.v3 .bell-menu{
left: 0;right: auto;width: calc(var(--side-w) - 24px);
max-height: min(58vh,440px);padding: 7px;border-radius: 15px;
background: var(--panel);border-color: var(--line-2);
}
body.v3 .bell-menu a{
align-items: flex-start;gap: 9px;padding: 9px;
white-space: normal;overflow-wrap: anywhere;
}
body.v3 .bell-menu a span{min-width: 0;flex: 1;}
body.v3 .bell-menu a .ic{margin-top: 2px;color: var(--y-wheat);}
body.v3 .bell-head{color: var(--y-wheat);}
.fsh-stage{
display: grid;gap: 0;padding: 0;overflow: hidden;
grid-template-columns: minmax(0,1.35fr) minmax(260px,.85fr);
grid-template-areas: "water pick" "hud pick" "catch catch";
}
@media (max-width: 860px){
.fsh-stage{grid-template-columns: minmax(0,1fr);grid-template-areas: "water" "hud" "pick" "catch";}
}
.fsh-water{
grid-area: water;position: relative;height: 210px;overflow: hidden;
background: linear-gradient(180deg,#1b2b3a 0%,#17384b 48%,#0f2a3a 100%);
}
.fsh-sun{
position: absolute;right: 14%;top: 14%;width: 54px;height: 54px;border-radius: 50%;
background: radial-gradient(circle,#f3d089,#8fc23d 60%,transparent 70%);opacity: .8;
}
.fsh-sun::after{
content: "";position: absolute;left: 50%;top: 150%;width: 34px;height: 96px;margin-left: -17px;
background: linear-gradient(180deg,rgba(243,208,137,.28),transparent 85%);
filter: blur(3px);
}
.fsh-hill{
position: absolute;inset: 34% 0 auto 0;height: 40px;background: #16202a;opacity: .85;
clip-path: polygon(0 100%,12% 42%,26% 74%,44% 20%,62% 66%,80% 34%,100% 78%,100% 100%);
}
.fsh-wave{
position: absolute;left: -10%;width: 120%;height: 2px;border-radius: 2px;
background: rgba(147,196,110,.12);
}
.fsh-wave.w1{top: 62%;animation: fsh-drift 7s linear infinite;}
.fsh-wave.w2{top: 76%;background: rgba(238,243,230,.07);animation: fsh-drift 11s linear infinite reverse;}
@keyframes fsh-drift{from{transform: translateX(-6%);}to{transform: translateX(6%);}}
.fsh-hill::after{
content: "";position: absolute;inset: auto 0 -6px 0;height: 18px;
background:
radial-gradient(10px 14px at 14% 100%,#1c2b1e 98%,transparent 100%),
radial-gradient(8px 11px at 22% 100%,#16241a 98%,transparent 100%),
radial-gradient(12px 16px at 68% 100%,#1c2b1e 98%,transparent 100%),
radial-gradient(7px 10px at 78% 100%,#16241a 98%,transparent 100%),
radial-gradient(9px 12px at 90% 100%,#1c2b1e 98%,transparent 100%);
}
.fsh-reed{
position: absolute;bottom: 0;width: 4px;border-radius: 4px 4px 0 0;
background: linear-gradient(180deg,#2f5a34,#1b3520);transform-origin: bottom;
}
.fsh-reed::after{
content: "";position: absolute;top: -9px;left: -2px;width: 8px;height: 14px;
border-radius: 4px;background: #3d6b41;
}
.fsh-reed.r1{left: 6%;height: 86px;animation: fsh-sway 5s ease-in-out infinite;}
.fsh-reed.r2{left: 10%;height: 62px;animation: fsh-sway 6.5s ease-in-out infinite reverse;}
@keyframes fsh-sway{0%,100%{transform: rotate(-4deg);}50%{transform: rotate(5deg);}}
.fsh-line{
position: absolute;left: 50%;top: 8%;width: 1px;height: 52%;opacity: 0;
background: linear-gradient(180deg,transparent,rgba(238,243,230,.35));
transition: opacity .25s ease;
}
.fsh-float{
position: absolute;left: 50%;top: 58%;width: 15px;height: 22px;margin-left: -7px;opacity: 0;
border-radius: 50% 50% 46% 46%;background: linear-gradient(180deg,#e4574a 0 52%,#eef3e6 52% 100%);
box-shadow: 0 2px 6px rgba(0,0,0,.5);transition: opacity .25s ease;
}
.fsh-ring{
position: absolute;left: 50%;top: 74%;width: 10px;height: 10px;margin-left: -5px;opacity: 0;
border: 1px solid rgba(238,243,230,.5);border-radius: 50%;
}
.fsh-water.is-cast .fsh-line,.fsh-water.is-cast .fsh-float{opacity: 1;}
.fsh-water.is-cast .fsh-float{animation: fsh-bob 2.6s ease-in-out infinite;}
@keyframes fsh-bob{0%,100%{transform: translateY(0);}50%{transform: translateY(4px);}}
.fsh-water.is-nibble .fsh-float{animation: fsh-twitch .3s ease;}
@keyframes fsh-twitch{50%{transform: translateY(7px) rotate(-6deg);}}
.fsh-water.is-bite .fsh-float{animation: fsh-dip .45s ease-in-out infinite;}
@keyframes fsh-dip{0%,100%{transform: translateY(2px);}50%{transform: translateY(15px) scale(.9);}}
.fsh-water.is-bite .fsh-ring{opacity: 1;animation: fsh-ripple 1s ease-out infinite;}
@keyframes fsh-ripple{
from{width: 10px;height: 10px;margin-left: -5px;opacity: .6;}
to{width: 74px;height: 20px;margin-left: -37px;opacity: 0;}
}
.fsh-hud{grid-area: hud;padding: 16px 20px 18px;display: flex;flex-direction: column;gap: 10px;}
.fsh-say{margin: 0;font: 600 19px/1.25 var(--y-display);color: var(--text);}
.fsh-sub{margin: 0;font-size: 13px;color: var(--muted);min-height: 18px;font-variant-numeric: tabular-nums;}
.fsh-stage[data-state="biting"] .fsh-say{color: var(--y-red);}
.fsh-stage[data-state="fighting"] .fsh-say{color: var(--y-wheat);}
.fsh-bar{
position: relative;height: 22px;border-radius: 11px;overflow: hidden;
background: var(--bg-2);border: 1px solid var(--line);
}
.fsh-zone{position: absolute;top: 0;bottom: 0;background: rgba(147,196,110,.35);border-left: 1px solid var(--y-meadow);border-right: 1px solid var(--y-meadow);}
.fsh-mark{position: absolute;top: 2px;bottom: 2px;width: 4px;border-radius: 2px;background: var(--y-wheat);box-shadow: 0 0 8px rgba(143,194,61,.8);}
.fsh-acts{display: flex;flex-wrap: wrap;gap: 8px;}
.fsh-acts .y3-btn{min-width: 132px;justify-content: center;}
.fsh-strike{background: var(--y-red);border-color: var(--y-red);color: #fff;animation: fsh-pulse .7s ease-in-out infinite;}
.fsh-strike:hover{background: #d9463a;border-color: #d9463a;color: #fff;}
@keyframes fsh-pulse{0%,100%{transform: scale(1);}50%{transform: scale(1.04);}}
.fsh-meters{display: flex;flex-wrap: wrap;gap: 7px;margin-top: 2px;}
.fsh-meters > span{
display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;
border-radius: 999px;background: var(--bg-2);border: 1px solid var(--line);font-size: 12px;
}
.fsh-meters .ic,.fsh-meters .ic-c{width: 15px;height: 15px;color: var(--dim);}
.fsh-meters b{font: 700 13px/1 var(--y-body);color: var(--text);font-variant-numeric: tabular-nums;}
.fsh-meters i{font-style: normal;color: var(--dim);}
.fsh-stage.is-hot .fsh-streak{border-color: rgba(143,194,61,.55);background: rgba(143,194,61,.12);}
.fsh-stage.is-hot .fsh-streak b{color: var(--y-wheat);}
.fsh-pick{
grid-area: pick;padding: 16px 18px;display: flex;flex-direction: column;gap: 8px;
background: var(--bg-2);border-left: 1px solid var(--line);
}
@media (max-width: 860px){.fsh-pick{border-left: 0;border-top: 1px solid var(--line);}}
.fsh-pick .v3-label{margin: 4px 0 0;}
.fsh-spots,.fsh-baits{display: grid;gap: 6px;}
.fsh-spots{grid-template-columns: repeat(auto-fill,minmax(min(128px,100%),1fr));}
.fsh-spot,.fsh-bait{position: relative;cursor: pointer;}
.fsh-spot input,.fsh-bait input{position: absolute;opacity: 0;width: 0;height: 0;}
.fsh-spot-in,.fsh-bait-in{
display: flex;align-items: center;gap: 8px;padding: 9px 11px;border-radius: 12px;
background: var(--panel);border: 1px solid var(--line);
transition: border-color .15s ease,background .15s ease;
}
.fsh-spot-in{flex-direction: column;align-items: flex-start;gap: 2px;}
.fsh-spot-in b,.fsh-bait-in b{font: 600 13px/1.2 var(--y-body);color: var(--text);}
.fsh-spot-in i,.fsh-bait-in i{font-style: normal;font-size: 11px;color: var(--dim);display: inline-flex;align-items: center;gap: 4px;}
.fsh-bait-in i{margin-left: auto;font-variant-numeric: tabular-nums;}
.fsh-bait-in em{font-style: normal;font-size: 11px;color: var(--y-meadow);}
.fsh-bait-in .ic-c,.fsh-bait-in .ic{width: 18px;height: 18px;flex: none;}
.fsh-spot:hover .fsh-spot-in,.fsh-bait:hover .fsh-bait-in{border-color: var(--line-2);}
.fsh-spot input:checked + .fsh-spot-in,.fsh-bait input:checked + .fsh-bait-in{
border-color: var(--tone,var(--y-wheat));
background: color-mix(in srgb,var(--tone,var(--y-wheat)) 12%,var(--panel));
}
.fsh-spot input:focus-visible + .fsh-spot-in,.fsh-bait input:focus-visible + .fsh-bait-in{outline: 2px solid var(--y-wheat);outline-offset: 2px;}
.fsh-spot.is-off,.fsh-bait.is-off{opacity: .45;cursor: not-allowed;}
.fsh-catch{grid-area: catch;padding: 14px 20px 18px;border-top: 1px solid var(--line);}
.fsh-log{list-style: none;margin: 6px 0 0;padding: 0;display: flex;flex-direction: column;gap: 5px;}
.fsh-log:empty::after{content: "—";color: var(--dim);font-size: 13px;}
.fsh-log li{
display: flex;align-items: center;flex-wrap: wrap;gap: 7px;padding: 7px 11px;
border-radius: 11px;background: var(--bg-2);border: 1px solid var(--line);
border-left: 3px solid var(--y-meadow);font-size: 13px;animation: fsh-in .3s ease;
}
@keyframes fsh-in{from{opacity: 0;transform: translateY(-5px);}}
.fsh-log li.r2{border-left-color: var(--y-water);}
.fsh-log li.r3{border-left-color: var(--y-plum);}
.fsh-log li.r4{border-left-color: var(--y-wheat);background: rgba(143,194,61,.08);}
.fsh-log li.is-miss,.fsh-log li.is-poor{border-left-color: var(--y-red);}
.fsh-log b{color: var(--text);}
.fsh-log span{padding: 2px 8px;border-radius: 999px;font-size: 11.5px;background: rgba(238,243,230,.06);color: var(--muted);}
.fsh-log .fsh-kg{font-variant-numeric: tabular-nums;}
.fsh-log .fsh-xp{color: var(--y-plum);}
.fsh-log .fsh-rec{background: rgba(143,194,61,.18);color: var(--y-wheat);}
.fsh-log .fsh-tro{background: rgba(143,194,61,.28);color: var(--y-wheat);}
.fsh-log .fsh-perf{background: rgba(147,196,110,.18);color: var(--y-meadow);}
.fsh-stage.is-caught .fsh-water{box-shadow: inset 0 0 0 2px rgba(143,194,61,.5);}
@media (prefers-reduced-motion: reduce){
.fsh-wave,.fsh-reed,.fsh-float,.fsh-ring,.fsh-strike,.fsh-log li{animation: none !important;}
}
.fsh-catch .v3-label{display: flex;align-items: center;gap: 7px;}
.fsh-catch .v3-label .ic{width: 15px;height: 15px;color: var(--y-water);}
.fsh-log li.is-best{border-left-color: var(--y-wheat);background: rgba(143,194,61,.07);}
.fsh-log .ff-who{background: none;padding: 0;}
.fsh-log .ff-who b{font-weight: 600;}
.fsh-log .ff-kg{font-variant-numeric: tabular-nums;}
.fsh-log i{margin-left: auto;font-style: normal;font-size: 11.5px;color: var(--dim);}
.fsh-prize{margin: 0;display: flex;flex-wrap: wrap;gap: 6px;min-height: 0;}
.fsh-prize span{padding: 3px 9px;border-radius: 999px;font-size: 11.5px;background: rgba(238,243,230,.06);color: var(--muted);}
.fsh-prize .fsh-xp{color: var(--y-plum);}
.fsh-prize .fsh-rec{background: rgba(143,194,61,.18);color: var(--y-wheat);}
.fsh-prize .fsh-tro{background: rgba(143,194,61,.28);color: var(--y-wheat);}
.fsh-prize .fsh-perf{background: rgba(147,196,110,.18);color: var(--y-meadow);}
.fsh-shop{display: grid;gap: 20px;grid-template-columns: repeat(auto-fit,minmax(min(420px,100%),1fr));align-items: start;}
.fsh-shop-col{display: flex;flex-direction: column;gap: 10px;min-width: 0;}
.fsh-rows{display: flex;flex-direction: column;gap: 8px;}
.fsh-row{
display: grid;gap: 10px 12px;align-items: center;min-width: 0;
grid-template-columns: 46px minmax(0,1fr) auto;
grid-template-areas: "ic t buy" "ic n n";
padding: 11px 13px;border-radius: 15px;
background: var(--panel);border: 1px solid var(--line);
}
.fsh-row.is-have{border-color: rgba(147,196,110,.35);}
.fsh-row.is-off{opacity: .5;}
.fsh-row-ic{
grid-area: ic;width: 46px;height: 46px;border-radius: 14px;display: grid;place-items: center;
background: var(--bg-2);border: 1px solid var(--line);
}
.fsh-row-ic .ic-c,.fsh-row-ic .ic{width: 28px;height: 28px;}
.fsh-row-ic.t1{border-color: rgba(147,196,110,.35);}
.fsh-row-ic.t2{border-color: rgba(122,168,196,.35);}
.fsh-row-ic.t3{border-color: rgba(168,130,196,.35);}
.fsh-row-ic.t4{border-color: rgba(143,194,61,.45);}
.fsh-row-t{grid-area: t;min-width: 0;display: flex;flex-direction: column;gap: 2px;}
.fsh-row-t b{font: 600 14px/1.2 var(--y-body);color: var(--text);}
.fsh-row-t i{font-style: normal;font-size: 12px;color: var(--dim);}
.fsh-row-n{grid-area: n;display: flex;flex-wrap: wrap;gap: 5px;}
.fsh-row-n .v3-pill{font-size: 11.5px;padding: 3px 8px;}
.fsh-row-buy{grid-area: buy;display: flex;align-items: center;gap: 6px;}
.fsh-row-buy form{display: flex;align-items: center;gap: 6px;margin: 0;}
.fsh-row-buy select{
background: var(--bg-2);border: 1px solid var(--line);border-radius: 10px;
color: var(--text);padding: 7px 9px;font: 400 12.5px/1 var(--y-body);
}
@media (max-width: 520px){
.fsh-row{grid-template-columns: 40px minmax(0,1fr);grid-template-areas: "ic t" "n n" "buy buy";}
.fsh-row-ic{width: 40px;height: 40px;}
.fsh-row-buy{justify-content: flex-end;}
}
.v3-plot-stage{
padding: 3px 7px;border-radius: 999px;background: rgba(238,243,230,.07);
font: 700 9.5px/1.2 var(--y-body);letter-spacing: .06em;text-transform: uppercase;color: var(--muted);
}
.v3-plot-link{display: grid;place-items: center;border-radius: 50%;}
.v3-plot-link:focus-visible{outline: 2px solid var(--y-wheat);outline-offset: 3px;}
.v3-plot.is-stubble{
--tone: var(--y-wheat);
border-style: solid;border-color: color-mix(in srgb,var(--y-wheat) 28%,var(--line));
background: linear-gradient(180deg,#252015 0%,#1c1810 100%);
}
.v3-plot.is-stubble::after{
height: 46%;
background:
repeating-linear-gradient(90deg,transparent 0 6px,rgba(143,194,61,.38) 6px 8px,transparent 8px 13px),
linear-gradient(180deg,transparent 0 40%,rgba(122,84,51,.55) 40% 100%);
-webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 55%);
mask-image: linear-gradient(180deg,transparent 0%,#000 55%);
}
.v3-plot.is-stubble .v3-plot-stage{color: var(--y-wheat);background: rgba(143,194,61,.12);}
.v3-plot.is-stubble:hover{border-color: color-mix(in srgb,var(--y-wheat) 55%,var(--line));transform: translateY(-2px);}
.v3-plot.is-plowed{
--tone: var(--y-clay);
border-style: solid;border-color: color-mix(in srgb,var(--y-clay) 38%,var(--line));
background: linear-gradient(180deg,#261c15 0%,#1d1611 100%);
}
.v3-plot.is-plowed::after{
height: 52%;
background: repeating-linear-gradient(0deg,rgba(74,48,30,.95) 0 6px,rgba(150,102,62,.55) 6px 9px);
-webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 45%);
mask-image: linear-gradient(180deg,transparent 0%,#000 45%);
opacity: .8;
}
.v3-plot.is-plowed .v3-plot-stage{color: #e0a47a;background: rgba(196,128,84,.14);}
.v3-plot.is-harrowed{
--tone: var(--y-meadow);
border-style: solid;border-color: color-mix(in srgb,var(--y-meadow) 40%,var(--line));
background: linear-gradient(180deg,#221c15 0%,#1b1611 100%);
}
.v3-plot.is-harrowed::after{
height: 52%;
background:
repeating-linear-gradient(0deg,rgba(74,48,30,.95) 0 3px,rgba(150,102,62,.5) 3px 5px),
repeating-linear-gradient(90deg,transparent 0 9px,rgba(20,14,10,.35) 9px 10px);
-webkit-mask-image: linear-gradient(180deg,transparent 0%,#000 45%);
mask-image: linear-gradient(180deg,transparent 0%,#000 45%);
opacity: .8;
}
.v3-plot.is-harrowed .v3-plot-stage{color: var(--y-meadow);background: rgba(147,196,110,.14);}
.v3-plot.is-stubble .v3-plot-ring .ic,
.v3-plot.is-plowed .v3-plot-ring .ic,
.v3-plot.is-harrowed .v3-plot-ring .ic{width: 40px;height: 40px;}
.v3-plot.is-plowed .v3-plot-ring .bg,
.v3-plot.is-harrowed .v3-plot-ring .bg,
.v3-plot.is-stubble .v3-plot-ring .bg{stroke: color-mix(in srgb,var(--tone) 35%,var(--line));}
.v3-plot-marks .hb{width: 15px;height: 15px;}
@media (max-width: 640px){
.v3-plot-stage{font-size: 8.5px;padding: 2px 5px;}
}
.v3-plot.is-stubble .y3-btn,.v3-plot.is-plowed .y3-btn,.v3-plot.is-harrowed .y3-btn,
.v3-plot.is-plowed .v3-mini,.v3-plot.is-harrowed .v3-mini{
background: #0b0f08;box-shadow: 0 4px 12px -6px rgba(0,0,0,.8);
}
.v3-plot.is-stubble .v3-plot-go{
color: #f0c9a6;border-color: color-mix(in srgb,var(--y-clay) 70%,var(--line));
background: color-mix(in srgb,var(--y-clay) 22%,#0b0f08);
}
.v3-plot.is-stubble .v3-plot-go:hover{background: color-mix(in srgb,var(--y-clay) 36%,#0b0f08);color: #fff;}
.v3-need-n{display: flex;align-items: center;gap: 6px;}
.v3-need-tag{
flex: none;padding: 1px 7px;border-radius: 999px;font-style: normal;
font: 700 10px/1.5 var(--y-body);letter-spacing: .02em;
color: #cdb4e6;background: rgba(168,130,196,.16);border: 1px solid rgba(168,130,196,.4);
}
.v3-need.is-above .v3-ico{border-color: rgba(168,130,196,.45);background: rgba(168,130,196,.1);}
.v3-need-mkt{
grid-column: 2 / 4;display: flex;flex-wrap: wrap;align-items: center;gap: 6px 8px;
padding: 7px 9px;border-radius: 10px;background: var(--bg-2);border: 1px dashed var(--line-2);
font-size: 12px;color: var(--muted);
}
.v3-need-mkt form{margin: 0;}
.v3-need-mkt > span:first-child{margin-right: auto;}
.v3-rung-d{display: block;margin-top: 3px;font-size: 11.5px;line-height: 1.35;color: var(--dim);}
.v3-inline-form{display: inline-flex;align-items: center;justify-content: flex-end;gap: 6px;margin: 0;}
.mreq-form .v3-label{margin: 2px 0 -4px;}
.mreq-row{display: grid;gap: 10px;grid-template-columns: repeat(2,minmax(0,1fr));}
.mreq-row label{display: flex;flex-direction: column;gap: 6px;}
.mreq-mine{display: flex;flex-direction: column;gap: 8px;}
.mreq-mine-i{
display: flex;align-items: center;gap: 10px;padding: 9px 11px;border-radius: 13px;
background: var(--bg-2);border: 1px solid var(--line);
}
.mreq-mine-i .v3-ico{width: 36px;height: 36px;border-radius: 11px;flex: none;}
.mreq-mine-i .v3-ico .ic-c,.mreq-mine-i .v3-ico .ic{width: 22px;height: 22px;}
.mreq-mine-t{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}
.mreq-mine-t b{font-size: 13.5px;}
.mreq-mine-t i{font-style: normal;font-size: 12px;color: var(--dim);font-variant-numeric: tabular-nums;}
.mreq-mine-i form{margin: 0;}
.v3-tile .v3-wanted{align-self: flex-start;}
@media (max-width: 520px){
.mreq-row{grid-template-columns: minmax(0,1fr);}
.v3-inline-form .v3-qty{width: 64px;}
}
:root{--y-steel: #a9b9d3;}
.t-battle{--tone: var(--y-steel);}
.v3-stat.t-battle b{color: var(--y-steel);}
.btl-level{display: flex;align-items: center;gap: 18px;flex-wrap: wrap;}
.btl-level-t{flex: 1 1 260px;min-width: 0;display: flex;flex-direction: column;gap: 6px;}
.btl-level-t b{font: 600 17px/1.2 var(--y-display);}
.btl-level-t .v3-note{margin: 2px 0 0;}
.btl-power{display: flex;flex-direction: column;align-items: flex-end;gap: 2px;}
.btl-power span{font: 600 10.5px/1 var(--y-body);letter-spacing: .12em;text-transform: uppercase;color: var(--dim);}
.btl-power b{font: 700 32px/1 var(--y-display);color: var(--tone);font-variant-numeric: tabular-nums;}
.btl-job{text-decoration: none;color: inherit;}
.btl-job:hover{text-decoration: none;border-color: color-mix(in srgb,var(--tone) 50%,var(--line));}
.btl-stat.is-hp{--tone: var(--y-red);}
.btl-stat.is-atk{--tone: var(--y-clay);}
.btl-stat.is-def{--tone: var(--y-water);}
.btl-stat.is-spd{--tone: var(--y-wheat);}
.btl-sp{font-variant-numeric: tabular-nums;}
.btl-sp em{font-style: normal;font-weight: 600;margin-left: 2px;}
.btl-sp.is-hp .ic{color: var(--y-red);}
.btl-sp.is-atk .ic{color: var(--y-clay);}
.btl-sp.is-def .ic{color: var(--y-water);}
.btl-sp.is-spd .ic{color: var(--y-wheat);}
.btl-slot.is-empty{border-style: dashed;}
.btl-slot.is-empty .v3-ico{opacity: .55;}
.btl-slot-foot{flex-wrap: wrap;gap: 6px;}
.btl-equip{flex: 1 1 100%;justify-content: stretch;}
.btl-equip select.v3-input{flex: 1 1 150px;min-width: 0;padding: 7px 10px;font-size: 13px;border-radius: 10px;}
.btl-league{
--lg: var(--y-clay);
display: inline-flex;align-items: center;gap: 5px;padding: 3px 9px;border-radius: 99px;white-space: nowrap;
font: 600 12px/1.4 var(--y-body);color: var(--lg);background: color-mix(in srgb,var(--lg) 15%,transparent);
border: 1px solid color-mix(in srgb,var(--lg) 35%,transparent);
}
.btl-league .ic{width: 13px;height: 13px;}
.btl-league.is-bronze{--lg: #cf8f62;}
.btl-league.is-silver{--lg: #c3ccd6;}
.btl-league.is-gold{--lg: #8fc23d;}
.btl-league.is-diamond{--lg: #7fd3e6;}
.btl-league.is-champion{--lg: #d68ae6;}
.y3-chip.btl-league{padding: 7px 12px;font-size: 12.5px;}
.btl-train{display: flex;flex-direction: column;gap: 10px;margin: 12px 0 0;}
.btl-train select.v3-input{padding: 9px 12px;font-size: 13.5px;}
.btl-runs{display: flex;flex-wrap: wrap;gap: 6px;}
.btl-runs label{position: relative;cursor: pointer;}
.btl-runs input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer;}
.btl-runs span{
display: inline-block;padding: 7px 12px;border-radius: 99px;font: 600 12.5px/1 var(--y-body);
color: var(--muted);background: var(--bg-2);border: 1px solid var(--line-2);transition: color .15s,border-color .15s,background .15s;
}
.btl-runs input:checked + span{color: var(--tone);border-color: color-mix(in srgb,var(--tone) 60%,var(--line-2));background: color-mix(in srgb,var(--tone) 14%,transparent);}
.btl-runs input:focus-visible + span{outline: 2px solid var(--tone);outline-offset: 2px;}
.btl-runs input:disabled + span{opacity: .5;cursor: not-allowed;}
.btl-cost{min-height: 1.3em;}
.btl-cost.v3-bad{color: var(--y-red);}
.btl-train .y3-btn{align-self: flex-start;}
.btl-tabs{margin-bottom: 4px;}
.btl-mon{position: relative;}
.btl-mon.is-boss{border-color: color-mix(in srgb,var(--y-red) 45%,var(--line));}
.btl-mon.is-boss .v3-ribbon{background: var(--y-red);}
.btl-mon .v3-ico-lg .ic-c,.btl-mon .v3-ico-lg .ic{width: 38px;height: 38px;}
.btl-chance{display: flex;flex-direction: column;align-items: flex-end;gap: 3px;flex: none;margin-left: auto;}
.btl-chance b{font: 700 20px/1 var(--y-display);font-variant-numeric: tabular-nums;}
.btl-chance i{font: 600 9.5px/1 var(--y-body);font-style: normal;letter-spacing: .1em;text-transform: uppercase;color: var(--dim);}
.btl-chance.is-easy b{color: var(--y-meadow);}
.btl-chance.is-even b{color: var(--y-wheat);}
.btl-chance.is-hard b{color: var(--y-red);}
.btl-drops .v3-dim,.btl-recipe .v3-dim{font-style: normal;font-size: 11.5px;}
.btl-fight-form{display: grid;grid-template-columns: 1fr 1.4fr 72px;gap: 8px;width: 100%;align-items: end;}
.btl-fight-form .y3-btn{grid-column: 1 / -1;justify-content: center;}
.btl-field{display: flex;flex-direction: column;gap: 4px;min-width: 0;}
.btl-field span{font: 600 10px/1 var(--y-body);letter-spacing: .1em;text-transform: uppercase;color: var(--dim);}
.btl-field .v3-input{padding: 8px 10px;font-size: 13px;border-radius: 10px;min-width: 0;}
.btl-fight{position: relative;overflow: hidden;}
.btl-vs{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 14px;}
.btl-side{position: relative;display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;min-width: 0;}
.btl-side > b{font: 600 15px/1.2 var(--y-display);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btl-ava{
width: 72px;height: 72px;flex: none;display: grid;place-items: center;overflow: hidden;
border-radius: 20px;background: var(--bg-2);border: 1px solid var(--line-2);
}
.btl-ava .ic,.btl-ava .ic-c{width: 44px;height: 44px;}
.btl-ava img{width: 100%;height: 100%;object-fit: cover;}
.btl-ava.is-sm{width: 46px;height: 46px;border-radius: 14px;}
.btl-ava.is-sm .ic{width: 24px;height: 24px;}
.btl-hp{position: relative;width: 100%;max-width: 260px;height: 18px;border-radius: 9px;overflow: hidden;background: var(--line);}
.btl-hp i{position: absolute;inset: 0 auto 0 0;width: 100%;border-radius: 9px;background: linear-gradient(90deg,#4fa35d,#93c46e);transition: width .35s ease-out;}
.btl-hp.is-low i{background: linear-gradient(90deg,#b8493a,#e46f5b);}
.btl-hp span{position: relative;display: block;text-align: center;font: 600 11px/18px var(--y-body);color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);font-variant-numeric: tabular-nums;}
.btl-vs-t{font: 700 22px/1 var(--y-display);color: var(--tone);letter-spacing: .06em;}
.btl-float{
position: absolute;top: 12px;left: 50%;pointer-events: none;z-index: 2;
font: 700 19px/1 var(--y-display);text-shadow: 0 2px 6px rgba(0,0,0,.55);
animation: btl-float .95s ease-out forwards;
}
.btl-float.is-h{color: #ffab98;}
.btl-float.is-c{color: #ffd166;font-size: 25px;}
.btl-float.is-e{color: var(--y-meadow);}
.btl-float.is-d{color: var(--muted);font-size: 13px;}
@keyframes btl-float{
0%{opacity: 0;transform: translate(-50%,8px) scale(.9);}
20%{opacity: 1;}
100%{opacity: 0;transform: translate(-50%,-38px) scale(1.05);}
}
.btl-side.is-hit .btl-ava{animation: btl-shake .3s ease-in-out;}
@keyframes btl-shake{25%{transform: translateX(-4px);}75%{transform: translateX(4px);}}
.btl-result{display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;margin: 14px 0 0;font: 600 18px/1.2 var(--y-display);}
.btl-result .ic{width: 20px;height: 20px;}
.btl-result em{font: 600 13px/1 var(--y-body);font-style: normal;}
.btl-fight.is-win .btl-result{color: var(--y-meadow);}
.btl-fight.is-lose .btl-result{color: var(--y-red);}
.btl-fight.is-win{border-color: color-mix(in srgb,var(--y-meadow) 45%,var(--line));}
.btl-fight.is-lose{border-color: color-mix(in srgb,var(--y-red) 45%,var(--line));}
.btl-log{
list-style: none;margin: 14px 0 0;padding: 10px 12px;max-height: 190px;overflow-y: auto;
display: flex;flex-direction: column;gap: 3px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line);
font-size: 13px;line-height: 1.5;
}
.btl-log:empty{display: none;}
.btl-log li.by-1{color: var(--muted);}
.btl-log li.is-c{color: var(--y-wheat);font-weight: 600;}
.btl-log li.is-e{color: var(--y-meadow);}
.btl-log li.is-d{color: var(--dim);font-style: italic;}
.btl-log li:first-child{animation: btl-in .25s ease-out;}
@keyframes btl-in{from{opacity: 0;transform: translateY(-3px);}}
.btl-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-top: 12px;}
.btl-foot form{margin: 0;}
.btl-history{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px;}
.btl-history li{display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 14px;background: var(--panel);border: 1px solid var(--line);}
.btl-history li.is-lose .v3-ico{color: var(--y-red);}
.btl-h-t{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 5px;}
.btl-h-t b{font-weight: 600;}
.btl-h-r{display: flex;flex-direction: column;align-items: flex-end;gap: 6px;flex: none;}
.btl-h-r i{font-style: normal;font-size: 12px;}
.btl-foe .v3-tile-t a{color: inherit;}
.btl-ladder tr.is-me td{background: color-mix(in srgb,var(--tone) 9%,transparent);}
.btl-ladder .ava{width: 26px;height: 26px;border-radius: 8px;overflow: hidden;display: grid;place-items: center;background: var(--bg-2);}
.btl-ladder .ava img{width: 100%;height: 100%;object-fit: cover;}
.btl-ladder .ava .ic{width: 15px;height: 15px;}
.btl-prizes{list-style: none;margin: 12px 0;padding: 0;display: flex;flex-direction: column;gap: 8px;}
.btl-prizes li{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 12px;background: var(--bg-2);border: 1px solid transparent;}
.btl-prizes li.is-me{border-color: color-mix(in srgb,var(--tone) 45%,var(--line));}
.btl-prizes i{font-style: normal;font-size: 12px;}
.btl-prizes b{margin-left: auto;display: inline-flex;align-items: center;gap: 5px;font-variant-numeric: tabular-nums;}
.btl-prizes b .ic{width: 14px;height: 14px;color: var(--y-wheat);}
@media (max-width: 560px){
.btl-vs{gap: 8px;}
.btl-ava{width: 54px;height: 54px;border-radius: 16px;}
.btl-ava .ic,.btl-ava .ic-c{width: 32px;height: 32px;}
.btl-vs-t{font-size: 16px;}
.btl-side > b{font-size: 13px;}
.btl-fight-form,.v3-tile-foot form.btl-fight-form{display: grid;grid-template-columns: 1fr 1fr;}
.btl-field.is-num{grid-column: 1 / -1;}
.btl-history li{flex-wrap: wrap;}
.btl-h-r{flex-direction: row;align-items: center;width: 100%;justify-content: space-between;}
.btl-power b{font-size: 26px;}
}
@media (prefers-reduced-motion: reduce){
.btl-hp i{transition: none;}
.btl-log li:first-child,.btl-side.is-hit .btl-ava{animation: none;}
}
.btl-fight [hidden]{display: none !important;}
.btl-ladder.v3-table{min-width: 0;}
.btl-col{display: flex;flex-direction: column;gap: 24px;min-width: 0;}
.btl-col > .v3-sect{margin: 0;}
.side-me .who i.side-lv{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 6px;margin-top: 3px;line-height: 1.3;}
body.v3 .side-me .who i.side-lv .vip-tag{margin: 0;vertical-align: 0;}
.side-me .who .side-lvl{white-space: nowrap;}
.side-me .who .side-clvl{
display: inline-flex;align-items: center;gap: 4px;padding: 1px 7px 1px 5px;border-radius: 99px;white-space: nowrap;
font: 600 10px/1.5 var(--y-body,inherit);color: var(--y-steel,#a9b9d3);
background: color-mix(in srgb,var(--y-steel,#a9b9d3) 13%,transparent);
border: 1px solid color-mix(in srgb,var(--y-steel,#a9b9d3) 30%,transparent);
}
.side-me .who .side-clvl .ic{width: 10px;height: 10px;}
.btlw-mon{flex-wrap: nowrap;}
.btlw-mon b{white-space: nowrap;}
.btlw-boss{
flex: none;padding: 2px 7px;border-radius: 99px;font: 700 9.5px/1.4 var(--y-body,inherit);
letter-spacing: .08em;text-transform: uppercase;color: #fff;background: var(--y-red,#e46f5b);
}
.btl-prof .v3-kpis{margin: 14px 0 12px;}
.btl-prof .v3-tile-d .btl-league{margin-left: 2px;vertical-align: 1px;}
.btl-prof-gear{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 12px;}
.btl-prof-gear .v3-pill .ic-c{width: 16px;height: 16px;}
body.v3 .side-support{position: relative;border-color: rgba(230,120,160,.38);background: linear-gradient(135deg,rgba(222,92,140,.24),rgba(222,92,140,.06));}
body.v3 .side-support:hover,body.v3 .side-support.on{border-color: rgba(240,140,180,.75);background: linear-gradient(135deg,rgba(222,92,140,.34),rgba(222,92,140,.12));}
body.v3 .side-support .ss-ic{width: 19px;height: 19px;color: #ff9cc2;}
body.v3 .side-support .ss-txt{flex: 1;}
body.v3 .side-support .ss-go{width: 14px;height: 14px;color: #ff9cc2;transition: transform .15s;}
body.v3 .side-support:hover .ss-go{transform: translateX(3px);}
.sup-two{align-items: stretch;}
.sup-form{display: flex;flex-direction: column;gap: 14px;margin-top: 14px;}
.sup-amounts{display: grid;grid-template-columns: repeat(auto-fill,minmax(84px,1fr));gap: 8px;}
.sup-amt{position: relative;cursor: pointer;}
.sup-amt input{position: absolute;inset: 0;opacity: 0;margin: 0;cursor: pointer;}
.sup-amt span{
display: block;padding: 12px 8px;border-radius: 12px;text-align: center;
font: 700 16px/1 var(--y-display);font-variant-numeric: tabular-nums;
color: var(--text);background: var(--bg-2);border: 1px solid var(--line-2);transition: border-color .15s,background .15s,color .15s;
}
.sup-amt input:checked + span{color: var(--y-plum);border-color: color-mix(in srgb,var(--y-plum) 65%,var(--line-2));background: color-mix(in srgb,var(--y-plum) 15%,transparent);}
.sup-amt input:focus-visible + span{outline: 2px solid var(--y-plum);outline-offset: 2px;}
.sup-amt input:disabled + span{opacity: .5;cursor: not-allowed;}
.sup-other{display: flex;flex-direction: column;gap: 6px;}
.sup-other em{font-style: normal;font-size: 12px;}
.sup-vis{display: flex;flex-direction: column;gap: 8px;margin: 0;padding: 0;border: 0;}
.sup-vis legend{margin-bottom: 8px;}
.sup-vis label{position: relative;cursor: pointer;}
.sup-vis input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer;}
.sup-vis span{
display: flex;align-items: center;gap: 9px;padding: 11px 13px;border-radius: 12px;
background: var(--bg-2);border: 1px solid var(--line-2);color: var(--muted);font-size: 13.5px;
}
.sup-vis span .ic{width: 16px;height: 16px;flex: none;}
.sup-vis input:checked + span{color: var(--text);border-color: color-mix(in srgb,var(--y-plum) 60%,var(--line-2));background: color-mix(in srgb,var(--y-plum) 11%,transparent);}
.sup-vis input:focus-visible + span{outline: 2px solid var(--y-plum);outline-offset: 2px;}
.sup-go{justify-content: center;padding-top: 13px;padding-bottom: 13px;}
.sup-top{list-style: none;margin: 14px 0 0;padding: 0;display: flex;flex-direction: column;gap: 6px;}
.sup-top li{display: flex;align-items: center;gap: 10px;padding: 9px 12px;border-radius: 12px;background: var(--bg-2);border: 1px solid transparent;}
.sup-top li.is-me{border-color: color-mix(in srgb,var(--y-plum) 45%,var(--line));}
.sup-rank{flex: none;width: 26px;height: 26px;display: grid;place-items: center;border-radius: 8px;font: 700 12px/1 var(--y-display);color: var(--muted);background: var(--panel);}
.sup-top li.is-1 .sup-rank{color: #0a1203;background: #8fc23d;}
.sup-top li.is-2 .sup-rank{color: #0a1203;background: #c3ccd6;}
.sup-top li.is-3 .sup-rank{color: #0a1203;background: #cf8f62;}
.sup-top .ava{flex: none;width: 30px;height: 30px;border-radius: 9px;overflow: hidden;display: grid;place-items: center;background: var(--panel);}
.sup-top .ava img{width: 100%;height: 100%;object-fit: cover;}
.sup-top .ava .ic{width: 16px;height: 16px;}
.sup-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;color: inherit;}
.sup-top b{flex: none;font-variant-numeric: tabular-nums;color: var(--y-plum);}
.sup-mine{list-style: none;margin: 12px 0 0;padding: 0;display: flex;flex-direction: column;gap: 6px;}
.sup-mine li{display: flex;align-items: center;gap: 12px;padding: 8px 12px;border-radius: 10px;background: var(--bg-2);font-variant-numeric: tabular-nums;}
.sup-mine li span{color: var(--muted);font-size: 13px;}
.sup-mine li b{margin-left: auto;}
.sup-mine li em{font-style: normal;}
.skl-lvl{margin-left: auto;font: 700 24px/1 var(--y-display);color: var(--tone);font-variant-numeric: tabular-nums;}
.skl-card .v3-tile-d{margin: 8px 0 10px;}
.skl-tabs{display: flex;flex-wrap: wrap;gap: 6px;margin: 0 0 12px;}
.skl-tabs a{display: inline-flex;align-items: center;gap: 6px;padding: 6px 11px;border-radius: 999px;border: 1px solid var(--line);background: var(--bg-2);color: var(--muted);font-size: 13px;text-decoration: none;}
.skl-tabs a .ic{width: 16px;height: 16px;}
.skl-tabs a:hover,.skl-tabs a:focus-visible{color: inherit;}
.skl-tabs a.on{color: inherit;border-color: color-mix(in srgb,var(--y-wheat) 55%,var(--line));background: color-mix(in srgb,var(--y-wheat) 14%,var(--bg-2));}
.v3-table tr.is-me td{background: color-mix(in srgb,var(--y-wheat) 8%,transparent);}
.stn-skill{display: flex;align-items: center;gap: 14px;}
.stn-skill-t{display: flex;flex: 1;flex-direction: column;gap: 6px;min-width: 0;}
.stn-skill-t b{font-size: 15px;}
@media (max-width: 560px){.skl-tabs:not(.skl-when) a span{display: none;}.skl-tabs:not(.skl-when) a{padding: 7px;}}
.vq-quote{margin: 8px 0 10px;padding: 8px 12px;border-left: 3px solid color-mix(in srgb,var(--y-wheat) 55%,transparent);border-radius: 0 10px 10px 0;background: color-mix(in srgb,var(--y-wheat) 6%,transparent);font-size: 13.5px;font-style: italic;line-height: 1.5;color: var(--muted);}
.vq-goal{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;margin: 6px 0 8px;font-size: 14px;}
.vq-goal span{display: flex;align-items: flex-start;gap: 7px;min-width: 0;}
.vq-goal .ic{width: 16px;height: 16px;flex: none;margin-top: 2px;color: var(--y-wheat);}
.vq-goal b{flex: none;font-variant-numeric: tabular-nums;}
.vq-done{opacity: .65;}
.vq-fin{display: grid;gap: 8px;}
.vq-fin-item{padding: 10px 14px;border-radius: 14px;border: 1px solid var(--line);background: var(--panel);}
.vq-fin-item summary{display: flex;align-items: center;gap: 10px;cursor: pointer;list-style: none;}
.vq-fin-item summary::-webkit-details-marker{display: none;}
.vq-fin-item summary .ic{width: 22px;height: 22px;}
.vq-fin-item summary .v3-pill{margin-left: auto;}
.vq-widget{display: flex;align-items: center;gap: 12px;margin: 0 0 14px;padding: 10px 14px;border-radius: 18px;border: 1px solid color-mix(in srgb,var(--y-wheat) 30%,var(--line));background: var(--panel);color: inherit;text-decoration: none;transition: border-color .2s ease;}
.vq-widget:hover,.vq-widget:focus-visible{border-color: color-mix(in srgb,var(--y-wheat) 65%,var(--line));}
.vq-widget.is-ready{border-color: color-mix(in srgb,#8fc46a 60%,var(--line));}
.vq-widget-t{display: flex;flex: 1;flex-direction: column;gap: 2px;min-width: 0;}
.vq-widget-t i{font-size: 12px;font-style: normal;color: var(--muted);}
.vq-widget-t b{font-size: 14px;}
.vq-widget-n{flex: none;font-weight: 700;font-variant-numeric: tabular-nums;}
.vq-widget.is-ready .vq-widget-n{color: #8fc46a;}
.vq-widget > .ic{width: 16px;height: 16px;flex: none;color: var(--muted);}
@media (max-width: 560px){.vq-widget{flex-wrap: wrap;}.vq-widget-n{margin-left: 50px;}}
@media (prefers-reduced-motion: reduce){.vq-widget{transition: none;}}
.fr-gold{box-shadow: 0 0 0 2px #8fc23d,0 0 10px rgba(227,181,63,.45);}
.fr-wreath{box-shadow: 0 0 0 2px #6fae4b,0 0 0 4px rgba(227,195,122,.85);}
.fr-flame{box-shadow: 0 0 0 2px #f07a3a,0 0 12px rgba(240,122,58,.6);animation: frFlame 2.4s ease-in-out infinite;}
.fr-frost{box-shadow: 0 0 0 2px #9fd3ef,0 0 12px rgba(159,211,239,.55);}
.fr-royal{box-shadow: 0 0 0 2px #b195c4,0 0 0 4px #8fc23d;}
.fr-night{box-shadow: 0 0 0 2px #5a5fb8,0 0 14px rgba(127,127,213,.6);}
@keyframes frFlame{50%{box-shadow: 0 0 0 2px #f5a623,0 0 18px rgba(245,166,35,.75);}}
.fx-glow{text-shadow: 0 0 8px currentColor;}
.fx-shimmer{background: linear-gradient(90deg,var(--nk,#e8e8ea) 0%,#fff 50%,var(--nk,#e8e8ea) 100%) 0 0 / 200% 100%;-webkit-background-clip: text;background-clip: text;color: transparent !important;animation: fxShim 3s linear infinite;}
.fx-fire{background: linear-gradient(90deg,#a6d05a,#ff5f40,#ffd36e,#ff5f40,#a6d05a) 0 0 / 300% 100%;-webkit-background-clip: text;background-clip: text;color: transparent !important;animation: fxShim 2.6s linear infinite;}
.fx-frost{background: none !important;-webkit-background-clip: border-box;color: #bfe6ff !important;text-shadow: 0 0 6px rgba(150,210,255,.85);}
.fx-gold{background: linear-gradient(180deg,#fff1b8,#8fc23d 55%,#a87a1a);-webkit-background-clip: text;background-clip: text;color: transparent !important;}
@keyframes fxShim{to{background-position: -200% 0;}}
.lk-form{display: grid;gap: 16px;}
.lk-group{margin: 0;padding: 0;border: 0;min-width: 0;}
.lk-group legend{margin-bottom: 8px;font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--muted);}
.lk-opts{display: grid;gap: 8px;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));}
.lk-opt{position: relative;cursor: pointer;}
.lk-opt input{position: absolute;opacity: 0;pointer-events: none;}
.lk-card{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 12px 8px 10px;border-radius: 14px;border: 1px solid var(--line);background: var(--bg-2);text-align: center;transition: border-color .15s ease;}
.lk-card i{font-size: 12.5px;font-style: normal;color: var(--muted);}
.lk-opt input:checked + .lk-card{border-color: color-mix(in srgb,var(--y-wheat) 70%,var(--line));background: color-mix(in srgb,var(--y-wheat) 10%,var(--bg-2));}
.lk-opt input:checked + .lk-card i{color: inherit;}
.lk-opt input:focus-visible + .lk-card{outline: 2px solid var(--y-wheat);outline-offset: 2px;}
.lk-opt input:disabled + .lk-card{cursor: default;}
.lk-ava{display: grid;place-items: center;width: 44px;height: 44px;overflow: hidden;border-radius: 12px;background: var(--panel);}
.lk-ava img{width: 100%;height: 100%;object-fit: cover;}
.lk-nick{font-size: 15px;font-weight: 700;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lk-bg{display: block;width: 100%;height: 40px;border-radius: 10px;}
.bg-none{background: repeating-linear-gradient(45deg,var(--panel) 0 6px,var(--bg-2) 6px 12px);}
.bg-village{background: linear-gradient(#35507a,#7d6a4e 60%,#5b4a2f);}
.bg-windmill{background: linear-gradient(#3f6aa0,#c99b52 65%,#8a6a35);}
.bg-lake{background: linear-gradient(#2e5d7e,#4f8fb5 55%,#2d5467);}
.bg-forest{background: linear-gradient(#2c4a3a,#3f6d45 60%,#22382a);}
.bg-fields{background: linear-gradient(#5a86b8,#d9b25c 60%,#8f7a3a);}
.bg-town{background: linear-gradient(#4a4f6e,#a07c5b 60%,#5e4a3a);}
.bg-market{background: linear-gradient(#6a4f7e,#c98a4a 60%,#7a4f2f);}
.bg-hunting{background: linear-gradient(#3b3f35,#6f6a45 60%,#3a3524);}
@media (prefers-reduced-motion: reduce){.fr-flame,.fx-shimmer,.fx-fire{animation: none;}.lk-card{transition: none;}}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-gold){box-shadow: 0 0 0 2px #8fc23d,0 0 10px rgba(227,181,63,.45);}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-wreath){box-shadow: 0 0 0 2px #6fae4b,0 0 0 4px rgba(227,195,122,.85);}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-flame){box-shadow: 0 0 0 2px #f07a3a,0 0 12px rgba(240,122,58,.6);}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-frost){box-shadow: 0 0 0 2px #9fd3ef,0 0 12px rgba(159,211,239,.55);}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-royal){box-shadow: 0 0 0 2px #b195c4,0 0 0 4px #8fc23d;}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-night){box-shadow: 0 0 0 2px #5a5fb8,0 0 14px rgba(127,127,213,.6);}
:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-flame){animation: frFlame 2.4s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){:is(.ava,.u-ava,.y3-nb-ava,.v3-avatar-lg,.btl-ava,.prof-ava,.v3-hero-ava,.photo-now,.pm-ava,.lp-people .ava):has(> .fr-src-flame){animation: none;}}
.vip-tag.sup{
display: inline-flex;align-items: center;gap: 3px;color: #fff;
border: 1px solid rgba(255,176,204,.75);
background: linear-gradient(110deg,#c92a63 0%,#ff6f9f 28%,#ffd27a 50%,#ff6f9f 72%,#c92a63 100%);
background-size: 240% 100%;
box-shadow: 0 0 12px rgba(255,105,160,.5),inset 0 1px 0 rgba(255,255,255,.45);
text-shadow: 0 1px 0 rgba(110,16,52,.45);
animation: sup-tag 3.4s linear infinite;
}
.vip-tag.sup .ic{width: 9px;height: 9px;flex: none;}
@keyframes sup-tag{to{background-position: -240% 0;}}
.goal-card{margin-bottom: 18px;}
.goal-card .v3-card-h{flex-wrap: wrap;}
.goal-sum{display: flex;flex-direction: column;align-items: flex-end;gap: 3px;margin-left: auto;}
.goal-sum b{font: 700 22px/1 var(--y-display);color: var(--y-wheat);font-variant-numeric: tabular-nums;}
.goal-sum span{font-size: 12px;font-weight: 600;color: #ff9dbd;}
.goal-lede{margin: 10px 0 0;font-size: 14px;line-height: 1.55;color: var(--muted);}
.goal-bar{position: relative;height: 18px;margin: 36px 4px 16px;border-radius: 99px;background: var(--bg-2);border: 1px solid var(--line);}
.goal-fill{position: absolute;left: 0;top: 0;bottom: 0;overflow: hidden;border-radius: inherit;
background: linear-gradient(90deg,#c92a63,#ff6f9f 45%,var(--y-wheat));box-shadow: 0 0 16px rgba(255,105,160,.35);}
.goal-fill::after{content: "";position: absolute;inset: 0;
background: repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 10px,transparent 10px 20px);background-size: 40px 100%;
animation: goal-run 1.4s linear infinite;}
@keyframes goal-run{to{background-position: 40px 0;}}
.goal-mark{position: absolute;top: -26px;bottom: -3px;width: 0;}
.goal-mark::before{content: "";position: absolute;top: 22px;bottom: 0;left: -1px;width: 2px;border-radius: 2px;background: rgba(238,243,230,.28);}
.goal-mark b{position: absolute;top: 0;transform: translateX(-50%);font: 600 11px/1 var(--y-body);color: var(--dim);white-space: nowrap;}
.goal-mark:last-of-type b{transform: translateX(-100%);}
.goal-mark.on b{color: var(--y-wheat);}
.goal-stages{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;}
.goal-st{display: flex;align-items: center;gap: 12px;min-width: 0;padding: 12px 14px;border-radius: 16px;background: var(--bg-2);border: 1px solid var(--line);}
.goal-st-ico{display: grid;place-items: center;width: 44px;height: 44px;flex: none;border-radius: 13px;background: var(--panel);border: 1px solid var(--line);}
.goal-st-ico .ic{width: 28px;height: 28px;}
.goal-st b{display: block;font: 600 13px/1.2 var(--y-display);color: var(--y-wheat);}
.goal-st > div{min-width: 0;}
.goal-st > div > span{display: block;margin-top: 3px;font-size: 13.5px;line-height: 1.35;}
.goal-st i{display: block;margin-top: 3px;font-style: normal;font-size: 11.5px;color: var(--dim);}
.goal-st.is-done{border-color: rgba(147,196,110,.4);}
.goal-st.is-done i{color: var(--y-meadow);}
.goal-st.is-active{border-color: rgba(255,122,168,.6);background: linear-gradient(135deg,rgba(255,122,168,.16),var(--bg-2) 70%);}
.goal-st.is-active i{color: #ff9dbd;font-weight: 600;}
.goal-sups{margin-top: 18px;}
.goal-sups .v3-note{margin: 4px 0 0;}
.goal-sup-list{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px;}
.goal-sup{display: inline-flex;align-items: center;gap: 8px;padding: 4px 12px 4px 4px;border-radius: 99px;font-size: 13px;background: var(--bg-2);border: 1px solid var(--line);}
.goal-sup a{color: inherit;}
.goal-sup .ava{display: grid;place-items: center;width: 28px;height: 28px;flex: none;overflow: hidden;border-radius: 50%;background: var(--panel);}
.goal-sup .ava img{width: 100%;height: 100%;object-fit: cover;}
.goal-sup .ava .ic{width: 16px;height: 16px;}
.goal-sup.is-hidden{padding-left: 12px;color: var(--muted);}
.goal-sup.is-hidden .ic{width: 15px;height: 15px;}
.goal-empty{margin: 10px 0 0;font-size: 13.5px;color: var(--muted);}
.goal-me{display: flex;align-items: center;gap: 8px;margin: 14px 0 0;padding: 10px 14px;border-radius: 14px;font-size: 13.5px;
color: #ffd3e2;background: rgba(255,105,160,.12);border: 1px solid rgba(255,122,168,.4);}
.goal-me .ic{width: 16px;height: 16px;flex: none;color: #ff8fb6;}
@media (max-width: 760px){
.goal-stages{grid-template-columns: minmax(0,1fr);}
.goal-sum{align-items: flex-start;width: 100%;margin-left: 0;}
}
.gc-col{display: flex;flex-direction: column;gap: 18px;min-width: 0;}
.gc-redeem{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px;}
.gc-redeem .v3-input{flex: 1 1 200px;min-width: 0;text-transform: uppercase;letter-spacing: .08em;font-family: ui-monospace,SFMono-Regular,Consolas,monospace;}
.gc-packs{display: grid;grid-template-columns: repeat(auto-fill,minmax(118px,1fr));gap: 8px;margin: 14px 0;}
.gc-pack{position: relative;cursor: pointer;}
.gc-pack input{position: absolute;opacity: 0;pointer-events: none;}
.gc-pack > span{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 12px 8px;border-radius: 14px;text-align: center;
background: var(--bg-2);border: 1px solid var(--line);transition: border-color .15s,box-shadow .15s;}
.gc-pack b{font: 700 22px/1.1 var(--y-display);color: var(--y-wheat);}
.gc-pack em{font-style: normal;font-size: 11.5px;color: var(--dim);}
.gc-pack i{margin-top: 4px;font-style: normal;font-size: 13.5px;font-weight: 600;}
.gc-pack input:checked + span{border-color: var(--y-wheat);box-shadow: 0 0 0 3px rgba(143,194,61,.16);}
.gc-pack input:focus-visible + span{outline: 2px solid var(--y-wheat);outline-offset: 2px;}
.gc-pack input:disabled + span{opacity: .5;}
.gc-go{width: 100%;justify-content: center;}
.gc-list{display: flex;flex-direction: column;gap: 8px;margin: 14px 0 0;padding: 0;list-style: none;}
.gc-item{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;padding: 10px 12px;border-radius: 14px;background: var(--bg-2);border: 1px solid var(--line);}
.gc-code{padding: 6px 9px;border-radius: 8px;font: 600 13.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing: .06em;color: var(--y-wheat);
background: rgba(0,0,0,.25);border: 1px dashed rgba(143,194,61,.45);white-space: nowrap;}
.gc-item:not(.gc-free) .gc-code,.gc-row:not(.gc-free) .gc-code{color: var(--dim);border-color: var(--line);text-decoration: line-through;}
.gc-meta{flex: 1;min-width: 150px;font-size: 12.5px;color: var(--muted);}
.gc-actions{display: flex;gap: 6px;}
.gc-used summary{cursor: pointer;}
@media (prefers-reduced-motion: reduce){
.vip-tag.sup,.goal-fill::after{animation: none;}
}
.sgp{position: relative;overflow: hidden;border-radius: 28px;background: var(--panel);border: 1px solid var(--line);}
.sgp-top{display: flex;align-items: center;gap: 6px;padding: 10px;overflow-x: auto;scrollbar-width: none;
border-bottom: 1px solid var(--line);background: color-mix(in srgb,var(--bg-2) 70%,transparent);}
.sgp-top::-webkit-scrollbar{display: none;}
.sgp-chip{display: inline-flex;align-items: center;gap: 9px;flex: none;padding: 9px 14px;border-radius: 14px;font-size: 13.5px;color: var(--muted);white-space: nowrap;}
.sgp-chip b{color: var(--text);font-weight: 600;}
.sgp-chip .ic{width: 22px;height: 22px;}
.sgp-chip.on{color: var(--text);background: rgba(238,243,230,.07);}
.sgp-pct{flex: none;margin: 0 6px 0 auto;padding: 5px 12px;border-radius: 99px;font: 700 12px/1 var(--y-body);
color: #ffd3e2;background: rgba(255,105,160,.16);border: 1px solid rgba(255,122,168,.4);}
.sgp-body{position: relative;display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,.9fr);gap: 22px;align-items: start;padding: 26px 30px 30px;}
.sgp-body::before{content: "";position: absolute;inset: 0;pointer-events: none;
background: radial-gradient(45% 80% at 20% 25%,rgba(255,105,160,.08),transparent 70%);}
.sgp-body > *{position: relative;min-width: 0;}
.sgp-in{padding: 20px 22px;border-radius: 18px;background: color-mix(in srgb,var(--bg-2) 82%,transparent);border: 1px solid var(--line);}
.sgp-h{display: flex;align-items: center;gap: 10px;margin: 0;font: 600 18px/1.2 var(--y-display);}
.sgp-h .ic{width: 28px;height: 28px;flex: none;}
.sgp-sub{margin: 5px 0 0;font-size: 13px;line-height: 1.45;color: var(--muted);}
.sgp-sum{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;margin-top: 6px;}
.sgp-sum b{font: 700 clamp(30px,4vw,44px)/1 var(--y-display);color: var(--y-wheat);font-variant-numeric: tabular-nums;}
.sgp-sum i{font-style: normal;font-size: 15px;color: var(--muted);}
.sgp-main .goal-bar{margin-top: 40px;}
.sgp-main .goal-st{background: color-mix(in srgb,var(--bg-2) 82%,transparent);}
.sgp-main .v3-empty{margin: 0 0 8px;}
.sgp-give .sup-form{margin-top: 16px;}
.sgp-row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(360px,100%),1fr));gap: 18px;align-items: start;margin-top: 18px;}
.sgp-pad{padding: 22px 24px;}
.sgp-row-h{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 12px;}
.sgp-row-h > div{flex: 1;min-width: 0;}
.sgp .sup-top .sup-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media (max-width: 980px){
.sgp-body{grid-template-columns: minmax(0,1fr);}
}
@media (max-width: 560px){
.sgp{border-radius: 22px;}
.sgp-body{padding: 18px 12px 20px;}
.sgp-in{padding: 16px;}
.sgp-pad{padding: 18px 14px;}
}
.side-goal{display: block;margin: 0 0 9px;padding: 9px 11px 10px;border-radius: 12px;color: var(--text);
background: linear-gradient(135deg,rgba(255,111,159,.2),rgba(255,111,159,.05));
border: 1px solid rgba(255,122,168,.42);transition: border-color .2s,background .2s;}
.side-goal:hover,.side-goal.on{color: var(--text);text-decoration: none;border-color: rgba(255,122,168,.8);
background: linear-gradient(135deg,rgba(255,111,159,.28),rgba(255,111,159,.08));}
.side-goal .sg-top{display: flex;align-items: center;gap: 8px;}
.side-goal .sg-ic{width: 17px;height: 17px;flex: none;color: #ff8fb6;}
.side-goal .sg-top b{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 11.5px;font-weight: 700;}
.side-goal .sg-top em{font-style: normal;font-size: 11px;font-weight: 700;color: #ffb3cd;font-variant-numeric: tabular-nums;}
.side-goal .sg-bar{display: block;height: 6px;margin: 7px 0 5px;overflow: hidden;border-radius: 99px;background: rgba(0,0,0,.3);}
.side-goal .sg-bar i{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg,#c92a63,#ff6f9f 55%,var(--y-wheat));}
.side-goal .sg-sub{display: block;overflow: hidden;font-size: 10px;color: var(--muted);font-variant-numeric: tabular-nums;white-space: nowrap;text-overflow: ellipsis;}
.side-goal.is-boost .sg-sub{color: #ffb3cd;font-weight: 600;}
.side-goal.is-boost .sg-ic{animation: sg-beat 1.4s ease-in-out infinite;}
@keyframes sg-beat{50%{transform: scale(1.18);}}
@media (prefers-reduced-motion: reduce){.side-goal.is-boost .sg-ic{animation: none;}}
.sgp-main .goal-stages{grid-template-columns: minmax(0,1fr);gap: 8px;}
.sgp-main .goal-st{padding: 10px 14px;}
body.lp{overflow-x: hidden;}
.lp-wrap{width: min(1200px,calc(100% - 40px));margin: 0 auto;}
.lp :focus-visible{outline: 2px solid var(--y-wheat);outline-offset: 3px;}
html:has(body.lp){scroll-padding-top: 80px;}
@property --lp-ang{syntax: '<angle>';inherits: false;initial-value: 0deg;}
@keyframes lp-up{from{opacity: 0;transform: translateY(18px);}to{opacity: 1;transform: none;}}
@keyframes lp-spin{to{transform: rotate(360deg);}}
@keyframes lp-spin-r{to{transform: rotate(-360deg);}}
@keyframes lp-bob{50%{transform: translateY(-7px);}}
@keyframes lp-float{50%{translate: 0 -4px;}}
@keyframes lp-shine{0%,72%{left: -60%;}100%{left: 130%;}}
@keyframes lp-ang{to{--lp-ang: 360deg;}}
@keyframes lp-draw{to{clip-path: inset(0 0 0 0);}}
@keyframes lp-ping{from{transform: scale(1);opacity: .7;}to{transform: scale(3.2);opacity: 0;}}
@keyframes lp-ring{from{transform: scale(1);opacity: .9;}to{transform: scale(1.9);opacity: 0;}}
@keyframes lp-map-in{from{opacity: 0;transform: translateY(24px) scale(.97);}to{opacity: 1;transform: none;}}
@keyframes lp-sway{from{rotate: -2.5deg;}to{rotate: 2.5deg;}}
@keyframes lp-walk{to{stroke-dashoffset: -24px;}}
@keyframes lp-cloud{from{left: -40%;}to{left: 110%;}}
@keyframes lp-rain{to{background-position: -40px 150px;}}
@keyframes lp-water{to{background-position: 60px 0;}}
@keyframes lp-bub{0%{opacity: 0;scale: .6;}9%{opacity: 1;scale: 1;}88%{opacity: 1;scale: 1;}100%{opacity: 0;scale: .92;}}
@keyframes lp-needle{0%,100%{rotate: -14deg;}50%{rotate: 12deg;}}
@keyframes lp-pop{from{opacity: 0;transform: translateY(14px) scale(.97);}to{opacity: 1;transform: none;}}
.lp-nav{position: sticky;top: 0;z-index: 60;background: rgba(3,5,2,.82);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid var(--line);transition: background .3s ease,box-shadow .3s ease;}
.lp-scrolled .lp-nav{background: rgba(3,5,2,.95);box-shadow: 0 14px 34px -24px rgba(0,0,0,.9);}
.lp-nav-in{position: relative;display: flex;align-items: center;gap: 14px;height: 68px;}
.lp-logo{display: flex;align-items: center;gap: 10px;margin-right: auto;color: var(--text);}
.lp-logo:hover{text-decoration: none;}
.lp-logo img{transition: transform .4s cubic-bezier(.3,1.6,.5,1);}
.lp-logo:hover img{transform: rotate(-10deg) scale(1.08);}
.lp-logo b{display: block;font: 700 16px/1.1 var(--y-display);letter-spacing: .02em;}
.lp-logo i{display: block;margin-top: 3px;font-style: normal;font-size: 10.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--dim);}
.lp-links{display: flex;align-items: center;gap: 4px;}
.lp-links > a:not(.y3-btn){position: relative;padding: 8px 12px;border-radius: 10px;color: var(--muted);font-size: 14px;font-weight: 500;transition: color .2s,background .2s;}
.lp-links > a:not(.y3-btn):hover{color: var(--text);background: rgba(238,243,230,.05);text-decoration: none;}
.lp-links > a[data-spy]::after{content: "";position: absolute;left: 12px;right: 12px;bottom: 2px;height: 2px;border-radius: 2px;background: var(--y-wheat);transform: scaleX(0);transition: transform .35s cubic-bezier(.2,.7,.2,1);}
.lp-links > a.is-on{color: var(--text);}
.lp-links > a.is-on::after{transform: scaleX(1);}
.lp-links .lang summary{height: 36px;border-radius: 10px;background: var(--panel);border: 1px solid var(--line);}
.lp-login{margin-left: 8px;}
.lp-burger{display: none;width: 40px;height: 40px;place-items: center;border-radius: 11px;border: 1px solid var(--line-2);background: var(--panel);color: var(--text);cursor: pointer;}
.lp-burger .ic{width: 20px;height: 20px;}
body.lp .lp-links > a.y3-btn-main,
body.lp .lp-links > a.y3-btn-main:hover{color: #eef7dd;opacity: 1;text-decoration: none;}
body.lp .lp-links > a.y3-btn-main .ic{color: #eef7dd;}
.lp-hero2{display: grid;grid-template-columns: minmax(0,.88fr) minmax(0,1.22fr);gap: 48px;align-items: center;padding: 44px 0 10px;}
.lp-hero2-copy > *{animation: lp-up .7s cubic-bezier(.2,.7,.2,1) both;}
.lp-hero2-copy > *:nth-child(2){animation-delay: .1s;}
.lp-hero2-copy > *:nth-child(3){animation-delay: .22s;}
.lp-hero2-copy > *:nth-child(4){animation-delay: .34s;}
.lp-hero2-copy > *:nth-child(5){animation-delay: .46s;}
.lp-hero2-copy > *:nth-child(6){animation-delay: .56s;}
.lp-kicker{display: inline-flex;align-items: center;gap: 9px;margin: 0;padding: 7px 14px 7px 12px;border-radius: 99px;font-size: 13px;color: var(--muted);background: rgba(147,196,110,.08);border: 1px solid rgba(147,196,110,.22);}
.lp-kicker b{color: var(--y-meadow);}
.lp-pulse{position: relative;display: inline-block;width: 9px;height: 9px;flex: none;border-radius: 50%;background: var(--y-meadow);}
.lp-pulse::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: inherit;animation: lp-ping 1.8s ease-out infinite;}
.lp-title{margin: 20px 0 0;font: 700 clamp(36px,4.8vw,64px)/1.02 var(--y-display);letter-spacing: -.025em;color: var(--text);text-wrap: balance;}
.lp-title em{position: relative;display: inline-block;font-style: normal;color: var(--y-wheat);}
.lp-title em::after{
content: "";position: absolute;left: -2%;right: -2%;bottom: -.13em;height: .22em;background: var(--y-meadow);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 17 C44 6 108 3 196 11' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 24' preserveAspectRatio='none'%3E%3Cpath d='M4 17 C44 6 108 3 196 11' fill='none' stroke='%23000' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%;
clip-path: inset(0 100% 0 0);animation: lp-draw .9s 1s cubic-bezier(.6,0,.2,1) forwards;
}
.lp-lead{max-width: 50ch;margin: 22px 0 0;font-size: 16px;line-height: 1.62;color: var(--muted);}
.lp-lead b{color: var(--text);}
.lp-actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 26px;}
.lp-big{padding: 14px 22px;font-size: 15px;}
.lp-big .ic{width: 17px;height: 17px;transition: transform .2s ease;}
.lp-big:hover .ic{transform: translateX(3px);}
.lp .y3-btn-main.lp-big{position: relative;overflow: hidden;}
.lp .y3-btn-main.lp-big::after{content: "";position: absolute;top: 0;bottom: 0;left: -60%;width: 38%;pointer-events: none;
background: linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform: skewX(-20deg);animation: lp-shine 6s ease-in-out 2.5s infinite;}
.lp-nums{display: flex;flex-wrap: wrap;gap: 14px 0;margin: 32px 0 0;padding: 0;list-style: none;}
.lp-nums li{display: flex;flex-direction: column;gap: 5px;padding: 0 24px;border-left: 1px solid var(--line-2);}
.lp-nums li:first-child{padding-left: 0;border-left: 0;}
.lp-nums b{font: 700 28px/1 var(--y-display);color: var(--tone);font-variant-numeric: tabular-nums;}
.lp-nums span{font-size: 12.5px;color: var(--dim);}
.lp-hero2-copy .y3-chips{margin-top: 22px;}
.lp-hero2-map{position: relative;min-width: 0;animation: lp-map-in .9s .15s cubic-bezier(.2,.7,.2,1) both;}
.lp-map{
--grass-a: #577a36;--grass-b: #3a5626;--field-a: #b3a24c;--field-b: #8c7c34;
--path: #d7b98a;--water-a: #4a8db5;--water-b: #2b5d7e;--shore: rgba(215,190,130,.45);
--stone-a: #a59d8c;--stone-b: #7d7565;--wall: #b08a62;--roof: #6b3a28;--sand: #cfb27a;
position: relative;isolation: isolate;overflow: hidden;aspect-ratio: 5 / 4;border-radius: 32px;
background:
radial-gradient(55% 45% at 28% 30%,color-mix(in srgb,var(--grass-a) 88%,#fff),transparent 70%),
radial-gradient(60% 55% at 72% 78%,var(--grass-a),transparent 72%),
var(--grass-b);
border: 1px solid rgba(238,243,230,.16);
box-shadow: 0 44px 90px -44px rgba(0,0,0,.95),inset 0 0 0 9px rgba(3,5,2,.28),inset 0 0 0 10px rgba(238,243,230,.1);
}
.lp-map[data-season="spring"]{--grass-a: #5f8f45;--grass-b: #3f6530;--field-a: #7aa257;--field-b: #5b8043;}
.lp-map[data-season="autumn"]{--grass-a: #7a6a35;--grass-b: #56481f;--field-a: #c29444;--field-b: #976f2f;}
.lp-map[data-season="winter"]{--grass-a: #aeb9c2;--grass-b: #8793a0;--field-a: #d3dbe2;--field-b: #b5c0ca;--water-a: #7aa2b8;--water-b: #587f96;--path: #eef1f4;--shore: rgba(240,244,248,.5);}
.lp-map::after{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;opacity: .55;
background-image: radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.6px);
background-size: 16px 16px,23px 23px;background-position: 0 0,7px 11px;}
.lp-map::before{content: "";position: absolute;inset: 0;z-index: 5;pointer-events: none;background: transparent;transition: background .6s ease;}
.lp-map[data-daypart="morning"]::before{background: rgba(255,214,150,.07);}
.lp-map[data-daypart="evening"]::before{background: linear-gradient(160deg,rgba(223,139,88,.22),rgba(44,50,94,.2));}
.lp-map[data-daypart="night"]::before{background: rgba(8,12,34,.5);}
.lp-map-land{position: absolute;inset: 0;z-index: 1;}
.lp-map-land > span{position: absolute;display: block;}
.lp-m-field{border-radius: 7px;background: repeating-linear-gradient(90deg,var(--field-a) 0 8px,var(--field-b) 8px 13px);box-shadow: 0 0 0 3px rgba(70,48,22,.28),0 6px 10px -6px rgba(0,0,0,.5);}
.lp-m-field.f1{left: 5%;top: 11%;width: 17%;height: 14%;rotate: -8deg;}
.lp-m-field.f2{left: 23%;top: 7%;width: 12%;height: 12%;rotate: 7deg;}
.lp-m-field.f3{left: 7%;top: 32%;width: 14%;height: 12%;rotate: 3deg;background: repeating-linear-gradient(0deg,var(--field-a) 0 8px,var(--field-b) 8px 13px);}
.lp-m-rocks{left: 37%;top: 3%;width: 22%;height: 20%;
background:
radial-gradient(circle at 24% 62%,var(--stone-b) 0 17%,transparent 18%),
radial-gradient(circle at 48% 44%,var(--stone-a) 0 24%,transparent 25%),
radial-gradient(circle at 74% 64%,var(--stone-b) 0 15%,transparent 16%),
radial-gradient(circle at 60% 78%,var(--stone-a) 0 10%,transparent 11%);
filter: drop-shadow(0 5px 4px rgba(0,0,0,.35));}
.lp-m-lake{left: 63%;top: 55%;width: 34%;height: 32%;overflow: hidden;
border-radius: 48% 52% 44% 56% / 56% 44% 56% 44%;
background: radial-gradient(circle at 40% 35%,var(--water-a),var(--water-b));
box-shadow: 0 0 0 6px var(--shore),inset 0 6px 16px rgba(0,0,0,.25);}
.lp-m-lake::before{content: "";position: absolute;inset: 0;opacity: .9;
background: repeating-linear-gradient(172deg,transparent 0 13px,rgba(255,255,255,.13) 13px 15px);background-size: 60px 100%;
animation: lp-water 6s linear infinite;}
.lp-m-yard{left: 7%;top: 70%;width: 26%;height: 24%;border-radius: 14px;border: 3px dashed rgba(96,66,36,.85);background: rgba(190,150,80,.18);}
.lp-m-stall{left: 17%;top: 47%;width: 13%;height: 7%;border-radius: 10px 10px 3px 3px;transform: skewX(-6deg);
background: repeating-linear-gradient(90deg,#c65a3f 0 9px,#e6eed8 9px 18px);box-shadow: 0 7px 8px -5px rgba(0,0,0,.55);}
.lp-m-square{left: 40%;top: 36%;width: 26%;height: 28%;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--sand) 60%,transparent),color-mix(in srgb,var(--sand) 22%,transparent) 60%,transparent 72%);}
.lp-m-ring{left: 45%;top: 73%;width: 20%;height: 22%;border-radius: 50%;background: radial-gradient(circle,var(--sand) 0 52%,#8a6a42 53% 60%,transparent 61%);}
.lp-m-house{width: 5%;aspect-ratio: 1 / 1.05;transform: translate(-50%,-50%);
clip-path: polygon(50% 0,100% 42%,100% 100%,0 100%,0 42%);
background: linear-gradient(var(--roof) 0 42%,var(--wall) 42%);filter: drop-shadow(0 4px 3px rgba(0,0,0,.4));}
.lp-map[data-daypart="night"] .lp-m-house{background: linear-gradient(var(--roof) 0 42%,var(--wall) 42% 62%,#ffd27a 62% 74%,var(--wall) 74%);}
.lp-m-tree{width: calc(var(--s,1) * 6%);transform: translate(-50%,-85%);transform-origin: 50% 100%;animation: lp-sway 4.5s ease-in-out infinite alternate;animation-delay: var(--d,0s);}
.lp-m-tree .ic{display: block;width: 100%;height: auto;aspect-ratio: 1;filter: drop-shadow(0 5px 3px rgba(0,0,0,.35));}
.lp-m-paths{position: absolute;inset: 0;width: 100%;height: 100%;}
.lp-m-paths path{fill: none;vector-effect: non-scaling-stroke;stroke-linecap: round;}
.lp-m-paths .u{stroke: rgba(70,48,22,.38);stroke-width: 10px;}
.lp-m-paths .d{stroke: var(--path);stroke-width: 4px;stroke-dasharray: 3px 9px;animation: lp-walk 2.6s linear infinite;}
.lp-m-cloud{z-index: 4;top: 12%;width: 34%;aspect-ratio: 3 / 1;border-radius: 50%;pointer-events: none;
background: radial-gradient(ellipse,rgba(255,255,255,.26),transparent 68%);animation: lp-cloud 46s linear infinite;}
.lp-m-cloud::after{content: "";position: absolute;left: 12%;top: 170%;width: 76%;height: 70%;border-radius: 50%;background: rgba(0,0,0,.16);filter: blur(8px);}
.lp-m-cloud.c2{top: 48%;width: 28%;animation-duration: 62s;animation-delay: -30s;}
.lp-m-rain{inset: 0;z-index: 6;pointer-events: none;opacity: 0;}
.lp-map:is([data-weather="rain"],[data-weather="storm"]) .lp-m-rain{
opacity: 1;background: repeating-linear-gradient(104deg,transparent 0 11px,rgba(205,222,240,.17) 11px 12px);background-size: 150px 150px;animation: lp-rain .9s linear infinite;}
.lp-map:is([data-weather="rain"],[data-weather="storm"]) .lp-m-cloud{background: radial-gradient(ellipse,rgba(160,172,186,.45),transparent 68%);}
.lp-node{position: absolute;left: var(--x);top: var(--y);z-index: 7;display: flex;flex-direction: column;align-items: center;gap: 5px;
padding: 0;border: 0;background: none;color: var(--text);font: inherit;cursor: pointer;transform: translate(-50%,-32%);}
.lp-node:hover,.lp-node:focus-visible,.lp-node.is-on{z-index: 9;}
.lp-node:focus-visible{outline: none;}
.lp-node-ico{position: relative;display: grid;place-items: center;width: 58px;height: 58px;border-radius: 50%;
background: radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tone) 38%,#2a241c),#050704);
box-shadow: 0 0 0 3px color-mix(in srgb,var(--tone) 75%,#050704),0 14px 22px -8px rgba(0,0,0,.85);
transition: transform .3s cubic-bezier(.3,1.6,.5,1);animation: lp-float 4s ease-in-out infinite;animation-delay: var(--d,0s);}
.lp-node-ico .ic{width: 36px;height: 36px;}
.lp-node-ico::after{content: "";position: absolute;inset: -3px;border-radius: 50%;border: 2px solid var(--tone);opacity: 0;pointer-events: none;}
.lp-node.is-ping .lp-node-ico::after{animation: lp-ring 1.1s ease-out 2;}
.lp-node:hover .lp-node-ico,.lp-node:focus-visible .lp-node-ico,.lp-node.is-on .lp-node-ico{transform: scale(1.13);}
.lp-node-l{padding: 3px 10px;border-radius: 99px;white-space: nowrap;font: 600 11.5px/1.3 var(--y-body);
background: rgba(3,5,2,.85);border: 1px solid rgba(238,243,230,.14);box-shadow: 0 6px 12px -6px rgba(0,0,0,.7);}
.lp-node:focus-visible .lp-node-l{outline: 2px solid var(--y-wheat);outline-offset: 2px;}
.lp-node-tip{--tx: -50%;position: absolute;left: 50%;bottom: calc(100% + 10px);z-index: 10;width: 240px;padding: 12px 14px;border-radius: 15px;text-align: left;
background: rgba(3,5,2,.96);border: 1px solid color-mix(in srgb,var(--tone) 50%,var(--line));
box-shadow: 0 22px 44px -18px rgba(0,0,0,.95);
opacity: 0;visibility: hidden;transform: translate(var(--tx),6px);pointer-events: none;transition: opacity .2s ease,transform .2s ease,visibility .2s;}
.lp-node.is-low .lp-node-tip{bottom: auto;top: calc(100% + 8px);transform: translate(var(--tx),-6px);}
.lp-node.is-w .lp-node-tip{--tx: 0%;left: -12px;}
.lp-node.is-e .lp-node-tip{--tx: 0%;left: auto;right: -12px;}
.lp-node:hover .lp-node-tip,.lp-node:focus-visible .lp-node-tip,.lp-node.is-on .lp-node-tip{opacity: 1;visibility: visible;transform: translate(var(--tx),0);}
.lp-node-tip b{display: block;margin-bottom: 4px;font: 600 14px/1.2 var(--y-display);color: var(--tone);}
.lp-node-tip span{display: block;font-size: 12.5px;line-height: 1.45;font-weight: 400;color: var(--muted);white-space: normal;}
.lp-bubbles{position: absolute;inset: 0;z-index: 8;pointer-events: none;}
.lp-bub{--tx: -50%;--tail: 50%;position: absolute;left: var(--x);top: var(--y);display: flex;align-items: center;gap: 8px;width: max-content;max-width: min(260px,62%);
padding: 7px 12px 7px 7px;border-radius: 14px;background: #f5eedf;color: #0a1203;
box-shadow: 0 16px 30px -12px rgba(0,0,0,.85);transform: translate(var(--tx),calc(-100% - 40px));transform-origin: var(--tail) 100%;
animation: lp-bub 4.4s cubic-bezier(.2,.8,.2,1) both;}
.lp-bub::after{content: "";position: absolute;left: var(--tail);bottom: -5px;width: 12px;height: 12px;margin-left: -6px;border-radius: 2px;background: inherit;rotate: 45deg;}
.lp-bub.is-w{--tx: -18%;--tail: 18%;}
.lp-bub.is-e{--tx: -82%;--tail: 82%;}
.lp-bub.is-low{transform: translate(var(--tx),64px);transform-origin: var(--tail) 0;}
.lp-bub.is-low::after{bottom: auto;top: -5px;}
.lp-bub.is-gone{opacity: 0;transition: opacity .3s ease;}
.lp-bub > .ic{width: 26px;height: 26px;flex: none;}
.lp-bub span{min-width: 0;}
.lp-bub b{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 12.5px;font-weight: 600;line-height: 1.3;}
.lp-bub i{display: block;margin-top: 2px;font-style: normal;font-size: 11px;color: #7a6843;}
.lp-map-wx{position: absolute;left: 16px;top: 16px;z-index: 7;display: inline-flex;align-items: center;gap: 7px;max-width: calc(100% - 100px);padding: 6px 12px 6px 9px;border-radius: 99px;
font-size: 12px;color: var(--muted);background: rgba(3,5,2,.82);border: 1px solid rgba(238,243,230,.14);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lp-map-wx b{color: var(--text);font-weight: 600;}
.lp-map-wx .ic{width: 16px;height: 16px;flex: none;color: var(--y-water);}
.lp-map-compass{position: absolute;right: 16px;bottom: 16px;z-index: 7;display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;
background: rgba(3,5,2,.72);border: 1px solid rgba(238,243,230,.18);}
.lp-map-compass::before{content: "N";position: absolute;top: 3px;font: 700 8px/1 var(--y-display);color: var(--dim);}
.lp-map-compass i{width: 8px;height: 28px;clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);background: linear-gradient(var(--y-wheat) 50%,rgba(238,243,230,.55) 50%);animation: lp-needle 7s ease-in-out infinite;}
.lp-map-note{display: flex;align-items: flex-start;gap: 8px;margin: 14px 6px 0;font-size: 12.5px;line-height: 1.45;color: var(--dim);}
.lp-map-note .ic{width: 15px;height: 15px;flex: none;margin-top: 1px;}
.lp-modal{width: min(430px,calc(100% - 24px));max-width: none;max-height: calc(100dvh - 24px);margin: auto;padding: 0;border: 0;background: transparent;color: var(--text);overflow: visible;}
.lp-modal::backdrop{background: rgba(1,2,1,.74);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}
.lp-modal[open]{animation: lp-pop .35s cubic-bezier(.2,.8,.2,1) both;}
.lp-modal[open]:not(:modal){position: fixed;inset: 0;z-index: 100;height: fit-content;box-shadow: 0 0 0 100vmax rgba(1,2,1,.74);}
.lp-auth{
position: relative;max-height: calc(100dvh - 24px);overflow: auto;box-sizing: border-box;padding: 20px 22px 22px;border-radius: 24px;border: 1px solid transparent;
background:
linear-gradient(#0a0e07,#0a0e07) padding-box,
conic-gradient(from var(--lp-ang),rgba(238,243,230,.1) 0 58%,rgba(143,194,61,.8) 72%,rgba(147,196,110,.6) 84%,rgba(238,243,230,.1) 96%) border-box;
box-shadow: 0 40px 90px -30px rgba(0,0,0,.9);
animation: lp-ang 9s linear infinite;
}
.lp-modal-x{position: absolute;right: 12px;top: 12px;display: grid;place-items: center;width: 34px;height: 34px;padding: 0;border-radius: 50%;border: 1px solid var(--line-2);background: var(--bg-2);color: var(--muted);cursor: pointer;transition: color .2s,background .2s;}
.lp-modal-x:hover{color: var(--text);background: var(--panel);}
.lp-modal-x .ic{width: 15px;height: 15px;}
.lp-auth-tag{display: flex;align-items: center;gap: 9px;margin: 2px 44px 14px 0;font-size: 13px;font-weight: 500;color: var(--y-meadow);}
.lp-auth-tag img{width: 20px;height: auto;}
.lp-auth .auth-tabs{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;margin: 0 0 16px;padding: 4px;border-radius: 14px;background: rgba(238,243,230,.05);border: 0;}
.lp-auth .auth-tabs button{padding: 11px;border: 0;border-radius: 11px;background: transparent;color: var(--muted);font: 600 14px/1 var(--y-body);cursor: pointer;transition: background .2s,color .2s;}
.lp-auth .auth-tabs button:hover{color: var(--text);}
.lp-auth .auth-tabs button.on{background: var(--y-wheat);color: #0a1203;}
.lp-auth .auth-form{display: none;flex-direction: column;gap: 10px;}
.lp-auth .auth-form.on{display: flex;animation: lp-up .35s ease both;}
.lp .fld{position: relative;display: flex;align-items: center;gap: 10px;margin: 0;padding: 0 12px;border-radius: 12px;background: var(--bg-2);border: 1px solid var(--line-2);transition: border-color .15s,box-shadow .15s;}
.lp .fld:focus-within{border-color: rgba(143,194,61,.7);box-shadow: 0 0 0 4px rgba(143,194,61,.1);}
.lp .fld > .ic{width: 17px;height: 17px;flex: none;color: var(--dim);}
.lp .fld input,.lp .fld textarea{flex: 1;width: 100%;min-width: 0;margin: 0;padding: 13px 0;border: 0;outline: 0;box-shadow: none;background: transparent;color: var(--text);font: 400 14.5px/1.3 var(--y-body);}
.lp .fld.area{align-items: stretch;}
.lp .fld textarea{min-height: 100px;resize: vertical;}
.lp .fld input::placeholder,.lp .fld textarea::placeholder{color: var(--dim);}
.lp .eye{display: grid;place-items: center;width: 32px;height: 32px;flex: none;padding: 0;border: 0;border-radius: 8px;background: transparent;color: var(--dim);cursor: pointer;}
.lp .eye:hover{color: var(--text);}
.lp .eye .ic{width: 17px;height: 17px;}
.lp .fld-row{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 14px;font-size: 12.5px;}
.lp .fld-row .check{display: flex;align-items: center;gap: 6px;margin-right: auto;color: var(--muted);cursor: pointer;}
.lp .fld-row .check input{accent-color: var(--y-wheat);}
.lp .fld-row a{color: var(--dim);}
.lp .fld-row a:hover{color: var(--text);}
.lp .btn-full{width: 100%;justify-content: center;padding: 13px;font-size: 15px;}
.lp .or-line{display: flex;align-items: center;gap: 10px;margin: 4px 0;font-size: 12px;color: var(--dim);}
.lp .or-line::before,.lp .or-line::after{content: "";flex: 1;height: 1px;background: var(--line);}
.lp .sso-row{display: grid;gap: 8px;}
.lp .sso-row.two{grid-template-columns: 1fr 1fr;}
.lp .tiny{margin: 6px 0 0;font-size: 11.5px;line-height: 1.5;color: var(--dim);}
.lp .tiny a{color: var(--muted);}
.lp .alert{display: flex;align-items: flex-start;gap: 10px;margin: 0 0 12px;padding: 11px 13px;border-radius: 12px;font-size: 13px;}
.lp .alert .ic{width: 16px;height: 16px;flex: none;margin-top: 1px;}
.lp .alert.err{color: #ffd9d2;background: rgba(228,111,91,.12);border: 1px solid rgba(228,111,91,.4);}
.lp .alert.ok{color: #e1f1d2;background: rgba(147,196,110,.12);border: 1px solid rgba(147,196,110,.4);}
.lp .sso-btn{justify-content: center;gap: 10px;height: 46px;padding: 0 16px;border-radius: 13px;font: 600 14.5px/1 var(--y-body);letter-spacing: .1px;transition: transform .16s ease,box-shadow .16s ease,background .16s ease;}
.lp .sso-btn .ic{width: 19px;height: 19px;}
.lp .sso-btn span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lp .sso-dc{background: #5865f2;border-color: #5865f2;color: #fff;}
.lp .sso-dc:hover{background: #4b57e0;border-color: #4b57e0;color: #fff;transform: translateY(-1px);box-shadow: 0 8px 20px rgba(88,101,242,.35);}
.lp .sso-gg{background: #fff;border-color: #fff;color: #1f1f1f;}
.lp .sso-gg:hover{background: #f1f1f1;border-color: #f1f1f1;color: #1f1f1f;transform: translateY(-1px);box-shadow: 0 8px 20px rgba(0,0,0,.35);}
.lp .sso-gg .ic-c{width: 19px;height: 19px;}
.lp .sso-btn:focus-visible{outline: 2px solid var(--y-wheat);outline-offset: 2px;}
.lp-sect{margin-top: 90px;}
.lp-sect-h{max-width: 720px;margin: 0 auto 30px;text-align: center;}
.lp-sect-h h2{margin: 0;font: 700 clamp(26px,3.6vw,44px)/1.1 var(--y-display);letter-spacing: -.015em;text-wrap: balance;}
.lp-sect-h p{max-width: 60ch;margin: 12px auto 0;font-size: 15px;line-height: 1.6;color: var(--muted);}
.lp-js .lp-rv{opacity: 0;transform: translateY(26px);transition: opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
.lp-js .lp-rv.is-in{opacity: 1;transform: none;}
.lp-world2{position: relative;overflow: hidden;border-radius: 28px;background: var(--panel);border: 1px solid var(--line);}
.lp-tabs{display: flex;gap: 6px;padding: 10px;overflow-x: auto;scrollbar-width: none;border-bottom: 1px solid var(--line);background: color-mix(in srgb,var(--bg-2) 70%,transparent);}
.lp-tabs::-webkit-scrollbar{display: none;}
.lp-tab{position: relative;flex: 1 0 auto;display: flex;align-items: center;justify-content: center;gap: 9px;padding: 10px 14px 12px;overflow: hidden;
border: 0;border-radius: 14px;background: transparent;color: var(--muted);font: 600 14px/1.1 var(--y-body);white-space: nowrap;cursor: pointer;transition: background .2s,color .2s;}
.lp-tab:hover{color: var(--text);background: rgba(238,243,230,.04);}
.lp-tab.on{color: var(--text);background: rgba(238,243,230,.07);}
.lp-tab-ico{display: grid;place-items: center;width: 28px;height: 28px;}
.lp-tab-ico .ic{width: 26px;height: 26px;transition: transform .3s ease;}
.lp-tab.on .lp-tab-ico .ic{transform: scale(1.12) rotate(-6deg);}
.lp-tab-bar{position: absolute;left: 14px;right: 14px;bottom: 4px;height: 2px;overflow: hidden;border-radius: 2px;background: rgba(238,243,230,.07);opacity: 0;transition: opacity .2s;}
.lp-tab.on .lp-tab-bar{opacity: 1;}
.lp-tab-bar::after{content: "";position: absolute;inset: 0;transform-origin: left;transform: scaleX(var(--p,1));background: var(--y-wheat);}
.lp-panel{position: relative;display: grid;grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);gap: 36px;align-items: center;padding: 30px 40px 34px;}
.lp-js .lp-panel:not(.on){display: none;}
.lp-panel::before{content: "";position: absolute;inset: 0;pointer-events: none;
background: radial-gradient(55% 90% at 20% 50%,color-mix(in srgb,var(--tone) 17%,transparent),transparent 70%);}
.lp-panel.on .lp-stage,.lp-panel.on .lp-fx{animation: lp-up .55s cubic-bezier(.2,.7,.2,1) both;}
.lp-panel.on .lp-fx:nth-child(2){animation-delay: .1s;}
.lp-stage{position: relative;justify-self: center;width: min(290px,100%);aspect-ratio: 1;container-type: inline-size;}
.lp-stage::before{content: "";position: absolute;inset: 14%;border-radius: 50%;border: 1px dashed color-mix(in srgb,var(--tone) 45%,transparent);}
.lp-stage-core{position: absolute;inset: 30%;display: grid;place-items: center;border-radius: 50%;
background: radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tone) 32%,var(--panel)),var(--bg-2));
box-shadow: 0 0 0 1px color-mix(in srgb,var(--tone) 38%,transparent),0 22px 50px -18px color-mix(in srgb,var(--tone) 65%,transparent);
animation: lp-bob 4s ease-in-out infinite;}
.lp-stage-core .ic{width: 56%;height: 56%;}
.lp-orbit{position: absolute;inset: 0;animation: lp-spin 48s linear infinite;}
.lp-orb{position: absolute;left: 50%;top: 50%;width: 0;height: 0;transform: rotate(var(--a)) translateY(-36cqi);}
.lp-orb > span{position: absolute;left: -23px;top: -23px;display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;
background: var(--bg-2);border: 1px solid var(--line-2);box-shadow: 0 10px 24px -12px rgba(0,0,0,.75);transform: rotate(calc(-1 * var(--a)));}
.lp-orb .ic{width: 27px;height: 27px;animation: lp-spin-r 48s linear infinite;}
.lp-panel-body{position: relative;display: grid;gap: 14px;}
.lp-fx{padding: 18px 20px;border-radius: 18px;background: color-mix(in srgb,var(--bg-2) 82%,transparent);border: 1px solid var(--line);transition: border-color .2s;}
.lp-fx:hover{border-color: color-mix(in srgb,var(--tone) 45%,var(--line));}
.lp-fx h3{display: flex;align-items: center;gap: 10px;margin: 0 0 6px;font: 600 18px/1.2 var(--y-display);}
.lp-fx-ico{display: grid;place-items: center;width: 30px;height: 30px;flex: none;}
.lp-fx-ico .ic{width: 28px;height: 28px;}
.lp-fx p{margin: 0 0 10px;font-size: 14px;line-height: 1.55;color: var(--muted);}
.lp-fx p:last-child{margin-bottom: 0;}
.lp-fx ul{display: flex;flex-wrap: wrap;gap: 6px 16px;margin: 0;padding: 0;list-style: none;}
.lp-fx li{display: flex;align-items: center;gap: 6px;font-size: 13px;}
.lp-fx li .ic{width: 14px;height: 14px;flex: none;color: var(--tone);}
.lp-path .lp-sect-h{margin-bottom: 18px;}
.lp-path-track{overflow-x: auto;padding: 6px 2px 10px;scrollbar-width: thin;}
.lp-path-in{position: relative;min-width: 860px;}
.lp-path-line{position: absolute;top: 29px;left: calc(100% / (var(--n) * 2));right: calc(100% / (var(--n) * 2));height: 3px;border-radius: 3px;background: var(--line-2);}
.lp-path-line i{display: block;width: 100%;height: 100%;border-radius: inherit;background: linear-gradient(90deg,var(--y-meadow),var(--y-wheat));transform-origin: left;}
.lp-js .lp-path-line i{transform: scaleX(0);transition: transform 2.4s cubic-bezier(.4,0,.2,1) .3s;}
.lp-js .lp-path.is-in .lp-path-line i{transform: none;}
.lp-steps{position: relative;display: grid;grid-template-columns: repeat(var(--n),minmax(0,1fr));gap: 6px;margin: 0;padding: 0;list-style: none;}
.lp-step{display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;}
.lp-step-dot{position: relative;display: grid;place-items: center;width: 60px;height: 60px;border-radius: 50%;background: var(--panel);border: 2px solid var(--y-wheat);
box-shadow: 0 0 0 5px var(--bg);transition: transform .2s ease;}
.lp-js .lp-step-dot{transform: scale(.3);opacity: 0;border-color: var(--line-2);
transition: transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s ease,border-color .4s ease;transition-delay: calc(.35s + var(--i) * .24s);}
.lp-js .lp-path.is-in .lp-step-dot{transform: none;opacity: 1;border-color: var(--y-wheat);}
.lp-step-dot .ic{width: 34px;height: 34px;}
.lp-step b{font: 600 12px/1 var(--y-body);letter-spacing: .08em;text-transform: uppercase;color: var(--y-wheat);}
.lp-step > span:last-child{max-width: 15ch;font-size: 13.5px;line-height: 1.4;color: var(--muted);}
.lp-start-steps{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin: 0;padding: 10px;list-style: none;border-radius: 28px;background: var(--panel);border: 1px solid var(--line);}
.lp-start-steps li{position: relative;display: flex;flex-direction: column;align-items: center;padding: 30px 26px 30px;border-radius: 20px;text-align: center;}
.lp-start-steps li::before{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;background: radial-gradient(60% 55% at 50% 22%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 70%);}
.lp-start-steps li:not(:last-child)::after{content: "";position: absolute;top: 74px;left: calc(50% + 58px);right: calc(-50% + 58px);height: 2px;z-index: 0;
background: repeating-linear-gradient(90deg,rgba(143,194,61,.6) 0 8px,transparent 8px 15px);transform-origin: left;}
.lp-start-ico{position: relative;z-index: 1;display: grid;place-items: center;width: 90px;height: 90px;border-radius: 50%;
background: radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tone) 32%,var(--panel)),var(--bg-2));
box-shadow: 0 0 0 1px color-mix(in srgb,var(--tone) 40%,transparent),0 22px 44px -18px color-mix(in srgb,var(--tone) 60%,transparent);}
.lp-start-ico .ic{width: 52px;height: 52px;}
.lp-start-ico em{position: absolute;right: -2px;top: -2px;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;
font: 700 13px/1 var(--y-display);font-style: normal;color: #0a1203;background: var(--y-wheat);box-shadow: 0 0 0 4px var(--panel);}
.lp-start-steps h3{position: relative;margin: 20px 0 6px;font: 600 19px/1.2 var(--y-display);}
.lp-start-steps p{position: relative;max-width: 30ch;margin: 0;font-size: 14px;line-height: 1.55;color: var(--muted);}
.lp-js .lp-start .lp-start-steps li{opacity: 0;transform: translateY(18px);transition: opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay: calc(.2s + var(--i) * .22s);}
.lp-js .lp-start .lp-start-steps li::after{transform: scaleX(0);transition: transform .7s ease;transition-delay: calc(.6s + var(--i) * .22s);}
.lp-js .lp-start.is-in .lp-start-steps li{opacity: 1;transform: none;}
.lp-js .lp-start.is-in .lp-start-steps li::after{transform: none;}
.lp-start-go{display: flex;justify-content: center;margin-top: 26px;}
.lp-kicker .ic{width: 14px;height: 14px;color: var(--y-meadow);}
.lp-ask{position: relative;overflow: hidden;display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);border-radius: 28px;background: var(--panel);border: 1px solid var(--line);}
.lp-ask-qs{display: flex;flex-direction: column;gap: 6px;padding: 22px;border-right: 1px solid var(--line);background: color-mix(in srgb,var(--bg-2) 70%,transparent);}
.lp-ask-qs .v3-label{margin: 0 0 6px 6px;}
.lp-ask-q{display: flex;align-items: center;gap: 12px;width: 100%;padding: 9px 16px 9px 9px;border-radius: 16px;border: 1px solid transparent;background: transparent;color: var(--muted);font: 600 14.5px/1.3 var(--y-body);text-align: left;cursor: pointer;transition: background .2s,color .2s,border-color .2s,transform .2s;}
.lp-ask-q:hover{color: var(--text);background: rgba(238,243,230,.04);transform: translateX(3px);}
.lp-ask-q.on{color: var(--text);background: rgba(238,243,230,.07);border-color: rgba(143,194,61,.3);}
.lp-ask-q-ico{display: grid;place-items: center;width: 40px;height: 40px;flex: none;border-radius: 12px;background: var(--panel);border: 1px solid var(--line);}
.lp-ask-q-ico .ic{width: 25px;height: 25px;}
.lp-ask-q::after{content: "";flex: none;width: 7px;height: 7px;margin-left: auto;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: rotate(45deg);opacity: .45;}
.lp-chat{position: relative;display: flex;flex-direction: column;min-height: 470px;background: radial-gradient(70% 60% at 85% 0%,rgba(143,194,61,.07),transparent 70%);}
.lp-chat-h{display: flex;align-items: center;gap: 12px;padding: 16px 22px;border-bottom: 1px solid var(--line);}
.lp-chat-ava{display: grid;place-items: center;width: 44px;height: 44px;flex: none;border-radius: 50%;
background: radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--y-wheat) 30%,var(--panel)),var(--bg-2));box-shadow: 0 0 0 1px rgba(143,194,61,.35);}
.lp-chat-ava img{width: 24px;height: auto;}
.lp-chat-h b{display: block;font: 600 15px/1.2 var(--y-display);}
.lp-chat-h i{display: flex;align-items: center;gap: 7px;margin-top: 4px;font-style: normal;font-size: 12px;color: var(--y-meadow);}
.lp-chat-h .lp-pulse{width: 7px;height: 7px;}
.lp-chat-log{flex: 1;display: flex;flex-direction: column;gap: 10px;max-height: 470px;overflow-y: auto;padding: 20px 22px 24px;scrollbar-width: thin;}
.lp-pair{display: flex;flex-direction: column;gap: 10px;}
.lp-js .lp-pair:not(.is-shown){display: none;}
.lp-msg{max-width: 82%;margin: 0;padding: 11px 15px;border-radius: 18px;font-size: 14px;line-height: 1.55;}
.lp-msg.bot{align-self: flex-start;color: var(--text);background: var(--bg-2);border: 1px solid var(--line);border-bottom-left-radius: 6px;}
.lp-msg.me{align-self: flex-end;color: #0a1203;font-weight: 600;background: var(--y-wheat);border-bottom-right-radius: 6px;}
.lp-pair.is-new .lp-msg.me{animation: lp-msg-r .35s cubic-bezier(.2,.8,.2,1) both;}
.lp-pair.is-new .lp-msg.bot{animation: lp-msg-l .4s cubic-bezier(.2,.8,.2,1) both;}
.lp-typing{display: none;align-self: flex-start;gap: 4px;padding: 14px 16px;border-radius: 18px;border-bottom-left-radius: 6px;background: var(--bg-2);border: 1px solid var(--line);}
.lp-typing i{width: 7px;height: 7px;border-radius: 50%;background: var(--dim);animation: lp-dot 1s ease-in-out infinite;}
.lp-typing i:nth-child(2){animation-delay: .15s;}
.lp-typing i:nth-child(3){animation-delay: .3s;}
.lp-pair.is-typing .lp-typing{display: inline-flex;}
.lp-pair.is-typing .lp-msg.bot{display: none;}
@keyframes lp-dot{0%,60%,100%{transform: none;opacity: .45;}30%{transform: translateY(-4px);opacity: 1;}}
@keyframes lp-msg-r{from{opacity: 0;transform: translateX(14px) scale(.96);}to{opacity: 1;transform: none;}}
@keyframes lp-msg-l{from{opacity: 0;transform: translateX(-14px) scale(.96);}to{opacity: 1;transform: none;}}
.lp-reach{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin-top: 14px;}
.lp-reach-i{display: flex;align-items: center;gap: 14px;padding: 15px 18px 15px 15px;border-radius: 20px;color: var(--text);background: var(--panel);border: 1px solid var(--line);list-style: none;cursor: pointer;transition: border-color .2s,transform .2s;}
a.lp-reach-i:hover,.lp-write > summary.lp-reach-i:hover{text-decoration: none;border-color: var(--line-2);transform: translateY(-2px);}
.lp-reach-ico{display: grid;place-items: center;width: 46px;height: 46px;flex: none;border-radius: 14px;background: var(--bg-2);border: 1px solid var(--line);}
.lp-reach-ico .ic{width: 28px;height: 28px;}
.lp-reach-t{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 3px;}
.lp-reach-t b{font: 600 15px/1.2 var(--y-display);}
.lp-reach-t i{font-style: normal;font-size: 12.5px;line-height: 1.35;color: var(--muted);}
.lp-reach-i > .ic{width: 15px;height: 15px;flex: none;color: var(--dim);transition: transform .25s ease,color .2s;}
.lp-reach-i:hover > .ic{transform: translateX(3px);color: var(--text);}
.lp-reach-i.is-dc{background: linear-gradient(135deg,rgba(88,101,242,.24),rgba(88,101,242,.06));border-color: rgba(123,140,240,.38);}
.lp-reach-i.is-dc .lp-reach-ico{color: #fff;background: #5865f2;border-color: #5865f2;}
.lp-reach-i.is-dc .lp-reach-ico .ic{width: 24px;height: 24px;}
.lp-write{min-width: 0;}
.lp-write > summary::-webkit-details-marker{display: none;}
.lp-write[open]{grid-column: 1 / -1;}
.lp-write[open] > summary > .ic{transform: rotate(90deg);}
.lp-write-body{margin-top: 12px;padding: 20px 22px 22px;border-radius: 20px;background: var(--panel);border: 1px solid var(--line);animation: lp-up .35s ease both;}
.lp-contact{display: flex;flex-direction: column;gap: 10px;}
.lp-contact-row{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.lp-foot2{margin-top: 110px;padding-bottom: 26px;background: linear-gradient(180deg,transparent 0,var(--bg-2) 170px);}
.lp-foot2-cta{position: relative;overflow: hidden;display: flex;align-items: center;min-height: 180px;padding: 30px 36px;border-radius: 28px;
background: radial-gradient(60% 120% at 100% 100%,rgba(147,196,110,.14),transparent 60%),radial-gradient(50% 90% at 0% 0%,rgba(143,194,61,.12),transparent 60%),var(--panel);
border: 1px solid var(--line);}
.lp-foot2-cta-t{position: relative;z-index: 1;max-width: 470px;}
.lp-foot2-cta h2{margin: 0;font: 700 clamp(22px,2.8vw,34px)/1.1 var(--y-display);text-wrap: balance;}
.lp-foot2-cta p{margin: 8px 0 18px;font-size: 14.5px;line-height: 1.5;color: var(--muted);}
.lp-farm{position: absolute;right: 0;bottom: 0;width: min(48%,500px);height: auto;pointer-events: none;}
.lp-farm .sun{fill: var(--y-wheat);opacity: .85;}
.lp-farm .h1{fill: #33482a;}
.lp-farm .h2{fill: #435f30;}
.lp-farm .barn{fill: #7d3a2c;}
.lp-farm .roof{fill: #4a2520;}
.lp-farm .door{fill: #3b2619;}
.lp-farm .tower{fill: #cdd8bd;}
.lp-farm .blade{fill: #e6eed8;}
.lp-farm .hub{fill: #6b4a2e;}
.lp-farm .fence{fill: none;stroke: #6b4a2e;stroke-width: 3;stroke-linecap: round;}
.lp-farm .wool{fill: #e6eed8;}
.lp-farm .face{fill: #1e2a17;}
.lp-blades{transform-box: view-box;transform-origin: 300px 50px;animation: lp-spin 10s linear infinite;}
.lp-sheep{animation: lp-graze 5s ease-in-out infinite alternate;}
.lp-sheep.s2{animation-delay: -2.5s;}
@keyframes lp-graze{to{translate: 7px 0;}}
.lp-foot2-grid{display: grid;grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap: 30px;padding: 44px 0 30px;}
.lp-foot2-brand p{max-width: 32ch;margin: 14px 0 16px;font-size: 14px;line-height: 1.55;color: var(--muted);}
.lp-langs{display: inline-flex;gap: 4px;padding: 4px;border-radius: 12px;background: var(--panel);border: 1px solid var(--line);}
.lp-langs a{padding: 7px 11px;border-radius: 9px;font: 600 12.5px/1 var(--y-body);letter-spacing: .04em;color: var(--muted);transition: color .2s,background .2s;}
.lp-langs a:hover{color: var(--text);background: rgba(238,243,230,.06);text-decoration: none;}
.lp-langs a.on{color: #0a1203;background: var(--y-wheat);}
.lp-foot2-col{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.lp-foot2-col > b{margin-bottom: 4px;font: 600 11.5px/1 var(--y-body);letter-spacing: .12em;text-transform: uppercase;color: var(--dim);}
.lp-foot2-col > a:not(.lp-foot2-dc){font-size: 14px;color: var(--muted);transition: color .2s,transform .2s;}
.lp-foot2-col > a:not(.lp-foot2-dc):hover{color: var(--text);text-decoration: none;transform: translateX(3px);}
.lp-foot2-dc{display: flex;align-items: center;gap: 10px;padding: 10px 14px 10px 10px;border-radius: 14px;color: var(--text);background: linear-gradient(135deg,rgba(88,101,242,.24),rgba(88,101,242,.06));border: 1px solid rgba(123,140,240,.38);transition: border-color .2s,transform .2s;}
.lp-foot2-dc:hover{color: var(--text);text-decoration: none;border-color: rgba(123,140,240,.75);transform: translateY(-2px);}
.lp-foot2-dc > .ic{width: 24px;height: 24px;flex: none;color: #b3bcff;}
.lp-foot2-dc span{display: flex;flex-direction: column;gap: 2px;}
.lp-foot2-dc b{font-size: 13.5px;}
.lp-foot2-dc i{font-style: normal;font-size: 12px;color: var(--muted);}
.lp-foot2-base{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding-top: 18px;border-top: 1px solid var(--line);font-size: 12.5px;color: var(--dim);}
.lp-totop{display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px 6px 6px;border-radius: 99px;font-size: 12.5px;font-weight: 600;color: var(--muted);background: var(--panel);border: 1px solid var(--line-2);transition: color .2s,background .2s,border-color .2s;}
.lp-totop .ic{width: 26px;height: 26px;padding: 6px;box-sizing: border-box;border-radius: 50%;background: var(--bg-2);transform: rotate(-90deg);}
.lp-totop:hover{color: #0a1203;background: var(--y-wheat);border-color: var(--y-wheat);text-decoration: none;}
.lp-totop:hover .ic{background: rgba(0,0,0,.12);}
@media (max-width: 980px){
.lp-ask{grid-template-columns: minmax(0,1fr);}
.lp-ask-qs{display: grid;grid-template-columns: 1fr 1fr;border-right: 0;border-bottom: 1px solid var(--line);}
.lp-ask-qs .v3-label{grid-column: 1 / -1;}
.lp-chat{min-height: 360px;}
.lp-reach{grid-template-columns: minmax(0,1fr);}
.lp-foot2-grid{grid-template-columns: repeat(3,minmax(0,1fr));}
.lp-foot2-brand{grid-column: 1 / -1;}
.lp-farm{width: 56%;opacity: .55;}
}
@media (max-width: 560px){
.lp-ask{border-radius: 22px;}
.lp-ask-qs{grid-template-columns: minmax(0,1fr);padding: 14px;}
.lp-ask-q:hover{transform: none;}
.lp-chat-h{padding: 14px;}
.lp-chat-log{max-height: 400px;padding: 16px 14px 20px;}
.lp-msg{max-width: 90%;}
.lp-contact-row{grid-template-columns: 1fr;}
.lp-write-body{padding: 16px;}
.lp-foot2-cta{flex-direction: column;align-items: flex-start;padding: 22px 20px 118px;border-radius: 22px;}
.lp-farm{width: 100%;opacity: .9;}
.lp-foot2-grid{grid-template-columns: 1fr 1fr;gap: 26px 18px;}
.lp-foot2-base{flex-direction: column;align-items: flex-start;}
}
@media (prefers-reduced-motion: reduce){
.lp-blades,.lp-sheep,.lp-typing i,.lp-pair.is-new .lp-msg,.lp-write-body{animation: none;}
.lp-ask-q,.lp-reach-i,.lp-foot2-dc{transition: none;}
}
@media (max-width: 1080px){
.lp-hero2{gap: 32px;}
}
@media (max-width: 980px){
.lp-hero2{grid-template-columns: minmax(0,1fr);gap: 30px;padding-top: 30px;}
.lp-hero2-copy{text-align: center;}
.lp-lead{margin-left: auto;margin-right: auto;}
.lp-actions,.lp-nums{justify-content: center;}
}
@media (max-width: 860px){
.lp-burger{display: grid;}
.lp-links{position: absolute;top: 100%;left: -20px;right: -20px;display: none;flex-direction: column;align-items: stretch;gap: 4px;padding: 12px 20px 18px;background: var(--bg-2);border-bottom: 1px solid var(--line);}
body.menu-open .lp-links{display: flex;}
.lp-links > a:not(.y3-btn){border-bottom: 0;}
.lp-links > a[data-spy]::after{display: none;}
.lp-links .lang{align-self: flex-start;}
.lp-login{justify-content: center;margin: 6px 0 0;}
.lp-panel{grid-template-columns: minmax(0,1fr);gap: 16px;padding: 22px 18px 24px;}
.lp-stage{width: min(220px,64%);}
.lp-tab{flex: 0 0 auto;}
.lp-start-steps{grid-template-columns: minmax(0,1fr);}
.lp-start-steps li{padding: 22px 18px;}
.lp-start-steps li:not(:last-child)::after{display: none;}
.lp-start-steps li + li{border-top: 1px dashed var(--line-2);border-radius: 0;}
}
@media (max-width: 640px){
.lp-map{aspect-ratio: 1 / 1.08;border-radius: 24px;}
.lp-node-ico{width: 44px;height: 44px;}
.lp-node-ico .ic{width: 27px;height: 27px;}
.lp-node-l{padding: 2px 7px;font-size: 10px;}
.lp-node-tip{width: 200px;padding: 10px 12px;}
.lp-bub{max-width: 72%;padding: 6px 10px 6px 6px;}
.lp-bub > .ic{width: 22px;height: 22px;}
.lp-bub b{font-size: 12px;}
.lp-bub:not(.is-low){transform: translate(var(--tx),calc(-100% - 32px));}
.lp-bub.is-low{transform: translate(var(--tx),52px);}
.lp-map-wx{left: 10px;top: 10px;}
.lp-map-compass{width: 38px;height: 38px;right: 10px;bottom: 10px;}
}
@media (max-width: 560px){
.lp-wrap{width: calc(100% - 24px);}
.lp-links{left: -12px;right: -12px;}
.lp-nums li{padding: 0 16px;}
.lp-nums b{font-size: 22px;}
.lp .sso-row.two{grid-template-columns: 1fr;}
.lp-auth{padding: 16px;}
.lp-world2,.lp-start-steps{border-radius: 22px;}
.lp-tab{padding: 9px 11px 11px;font-size: 13px;}
.lp-panel{padding: 18px 12px 20px;}
.lp-fx{padding: 14px;}
}
@media (prefers-reduced-motion: reduce){
.lp-hero2-copy > *,.lp-hero2-map,.lp-auth,.lp-auth .auth-form.on,.lp-modal[open],.lp-panel.on .lp-stage,.lp-panel.on .lp-fx{animation: none;}
.lp-orbit,.lp-orb .ic,.lp-stage-core,.lp .y3-btn-main.lp-big::after,.lp-pulse::after{animation: none;}
.lp-m-tree,.lp-m-paths .d,.lp-m-cloud,.lp-m-lake::before,.lp-m-rain,.lp-node-ico,.lp-map-compass i,.lp-bub,.lp-node.is-ping .lp-node-ico::after{animation: none;}
.lp-title em::after{animation: none;clip-path: none;}
.lp-js .lp-rv{opacity: 1;transform: none;transition: none;}
.lp-js .lp-path-line i{transform: none;transition: none;}
.lp-js .lp-step-dot{transform: none;opacity: 1;border-color: var(--y-wheat);transition: none;}
.lp-js .lp-start .lp-start-steps li,.lp-js .lp-start .lp-start-steps li::after{opacity: 1;transform: none;transition: none;}
.lp-tab-ico .ic,.lp-fx,.lp-nav,.lp-node-ico,.lp-node-tip{transition: none;}
}
.lp4-cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px;}
.lp4-card{padding: 26px 24px;border-radius: 22px;background: var(--panel);border: 1px solid var(--line);transition: border-color .2s,transform .2s;}
.lp4-card:hover{border-color: var(--brand-line);transform: translateY(-2px);}
.lp4-card-ico{display: grid;place-items: center;width: 56px;height: 56px;margin-bottom: 16px;border-radius: 16px;
background: linear-gradient(180deg,var(--brand-hi),var(--brand));box-shadow: 0 0 0 1px var(--brand-line);}
.lp4-card-ico .ic{width: 32px;height: 32px;}
.lp4-card h3{margin: 0 0 8px;font: 600 20px/1.2 var(--y-display);}
.lp4-card p{margin: 0;color: var(--muted);line-height: 1.55;font-size: 15px;}
.lp4-qs{max-width: 760px;margin: 0 auto;display: flex;flex-direction: column;gap: 10px;}
.lp4-q{border-radius: 16px;background: var(--panel);border: 1px solid var(--line);}
.lp4-q[open]{border-color: var(--brand-line);}
.lp4-q summary{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 18px 20px;cursor: pointer;list-style: none;font-weight: 600;font-size: 16px;}
.lp4-q summary::-webkit-details-marker{display: none;}
.lp4-q summary .ic{width: 18px;height: 18px;flex: none;color: var(--y-wheat);transition: rotate .2s;}
.lp4-q[open] summary .ic{rotate: 45deg;}
.lp4-q p{margin: 0;padding: 0 20px 18px;color: var(--muted);line-height: 1.6;}
.lp4-links{max-width: 760px;margin: 22px auto 0;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
.lp4-links > a,.lp4-links > details > summary{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: 99px;
border: 1px solid var(--line-2);color: var(--text);text-decoration: none;font-size: 14px;font-weight: 500;cursor: pointer;list-style: none;}
.lp4-links > details > summary::-webkit-details-marker{display: none;}
.lp4-links > a:hover,.lp4-links > details > summary:hover{border-color: var(--brand-line);}
.lp4-links .ic{width: 18px;height: 18px;}
.lp4-links > details{display: contents;}
.lp4-links > details[open] .lp-write-body{flex-basis: 100%;margin-top: 8px;padding: 20px;border-radius: 18px;background: var(--panel);border: 1px solid var(--line);}
@media (max-width: 820px){
.lp4-cards{grid-template-columns: 1fr;}
}
.lp4-invited{display: inline-flex;align-items: center;gap: 10px;margin: 16px 0 0;padding: 10px 14px;border-radius: 14px;font-size: 14px;color: var(--text);
background: color-mix(in srgb,var(--brand) 35%,transparent);border: 1px solid var(--brand-line);}
.lp4-invited .ic{width: 22px;height: 22px;flex: none;}
.lp-fx-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 14px;}
.lp-fx-grid .lp-fx li{align-items: flex-start;}
.lp-fx-grid .lp-fx li .ic{margin-top: 3px;}
.lp-fx-grid .lp-fx ul{flex-direction: column;gap: 8px;}
.lp-start-go{display: flex;justify-content: center;margin: 34px 0 0;}
@media (max-width: 760px){.lp-steps{grid-template-columns: 1fr !important;gap: 22px;}}
.lp-map.is-world{--grass-a: #3f5c33;--grass-b: #273d22;--field-a: #8d9a4a;--field-b: #6d7a38;
--path: #b9a079;--water-a: #2f6f93;--water-b: #1b4660;--shore: rgba(170,150,100,.4);
--stone-a: #8a8577;--stone-b: #5f5c52;--wall: #8e7254;--roof: #57312a;--sand: #b9a079;}
.lp-map.is-world .lp-m-field{box-shadow: 0 0 0 2px rgba(40,30,14,.35),0 6px 10px -6px rgba(0,0,0,.6);}
.lp-map.is-world .lp-m-field.f1{left: 6%;top: 14%;width: 15%;height: 12%;}
.lp-map.is-world .lp-m-field.f2{left: 22%;top: 9%;width: 11%;height: 10%;}
.lp-m-peaks{left: 3%;top: 64%;width: 34%;height: 32%;
background:
linear-gradient(150deg,transparent 48%,var(--stone-b) 49%),
linear-gradient(210deg,transparent 48%,var(--stone-a) 49%);
clip-path: polygon(0 100%,16% 34%,30% 66%,46% 12%,64% 62%,78% 38%,100% 100%);
filter: drop-shadow(0 6px 8px rgba(0,0,0,.45));}
.lp-m-mine{left: 17%;top: 84%;width: 7%;height: 9%;border-radius: 50% 50% 12% 12%;
background: radial-gradient(ellipse at 50% 72%,#0d0b09 0 58%,#3a3129 60%,#52473a 100%);
box-shadow: 0 3px 6px rgba(0,0,0,.5);}
.lp-m-forge{left: 41%;top: 6%;width: 15%;height: 15%;border-radius: 4px 4px 3px 3px;
background: linear-gradient(#4a3326 0 38%,var(--wall) 38%);
box-shadow: 0 6px 9px -5px rgba(0,0,0,.6);}
.lp-m-forge::before{content: "";position: absolute;right: 14%;top: -34%;width: 18%;height: 42%;
border-radius: 2px;background: #3f2b20;}
.lp-m-forge::after{content: "";position: absolute;left: 30%;bottom: 10%;width: 40%;height: 34%;
border-radius: 3px;background: radial-gradient(circle at 50% 70%,#ffb648,#e0631d 70%,transparent 72%);
animation: lp-forge 2.4s ease-in-out infinite alternate;}
@keyframes lp-forge{from{opacity: .55;}to{opacity: 1;}}
.lp-m-wild{left: 40%;top: 72%;width: 32%;height: 25%;border-radius: 46% 54% 40% 60% / 52% 46% 54% 48%;
background: radial-gradient(circle at 45% 45%,color-mix(in srgb,var(--grass-a) 70%,transparent),transparent 70%);}
.lp-m-wild::before{content: "";position: absolute;inset: 0;opacity: .6;
background: repeating-linear-gradient(82deg,transparent 0 9px,rgba(255,255,255,.07) 9px 11px);}
.lp-m-cave{left: 76%;top: 38%;width: 17%;height: 16%;
background: radial-gradient(ellipse at 50% 100%,var(--stone-b) 0 62%,transparent 64%);
clip-path: polygon(6% 100%,22% 36%,50% 6%,78% 36%,94% 100%);}
.lp-m-cave::after{content: "";position: absolute;left: 34%;bottom: 0;width: 32%;height: 46%;
border-radius: 50% 50% 0 0;background: radial-gradient(ellipse at 50% 90%,#000 0 60%,#241d18 100%);}
body.lp:has(.lp-hero8){background: #0b0d0c;}
.lp-hero8{display: flex;flex-direction: column;align-items: center;gap: 18px;
padding: clamp(48px,9vw,110px) 16px clamp(40px,6vw,70px);text-align: center;}
.lp-hero8::before{content: "";position: absolute;left: 50%;top: 0;z-index: -1;width: min(1100px,100vw);height: 620px;
transform: translateX(-50%);pointer-events: none;
background: radial-gradient(60% 55% at 50% 12%,rgba(124,184,60,.17),transparent 70%);}
.lp8-title{max-width: 16ch;margin: 0;font: 700 clamp(40px,7.4vw,86px)/1.02 var(--y-display);
letter-spacing: -.03em;text-wrap: balance;color: #f2f5ec;}
.lp8-title em{font-style: normal;color: var(--y-meadow);}
.lp8-lead{max-width: 56ch;margin: 0;font-size: clamp(15px,1.5vw,18px);line-height: 1.6;color: var(--muted);}
.lp8-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 6px;}
.lp8-stats{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin: 26px 0 0;padding: 0;list-style: none;}
.lp8-stats li{display: flex;align-items: center;gap: 9px;padding: 11px 18px;border-radius: 14px;
background: rgba(255,255,255,.03);border: 1px solid var(--line);}
.lp8-stats .ic{width: 22px;height: 22px;}
.lp8-stats b{font: 700 19px/1 var(--y-display);color: #f2f5ec;}
.lp8-stats span{font-size: 13px;color: var(--muted);}
@media (max-width: 560px){.lp8-stats li{flex: 1 1 42%;justify-content: center;padding: 10px 12px;}}
.lp8-cast{width: 100%;margin-top: 30px;}
.lp8-cast-h{margin: 0 0 6px;font-size: 12px;font-weight: 700;letter-spacing: .12em;
text-transform: uppercase;color: var(--muted);}
.lp8-crew{display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-end;gap: clamp(4px,1.4vw,22px);
margin: 0;padding: 0 8px 14px;list-style: none;overflow-x: auto;scrollbar-width: none;}
.lp8-crew::-webkit-scrollbar{display: none;}
.lp8-crew li{position: relative;flex: 0 0 auto;display: flex;flex-direction: column;align-items: center;gap: 8px;
transition: transform .22s ease;}
.lp8-crew img{width: clamp(78px,11vw,142px);height: auto;display: block;
filter: drop-shadow(0 14px 12px rgba(0,0,0,.55));}
.lp8-crew li::before{content: "";position: absolute;left: 50%;bottom: 30px;z-index: -1;
width: 78%;height: 14px;transform: translateX(-50%);
border-radius: 50%;background: radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);}
.lp8-crew b{font-size: 12.5px;font-weight: 600;color: var(--muted);white-space: nowrap;}
.lp8-crew li:hover{transform: translateY(-7px);}
.lp8-crew li:hover b{color: var(--y-wheat);}
.lp-js .lp8-crew li{opacity: 0;transform: translateY(14px);
animation: lp-up .5s cubic-bezier(.2,.7,.2,1) forwards;animation-delay: calc(.15s + var(--i) * .07s);}
.lp8-cast-n{margin: 0;font-size: 13.5px;color: var(--muted);}
.lp-hero8{padding-bottom: clamp(18px,3vw,32px);}
.lp-hero8 .lp8-stats{margin-top: 20px;}
body.lp:has(.lp-hero8) .lp-sect{margin-top: clamp(46px,6vw,68px);}
body.lp:has(.lp-hero8) .lp-start-go{margin-top: 26px;}
@media (max-width: 760px){.lp8-crew{justify-content: flex-start;}}
.lp8-live{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 12px;
margin: 16px 0 0;font-size: 13.5px;color: var(--muted);}
.lp8-live span{display: inline-flex;align-items: center;gap: 6px;}
.lp8-live b{color: #f2f5ec;font-weight: 700;}
.lp8-live i{width: 1px;height: 13px;background: var(--line-2);}
.lp8-live .is-live em{width: 7px;height: 7px;border-radius: 50%;background: #41c464;
box-shadow: 0 0 0 3px rgba(65,196,100,.18);}