@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--hy-accent:#b75d1b;--hy-dark:#391f23;--hy-soft:#fcf3eb;--hy-muted:#7a6b6f;--hy-line:#ecdfd5;--hy-radius:14px;--hy-shadow:0 4px 15px #391f2308;--hy-width:1200px}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body.hy-site{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--hy-dark);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.hy-site #app{flex:1;min-width:0}:where(.hy-site) a{text-decoration:none;color:var(--hy-accent)}:where(.hy-site) a:hover{color:var(--hy-dark)}.hy-site img{max-width:100%;height:auto}.hy-site button,.hy-site input{font:inherit}.hy-site h1,.hy-site h2,.hy-site h3{font-weight:750;letter-spacing:-.035em;line-height:1.15;color:inherit}.hy-container{width:calc(100% - 64px);max-width:var(--hy-width);margin-inline:auto}.hy-site :focus-visible{outline:3px solid var(--hy-accent);outline-offset:5px}.hy-site main:focus{outline:none}.hy-skip{position:fixed;left:20px;top:-70px;background:white;padding:10px 18px;border:2px solid var(--hy-accent);border-radius:8px;z-index:2000}.hy-skip:focus{top:12px}
.hy-header{position:sticky;top:14px;z-index:1030;padding-top:14px;pointer-events:none}.hy-navbar{pointer-events:auto;background:#fff;border:1px solid var(--hy-line);border-radius:var(--hy-radius);box-shadow:0 4px 16px #391f230a;min-height:70px;padding:10px 20px}.hy-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:25px;line-height:1.2;color:var(--hy-dark)!important;letter-spacing:-.025em;overflow-wrap:anywhere}.hy-brand .bi{font-size:35px;color:var(--hy-accent);line-height:1}.hy-navbar .navbar-brand{max-width:210px;white-space:normal}.hy-navbar .navbar-toggler{border:1px solid var(--hy-line);font-size:25px;color:var(--hy-dark);padding:1px 8px}.hy-navbar .navbar-toggler:focus{box-shadow:0 0 0 3px #b75d1b25}.hy-navbar .hy-menu{gap:3px}.hy-navbar .hy-menu .nav-link{color:var(--hy-muted);font-size:12px;font-weight:550;padding:12px 11px;position:relative;border:0;background:none}.hy-navbar .hy-menu .nav-link.active{color:var(--hy-accent)}.hy-navbar .hy-menu .nav-link.active:after{content:"";position:absolute;bottom:2px;left:11px;right:11px;height:2px;background:var(--hy-accent)}.hy-navbar .nav-link:hover{color:var(--hy-accent)}.hy-account{gap:9px}.hy-account .hy-button{font-size:12px;padding:10px 13px;min-height:39px}.hy-user-name{max-width:175px;overflow-wrap:anywhere}.hy-navbar .dropdown-menu{font-size:13px;border:1px solid var(--hy-line);box-shadow:var(--hy-shadow);border-radius:10px;padding:8px;max-width:min(340px,calc(100vw - 80px))}.hy-navbar .dropdown-item{padding:8px 10px;white-space:normal;border-radius:6px}.hy-navbar .dropdown-item.active,.hy-navbar .dropdown-item:active{background:var(--hy-accent);color:white}.hy-navbar .dropdown-item:hover{background:var(--hy-soft)}.hy-navbar .notifications-dropdown{list-style:none}.hy-navbar .notifications-dropdown .dropdown-item{display:flex}.hy-navbar .notifications-dropdown .nav-link{color:var(--hy-dark)}
.hy-button{display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:12px 20px;min-height:46px;font-weight:650;border:1px solid transparent;border-radius:8px;line-height:1.25;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.hy-button .bi{font-size:18px;flex-shrink:0}.hy-button:hover{transform:translateY(-2px)}.hy-button-primary{background:var(--hy-accent);color:#fff!important;border-color:var(--hy-accent);box-shadow:inset 0 -3px 0 #0002,inset 0 1px 0 #ffffff20}.hy-button-primary:hover{background:color-mix(in srgb,var(--hy-accent),black 8%);box-shadow:0 5px 14px #b75d1b25,inset 0 -2px 0 #0002}.hy-button-outline{background:white;border-color:var(--hy-line);color:var(--hy-dark)}.hy-button-outline .bi{color:var(--hy-accent)}.hy-button-white{background:#fff;color:var(--hy-dark)!important;border-color:var(--hy-line);box-shadow:inset 0 -2px 0 #391f230b}
.hy-alerts:has(>.alert){margin-top:28px}.hy-hero{text-align:center;padding:32px 0 36px}.hy-hero h1{margin:0;line-height:1}.hy-hero-logo{display:block;width:340px;max-width:68%;height:auto;margin:0 auto 8px}.hy-hero p{font-size:20px;line-height:1.4;margin:0 0 17px;color:var(--hy-muted);font-weight:450}.hy-heading-rule{width:46px;height:2px;background:var(--hy-accent);display:block;margin-inline:auto}.hy-home-message{margin:0 0 24px}
.hy-actions{display:grid;grid-template-columns:1.1fr .43fr .43fr;grid-template-rows:auto auto;gap:16px}.hy-action-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--hy-line);border-radius:var(--hy-radius);padding:26px;background:white;color:var(--hy-dark)!important;box-shadow:var(--hy-shadow);transition:transform .2s ease,box-shadow .2s ease;min-width:0}.hy-action-card h2{font-size:24px;margin:0 0 8px}.hy-action-card p{color:var(--hy-muted);line-height:1.55;font-size:14px;margin:0 0 14px}.hy-action-card .hy-icon-tile{margin-bottom:12px}.hy-icon-tile{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--hy-soft);color:var(--hy-accent);flex-shrink:0}.hy-icon-tile .bi{font-size:31px;line-height:1}.hy-card-arrow{position:absolute;top:17px;right:20px;font-size:17px;color:var(--hy-accent)}.hy-watermark{position:absolute;right:-6px;bottom:-15px;font-size:106px;line-height:1;opacity:.075;color:var(--hy-accent);z-index:-1;pointer-events:none}.hy-action-label{font-size:14px;font-weight:650;color:var(--hy-accent);display:inline-flex;align-items:center;gap:10px}.hy-play{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;background:var(--hy-accent);border-color:var(--hy-accent);color:white!important;box-shadow:inset 0 1px 0 #ffffff25,inset 0 -3px 0 #0002;min-height:356px;padding:30px}.hy-play .hy-icon-tile{background:#ffffff28;color:white;margin-bottom:17px}.hy-play .hy-watermark{font-size:170px;right:40px;bottom:auto;top:45px;color:white;opacity:.09}.hy-eyebrow{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:750}.hy-play .hy-eyebrow{margin-bottom:10px}.hy-play h2{font-size:clamp(25px,2.7vw,39px);letter-spacing:-.04em;margin-bottom:10px}.hy-play p{font-size:clamp(17px,1.75vw,23px);font-weight:450;color:#fff;line-height:1.45;margin-bottom:28px;max-width:440px}.hy-play-bottom{margin-top:auto;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hy-ip-button{border:1px solid #ffffff55;background:white;color:var(--hy-dark);border-radius:8px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:13px 18px;font-weight:700;max-width:100%;min-width:240px;text-align:left;cursor:pointer;box-shadow:inset 0 -2px 0 #391f2310}.hy-ip-button span{overflow-wrap:anywhere;min-width:0}.hy-ip-button .bi{color:var(--hy-accent);font-size:20px;flex-shrink:0}.hy-play-bottom>a{font-size:12px;display:inline-flex;gap:15px;align-items:center;color:white;white-space:nowrap}.hy-play-bottom>a:hover{color:white;text-decoration:none}.hy-shop{grid-column:2/4;display:flex;align-items:center;gap:24px;min-height:145px}.hy-shop .hy-icon-tile{margin:0}.hy-shop p{margin-bottom:8px}.hy-vote{background:var(--hy-soft);border-top:3px solid var(--hy-accent)}.hy-vote .hy-icon-tile{width:45px;height:45px;background:var(--hy-accent);color:white}.hy-vote .hy-icon-tile .bi{font-size:25px}.hy-discord{background:var(--hy-dark);border-color:var(--hy-dark);color:white!important}.hy-discord .hy-icon-tile{width:45px;height:45px;background:#ffffff22;color:white;border:1px solid #ffffff20}.hy-discord .hy-icon-tile .bi{font-size:25px}.hy-discord p,.hy-discord .hy-action-label,.hy-discord .hy-card-arrow,.hy-discord .hy-watermark{color:white}.hy-discord .hy-watermark{opacity:.12}.hy-unavailable .hy-action-label{opacity:.8;font-weight:500}
.hy-highlights{display:flex;align-items:center;justify-content:space-around;padding:24px 0 15px;gap:12px}.hy-highlights span{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;font-size:13px;padding-inline:15px}.hy-highlights span+span{border-left:1px solid var(--hy-line)}.hy-highlights .bi{font-size:32px;color:var(--hy-accent)}.hy-scroll{display:block;width:35px;text-align:center;margin:0 auto 10px;font-size:18px}
.hy-section{padding:40px 0}.hy-section-label{color:var(--hy-accent);display:flex;align-items:center;gap:12px;margin-bottom:9px}.hy-section-label:before{content:"";width:35px;height:2px;background:var(--hy-accent)}.hy-section-title{font-size:clamp(26px,2.9vw,37px);margin:0 0 8px}.hy-section-intro{color:var(--hy-muted);font-size:15px;margin:0 0 22px}.hy-features{background:#fdf9f6}.hy-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.hy-feature-card{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:18px;align-items:flex-start;padding:23px 20px;min-height:143px;background:white;border:1px solid var(--hy-line);border-top:3px solid var(--hy-accent);border-radius:10px;box-shadow:var(--hy-shadow)}.hy-feature-wide{grid-column:span 2}.hy-feature-card h3{font-size:15px;letter-spacing:-.025em;margin:4px 0 9px}.hy-feature-card p{font-size:13px;line-height:1.55;color:var(--hy-muted);margin:0}.hy-feature-card .hy-icon-tile{width:50px;height:50px}.hy-feature-card .hy-icon-tile .bi{font-size:27px}.hy-feature-card:not(.hy-feature-wide){gap:12px;padding-inline:17px}.hy-feature-card:not(.hy-feature-wide) .hy-icon-tile{width:43px;height:46px}.hy-feature-card .hy-watermark{font-size:77px;right:6px;bottom:-7px;opacity:.09}.hy-feature-wide .hy-watermark{font-size:102px}.hy-feature-card>div{position:relative;z-index:1;min-width:0}
.hy-discord-band{background:var(--hy-dark);color:white;overflow:hidden}.hy-band-inner{position:relative;isolation:isolate;display:flex;align-items:center;gap:25px;padding-block:25px}.hy-band-inner h2{font-size:29px;margin:0 0 6px}.hy-band-inner p{font-size:14px;color:#e0ced1;margin:0}.hy-band-inner>.hy-icon-tile{background:#ffffff19;border:1px solid #ffffff26;color:white}.hy-band-inner>.hy-button{margin-left:auto;flex-shrink:0;font-size:13px}.hy-band-inner .hy-watermark{color:white;right:-40px;bottom:-30px;font-size:155px;opacity:.07}
.hy-section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:19px}.hy-section-header .hy-section-title{margin-bottom:0}.hy-text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:650}.hy-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hy-news-card{padding:20px 22px;border:1px solid var(--hy-line);border-top:3px solid var(--hy-accent);border-radius:10px;box-shadow:var(--hy-shadow);display:flex;flex-direction:column}.hy-news-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:13px;flex-wrap:wrap}.hy-chip{display:inline-block;border-radius:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:var(--hy-soft);color:var(--hy-accent);padding:2px 9px;font-weight:750}.hy-news-meta time{font-size:10px;color:var(--hy-muted)}.hy-news-card h3{font-size:17px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.hy-news-card h3>a{color:var(--hy-dark)}.hy-news-card p{font-size:13px;line-height:1.65;color:var(--hy-muted);margin:0 0 15px;overflow-wrap:anywhere}.hy-news-card>.hy-text-link{margin-top:auto;padding-top:10px;border-top:1px solid #f3ebe5}
.hy-join{background:var(--hy-soft);text-align:center;border-radius:20px;padding:27px 30px 25px;margin-top:8px;margin-bottom:32px}.hy-join .hy-heading-rule{margin-bottom:13px}.hy-join .hy-section-title{font-size:30px;margin-bottom:5px}.hy-join .hy-section-intro{margin-bottom:12px;font-size:14px}.hy-java-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;color:var(--hy-accent);border:1px solid var(--hy-line);border-radius:9px;padding:8px 16px;background:#fffaf6;font-size:12px;font-weight:650;box-shadow:var(--hy-shadow);margin-bottom:-8px}.hy-java-badge .bi{font-size:23px;line-height:1}.hy-join-card{background:white;border:1px solid var(--hy-line);border-radius:9px;padding:24px;text-align:left;box-shadow:var(--hy-shadow)}.hy-steps{list-style:none;display:flex;padding:0 0 21px;margin:0 0 15px;border-bottom:1px solid var(--hy-line);gap:24px}.hy-steps li{display:flex;align-items:center;gap:17px;flex:1;min-width:0}.hy-steps li+li{padding-left:24px;border-left:1px solid var(--hy-line)}.hy-step-number{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--hy-accent);color:white;font-size:18px;font-weight:700;flex-shrink:0}.hy-steps h3{font-size:13px;letter-spacing:-.02em;margin:0 0 5px}.hy-steps p{font-size:11px;color:var(--hy-muted);margin:0}.hy-input-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;display:block;color:var(--hy-muted);margin-bottom:6px}.hy-copy-field{display:flex;gap:14px}.hy-server-input{min-width:0;flex:1;border:1px solid var(--hy-line);border-radius:7px;padding:10px 14px;background:#fff;color:var(--hy-dark);font-size:14px!important;font-weight:550}.hy-copy-field .hy-button{min-width:190px;font-size:13px;padding:10px 20px}
.hy-footer{background:var(--hy-dark);border-top:3px solid var(--hy-accent);color:#dcc9cd;padding:28px 0 20px}.hy-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .9fr;gap:25px;padding-bottom:24px}.hy-footer .hy-brand{font-size:23px;color:#fff!important;margin-bottom:13px}.hy-footer .hy-brand .bi{font-size:32px}.hy-footer p{font-size:12px;margin:0;color:#cdb7bb}.hy-footer h2{font-size:12px;letter-spacing:0;color:#fff;margin:0 0 12px;font-weight:650}.hy-footer-grid>div>a:not(.hy-brand){display:block;color:#d6c5c8;font-size:11px;line-height:2}.hy-footer a:hover{color:white!important;text-decoration:underline}.hy-footer-brand{padding-right:20px;border-right:1px solid #ffffff20}.hy-socials{display:flex;align-items:flex-start;justify-content:end;gap:10px}.hy-socials>a{display:flex!important;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #ffffff2a;background:#ffffff08;border-radius:9px;font-size:21px!important}.hy-footer-bottom{border-top:1px solid #ffffff25;padding-top:16px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#c4adb2}.hy-footer-bottom a{color:#e8dadd}.hy-footer-bottom>span>span{padding:0 7px}
.hy-copy-notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:calc(100vw - 32px);padding:12px 20px;background:var(--hy-dark);color:#fff;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 8px 28px #0002;z-index:2000;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;font-size:14px}.hy-copy-notice.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Native Azuriom and plugin pages retain Bootstrap and their own scripts. */
.hy-content{padding-block:48px;min-height:60vh}.hy-content .card{border-color:var(--hy-line);border-radius:12px;box-shadow:var(--hy-shadow);overflow-wrap:anywhere}.hy-content .card-header,.hy-content .card-footer{background:var(--hy-soft);border-color:var(--hy-line)}.hy-content .btn-primary{--bs-btn-bg:var(--hy-accent);--bs-btn-border-color:var(--hy-accent);--bs-btn-hover-bg:var(--hy-dark);--bs-btn-hover-border-color:var(--hy-dark);--bs-btn-active-bg:var(--hy-dark);--bs-btn-active-border-color:var(--hy-dark);--bs-btn-color:#fff;border-radius:8px}.hy-content .form-control,.hy-content .form-select{border-color:var(--hy-line);border-radius:8px}.hy-content .form-control:focus,.hy-content .form-select:focus{border-color:var(--hy-accent);box-shadow:0 0 0 .2rem #b75d1b20}.hy-content .page-link{color:var(--hy-accent)}.hy-content .active>.page-link{background:var(--hy-accent);border-color:var(--hy-accent);color:white}.hy-content .nav-pills .nav-link.active{background:var(--hy-accent);color:white}.hy-content pre{overflow:auto}.hy-content table{max-width:100%}.hy-content h1{font-size:34px}.hy-site .modal{color:var(--hy-dark)}
@media(min-width:1200px){.hy-vote,.hy-discord{padding:22px 24px}.hy-feature-wide p{max-width:80%}}
@media(max-width:1199px){.hy-navbar .navbar-brand{font-size:22px;gap:8px}.hy-navbar .hy-menu .nav-link{padding-inline:7px}.hy-navbar .hy-menu .nav-link.active:after{left:7px;right:7px}.hy-account{gap:6px}.hy-account .hy-button{padding-inline:10px}.hy-play-bottom{gap:16px}.hy-ip-button{min-width:210px}.hy-feature-card{flex-direction:column}.hy-feature-wide{flex-direction:row}.hy-feature-card:not(.hy-feature-wide){padding:20px}.hy-feature-card h3{font-size:14px}.hy-band-inner h2{font-size:25px}.hy-steps{gap:15px}.hy-steps li{gap:12px}.hy-steps li+li{padding-left:15px}}
@media(max-width:991px){.hy-header{top:8px;padding-top:8px}.hy-navbar{padding:12px 18px}.hy-navbar .navbar-brand{max-width:70%}.hy-navbar .navbar-collapse{padding:18px 0 4px}.hy-navbar .hy-menu{gap:2px}.hy-navbar .hy-menu .nav-link{padding:10px 8px;font-size:14px}.hy-navbar .hy-menu .nav-link.active:after{display:none}.hy-navbar .hy-menu .nav-link.active{background:var(--hy-soft);border-radius:8px}.hy-account{flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--hy-line)}.hy-account .dropdown-menu{position:absolute}.hy-hero{padding-top:25px}.hy-hero-logo{width:300px}.hy-actions{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hy-play{grid-column:1/3;grid-row:auto;min-height:300px}.hy-shop{grid-column:1/3;min-height:125px}.hy-vote,.hy-discord{min-height:195px}.hy-play h2{font-size:34px}.hy-play p{font-size:21px}.hy-play-bottom{gap:25px}.hy-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-feature-card,.hy-feature-wide{grid-column:auto;flex-direction:row;min-height:145px}.hy-band-inner{flex-wrap:wrap;gap:20px}.hy-band-inner>.hy-button{margin-left:80px}.hy-news-grid{gap:12px}.hy-news-card{padding:17px}.hy-footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.hy-footer-brand{grid-row:span 2}.hy-socials{justify-content:start}.hy-join{padding-inline:22px}.hy-steps{flex-direction:column;gap:18px}.hy-steps li+li{border-left:0;padding:0}.hy-steps h3{font-size:14px}.hy-steps p{font-size:12px}}
@media(max-width:640px){html{scroll-padding-top:96px}.hy-container{width:calc(100% - 32px)}.hy-navbar{min-height:62px}.hy-navbar .navbar-brand{font-size:22px}.hy-navbar .navbar-brand .bi{font-size:29px}.hy-hero{padding:24px 0 27px}.hy-hero-logo{width:265px;max-width:83%}.hy-hero p{font-size:16px;margin-bottom:14px}.hy-actions{gap:12px}.hy-action-card{border-radius:11px}.hy-play{padding:23px;min-height:310px}.hy-play h2{font-size:30px}.hy-play p{font-size:19px;margin-bottom:20px}.hy-play .hy-icon-tile{width:50px;height:50px}.hy-play .hy-watermark{font-size:140px;right:8px;top:25px}.hy-play-bottom{flex-direction:column;align-items:stretch;gap:15px}.hy-ip-button{width:100%;min-width:0;font-size:15px;padding:13px 15px}.hy-play-bottom>a{justify-content:center;font-size:12px}.hy-shop{padding:20px;gap:18px;min-height:125px}.hy-action-card h2{font-size:22px}.hy-play h2{font-size:30px}.hy-action-card p{font-size:12px}.hy-play p{font-size:19px}.hy-action-label{font-size:12px;gap:7px}.hy-vote,.hy-discord{padding:19px 17px;min-height:205px}.hy-action-card .hy-watermark{font-size:83px}.hy-play .hy-watermark{font-size:140px}.hy-card-arrow{top:12px;right:14px;font-size:14px}.hy-highlights{gap:6px;padding-top:20px}.hy-highlights span{padding-inline:6px;gap:6px;text-align:center;flex-direction:column;font-size:10px;line-height:1.4}.hy-highlights .bi{font-size:25px}.hy-section{padding:32px 0}.hy-section-title{font-size:27px}.hy-section-intro{font-size:13px}.hy-eyebrow{font-size:9px;letter-spacing:.12em}.hy-feature-grid{grid-template-columns:1fr;gap:12px}.hy-feature-card,.hy-feature-card:not(.hy-feature-wide){padding:19px;gap:18px;min-height:110px}.hy-feature-card h3{font-size:15px}.hy-feature-card p{font-size:12px;padding-right:28px}.hy-feature-card .hy-icon-tile,.hy-feature-card:not(.hy-feature-wide) .hy-icon-tile{width:47px;height:47px}.hy-feature-card .hy-watermark{font-size:80px}.hy-band-inner{padding-block:25px;gap:15px}.hy-band-inner>.hy-icon-tile{width:48px;height:48px}.hy-band-inner>div{flex:1}.hy-band-inner h2{font-size:23px}.hy-band-inner p{font-size:12px}.hy-band-inner>.hy-button{margin:3px 0 0;width:100%;font-size:12px}.hy-section-header{align-items:start;flex-direction:column;gap:12px}.hy-news-grid{grid-template-columns:1fr;gap:13px}.hy-news-card{padding:21px}.hy-news-card h3{font-size:17px}.hy-news-card p{font-size:13px}.hy-news-meta time{font-size:11px}.hy-join{width:calc(100% - 24px);padding:25px 15px 17px;border-radius:15px;margin-top:0;margin-bottom:24px}.hy-join .hy-section-title{font-size:25px}.hy-join .hy-section-intro{font-size:12px}.hy-join-card{padding:23px 15px 15px}.hy-copy-field{flex-direction:column;gap:10px}.hy-copy-field .hy-button{width:100%;font-size:13px}.hy-server-input{padding:12px;min-height:46px}.hy-step-number{width:40px;height:40px;font-size:17px}.hy-steps li{gap:15px}.hy-footer{padding-top:27px}.hy-footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.hy-footer-brand{grid-column:1/3;grid-row:auto;border:0;padding-bottom:20px;border-bottom:1px solid #ffffff20}.hy-socials{align-items:start;justify-content:end}.hy-footer h2{font-size:13px}.hy-footer-grid>div>a:not(.hy-brand){font-size:12px;line-height:2.3}.hy-footer-bottom{flex-direction:column;gap:7px;font-size:10px}.hy-content{padding-block:30px}.hy-content h1{font-size:28px}}
/* Hylaris 1.1 — compact floating navigation. */
.hy-header { top: 16px; padding-top: 16px; }
.hy-navbar {
    min-height: 70px; padding: 10px 20px; border-radius: 18px;
    background: var(--hy-dark); background: color-mix(in srgb, var(--hy-dark) 95%, transparent);
    border: 1px solid #ffffff29; box-shadow: 0 8px 26px #391f2314, inset 0 1px 0 #ffffff08;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.hy-navbar .hy-nav-brand { width: 72px; max-width: 72px; margin: 0 22px 0 0; padding: 0; flex-shrink: 0; }
.hy-navbar .hy-nav-logo { display: block; width: 72px; height: 48px; object-fit: contain; transition: transform .2s ease; }
.hy-navbar .navbar-collapse { gap: 20px; min-width: 0; padding: 0; }
.hy-navbar .hy-menu { gap: 2px; flex-wrap: wrap; }
.hy-navbar .hy-menu .nav-link {
    padding: 12px 13px; font-size: 14px; font-weight: 650; line-height: 1.3;
    color: #e0d3d6; background: transparent; border-radius: 8px;
    transition: color .18s ease, background-color .18s ease;
}
.hy-navbar .hy-menu .nav-link.active { color: white; background: #ffffff09; }
.hy-navbar .hy-menu .nav-link:not(.dropdown-toggle)::after {
    content: ''; position: absolute; left: 13px; right: 13px; bottom: 4px;
    height: 2px; border: 0; background: var(--hy-accent); border-radius: 2px;
    transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.hy-navbar .hy-menu .nav-link.active:not(.dropdown-toggle)::after { transform: scaleX(1); }
.hy-navbar .hy-menu .nav-link.dropdown-toggle::after {
    content: ''; position: static; width: 0; height: 0; background: transparent;
    border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0;
    border-left: .3em solid transparent; margin-left: .4em;
}
.hy-navbar .hy-account { margin: 0 0 0 auto; padding: 0; border: 0; gap: 12px; flex-direction: row; align-items: center; flex-shrink: 0; }
.hy-navbar .hy-account .hy-button {
    min-height: 42px; padding: 9px 14px; border-radius: 12px; font-size: 13px; font-weight: 750;
}
.hy-navbar .hy-account .hy-button-outline { color: white; background: #ffffff14; border-color: #ffffff26; box-shadow: inset 0 1px 0 #ffffff09; }
.hy-navbar .hy-account .hy-button-outline > .bi { color: #f5cfab; }
.hy-navbar .hy-account .hy-user-name { gap: 9px; padding: 7px 12px 7px 8px; max-width: 210px; }
.hy-navbar .hy-player-avatar { width: 26px; height: 26px; border-radius: 8px; object-fit: cover; image-rendering: pixelated; flex-shrink: 0; background: #ffffff20; }
.hy-player-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.hy-navbar .hy-account .dropdown-toggle::after {
    width: 6px; height: 6px; margin: -3px 1px 0 4px; border: 0;
    border-right: 1.5px solid; border-bottom: 1.5px solid; opacity: .6;
    transform: rotate(45deg); transition: transform .18s ease; flex-shrink: 0;
}
.hy-navbar .hy-account .dropdown-toggle[aria-expanded="true"]::after { transform: translateY(3px) rotate(225deg); }
.hy-navbar .hy-account .hy-nav-play { min-width: 108px; text-transform: uppercase; letter-spacing: .02em; }
.hy-navbar .hy-account .hy-nav-play .bi { font-size: 16px; }
.hy-navbar .notifications-dropdown .nav-link { color: white; }
.hy-navbar .dropdown-menu { background: white; color: var(--hy-dark); padding: 8px; border-radius: 12px; border-color: var(--hy-line); box-shadow: 0 12px 36px #391f2318; }
.hy-navbar .dropdown-item { color: var(--hy-dark); border-radius: 7px; padding: 10px 12px; transition: background-color .16s ease, color .16s ease; }
.hy-navbar .dropdown-item > .bi { margin-right: 8px; color: var(--hy-accent); }
.hy-navbar .dropdown-item.active, .hy-navbar .dropdown-item:active { color: white; background: var(--hy-accent); }
.hy-navbar .dropdown-item.active > .bi, .hy-navbar .dropdown-item:active > .bi { color: inherit; }
.hy-navbar .dropdown-menu.show { animation: hy-menu-open .16s ease-out; }
.hy-navbar .navbar-toggler { color: white; border-color: #ffffff2e; border-radius: 10px; min-width: 42px; min-height: 42px; }
@keyframes hy-menu-open { from { opacity: 0; } to { opacity: 1; } }

/* Tactile feedback applies to theme buttons and native CMS/plugin buttons. */
.hy-button, .hy-ip-button, .hy-content .btn, .hy-navbar .navbar-toggler {
    transition: transform .16s cubic-bezier(.2,.7,.2,1), box-shadow .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease;
}
.hy-button-primary, .hy-content .btn-primary {
    box-shadow: inset 0 1px 0 #ffffff26, 0 3px 0 color-mix(in srgb, var(--hy-accent), black 28%), 0 5px 10px #391f2312;
}
.hy-ip-button { box-shadow: inset 0 1px 0 white, 0 3px 0 #d8c4b3, 0 5px 12px #391f2312; }
.hy-button .bi-arrow-right, .hy-action-label .bi, .hy-card-arrow, .hy-text-link .bi { transition: transform .18s ease; }
.hy-button:focus-visible, .hy-ip-button:focus-visible, .hy-content .btn:focus-visible { outline-offset: 5px; }
@media (hover:hover) and (pointer:fine) {
    .hy-nav-brand:hover .hy-nav-logo { transform: translateY(-1px) scale(1.04); }
    .hy-navbar .hy-menu .nav-link:hover, .hy-navbar .hy-menu .nav-link:focus-visible { color: white; background: #ffffff0d; }
    .hy-navbar .hy-menu .nav-link:not(.dropdown-toggle):hover::after { transform: scaleX(1); }
    .hy-navbar .hy-account .hy-button-outline:hover { background: #ffffff23; border-color: #ffffff40; }
    .hy-button:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .hy-ip-button:not(:disabled):hover,
    .hy-content .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover { transform: translateY(-2px); }
    .hy-button-primary:hover, .hy-content .btn-primary:not(:disabled):not(.disabled):hover {
        box-shadow: inset 0 1px 0 #ffffff30, 0 4px 0 color-mix(in srgb, var(--hy-accent), black 28%), 0 8px 18px #391f2326;
    }
    .hy-ip-button:hover { box-shadow: inset 0 1px 0 white, 0 4px 0 #d8c4b3, 0 8px 18px #391f2326; }
    .hy-button:hover .bi-arrow-right, .hy-action-card[href]:hover .hy-action-label .bi, .hy-text-link:hover .bi { transform: translateX(3px); }
    .hy-action-card[href]:hover .hy-card-arrow { transform: translate(2px,-2px); }
}
.hy-button:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
.hy-ip-button:not(:disabled):active,
.hy-navbar .navbar-toggler:active,
.hy-content .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active { transform: translateY(1px) scale(.985); box-shadow: inset 0 2px 5px #0000001c, 0 1px 0 #00000018; }
.hy-action-card[href]:active { transform: translateY(0) scale(.995); }
@media (hover:none) {
    .hy-button:hover, .hy-action-card[href]:hover { transform: none; }
    .hy-button:not(:disabled):not(.disabled):active { transform: translateY(1px) scale(.985); }
}
@media (max-width:1199px) {
    .hy-header { top: 10px; padding-top: 10px; }
    .hy-navbar { padding: 10px 16px; }
    .hy-navbar .navbar-collapse { padding: 15px 0 5px; }
    .hy-navbar .hy-menu { gap: 4px; }
    .hy-navbar .hy-menu .nav-link { padding: 12px; font-size: 14px; }
    .hy-navbar .hy-menu .nav-link.active { background: #ffffff12; }
    .hy-navbar .hy-menu .nav-link:not(.dropdown-toggle)::after { display: none; }
    .hy-navbar .hy-account { flex-wrap: wrap; gap: 12px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #ffffff20; }
    .hy-navbar .hy-account .dropdown-menu { position: absolute; left: 0; right: auto; max-width: calc(100vw - 70px); }
    .hy-navbar .hy-user-name { max-width: 190px; }
}
@media (max-width:640px) {
    .hy-navbar { min-height: 64px; padding: 8px 14px; border-radius: 15px; }
    .hy-navbar .hy-nav-brand, .hy-navbar .hy-nav-logo { width: 63px; max-width: 63px; height: 42px; }
    .hy-navbar .hy-account { gap: 10px; }
    .hy-navbar .hy-account .hy-button { font-size: 12px; }
}
/* Hylaris 1.2 — warm canvas, raised cards and a real join control. */
:root { --hy-canvas: #f4f0ed; --hy-shadow: 0 5px 18px #391f230b; }
body.hy-site {
    background-color: var(--hy-canvas);
    background-image:
        radial-gradient(ellipse 75% 520px at 8% 0, #fffaf4c4, transparent),
        radial-gradient(ellipse 65% 460px at 100% 80px, #e7dadf6b, transparent);
    background-repeat: no-repeat;
}
.hy-features { background: #ece5df70; border-block: 1px solid #e7ddd47a; }
.hy-feature-card, .hy-news-card, .hy-join-card { background: #fff; }
.hy-join { background: #f8ede3; border: 1px solid #e8d6c7; box-shadow: 0 8px 28px #391f2307; }
.hy-content .card { box-shadow: 0 7px 24px #391f230b; }

.hy-action-card, .hy-feature-card, .hy-news-card, .hy-join-card, .hy-content .post-preview {
    transition: transform .24s cubic-bezier(.2,.75,.25,1), box-shadow .24s ease, border-color .24s ease;
}
.hy-action-card .hy-icon-tile, .hy-feature-card .hy-icon-tile, .hy-band-inner > .hy-icon-tile {
    transition: transform .24s cubic-bezier(.2,.75,.25,1), background-color .24s ease;
}
.hy-action-card .hy-watermark, .hy-feature-card .hy-watermark, .hy-band-inner .hy-watermark {
    transition: transform .32s ease, opacity .24s ease;
}
.hy-play:focus-within, .hy-action-card:focus-visible, .hy-news-card:focus-within, .hy-join-card:focus-within {
    box-shadow: 0 12px 30px #391f231c;
}
.hy-play-bottom > .hy-join-link {
    min-height: 46px; padding: 9px 10px 9px 16px; gap: 13px;
    border: 1px solid #ffffff4d; border-radius: 10px;
    background: #ffffff12; color: #fff; font-size: 12px; font-weight: 650;
    text-decoration: none; line-height: 1.3; white-space: normal;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hy-join-link-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; flex: 0 0 28px;
    border-radius: 7px; background: #ffffff1f;
    transition: background-color .18s ease;
}
.hy-join-link-icon .bi { display: inline-block; font-size: 16px; transition: transform .18s ease; }
.hy-play-bottom > .hy-join-link:hover, .hy-play-bottom > .hy-join-link:focus-visible {
    color: #fff; text-decoration: none; background: #ffffff24; border-color: #ffffff8c;
    box-shadow: 0 5px 14px #391f2317;
}
.hy-play-bottom > .hy-join-link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.hy-play-bottom > .hy-join-link:active { transform: translateY(1px) scale(.985); }
@media (hover:hover) and (pointer:fine) {
    .hy-action-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px #391f231c; }
    .hy-play:hover { box-shadow: inset 0 1px 0 #ffffff2b, inset 0 -3px 0 #0002, 0 16px 34px #8c461c2e; }
    .hy-feature-card:hover, .hy-news-card:hover, .hy-content .post-preview:hover {
        transform: translateY(-4px); border-color: #d9b291; box-shadow: 0 12px 28px #391f2314;
    }
    .hy-join-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px #391f2312; }
    .hy-action-card:hover .hy-icon-tile, .hy-feature-card:hover .hy-icon-tile,
    .hy-band-inner:hover > .hy-icon-tile { transform: translateY(-2px) rotate(-4deg); }
    .hy-action-card:hover .hy-watermark, .hy-feature-card:hover .hy-watermark,
    .hy-band-inner:hover .hy-watermark { transform: translate(-4px,-4px) rotate(-5deg) scale(1.06); opacity: .14; }
    .hy-play-bottom > .hy-join-link:hover { transform: translateY(-2px); }
    .hy-join-link:hover .hy-join-link-icon .bi { transform: translateX(3px); }
}
.hy-action-card[href]:active { transform: translateY(-1px) scale(.995); }
@media (max-width:640px) {
    .hy-play-bottom > .hy-join-link { padding: 10px 14px; justify-content: space-between; }
}

@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
    .hy-button, .hy-ip-button, .hy-action-card, .hy-content .btn, .hy-nav-logo, .hy-navbar .navbar-toggler,
    .hy-button .bi, .hy-action-label .bi, .hy-card-arrow, .hy-text-link .bi,
    .hy-feature-card, .hy-news-card, .hy-join-card, .hy-content .post-preview, .hy-join-link,
    .hy-join-link-icon .bi, .hy-icon-tile, .hy-watermark { transform: none !important; }
}