/* Game palette only. Header/footer geometry and type remain in shared shell CSS. */
body.mk3-theme{--bg:#101416;--surface:#191c1e;--line:#424039;--text:#f5f0df;--muted:#b7b8b7;background:#101416;color:var(--text)}
.mk3-theme .header{position:relative;z-index:4;background:#101416ed;border-color:#34332f}
.mk3-theme .site-footer{background:#101416;border-color:#34332f}
.mk3-theme #mk3{--mk3-panel:#15191c;--mk3-gold:#e4bf76;max-width:1280px;width:100%;padding:0;margin:0 auto;color:#f5f0df}
#mk3 .ui-icon{flex-shrink:0;filter:brightness(0) invert(.95);object-fit:contain}
#mk3 .landing-hero{position:relative;isolation:isolate;min-height:850px;overflow:hidden}
#mk3 .landing-art{display:block;position:absolute;inset:0;z-index:-1}
#mk3 .landing-art>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
/* Owner-requested ombre: soften the existing raster's edges, without redrawing game art. */
#mk3 .landing-art{--art-fade-bottom:190px;--art-fade-side:85px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--art-fade-bottom)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--art-fade-side),#000 calc(100% - var(--art-fade-side)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--art-fade-bottom)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--art-fade-side),#000 calc(100% - var(--art-fade-side)),transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:1100px){#mk3 .landing-art{--art-fade-bottom:100px;--art-fade-side:44px}}
@media(max-width:760px){#mk3 .landing-art{--art-fade-bottom:80px;--art-fade-side:18px}}
#mk3 .landing-copy{position:relative;width:590px;max-width:100%;padding:24px 0 44px 48px}
#mk3 .hero-back{font-size:14px;gap:8px;margin:0 0 26px;min-height:44px}
#mk3 .hero-back .ui-icon{width:18px;height:18px}
#mk3 .eyebrow{font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.1em;color:#e4bf76;margin:0 0 12px}
#mk3 h1{margin:0 0 18px;line-height:1}
#mk3 .game-logo{display:block;width:440px;max-width:94%;height:auto;aspect-ratio:900/420;object-fit:contain;object-position:left center}
#mk3 .landing-copy h2{font-size:50px;line-height:1.08;letter-spacing:-1.6px;font-weight:850;margin:0 0 18px}
#mk3 .hero-description{font-size:18px;line-height:1.55;margin:0;max-width:470px}
#mk3 .mode-pills{gap:8px;margin:20px 0 30px}
#mk3 .mode-pills span{border-color:#776b5a;background:#141619d9;border-radius:6px;font-size:13px;padding:7px 12px}
#mk3 .button{border:1px solid #84725b;border-radius:8px;min-height:56px;padding:15px 22px;color:#f8f4e8;background:#1b1d20ed;font-size:16px;font-weight:700;line-height:1.3;gap:12px;white-space:normal;text-align:center}
#mk3 .button.primary{background:#d92c21;border-color:#ee5749;color:#fff9ee}
#mk3 .button:hover{filter:brightness(1.12)}#mk3 .button:active{filter:brightness(.95)}
#mk3 .hero-actions>.primary{width:410px;max-width:100%;font-size:19px;justify-content:space-between}
#mk3 .secondary-actions{display:flex;gap:12px;margin-top:12px}
#mk3 .secondary-actions .button{font-size:15px;padding-inline:17px}
#mk3 .build-status{display:flex;align-items:center;gap:8px;margin:20px 0 0;font-size:13px;color:#d7d6d0}
#mk3 .build-status .ui-icon{width:18px;height:18px}
#mk3 .landing-sections{padding:0 0 40px}
#mk3 .section{padding:34px 28px;border-top:1px solid #373a38}
#mk3 .section h2{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.8px;margin:0 0 18px}
#mk3 .rooms-panel{border:1px solid #4a443a;background:#14181bed;border-radius:12px;min-height:370px;margin:0 20px 0;padding:32px}
#mk3 .section-heading{margin-bottom:0;gap:24px;align-items:flex-start}
#mk3 .section-heading h2{margin:0 0 12px}
#mk3 .section-heading p{font-size:15px;color:#c2c2be;max-width:650px}
#mk3 .section-heading>.button{min-width:202px}
#mk3 .room-empty{padding:32px 20px 12px;text-align:center}
#mk3 .room-empty>img{opacity:.22;filter:invert(1);margin-bottom:18px}
#mk3 .room-empty p{font-size:16px;margin:0 0 6px}
#mk3 .room-empty .muted{font-size:14px;color:#acb0b3}
#mk3 #rooms-list:not(:empty)+.room-empty{display:none}
#mk3 .rooms-grid:empty{display:none}
#mk3 .rooms-grid:not(:empty){margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
#mk3 .room-card{border-color:#4a443a;background:#1b1d20}
#mk3 .guide-section{border:0;padding:40px 48px 30px}
#mk3 .steps{gap:30px;margin-top:26px}
#mk3 .step{display:flex;gap:20px;border-right:1px solid #383d3c;padding-right:24px}
#mk3 .step:last-child{border:0;padding-right:0}
#mk3 .step>.step-number{font-size:28px;font-weight:800;line-height:1.2;color:#e4bf76;background:transparent;border:0;border-radius:0;width:auto;height:auto;padding:0;margin:0;display:block;flex-shrink:0}
#mk3 .step-content{min-width:0}
#mk3 .step-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:1px solid #46413a;border-radius:8px;background:#202224;margin-bottom:16px;filter:none;padding:0}
#mk3 .step-icon .ui-icon{width:36px;height:36px}
#mk3 .step h3{font-size:19px;font-weight:750;letter-spacing:-.3px;line-height:1.3;margin-bottom:10px}
#mk3 .step p{font-size:14px;line-height:1.7;color:#b9bdc0}
#mk3 .faq-section{margin:0 20px;padding:24px 28px 0}
#mk3 .faq-section h2{font-size:30px;margin-bottom:20px}
#mk3 .faq-section details{border:1px solid #4a443a;border-radius:7px;background:#171a1c;margin:0 0 8px;padding:0}
#mk3 .faq-section summary{min-height:56px;justify-content:space-between;gap:20px;font-size:16px;font-weight:500;padding:12px 20px;list-style:none}
#mk3 summary::-webkit-details-marker{display:none}
#mk3 .faq-section summary .ui-icon{width:20px;height:20px;transform:rotate(90deg)}
#mk3 details[open] summary .ui-icon{transform:rotate(-90deg)}
#mk3 .faq-section details>p{padding:0 20px 20px;font-size:15px;color:#c2c4c4;max-width:900px}
#mk3 .form-page{max-width:900px;padding:38px 40px 56px;min-height:calc(100dvh - 210px)}
#mk3 .form-title{font-size:36px;margin-bottom:16px;letter-spacing:-1px}
#mk3 .form-page input,#mk3 .form-page select{background:#1b1d20;border-color:#6d655b;color:#f9f1e3;min-height:52px}
#mk3 .form-grid{margin:26px 0 12px;gap:20px}
#mk3 .form-page .actions{gap:12px}
#mk3 .error{margin:10px 0}
#mk3 .room-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}
#mk3 .room-layout .actions{margin:16px 0}
#mk3 .room-layout label{margin-top:26px}
#mk3 .room-players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
#mk3 .player-seat{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #4a443a;background:#1b1d20;border-radius:8px;min-width:0}
#mk3 .player-seat .ui-icon{width:32px;height:32px;opacity:.6}
#mk3 .player-seat strong{overflow-wrap:anywhere;font-size:15px;display:block}
#mk3 .player-seat small{display:block;color:#b7bbbd;font-size:12px;margin-top:5px}
#mk3 dialog{border-color:#756447;background:#191c1f}
#mk3 :focus-visible{outline:3px solid #e6c27c;outline-offset:4px}
@media(min-width:1281px){#mk3 .landing-hero{overflow:visible}#mk3 .landing-art{inset:0 -80px}#mk3 .landing-art img{object-fit:cover}}
@media(min-width:761px) and (max-width:1100px){#mk3 .landing-hero{min-height:900px}#mk3 .landing-copy{padding-left:32px;padding-top:20px;width:560px}#mk3 .game-logo{width:360px}#mk3 .landing-copy h2{font-size:44px}#mk3 .landing-art img{object-position:62% center}#mk3 .rooms-panel{margin-inline:20px}#mk3 .section-heading{flex-wrap:wrap}#mk3 .guide-section{padding-inline:32px}#mk3 .steps{gap:20px}#mk3 .step{display:block;padding-right:16px}#mk3 .step-number{display:block;margin-bottom:16px}#mk3 .step-icon{width:52px;height:52px}#mk3 .step h3{font-size:17px}#mk3 .step p{font-size:14px}}
@media(max-width:760px){
 #mk3 .landing-hero{min-height:980px}#mk3 .landing-copy{width:100%;padding:16px 20px 0}#mk3 .hero-back{margin-bottom:20px}#mk3 .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:10px}#mk3 .game-logo{width:300px;max-width:88%}#mk3 h1{margin-bottom:12px}#mk3 .landing-copy h2{font-size:34px;line-height:1.12;letter-spacing:-1px;margin-bottom:16px}#mk3 .hero-description{font-size:16px;line-height:1.5}#mk3 .mode-pills{margin:18px 0 22px;gap:7px}#mk3 .mode-pills span{font-size:11px;padding:6px 9px}#mk3 .hero-actions>.primary{width:100%;min-height:54px;font-size:17px}#mk3 .secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#mk3 .secondary-actions .button{font-size:13px;padding:12px 8px;min-height:52px}#mk3 .build-status{font-size:12px;margin-top:15px}#mk3 .landing-art img{object-position:center;object-fit:cover}#mk3 .landing-sections{padding:0 0 26px}#mk3 .rooms-panel{margin:0;border-radius:0;padding:24px 20px;min-height:360px;border-inline:0}#mk3 .section-heading{display:block}#mk3 .section h2{font-size:27px;line-height:1.18}#mk3 .section-heading p{font-size:14px}#mk3 .section-heading>.button{margin-top:20px;width:100%;min-height:50px;font-size:15px}#mk3 .room-empty{padding:30px 0 8px}#mk3 .room-empty>img{width:56px;height:56px;margin-bottom:10px}#mk3 .room-empty p{font-size:14px}#mk3 .room-empty .muted{font-size:13px}#mk3 .guide-section{padding:30px 20px 24px}#mk3 .steps{grid-template-columns:1fr;gap:24px}#mk3 .step{display:flex;border:0;padding:0;gap:16px}#mk3 .step-number{font-size:24px;width:32px;flex-shrink:0}#mk3 .step-content{position:relative;padding-left:62px}#mk3 .step-icon{position:absolute;left:0;top:0;width:46px;height:46px;margin:0}#mk3 .step-icon .ui-icon{width:28px;height:28px}#mk3 .step h3{font-size:17px;line-height:1.3;margin-bottom:8px}#mk3 .step p{font-size:14px;line-height:1.6}#mk3 .faq-section{padding:24px 20px 0;margin:0}#mk3 .faq-section h2{font-size:26px}#mk3 .faq-section summary{font-size:14px;padding:12px 14px;min-height:58px}#mk3 .faq-section details>p{font-size:14px;padding:0 14px 16px}#mk3 .form-page{padding:24px 20px 36px;min-height:calc(100dvh - 200px)}#mk3 .form-title{font-size:30px}#mk3 .form-grid,#mk3 .room-layout,#mk3 .room-players{grid-template-columns:1fr}#mk3 .room-layout{gap:20px}#mk3 .form-page .actions>.button{flex:1;min-width:120px;font-size:14px;padding:13px}#mk3 .rooms-grid:not(:empty){grid-template-columns:1fr}#mk3 #public-qr{width:240px;max-width:100%}#mk3 .room-layout>div{min-width:0}
}
@media(max-width:360px){#mk3 .landing-copy{padding-inline:20px}#mk3 .game-logo{max-width:92%;width:270px}#mk3 .landing-copy h2{font-size:30px}#mk3 .secondary-actions .button{font-size:12px}#mk3 .landing-hero{min-height:960px}#mk3 .hero-description{font-size:15px}}

/* Fit the entire narrow-screen illustration; cover would crop both fighters. */
@media(max-width:1100px){#mk3 .landing-art img{position:absolute;bottom:0;width:100%;height:auto;object-fit:contain;object-position:center bottom}}
@media(min-width:761px) and (max-width:1100px){#mk3 .landing-hero{min-height:1100px}#mk3 .landing-art{top:450px}#mk3 .landing-art img{position:static;height:100%;object-fit:contain;object-position:center bottom}}
#mk3 .room-empty{display:none}#mk3[data-empty-rooms=true] #rooms-list:empty+.room-empty{display:block}
#mk3 .guide-contact{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px;color:#b9bdc0;font-size:14px}
#mk3 .guide-contact a{color:#e4bf76;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
/* Owner correction: preserve the selected render's dragon empty state and branded footer. */
#mk3 .room-empty{padding-top:16px}
#mk3 .room-empty>.empty-dragon{display:block;width:636px;max-width:100%;height:auto;aspect-ratio:2120/742;object-fit:contain;margin:0 auto 8px;filter:none;opacity:.75}
#mk3 .room-empty>p{font-size:18px;color:#c9cdd1}
#mk3 .room-empty>.muted{font-size:16px;color:#b8bec5}
.mk3-theme .mk3-footer{max-width:none;width:100%;min-height:150px;margin-top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:64px;padding:28px max(28px,calc((100vw - 1280px)/2));border-top:1px solid #343936;background:#101416}
.mk3-theme .mk3-footer .brand{font-size:26px;font-weight:900;letter-spacing:-.8px;display:inline-block}
.mk3-theme .mk3-footer .footer-brand>p{font-size:16px;color:#aeb7be;margin:5px 0 0;line-height:1.5}
.mk3-theme .mk3-footer .footer-links{height:auto;display:flex;align-items:center;justify-content:center;gap:32px}
.mk3-theme .mk3-footer .footer-links>a{font-size:16px;font-weight:400;color:#c4cbd0;min-height:44px;border:0;white-space:nowrap}
.mk3-theme .mk3-footer .footer-store{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;max-width:none;font-size:16px;color:#c4cbd0}
.mk3-theme .mk3-footer .footer-store .ui-icon{width:18px;height:18px;filter:invert(.85)}
.mk3-theme .mk3-footer .footer-telegram{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:#c4cbd0}
.mk3-theme .mk3-footer a:focus-visible{outline:3px solid #e4bf76;outline-offset:4px}
@media(min-width:761px) and (max-width:1200px){.mk3-theme .mk3-footer{column-gap:24px;grid-template-columns:1fr auto auto}.mk3-theme .mk3-footer .footer-links{gap:20px;grid-column:2/4;grid-row:1}.mk3-theme .mk3-footer .footer-store{grid-column:2;grid-row:2}.mk3-theme .mk3-footer .footer-telegram{grid-column:3;grid-row:2}.mk3-theme .mk3-footer .footer-brand{grid-row:1/3}}
@media(max-width:760px){#mk3 .room-empty>.empty-dragon{width:100%;max-width:480px;margin-bottom:8px}#mk3 .room-empty>p{font-size:16px}#mk3 .room-empty>.muted{font-size:14px;line-height:1.5}.mk3-theme .mk3-footer{grid-template-columns:1fr 1fr;gap:16px 20px;padding:28px 20px;align-items:start}.mk3-theme .mk3-footer .brand{font-size:23px}.mk3-theme .mk3-footer .footer-brand{grid-column:1/-1}.mk3-theme .mk3-footer .footer-brand>p{font-size:14px}.mk3-theme .mk3-footer .footer-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:6px 24px}.mk3-theme .mk3-footer .footer-links>a,.mk3-theme .mk3-footer .footer-store,.mk3-theme .mk3-footer .footer-telegram{font-size:14px}.mk3-theme .mk3-footer .footer-store{min-height:44px;white-space:normal}.mk3-theme .mk3-footer .footer-telegram{justify-self:end}}