/* MangoWorld editorial pages and local palette workshop. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.content-page{padding:45px clamp(20px,4vw,80px) 110px;max-width:1760px;margin:auto;min-height:calc(100svh - var(--shell-height));color:#eff1df}
.content-heading{margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #c8be7d26;position:relative}.content-heading:after{content:'';position:absolute;width:70px;height:2px;bottom:-1px;left:0;background:#e3be70}.content-heading h1{font-size:clamp(38px,4.4vw,66px);line-height:1.05;font-weight:650;letter-spacing:-.055em;margin:10px 0 18px}.content-heading>div>p:last-child{color:#b6c2ac;font-size:14px;max-width:700px;line-height:1.65}
.content-tools,.skin-collection-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.content-filters{display:flex;flex-wrap:wrap;gap:7px}.content-filters button{border:1px solid #c3cdae29;color:#b4bfa9;background:#13201870;border-radius:7px;padding:10px 16px;font-size:12px;transition:background .2s,border-color .2s,color .2s}.content-filters button:hover{color:#fff0c9;border-color:#e0c47470}.content-filters button[aria-pressed=true]{background:#dec4771c;border-color:#d8bb6599;color:#ffe3a5}.content-filters small{font:inherit;opacity:.65;margin-left:5px}.content-search input,.skin-collection-head select{border:1px solid #d3d7ac29;background:#111e15;border-radius:7px;color:#e7e9d5;padding:11px 14px;font:inherit;font-size:12px}.content-search input{width:260px;max-width:100%}
.news-cards{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.news-story{display:grid;grid-template-columns:40% 1fr;border:1px solid #cad3b322;border-radius:16px;overflow:hidden;background:#112017;transition:border-color .25s,transform .25s}.news-story:hover{border-color:#e0c47a66;transform:translateY(-3px)}.news-story.is-featured{grid-row:span 2;display:flex;flex-direction:column}.news-cover{position:relative;overflow:hidden;min-height:205px;padding:0;border:0;border-radius:0;background:#162b1b}.news-cover img{width:100%;height:100%;min-height:205px;object-fit:cover;transition:transform .6s;position:absolute;inset:0}.news-story.is-featured .news-cover{height:300px;flex:1;min-height:250px}.news-cover:after,.event-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1c18bb,transparent 60%)}.news-story:hover .news-cover img{transform:scale(1.04)}.news-cover>span,.event-cover>span{position:absolute;top:17px;left:17px;padding:6px 11px;border:1px solid #f5e0a54d;border-radius:20px;background:#0b1e14bc;color:#f5e2aa;font-size:10px;z-index:1}.news-cover>i{position:absolute;bottom:17px;right:17px;width:34px;height:34px;display:grid;place-items:center;font-style:normal;border:1px solid #e8d5966b;border-radius:50%;color:#ffe4a8;background:#0b1b137d;z-index:1}.news-story-copy{padding:24px;display:flex;flex-direction:column;align-items:start}.news-story time,.content-small{font-size:9px;color:#b5ba97;letter-spacing:.08em}.news-story h2{font-size:23px;line-height:1.25;margin:13px 0 10px;letter-spacing:-.035em}.news-story h2 button{font:inherit;line-height:inherit;color:inherit;text-align:left;background:none;border:0;padding:0}.news-story p{font-size:12px;line-height:1.7;color:#b5c1aa;margin:0 0 20px}.news-story .portal-text-button{margin-top:auto}
.content-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed #bac49445;border-radius:14px;background:#10201755}.content-empty h2{font-size:22px;margin-bottom:10px}.content-empty p{color:#a8b89f;font-size:13px}.content-empty .portal-ghost{margin-top:16px}.content-footnote{font-size:11px;line-height:1.7;color:#8e9f86;margin-top:22px}
.event-announcement{display:flex;align-items:center;gap:20px;padding:22px 26px;border:1px solid #d3bd6f45;border-radius:13px;background:linear-gradient(115deg,#c6a64a17,#102419);margin-bottom:25px}.event-calendar{display:grid;place-items:center;width:50px;height:50px;color:#e7c875;border:1px solid #c4b57144;border-radius:12px}.event-calendar svg{width:27px;height:27px}.event-announcement b{font-size:17px}.event-announcement p{font-size:12px;color:#b6c1a9;margin:7px 0 0}.event-announcement>span:last-child{margin-left:auto;flex:none;font-size:11px;border:1px solid #dbca8938;border-radius:20px;padding:8px 13px;color:#d2c693}.event-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.event-card{border:1px solid color-mix(in srgb,var(--event-accent) 30%,transparent);border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#17291e,#0e1b14);transition:transform .25s,border-color .25s}.event-card:hover{transform:translateY(-4px);border-color:var(--event-accent)}.event-cover{display:block;position:relative;border:0;border-radius:0;background:#13261a;width:100%;height:220px;padding:0;overflow:hidden}.event-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.event-card:hover .event-cover img{transform:scale(1.05)}.event-cover>i{display:grid;place-items:center;position:absolute;bottom:17px;left:24px;width:46px;height:46px;border:1px solid var(--event-accent);color:var(--event-accent);background:#0c2119c4;border-radius:12px;z-index:1}.event-card-copy{padding:24px}.event-card h2{font-size:26px;letter-spacing:-.04em;margin:12px 0}.event-card p{font-size:13px;color:#b3c0aa;line-height:1.7;min-height:45px}.event-card-copy>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.event-card .portal-ghost{min-height:42px;font-size:12px;padding:10px 15px}.event-save{border:1px solid #b9cca744;width:42px;height:42px;border-radius:10px;background:#12261a;color:#b9c4a9;font-size:24px}.event-save[aria-pressed=true]{background:#d4bc6525;color:#f8d980;border-color:#c8b16c88}
.skin-studios{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:32px}.skin-studio{display:flex;align-items:center;gap:24px;position:relative;isolation:isolate;border:1px solid #bca66c66;border-radius:16px;padding:27px 28px 54px;overflow:hidden;background:linear-gradient(115deg,#1d2e1d,#20271e 55%,#30283d);transition:border-color .3s,transform .3s}.skin-studio:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,#d9b77715 40%,transparent 60%);background-size:250% 100%;animation:studio-sweep 7s linear infinite}.skin-studio.glitch{border-color:#bd67c67d;background:linear-gradient(110deg,#251b33,#2c1638 60%,#183e3e);--studio-accent:#f0a5ec}.skin-studio.glitch:before{background:repeating-linear-gradient(0deg,transparent 0 9px,#de7bf90b 9px 10px),linear-gradient(110deg,transparent,#f071d829,transparent);background-size:100%,250% 100%;animation:studio-sweep 5s linear infinite}.skin-studio.glitch:after{content:'';position:absolute;inset:0;border-top:2px solid #69e9dc;border-bottom:2px solid #f288d8;opacity:.55;pointer-events:none;animation:studio-glitch 5s step-end infinite}.skin-studio:hover{transform:translateY(-3px);border-color:#efd093}.skin-studio.glitch:hover{border-color:#ff99e8}.studio-symbol{width:78px;height:84px;display:grid;place-items:center;color:#d7c391;border:1px solid #d5b9764d;border-radius:18px;background:#cbbd6e0e;flex:none;box-shadow:inset 0 0 24px #e1cd800c}.studio-symbol svg{width:39px;height:39px}.glitch .studio-symbol{color:#eea8f4;border-color:#db81e56b;background:#c060e212;box-shadow:0 0 25px #dc6cd61a}.skin-studio>div>span{font-size:9px;letter-spacing:.13em;color:var(--studio-accent,#d9c28c)}.skin-studio h2{font-size:27px;letter-spacing:-.035em;margin:8px 0}.skin-studio p{font-size:12px;line-height:1.7;color:#b3c2aa;margin:0 0 18px}.glitch p{color:#c5b1cf}.skin-studio .portal-ghost{font-size:11px;min-height:39px;padding:9px 12px;border-color:#d7ba7366}.glitch .portal-ghost{border-color:#e18bdc70;color:#edb9ed}.studio-tier{position:absolute;left:28px;bottom:16px;border:0;background:none;padding:0;color:#bdb38d;font-size:10px}.glitch .studio-tier{color:#b999cb}
.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.palette-card{position:relative;border:1px solid #bad3a82b;border-radius:13px;background:#132319;overflow:hidden;transition:transform .25s,border-color .25s}.palette-card:hover{transform:translateY(-3px);border-color:#d5c7827a}.palette-card>button:first-child{display:block;width:100%;border:0;background:none;padding:0;text-align:left;color:#ecf0dd}.palette-card-copy{display:block;padding:17px 19px}.palette-card-copy b{font-size:17px;font-weight:550}.palette-card-copy small{display:block;font-size:10px;color:#aab69b;margin-top:8px}.palette-card-copy i{font-style:normal;float:right;color:#dbc780}.palette-delete{position:absolute;top:9px;right:9px;width:28px;height:28px;border:1px solid #ffffff47;border-radius:50%;background:#0c1a16bd;color:#fff0cf;font-size:18px}.palette-swatch{height:130px;background:var(--paint-base);position:relative;overflow:hidden;isolation:isolate}.palette-swatch:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 12% -10%,var(--paint-accent) 0 24%,transparent 25%),repeating-linear-gradient(115deg,transparent 0 9%,var(--paint-pattern) 10% 14%,transparent 15% 26%);opacity:.9}.palette-swatch:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#fff1,transparent 50%,#0004)}.palette-swatch>i{display:block;position:absolute;width:110%;height:50%;background:var(--paint-accent);transform:rotate(-12deg);bottom:-24%;right:-10%;border-radius:45%}.palette-swatch.is-glitch>span{position:absolute;inset:0;background:linear-gradient(0deg,transparent 10%,var(--paint-accent) 11% 13%,transparent 14% 61%,var(--paint-pattern) 62% 65%,transparent 66%);opacity:.55;animation:palette-glitch 6s step-end infinite}.collection-caption{font-size:12px;color:#a9bba3;margin:0 0 18px}.skin-exclusive-note{margin:20px 0}.skin-exclusive-note h2{font-size:21px}.skin-exclusive-note p{font-size:12px;color:#adbea7;line-height:1.7;max-width:600px}.skin-exclusive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.skin-exclusive-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:1px solid color-mix(in srgb,var(--skin-tier) 40%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--skin-tier) 9%,#102018),#102018);color:var(--skin-tier)}.skin-exclusive-grid img{width:60px;height:60px}.skin-exclusive-grid b{font-size:14px}.skin-exclusive-grid span{font-size:10px;color:#adbba2}
.content-dialog{width:min(790px,calc(100vw - 32px));max-height:88svh;padding:34px;border:1px solid #cdb56877;border-radius:19px;background:linear-gradient(130deg,#1d3021,#0d1d16 70%);color:#ebefdc;box-shadow:0 30px 110px #000b;opacity:0;transform:translateY(13px);transition:opacity .18s,transform .18s;overflow:auto}.content-dialog::backdrop{background:#030c08ba}.content-dialog.is-visible{opacity:1;transform:none}.content-dialog h2{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:6px 40px 15px 0}.content-dialog h3{font-size:17px;margin-top:25px}.content-dialog>p,.article-text p{font-size:14px;line-height:1.85;color:#bbcab2}.content-dialog-close{position:absolute;right:19px;top:19px;width:34px;height:34px;border:1px solid #c2cda344;border-radius:8px;background:#13291c;color:#e4e7ce;font-size:23px}.article-meta{color:#c3b47d;font-size:10px;margin-bottom:22px}.article-image{width:100%;max-height:275px;object-fit:cover;border-radius:11px}.article-text{margin:22px 0}.content-dialog .portal-primary{font-size:12px;min-height:43px;padding:11px 17px}.event-program{padding-left:21px;color:#bfcdb2;font-size:13px;line-height:1.85;margin:15px 0 25px}.event-program li{padding-left:5px;margin:8px 0}.event-program li::marker{color:#dfbf70}.palette-workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.palette-example,.palette-species-preview{border:1px solid #b5c39833;border-radius:11px;overflow:hidden;background:#0b1c13}.palette-workspace .palette-swatch{height:180px}.palette-workspace img{height:180px;width:100%;object-fit:contain;padding:12px}.palette-workspace>div>span{display:block;font-size:10px;color:#aabb9d;padding:10px 12px;border-top:1px solid #b6c39622}.palette-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.palette-editor label{font-size:12px;color:#c5d2b8}.palette-editor input:not([type=color]),.palette-editor select{width:100%;display:block;border:1px solid #bbca9c45;background:#0a1a11;color:#e3ecd3;padding:11px 13px;border-radius:7px;font:inherit;margin-top:7px}.palette-colors{display:flex;gap:15px;border:0;margin:21px 0;padding:0}.palette-colors legend{color:#d1dbbc;font-size:11px;margin-bottom:12px}.palette-colors label{display:flex;align-items:center;gap:10px;flex:1}.palette-colors input{border:1px solid #d4d5ac4a;padding:3px;border-radius:8px;background:#15271b;width:44px;height:44px;cursor:pointer}.palette-colors small{display:block;font-size:9px;color:#9bac92;margin-top:4px}.palette-editor-actions{display:flex;justify-content:end;gap:10px;margin-top:12px}.palette-feedback{display:block;min-height:18px;color:#d5d7a8;font-size:12px}.palette-editor .content-footnote{margin-bottom:0}
@keyframes studio-sweep{to{background-position:250% 0}}@keyframes studio-glitch{0%,91%,95%,100%{clip-path:inset(0);transform:none}92%{clip-path:inset(0 0 60%);transform:translateX(2px)}94%{clip-path:inset(65% 0 0);transform:translateX(-2px)}}@keyframes palette-glitch{0%,88%,93%,100%{transform:none}89%{transform:translateX(8px)}91%{transform:translateX(-6px)}}
html[data-mw-motion=off] .skin-studio:before,html[data-mw-motion=off] .skin-studio:after,html[data-mw-motion=off] .palette-swatch>span,.mw-paused .skin-studio:before,.mw-paused .skin-studio:after,.mw-paused .palette-swatch>span{animation:none!important}
@media(max-width:1240px){:root{--shell-height:118px}.portal-header.preview-bar{flex-wrap:wrap;gap:9px 20px;padding-block:9px}.portal-header .header-account-actions{margin-left:auto}.portal-nav.mode-switch{order:3;width:100%;justify-content:center;flex:none}.news-cards{grid-template-columns:1fr 1fr}.news-story{display:flex;flex-direction:column}.news-story.is-featured{grid-row:auto;grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.news-story.is-featured .news-cover{height:auto;min-height:245px}.news-story:not(.is-featured) .news-cover{height:190px;min-height:190px}.skin-studio{padding:23px 22px 50px;gap:17px}.studio-symbol{width:59px;height:65px}.skin-studio h2{font-size:23px}.event-cover{height:190px}.event-card h2{font-size:23px}.event-card-copy{padding:20px}.event-card p{min-height:66px}}
@media(max-width:850px){.content-page{padding:30px 23px 110px}.event-cards{grid-template-columns:1fr 1fr}.event-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.event-card:last-child .event-cover{height:100%}.skin-studios{gap:12px}.skin-studio{display:block}.studio-symbol{margin-bottom:16px;width:49px;height:49px}.studio-symbol svg{width:28px;height:28px}.skin-studio p{min-height:40px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-exclusive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skin-exclusive-grid button{padding:14px 6px}.skin-exclusive-grid b{font-size:11px}}
@media(max-width:600px){.portal-header .portal-nav>button{padding:9px 7px;font-size:10px}.portal-nav.mode-switch{gap:0;justify-content:space-between}.portal-nav .portal-more{display:none}.content-page{padding:25px 15px 105px}.content-heading{margin-bottom:22px}.content-heading h1{font-size:40px}.content-heading>div>p:last-child{font-size:12px}.content-tools{align-items:stretch;flex-direction:column;gap:15px}.content-search input{width:100%}.content-filters{gap:6px}.content-filters button{padding:9px 11px;font-size:10px}.news-cards{grid-template-columns:1fr;gap:16px}.news-story.is-featured{display:flex;grid-column:auto}.news-story .news-cover,.news-story.is-featured .news-cover{height:210px;min-height:210px;flex:none}.news-story-copy{padding:21px}.news-story h2{font-size:23px}.event-announcement{padding:17px;gap:13px;align-items:start}.event-calendar{width:38px;height:38px;flex:none}.event-announcement>span:last-child{display:none}.event-announcement b{font-size:15px}.event-announcement p{font-size:11px;line-height:1.65}.event-cards{grid-template-columns:1fr}.event-card:last-child{display:block;grid-column:auto}.event-card:last-child .event-cover{height:205px}.event-card p{min-height:0}.event-cover{height:205px}.skin-studios{grid-template-columns:1fr}.skin-studio{display:flex;align-items:start;padding:22px 19px 47px;gap:15px}.skin-studio h2{font-size:25px}.skin-studio p{min-height:0;font-size:11px}.studio-symbol{margin:4px 0 0;flex:none;width:46px;height:51px}.skin-studio .studio-tier{left:80px;bottom:17px}.skin-studio .portal-ghost{font-size:10px}.skin-collection-head{flex-direction:column;align-items:stretch;gap:13px}.skin-collection-head .content-filters{justify-content:space-between}.skin-collection-head .content-filters button{flex:1;padding-inline:5px}.skin-collection-head select{padding:10px}.palette-grid{gap:10px}.palette-swatch{height:110px}.palette-card-copy{padding:13px 11px}.palette-card-copy b{font-size:14px}.palette-card-copy small{font-size:9px}.skin-exclusive-grid{grid-template-columns:1fr 1fr}.skin-exclusive-grid button{padding:20px}.skin-exclusive-grid b{font-size:13px}.content-dialog{padding:24px 19px;width:calc(100vw - 22px);max-height:92svh}.content-dialog h2{font-size:26px}.content-dialog>p,.article-text p{font-size:12px;line-height:1.8}.content-dialog-close{top:15px;right:14px}.palette-workspace{gap:8px}.palette-workspace .palette-swatch,.palette-workspace img{height:125px}.palette-workspace>div>span{font-size:8px;padding:8px}.palette-editor-fields{grid-template-columns:1fr;gap:10px}.palette-colors{gap:9px}.palette-colors label{flex-direction:column;align-items:start;gap:6px}.palette-colors input{width:58px;height:42px}.palette-colors label>span{font-size:10px}.palette-editor-actions .portal-ghost{padding:10px 12px;min-height:42px}.palette-editor-actions .portal-primary{font-size:11px;padding:10px 13px}.article-image{max-height:200px}}
@media(prefers-reduced-motion:reduce){.skin-studio:before,.skin-studio:after,.palette-swatch>span{animation:none!important}.content-dialog{transition:none}.news-story,.news-cover img,.event-card,.event-cover img,.skin-studio,.palette-card{transition:none}}
.content-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap}.content-heading>.motion-control{position:relative!important;inset:auto!important;flex:none;margin-top:8px;min-width:0;width:auto;padding:8px 12px;grid-template-columns:30px auto 31px;gap:10px;border-radius:12px;transform:none!important}.content-heading .motion-icon{width:30px;height:30px;border-radius:8px}.content-heading .motion-copy strong{font-size:12px}.content-heading .motion-state{font-size:9px}.content-heading .motion-switch{width:31px;height:19px}.content-heading .motion-switch i{width:13px;height:13px}
@media(max-width:600px){.portal-header.preview-bar{gap:8px}.portal-header .account-steam{padding:8px 10px;min-width:0;gap:6px}.portal-header .account-steam>span{font-size:0}.portal-header .account-steam>span:after{content:'Войти';font-size:10px}.portal-header .account-steam svg{width:17px;height:17px}.content-heading{gap:12px}.content-heading>.motion-control{margin:0;padding:6px 9px;grid-template-columns:25px auto;gap:7px}.content-heading .motion-icon{width:25px;height:25px}.content-heading .motion-copy strong{font-size:10px}.content-heading .motion-switch{display:none}.content-heading>div{flex:1;min-width:160px}}

.content-heading .motion-switch i{transform:translate(11px,-50%)}.content-heading .motion-control[aria-pressed=false] .motion-switch i{transform:translate(0,-50%)}

:is(#news-view,#events-view,#skins-view) .portal-reveal{transition:opacity .6s ease,translate .65s cubic-bezier(.2,.7,.2,1),transform .3s ease,border-color .3s ease,box-shadow .3s ease}
@media(prefers-reduced-motion:reduce){:is(#news-view,#events-view,#skins-view) .portal-reveal{transition:none}}