/* UNO: warm editorial surfaces, restrained motion, and a consistent icon system. */
.store-shortcuts .store-logo{display:block;width:25px;height:25px;fill:#fff;stroke:none;flex:none}.header-download b{white-space:nowrap;font-size:11px}.header-download{gap:15px}#download{scroll-margin-top:0}
:root{--gutter:max(28px,calc((100vw - 1240px)/2));--yellow:#ffdc3c;--red:#e72e40;--muted:#b6b6bd;--paper:#f6f4ed;--ease:cubic-bezier(.22,1,.36,1)}
body{font-family:Arial,Helvetica,sans-serif}h1,h2{letter-spacing:-.045em}h2{font-size:clamp(2.7rem,4.3vw,4.5rem);line-height:1.02}
.overline,.hero-kicker{text-decoration:none;letter-spacing:.16em;font-size:10px;font-weight:800}.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon,.download-icon{width:20px;height:20px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{background:#1c1414c9;backdrop-filter:blur(16px);grid-template-columns:150px minmax(0,1fr) 192px;border-bottom:1px solid #ffffff1c}
.site-header.is-scrolled{background:#171717f5}.uno-logo img{width:82px}.fan-badge{font-size:7px;letter-spacing:.12em}
.main-nav>a{font-size:10px;letter-spacing:.07em}.header-download{border-radius:3px;box-shadow:none}.header-download b{letter-spacing:.025em}
.menu-toggle .ui-icon:last-child{display:none}.menu-toggle[aria-expanded=true] .ui-icon:first-child{display:none}.menu-toggle[aria-expanded=true] .ui-icon:last-child{display:block}
.menu-backdrop[hidden]{display:none}.menu-backdrop{backdrop-filter:blur(5px)}body.menu-open,body.trailer-open{overflow:hidden}
.official-hero{min-height:810px;padding-block:172px 134px;background:#721320}
.hero-scene img{object-position:63% center;filter:saturate(.88);animation:scene-drift 22s ease-in-out infinite alternate}
.hero-shade{background:linear-gradient(90deg,#260b12f5 0%,#420c1be8 30%,#5e102887 61%,#2b07113b 100%),linear-gradient(0deg,#220810c9,transparent 45%)}
.hero-content{width:620px;max-width:59%}.hero-content h1{font-size:clamp(4.5rem,6.6vw,6.8rem);line-height:.96;font-weight:900}
.hero-content h1 em{font-size:inherit;margin-top:5px;letter-spacing:-.045em}.hero-kicker{margin-bottom:28px}
.hero-edition{display:block;margin-top:24px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.16em}
.hero-content p{font-size:16px;line-height:1.8;max-width:405px;color:#f5e5e7;margin:18px 0 29px}
.primary-btn,.discord-join{box-shadow:none;border-radius:4px;min-height:56px;font-size:11px;letter-spacing:.04em;padding-inline:22px}
.primary-btn:hover{box-shadow:0 8px 24px #ffdb3620}.play-btn{display:inline-flex;gap:11px;align-items:center;color:#fff;background:none;border:0;font-size:11px;font-weight:700;letter-spacing:.04em}
.play-btn i{display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;width:42px;height:42px;transition:.25s}
.play-btn i .ui-icon{width:21px;height:21px}.hero-buttons{gap:22px 20px}.store-shortcuts{margin-top:9px}.store-shortcuts a{width:175px;background:#190f1640;border-color:#ffffff30;min-height:59px}
.store-shortcuts img{width:25px;height:25px}.store-shortcuts small{font-size:8px;letter-spacing:.1em}.store-shortcuts b{font-size:11px}
.hero-3d{inset:84px 0 80px 47%;opacity:1;overflow:visible}.floating-card{position:absolute;width:145px;height:218px;background-image:url('media/uno-card-deck.png');background-size:1400% 800%;border-radius:16px;box-shadow:0 28px 40px #24000b70;will-change:transform}
.card-one{top:19%;left:11%;background-position:53.84615% 0;--angle:-17deg;animation:card-float 7s ease-in-out infinite}
.card-two{top:36%;left:48%;background-position:100% 57.142857%;--angle:17deg;animation:card-float 8s ease-in-out -2s infinite}
.card-three{top:65%;left:27%;width:103px;height:155px;background-position:76.923% 42.85714%;--angle:-9deg;animation:card-float 9s ease-in-out -4s infinite}
.hero-art-caption{position:absolute;right:9%;top:13%;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl;color:#ffffffb0}
.hero-meta{font-size:9px;letter-spacing:.07em;bottom:28px}.hero-meta .ui-icon,.hero-meta .download-icon{width:14px;height:14px}.mouse-scroll{font-size:9px;letter-spacing:.14em}
.breaking{min-height:62px;padding-block:14px;font-size:10px;letter-spacing:.09em;background:var(--yellow)}.breaking a{display:flex;align-items:center;gap:16px}
.news-section{background:var(--paper);color:#1e1e21;box-shadow:none;padding-block:96px 104px}
.news-section .overline{color:#766c61}.section-intro h2 em{color:var(--red)}.news-section .news-lead{color:#67645e;max-width:365px;font-size:15px}
.filter-bar{border-color:#dcd9d0;margin-bottom:32px}.filter-tabs{gap:5px}.filter-tabs button{color:#6c6962;letter-spacing:.07em;font-size:9px;padding:13px 17px;border-radius:3px}
.filter-tabs button.selected{background:#252526;color:#fff}.filter-tabs button:not(.selected):hover{background:#e7e3d9;color:#202020}
.filter-bar>span{color:#7b776e;font-size:9px;letter-spacing:.08em}.story-count{color:#292929}
.news-grid{gap:32px 24px}.news-card{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.news-image{border-radius:5px;overflow:hidden}.news-image>span{background:#111b;color:#fff;border-color:#ffffff30;font-size:10px;width:28px;height:28px}
.news-image>i{width:35px;height:35px}.news-info{padding:21px 0 0;border-bottom:1px solid #d8d4ca;padding-bottom:20px}
.news-info b{color:#a82030;font-size:8px;letter-spacing:.065em}.news-info time{color:#76736d;font-size:8px}
.news-info h3{font-size:21px;letter-spacing:-.02em;line-height:1.35;min-height:2.7em;margin:13px 0 18px}
.news-info>a{font-size:9px;letter-spacing:.08em;gap:14px}.news-info>a .ui-icon{color:#b12e37;width:17px;height:17px}
.news-card.filtered-out{display:none}.news-card:hover{transform:none}.news-card:hover h3{color:#b52333}
.trailer{background:#161719;padding:104px var(--gutter);grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:60px;box-shadow:none;border:0}
.trailer:after{display:none}.trailer-copy h2{font-size:clamp(2.7rem,4.2vw,4rem)}.trailer-copy p{font-size:14px;max-width:315px}.video-player{border-radius:7px;border-color:#ffffff25;box-shadow:0 24px 60px #0005}
.video-facade-play{background:#ffdc3c;color:#171717;border:0;width:76px;height:76px;box-shadow:0 0 0 10px #ffffff14}.video-facade-play .ui-icon{width:30px;height:30px}
.video-facade strong{font-size:10px;letter-spacing:.1em}.video-facade small{font-size:8px;letter-spacing:.1em}.cinema-frame{color:#929299;font-size:9px;letter-spacing:.1em}
.experience{background:#c71f34;background-image:linear-gradient(105deg,#9e1528f5,#d42740db),url('media/partymania-hd.webp');background-position:center;background-size:cover;padding-block:96px 108px}
.experience .overline{color:#ffd8dd}.experience .section-intro p{font-size:15px;max-width:365px}.panel{border-radius:7px;border:1px solid #ffffff25}.panel img{aspect-ratio:1.25}.panel figcaption b{font-size:22px}.panel figcaption span{font-size:9px;letter-spacing:.12em}
.mode-grid article{padding:40px max(28px,calc((100vw - 1240px)/8));min-height:250px}.mode-grid article:first-child{background:var(--paper)}
.mode-grid strong{font-size:56px;letter-spacing:-.05em;margin-bottom:18px}.mode-grid h3{font-size:11px;letter-spacing:.08em}.mode-grid p{font-size:13px;line-height:1.8;max-width:230px}
.world-section{background:#ede9e0;color:#202023;box-shadow:none;grid-template-columns:1fr 1fr}
.world-art{background:#f7f4ea;min-height:570px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.world-art img{object-fit:contain;height:90%;width:90%;max-height:640px;filter:drop-shadow(0 24px 26px #63243224);transition:transform .8s var(--ease)}
.world-art:hover img{transform:rotate(-2deg) scale(1.02)}.world-copy{padding:72px max(40px,calc((100vw - 1240px)/2)) 72px 64px}.world-copy h2{font-size:clamp(2.7rem,4vw,4rem)}
.world-copy .overline{color:#80776b}.world-copy p{font-size:15px;color:#67645e}.world-copy .primary-btn{background:#222;color:#fff;border-color:#222}
.discord-section{padding:0;background:#141418}.discord-media img{object-position:72% center;filter:saturate(.8)}.discord-media:after{background:linear-gradient(90deg,#151519 10%,#151519ed 40%,#15151935 100%)}
.discord-content{padding-block:96px;width:calc(var(--gutter) + 550px);max-width:70%}.discord-content h2{font-size:clamp(2.7rem,4vw,4rem)}.discord-intro{font-size:14px}
.discord-features{gap:22px 28px}.discord-features article>span{font-size:9px}.discord-features h3{font-size:11px;letter-spacing:.06em}.discord-features p{font-size:12px;line-height:1.75}
.discord-join{gap:16px}.voice-live{font-size:9px;letter-spacing:.07em}.voice-live i{background:var(--yellow)}.media-link{font-size:9px;letter-spacing:.08em}
.requirements{background:#f6f4ed;color:#232327;box-shadow:none;padding-top:100px;gap:0 88px}
.req-heading .overline{color:#766c61}.req-heading h2{font-size:clamp(2.7rem,4vw,4rem)}.req-heading p{color:#706b63;font-size:14px}
.release-line{border-color:#d6d1c7}.release-line span{color:#767068}.release-line b{color:#a62132;font-size:9px}
.spec-tabs button{color:#6f6a61;border-color:#d5d0c6;font-size:10px;letter-spacing:.06em}.spec-tabs button.selected{background:#252526;color:#fff;border-color:#252526}
.spec-tabs button:not(.selected):hover{color:#111;border-color:#777}.specs>div:not(.spec-tabs){border-color:#d8d4ca;grid-template-columns:.8fr 1.2fr;gap:24px;padding:16px 0}
.specs span{color:#827b70;font-size:9px;letter-spacing:.08em}.specs b{font-size:12px;line-height:1.7}.specs>small{font-size:11px;color:#7b746a}.specs>small a{color:#a62132;text-decoration:underline;text-underline-offset:3px}
.specs>.primary-btn{background:transparent;border-color:#cbc5b8;color:#292827;font-size:10px;box-shadow:none}
.download-panel{position:relative;scroll-margin-top:84px;margin-top:96px;background:#19191c;color:#fff;backdrop-filter:none;border:0;gap:80px;grid-template-columns:1fr 1fr;padding-block:100px;isolation:isolate;overflow:hidden}
.download-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 90%,#60202a66,transparent 65%)}
.download-panel .overline{color:#c2aab0}.trust-panel-copy h2{font-size:clamp(2.7rem,4.2vw,4.2rem);letter-spacing:-.045em}.trust-panel-copy p{font-size:14px;max-width:360px;color:#bcb9be}
.download-file[aria-disabled=true]{cursor:not-allowed;background:#34312a;color:#c9c2a2;border-color:#565043;box-shadow:none}
.download-file[aria-disabled=true]:hover{transform:none;background:#34312a;box-shadow:none}
.trust-panel-copy .download-note{margin:16px 0 25px;font-size:11px;color:#9d99a2}
.download-alternative{display:inline-flex;gap:12px;align-items:center;font-size:11px;border-bottom:1px solid #ffffff30;padding-bottom:8px;transition:color .2s,border-color .2s}
.download-alternative:hover{color:var(--yellow);border-color:var(--yellow)}
.integrity-data{padding:32px;border:1px solid #ffffff18;border-radius:8px;background:linear-gradient(140deg,#ffffff09,#ffffff02);box-shadow:0 24px 50px #0002}
.download-card-heading{display:flex;align-items:center;gap:16px;padding-bottom:28px}.platform-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:9px;background:#ffdc3c;color:#222}
.platform-tile .ui-icon{width:26px;height:26px}.download-card-heading small{font-size:8px;letter-spacing:.13em;color:#a5a0aa}.download-card-heading h3{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-top:4px}
.integrity-status{padding-block:20px;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.integrity-status>span{font-size:9px;letter-spacing:.07em}.integrity-status .download-status{font-size:9px;color:#edcf69;display:flex;align-items:center}
.integrity-status .download-status i{background:#edcf69;box-shadow:0 0 0 4px #edcf6910}.integrity-status small{font-size:11px;line-height:1.7;color:#88858d;margin-top:3px}
.integrity-status .download-status.is-ready{color:#6dd794}.integrity-status .download-status.is-ready i{background:#6dd794}
.download-details{gap:30px 24px;padding-top:26px}.download-details article>span{color:#6d6773;font-size:9px;margin-bottom:8px}.download-details article>b{font-size:9px;letter-spacing:.09em;color:#e6e0e9}
.download-details article p,.download-details article:nth-child(3) p,.download-details article:nth-child(4) p{font:12px/1.7 Arial,Helvetica,sans-serif;color:#a9a4af}
.faq-section{background:#f6f4ed;color:#232327;border:0;padding-block:96px;gap:80px}.faq-section .overline{color:#82766a}.faq-section h2{font-size:clamp(2.7rem,4vw,4rem)}.faq-section h2 em{color:#d2293f}
.faq-section>div:first-child p{color:#7d756b;font-size:14px}.faq-list{border-color:#d7d2c8}.faq-list details{border-color:#d7d2c8}.faq-list summary{font-size:11px;letter-spacing:.025em;min-height:76px}
.faq-list summary>.ui-icon{width:18px;height:18px;color:#a62939}.faq-list summary:hover{color:#a62939}.faq-list details p{color:#716a60;font-size:13px}.faq-list details[open] summary{color:#a62939}
.site-footer{border-top:0;background:#19191c}.footer-top{padding-block:70px}.footer-column>b{font-size:10px;letter-spacing:.1em}.footer-column a,.footer-brand>p,.footer-status p{font-size:12px}.footer-status strong{font-size:9px;letter-spacing:.05em;color:#dcc57b}
.footer-bottom{font-size:10px}.footer-bottom p{font-size:10px;max-width:650px}.footer-bottom a{font-size:9px}
#trailer-modal{width:min(1080px,94vw);max-width:none;padding:0;margin:auto;border:1px solid #ffffff30;border-radius:8px;background:#09090b;color:#fff;box-shadow:0 35px 120px #000;overflow:visible}
#trailer-modal::backdrop{background:#000d;backdrop-filter:blur(12px)}.modal-close{display:grid;place-items:center;position:absolute;z-index:2;right:10px;top:10px;width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;background:#111e;color:#fff;cursor:pointer}
.video-frame{aspect-ratio:16/9;border-radius:8px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}
@keyframes card-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-20px) rotate(calc(var(--angle) + 4deg))}}
@keyframes scene-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(min-width:761px){.news-grid .news-card:nth-child(4){transition-delay:0s}.news-grid .news-card:nth-child(5){transition-delay:80ms}.news-grid .news-card:nth-child(6){transition-delay:160ms}}
@media(max-width:1080px){.site-header{grid-template-columns:1fr auto 44px}.hero-content{max-width:65%}.official-hero{min-height:770px;padding-top:155px}.hero-3d{left:52%}.floating-card{width:120px;height:180px}.card-one{left:2%;top:24%}.card-two{left:46%;top:44%}.card-three{left:9%;top:68%;width:90px;height:135px}.hero-art-caption{display:none}.trailer{grid-template-columns:1fr 1.25fr;gap:35px}.trailer-copy h2 br{display:block}.trailer-copy h2{font-size:42px}.world-art{min-height:500px}.world-copy{padding:60px 32px}.requirements{gap:0 40px}.trust-panel,.faq-section{gap:40px}.discord-content{max-width:75%}.integrity-data{padding:25px}.download-card-heading h3{font-size:19px}}
@media(max-width:760px){:root{--gutter:24px}.site-header{grid-template-columns:1fr 44px}.header-download{display:none}.official-hero{min-height:760px;padding:136px var(--gutter) 120px}.hero-content{max-width:100%;width:100%}.hero-content h1{font-size:clamp(4.2rem,12vw,5.5rem)}.hero-content h1 em{font-size:inherit}.hero-content p{max-width:360px;font-size:14px}.hero-edition{font-size:10px}.hero-kicker{font-size:9px}.hero-shade{background:linear-gradient(90deg,#320e19f5,#4b0b21cc 65%,#400b1a99)}.hero-3d{left:55%;opacity:.22;z-index:0}.card-one{top:15%;left:0}.card-two{left:20%;top:58%}.card-three{display:none}.hero-meta{font-size:8px;gap:14px;right:24px}.hero-meta a{color:var(--yellow)}.hero-buttons{gap:20px}.hero-buttons>.primary-btn{width:auto}.store-shortcuts{max-width:360px}.hero-scene img{object-position:58% center}.breaking{font-size:9px}
.news-section,.experience,.trailer{padding-block:68px}.section-intro{margin-bottom:30px}.section-intro>p{margin-top:20px}.news-section .news-lead{font-size:14px;max-width:420px}
.filter-bar{gap:8px;margin-bottom:25px}.filter-tabs{gap:0}.filter-tabs button{padding:12px 13px;font-size:8px}.news-info h3{font-size:19px;min-height:0}.news-grid{gap:28px 20px}
.trailer{grid-template-columns:1fr;gap:30px}.trailer-copy h2{font-size:44px}.trailer-copy h2 br{display:none}.trailer-copy h2 em{display:block}.trailer-copy p{max-width:460px}.video-facade-play{width:64px;height:64px}.video-facade strong{font-size:9px}
.perspective-gallery{gap:22px}.panel img{aspect-ratio:16/10}.mode-grid article{padding:34px 24px;min-height:230px}.mode-grid strong{font-size:48px}.mode-grid h3{font-size:10px}.mode-grid p{font-size:12px}
.world-section{grid-template-columns:1fr}.world-art{aspect-ratio:4/3;min-height:0}.world-art img{width:83%;max-height:450px}.world-copy{padding:54px var(--gutter) 68px}.world-copy h2{font-size:48px}.world-copy p{font-size:14px}
.discord-content{width:100%;max-width:100%;padding:30px var(--gutter) 68px}.discord-media:after{background:linear-gradient(transparent 30%,#141418)}.discord-features{grid-template-columns:1fr 1fr}.discord-content h2{font-size:46px}.discord-features p{font-size:12px}.media-link{font-size:8px}
.requirements{padding-top:68px;gap:36px;grid-template-columns:1fr}.req-heading h2{font-size:46px}.specs>div:not(.spec-tabs){grid-template-columns:.75fr 1.25fr}
.download-panel{margin-top:32px;padding-block:64px;gap:36px;grid-template-columns:1fr}.trust-panel-copy h2{font-size:46px}.trust-panel-copy h2 br{display:block}.trust-panel-copy h2 em{display:inline}.trust-panel-copy p{margin-block:22px}.integrity-data{padding:26px}
.download-details{grid-template-columns:1fr 1fr;gap:25px}.download-details article{border:0;padding:0}
.faq-section{margin-top:-36px;padding-block:64px;gap:30px;grid-template-columns:1fr}.faq-section h2{font-size:46px}.faq-list summary{font-size:10px}.faq-list details p{font-size:13px}.footer-top{padding-block:52px}
}
@media(max-width:420px){:root{--gutter:20px}.official-hero{min-height:780px;padding-top:131px}.hero-content h1{font-size:64px}.hero-buttons>.primary-btn{width:100%}.store-shortcuts{margin-top:0}.store-shortcuts a{width:50%;padding:10px;grid-template-columns:24px 1fr 14px;gap:8px}.store-shortcuts b{font-size:10px}.store-shortcuts .ui-icon{width:14px;height:14px}.hero-meta{right:20px;gap:10px}.news-grid{grid-template-columns:1fr}.news-info h3{font-size:22px}.discord-features{gap:22px 18px}.discord-features h3{font-size:10px}.integrity-data{padding:22px}.download-card-heading h3{font-size:18px}.integrity-status{gap:10px}.integrity-status>span,.integrity-status .download-status{font-size:8px}.mode-grid{grid-template-columns:1fr 1fr}.mode-grid article{padding:32px 20px;min-height:240px}.world-copy h2,.trust-panel-copy h2{font-size:42px}.download-alternative{font-size:10px}.download-panel .primary-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-card,.hero-scene img{animation:none;will-change:auto}.floating-card{transform:rotate(var(--angle))}.reveal-pending{opacity:1;filter:none;transform:none}}
