/* Zorynth additions. The reference's original layout, typography and backgrounds are preserved. */
.v3 .logo img{width:132px;height:auto;object-fit:contain}.v3 .sc-h1-img img{width:min(590px,88vw);height:auto;max-height:160px;object-fit:contain;object-position:left center}.v3 .sc-h1-img{margin-top:8px}.v3 .nav-login{white-space:nowrap}.zr-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - 1320px)/2));border-block:1px solid #eec97522;background:#121013;font-variant-numeric:tabular-nums}.zr-launch>div:first-child{display:grid;gap:6px}.zr-launch b{color:#efc975;font-size:11px;letter-spacing:.16em}.zr-launch span{font-size:14px;font-weight:600}.zr-launch #zr-countdown{font-size:24px;color:#fff;font-weight:600;letter-spacing:.02em}.zr-notice{padding:14px 22px;background:#19171b;border:1px solid #d3ac5738;border-radius:12px;display:flex;align-items:center;gap:18px;max-width:1320px;margin:24px auto;color:#b9b4ac;font-size:13px}.zr-notice>span{color:#e3c078;white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.13em}.zr-notice p{margin:0!important;font-size:13px!important;line-height:1.6!important}.pe-pane>.zr-notice{grid-column:1/-1;width:100%;margin:0 0 18px}.zr-form-note{color:#8c8b90;font-size:12px;line-height:1.6;max-width:44ch;margin:18px 0 0}.zr-demo{width:100%;margin-top:14px}.zr-admin{padding-top:130px}.zr-admin .xp-wrap{width:var(--wrap);margin:auto}.zr-admin h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.04em}.zr-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px}.zr-admin .x-card{padding:28px}.zr-admin h2{font-size:23px;margin:0 0 22px}.zr-admin .field{margin:18px 0}.zr-admin input,.zr-admin textarea,.zr-admin select{width:100%}.zr-admin p{color:#a3a1a4;font-size:14px;line-height:1.7}.zr-admin-tabs{display:flex;gap:16px;margin:24px 0}.zr-admin-tabs a,.zr-admin-tabs button{border:1px solid #ffffff18;border-radius:999px;padding:9px 18px;background:#ffffff06;color:#ddd;font:inherit;font-size:13px}.zr-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.zr-user{display:flex;gap:18px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff12;flex-wrap:wrap}.zr-user span{color:#939196;font-size:12px}.zr-mail{padding:15px 0;border-bottom:1px solid #ffffff12}.zr-mail>a{display:block;color:#eac779;font-size:13px;margin-top:8px}.zr-news-card{padding:28px;margin:22px 0}.zr-news-card h2{font-size:25px;margin:12px 0}.zr-news-card p{white-space:pre-line;line-height:1.8;color:#b7b4b7}.zr-news-card small{color:#b99d64}.zr-toast{position:fixed;z-index:1000;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid #ac8a4d88;padding:14px 22px;border-radius:12px;background:#201c19;color:#f0deba;box-shadow:0 20px 60px #0008;max-width:calc(100vw - 32px);font-size:13px}.zr-preview-game{max-width:700px;padding:32px;margin:36px auto 80px;text-align:center}.zr-game-result{font-size:22px;color:#edca80;min-height:60px;padding-top:22px}.zr-game-result.is-spinning{animation:zr-pulse .2s infinite alternate}.zr-game-result small{display:block;color:#969197;font-size:12px;margin-top:12px}@keyframes zr-pulse{to{opacity:.3;transform:scale(.96)}}.zr-admin select{color:#e9e6e7;background:#222126;border:1px solid #ffffff22;padding:12px;border-radius:10px}.zr-admin textarea{color:#eee;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px;padding:14px;font:inherit}.zr-admin .form-msg:empty{display:none}
@media(max-width:767px){.zr-launch{flex-direction:column;align-items:flex-start;padding:22px;gap:15px}.zr-launch #zr-countdown{font-size:21px}.zr-notice{margin:16px;align-items:flex-start;flex-direction:column;gap:7px;padding:15px}.pe-pane>.zr-notice{margin:0 0 18px}.zr-admin-grid{grid-template-columns:1fr;gap:18px}.zr-module-grid{grid-template-columns:1fr 1fr;gap:0 14px}.zr-admin .x-card{padding:21px}.zr-preview-game{margin:20px 16px 60px;padding:24px}.v3 .sc-h1-img img{max-height:130px}.zr-admin{padding-top:100px}.zr-admin-tabs{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.zr-game-result.is-spinning{animation:none}}
.v3 .zr-account-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff20;border-radius:999px;padding:10px 17px;font-size:13px;color:#ddd;white-space:nowrap;background:#ffffff06}.zr-template-label{display:inline-block;margin:12px 0;color:#c7aa6b;font-size:11px;letter-spacing:.06em;border:1px solid #c7aa6b35;padding:4px 9px;border-radius:99px}
@view-transition{navigation:none}
.zr-demo-note{font-size:11px;color:#c9b583;letter-spacing:.04em;display:flex;align-items:center;gap:8px;margin:18px 0}.v3[data-page="home"] main>.zr-demo-note{position:absolute;top:90px;left:3%;z-index:3;padding:7px 12px;border:1px solid #d4b46835;border-radius:20px;background:#111a}.zr-s22-section{max-width:1320px;margin:auto;padding:0 28px 100px}.zr-s22-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.zr-s22-card{padding:30px}.zr-s22-card h2{font-size:24px;margin:0 0 14px}.zr-s22-card p{color:#aaa4a8;font-size:14px;line-height:1.8}.zr-s22-card .x-link{display:inline-block;margin-top:20px}.zr-classes{margin-top:25px}.zr-classes .x-cls img{object-fit:cover;object-position:50% 20%}.zr-classes .x-cls:first-child img{object-position:75% 30%}.zr-class-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:35px}.zr-class-detail>img{width:100%;max-height:580px;object-fit:contain;border-radius:18px;background:radial-gradient(ellipse at center,#a1302420,transparent 70%)}.zr-class-detail p{color:#aaa4a8;line-height:1.85;margin:20px 0}.zr-class-detail h2{font-size:34px}.zr-wallet{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 10px}.zr-wallet>div{border:1px solid #d1b16e30;border-radius:13px;background:linear-gradient(135deg,#caa6570c,#ffffff02);padding:20px 24px}.zr-wallet small{display:block;color:#9e969b;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.zr-wallet strong{display:block;color:#edce91;font-size:28px;margin-top:9px;font-weight:500}#zr-heroes{display:grid;gap:22px}.zr-hero-card{display:grid;grid-template-columns:210px 1fr;overflow:hidden;border:1px solid #d1b16e25;border-radius:16px;background:linear-gradient(120deg,#151217,#0e0c10)}.zr-hero-visual{background-size:cover;background-position:50% 25%;position:relative;min-height:290px}.zr-hero-card:first-child .zr-hero-visual{background-position:70% 30%}.zr-hero-state{position:absolute;bottom:14px;left:14px;background:#0d1115db;border:1px solid #ffffff22;border-radius:20px;padding:6px 11px;color:#b4dfb1;font-size:10px}.zr-hero-info{padding:26px}.zr-hero-info>small{font-size:10px;letter-spacing:.06em;color:#be9f68}.zr-hero-info h2{font-size:35px;margin:8px 0 22px}.zr-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zr-hero-stats span{font-size:10px;color:#8d858e}.zr-hero-stats b{display:block;font-size:24px;color:#e4dde0;font-weight:500;margin-bottom:5px}.zr-hero-info p{color:#958b95;font-size:12px;margin:21px 0 14px}.zr-hero-info p span{margin:0 8px}.zr-progress{height:3px;background:#ffffff10;border-radius:3px;overflow:hidden;margin-bottom:10px}.zr-progress i{display:block;height:100%;background:linear-gradient(90deg,#ad5b33,#e1bf7a)}.zr-hero-info>.x-link{display:block;font-size:12px;margin-top:20px}#cls-filter{flex-wrap:wrap}#cls-filter img{object-fit:cover;object-position:50% 20%;border-radius:50%}
@media(max-width:767px){.zr-s22-grid,.zr-class-detail{grid-template-columns:1fr}.zr-s22-section{padding:0 20px 60px}.zr-wallet{grid-template-columns:repeat(2,1fr);gap:10px}.zr-wallet>div{padding:15px}.zr-wallet strong{font-size:24px}.zr-hero-card{grid-template-columns:110px minmax(0,1fr)}.zr-hero-info{padding:18px 15px}.zr-hero-info h2{font-size:27px}.zr-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px}.zr-hero-stats b{font-size:20px}.zr-hero-visual{min-height:310px}.zr-s22-card{padding:23px}}
#zr-heroes{grid-template-columns:repeat(3,minmax(0,1fr))}.zr-hero-card{grid-template-columns:minmax(0,1fr)}.zr-hero-visual{height:280px;min-height:280px;background-position:50% 15%}.zr-hero-card:first-child .zr-hero-visual{background-position:50% 10%}.zr-hero-info{min-width:0}.zr-hero-info>small{display:block}.zr-hero-info h2{font-size:30px}.zr-hero-info .zr-hero-stats{gap:9px}.zr-hero-info>p{white-space:normal;line-height:1.7}
@media(max-width:1000px){#zr-heroes{grid-template-columns:1fr}.zr-hero-card{grid-template-columns:200px minmax(0,1fr)}.zr-hero-visual{height:auto;min-height:300px}}
@media(max-width:767px){.zr-hero-card{grid-template-columns:110px minmax(0,1fr)}.zr-hero-info h2{font-size:27px}}
.zr-design-caption{font-size:12px;color:#b19b6e;margin:12px 0 0;letter-spacing:.03em}.zr-design-label{display:inline-block;font-size:10px;letter-spacing:.09em;color:#c2a66c;margin:0 5px 8px 0}.zr-design-only button:disabled{opacity:1;cursor:default}.zr-design-only .pm-slot-go:disabled{filter:none}.zr-design-only .scr-foil{cursor:default}.zr-design-only .wh-note{font-size:12px}.zr-design-only .wh-feed-t{font-size:10px}#games .pm-side.pm-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#games .pm-game{min-width:0}#games .pm-desc{margin:18px 0 25px}#games .wh-chip{width:100%}.kb-head h1{overflow-wrap:anywhere}@media(max-width:900px){#games .pm-side.pm-games{grid-template-columns:1fr}}
.v3.zr-design-only .wh-spin:disabled,.v3.zr-design-only .pm-slot-go:disabled,.v3.zr-design-only .x-btn:disabled{opacity:1;filter:none}
.zr-game-mode{display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #d5af5f30;border-radius:10px;background:#b28b3508;font-size:10px;letter-spacing:.08em;color:#d2b878;margin-top:18px}.zr-game-mode span{font-size:12px;letter-spacing:0;color:#a69e9a}.zr-games-active .xp-head>[data-local-demo]{margin-top:14px}.zr-games-active .scr-foil{touch-action:none}.zr-games-active .wh-result{z-index:5}.zr-games-active .wh-reg .wh-acts{flex-wrap:wrap}@media(max-width:767px){.zr-game-mode{align-items:flex-start;flex-direction:column;gap:5px}}

/* Keep interactive game panes within small screens. */
.v3.zr-games-active .ch-pane,.v3.zr-games-active .ch-arena,.v3.zr-games-active .pm-ch-kind { min-width:0; }
@media(max-width:560px){
.v3.zr-games-active .ch-hero {display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:6px;}
.v3.zr-games-active .ch-hero select {min-width:0;width:100%;max-width:100%;}
.v3.zr-games-active .pm-ch-kind .x-btn{font-size:12px;min-width:0;max-width:100%;}
.v3.zr-games-active .pm-ch-kind .pm-ch-name{overflow-wrap:anywhere;}
}

.v3.zr-games-active .wh-page { overflow-x:clip; }
