/* MLBB minigame. Kept separate from the main site's layout. */
.page-kmk{background:radial-gradient(ellipse at 80% 0,#14254180,transparent 48%),#070b12;min-height:100vh}
.page-kmk [hidden]{display:none!important}.kmk-header{height:84px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff12}.kmk-header img{width:132px;height:auto}.kmk-header>span{font-size:.65rem;letter-spacing:.25em;color:#8799b0}.kmk-back{font-size:.8rem;color:#b9c7d8}.kmk-back:hover{color:#fff}.kmk-shell{max-width:1248px;margin:auto;padding:32px 40px 20px}.kmk-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.kmk-eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.2em;color:#86a9cb;margin-bottom:9px}.kmk-intro h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.02em}.kmk-intro h1 span:nth-child(1){color:#ff98b8}.kmk-intro h1 span:nth-child(2){color:#ffe0a1}.kmk-intro h1 span:nth-child(3){color:#a8b7ff}.kmk-intro p:not(.kmk-eyebrow){margin-top:8px;font-size:.85rem}.kmk-storage{font-size:.7rem;color:#8294ab;margin:14px 0 18px}.kmk-storage.is-warning,.kmk-notice{color:#ffe0a1}.kmk-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:1px solid #ffc43d;background:#ffcd59;color:#111827;border-radius:5px;font-weight:700;font-size:.8rem;padding:11px 19px;transition:background .15s,transform .15s}.kmk-btn:hover{background:#ffdf8d;transform:translateY(-1px)}.kmk-btn:disabled{opacity:.4;transform:none}.kmk-btn-quiet{color:#cbd6e5;background:#0e1723;border-color:#2a3a50}.kmk-btn-quiet:hover{background:#18283d}.kmk-btn-end{min-width:155px}.kmk-btn-end span{margin-left:14px;font-size:1.1rem}#history-count{border-radius:20px;padding:0 7px;background:#ffffff12}.kmk-panel{background:#0c1420;border:1px solid #26364c;border-radius:10px}.kmk-roster{padding:20px 24px 14px}.kmk-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.kmk-section-head>div{display:flex;align-items:center;gap:12px}.kmk-step{display:grid;place-items:center;width:27px;height:27px;border:1px solid #34465e;border-radius:50%;font-size:.65rem;color:#8ca8c6}.kmk-section-head h2{font-size:1.45rem;letter-spacing:.04em}.kmk-section-head>span{color:#9cabc1;font-size:.72rem}.kmk-hero-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px auto 14px;max-width:600px;min-height:224px}.kmk-hero{position:relative;overflow:hidden;padding:0;text-align:left;border:1px solid #3b4b63;border-radius:7px;background:#132036;color:#fff;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:border-color .15s,transform .15s;min-width:0;align-self:start}.kmk-hero:hover{border-color:#ffe0a1;transform:translateY(-3px)}.kmk-hero[aria-pressed=true]{border-color:#ffda7b;box-shadow:0 0 0 2px #ffda7b}.kmk-hero img{width:100%;height:185px;object-fit:cover;object-position:center 28%;pointer-events:none}.kmk-hero strong{display:block;padding:9px 10px;font-size:.86rem;line-height:1.2;overflow-wrap:anywhere}.kmk-hero:after{content:'↗';position:absolute;right:8px;top:6px;font-size:.85rem;background:#07101d9e;width:23px;height:23px;text-align:center;border-radius:50%;pointer-events:none}.kmk-hero.is-dragging{opacity:.3}.kmk-roster-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.73rem}.kmk-roster-bottom p{color:#98abc3}.kmk-roster-bottom>span{white-space:nowrap;color:#e2b95d}.kmk-roster progress{display:block;height:3px;margin-top:12px;width:100%;border:0;border-radius:4px;background:#1d2b3f;appearance:none}.kmk-roster progress::-webkit-progress-bar{background:#1d2b3f}.kmk-roster progress::-webkit-progress-value{background:#eac066}.kmk-roster progress::-moz-progress-bar{background:#eac066}.kmk-choices-section{margin-top:23px}.kmk-choices-head{margin-bottom:13px}.kmk-text-btn{padding:5px 0;color:#b4c4d8;background:none;border:0;font-size:.75rem;min-height:35px}.kmk-text-btn:hover{color:white}.kmk-text-btn:disabled{opacity:.4}.kmk-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kmk-choice{--choice:#ff98b8;--tint:#ff98b812;min-width:0;border:1px solid color-mix(in srgb,var(--choice) 28%,#1a2234);background:linear-gradient(145deg,var(--tint),#0b1421 75%);border-radius:9px;overflow:hidden}.kmk-choice[data-category=marry]{--choice:#ffe0a1;--tint:#ffe0a112}.kmk-choice[data-category=kill]{--choice:#a8b7ff;--tint:#a8b7ff12}.kmk-drop{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:138px;border:0;border-bottom:1px dashed color-mix(in srgb,var(--choice) 25%,transparent);background:transparent;color:var(--choice);padding:16px;transition:background .15s;touch-action:manipulation}.kmk-drop svg,.kmk-choice-title svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kmk-drop strong{font-family:var(--display);font-size:2rem;line-height:1;letter-spacing:.07em}.kmk-drop small{font-size:.68rem;color:#a3b1c6}.kmk-drop:hover,.kmk-drop.is-over{background:color-mix(in srgb,var(--choice) 15%,transparent)}.kmk-drop.is-over{box-shadow:inset 0 0 0 2px var(--choice)}.kmk-count{position:absolute;right:15px;top:12px;font-size:.75rem}.kmk-portraits{min-height:62px;padding:13px 16px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;list-style:none;margin:0}.kmk-portraits li{font-size:.75rem;color:#e0e6f0;border:1px solid #ffffff16;background:#ffffff06;border-radius:4px;padding:3px 8px;overflow-wrap:anywhere;max-width:100%}.kmk-portraits .kmk-empty{background:none;border:0;color:#74869e;padding:3px 0;font-style:italic}.kmk-game-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.kmk-game-footer p{font-size:.72rem;max-width:440px}.kmk-game-footer>div,.kmk-result-actions{display:flex;flex-wrap:wrap;gap:10px}.kmk-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff12;margin-top:32px;padding-top:17px;font-size:.6rem;color:#6f8199}.kmk-footer>span:first-child{letter-spacing:.08em}.kmk-live{font-size:.8rem;min-height:1.5em;margin-top:12px;color:#d9c48f}.kmk-drag-ghost{position:fixed;z-index:1000;pointer-events:none;width:105px;transform:translate(-50%,-50%) rotate(5deg);box-shadow:0 12px 35px #000b;border:2px solid #ffda7b;border-radius:7px;background:#132036;color:#fff;overflow:hidden;opacity:.95}.kmk-drag-ghost img{width:100%;height:115px;object-fit:cover}.kmk-drag-ghost strong{font-size:.72rem;padding:6px;display:block}.kmk-result-banner{padding:25px 0 30px}.kmk-result-banner h2{font-size:clamp(2.8rem,6vw,5rem);color:#ffe0a1;margin:7px 0 12px}.kmk-result-banner p{font-size:.85rem}.kmk-choice-title{display:flex;align-items:center;gap:10px;color:var(--choice);padding:20px;border-bottom:1px solid #ffffff12}.kmk-choice-title h3{font-size:1.9rem;letter-spacing:.04em}.kmk-choice-title>span{margin-left:auto;font-size:1.3rem}.kmk-overview .kmk-portraits{padding:20px;min-height:140px}.kmk-result-actions{margin-top:24px}.kmk-history{padding:24px}.kmk-history>p{font-size:.8rem;margin:12px 0 20px}#history-list{display:grid;gap:10px}.kmk-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;border:1px solid #2d4058;background:#101e30;border-radius:6px;padding:18px;color:#eef4fc;width:100%}.kmk-history-row:hover{border-color:#e2b95d}.kmk-history-row small{display:block;margin-top:4px;color:#aabbd0}.kmk-dialog{color:#eef4fc;background:#0f1c2c;border:1px solid #40536a;border-radius:10px;width:min(470px,calc(100% - 32px));padding:28px}.kmk-dialog::backdrop{background:#01050cd9}.kmk-dialog h2{font-size:2.7rem;margin:12px 0}.kmk-dialog p{font-size:.85rem;margin-bottom:24px}.kmk-dialog form>div{display:flex;gap:10px;justify-content:flex-end}
@media(min-width:1600px){.kmk-shell{padding-top:46px}.kmk-hero img{height:220px}.kmk-drop{min-height:165px}}
@media(max-width:800px){.kmk-header{padding:0 24px;height:72px}.kmk-header>span{display:none}.kmk-shell{padding:26px 20px 20px}.kmk-intro h1{font-size:3.2rem}.kmk-roster{padding:17px}.kmk-hero-board{gap:10px;min-height:180px}.kmk-hero img{height:145px}.kmk-hero strong{padding:8px 6px;font-size:.75rem}.kmk-choices{gap:10px}.kmk-game-footer p{max-width:260px}.kmk-footer{flex-direction:column;gap:7px}}
@media(max-width:520px){.kmk-header{height:64px;padding:0 16px}.kmk-header img{width:104px}.kmk-shell{padding:22px 12px 16px}.kmk-intro{align-items:flex-start;gap:10px}.kmk-intro h1{font-size:clamp(1.8rem,7.9vw,2.55rem);white-space:nowrap}.kmk-eyebrow{font-size:.53rem;letter-spacing:.12em}.kmk-intro p:not(.kmk-eyebrow){font-size:.7rem;max-width:240px}.kmk-intro #history-button{font-size:.65rem;min-height:36px;padding:7px 8px;gap:5px;flex-shrink:0}.kmk-storage{font-size:.62rem;margin:12px 0}.kmk-roster{padding:13px 10px 10px}.kmk-section-head h2{font-size:1.15rem}.kmk-section-head>div{gap:7px}.kmk-step{width:23px;height:23px}.kmk-section-head>span{font-size:.61rem}.kmk-hero-board{gap:6px;margin:13px auto 10px;min-height:131px}.kmk-hero{border-radius:4px}.kmk-hero img{height:98px}.kmk-hero strong{font-size:.61rem;padding:6px 3px;min-height:28px;display:flex;align-items:center;justify-content:center;text-align:center}.kmk-hero:after{display:none}.kmk-roster-bottom{font-size:.62rem;gap:8px;align-items:flex-start}.kmk-roster-bottom p{max-width:235px}.kmk-roster-bottom>span{font-size:.6rem}.kmk-choices-section{margin-top:18px}.kmk-text-btn{font-size:.64rem}.kmk-choices{gap:7px}.kmk-drop{min-height:130px;padding:14px 5px;gap:9px}.kmk-drop strong{font-size:1.6rem}.kmk-drop svg{width:26px;height:26px}.kmk-drop small{font-size:.57rem}.kmk-count{right:8px;top:7px;font-size:.65rem}.kmk-portraits{padding:9px 7px;gap:5px;min-height:47px}.kmk-portraits li{font-size:.64rem;padding:3px 5px}.kmk-game-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:15px}.kmk-game-footer p{max-width:none;font-size:.67rem}.kmk-game-footer>div{width:100%;justify-content:space-between}.kmk-btn{font-size:.75rem;padding:10px 15px}.kmk-footer{margin-top:23px}.kmk-choice-title{padding:14px 8px;gap:5px;flex-wrap:wrap}.kmk-choice-title svg{width:22px;height:22px}.kmk-choice-title h3{font-size:1.45rem}.kmk-choice-title>span{font-size:1rem}.kmk-overview .kmk-portraits{padding:12px 8px}.kmk-history{padding:18px}.kmk-history-row{padding:13px;font-size:.78rem}}
@media(max-width:360px){.kmk-intro{flex-wrap:wrap}.kmk-intro h1{font-size:2.3rem}.kmk-hero img{height:85px}.kmk-hero-board{min-height:120px}.kmk-drop small{font-size:.52rem}}
@media(prefers-reduced-motion:reduce){.page-kmk *{scroll-behavior:auto!important;transition:none!important}}

/* v104: three-card rounds, visible locks and compact portrait collections. */
.kmk-round-status{font-size:.72rem;color:#c5d2e4;margin:10px 0 0;padding-left:39px}
.kmk-choice.is-locked .kmk-drop{cursor:not-allowed;background:#ffffff04;color:#a4acbc}
.kmk-choice.is-locked .kmk-drop svg{opacity:.45}
.kmk-choice.is-locked .kmk-drop small{color:#d5e1f3;font-size:.62rem;letter-spacing:.03em}
.kmk-choice.is-locked .kmk-drop:hover{background:#ffffff04;box-shadow:none}
.kmk-portraits{gap:8px;min-height:80px;padding:15px;align-items:flex-start}
.kmk-portraits li{width:48px;height:48px;flex:0 0 auto;padding:0;border:1px solid color-mix(in srgb,var(--choice) 40%,#314058);border-radius:7px;overflow:hidden;background:#152235}
.kmk-portraits img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.kmk-portraits li>span{display:grid;place-items:center;width:100%;height:100%;font-size:1.1rem}
.kmk-portraits .kmk-empty{width:auto;height:auto;border:0;background:none;padding:3px 0;overflow:visible}
.kmk-overview .kmk-portraits{min-height:140px}
@media(max-width:520px){.kmk-round-status{font-size:.65rem;padding-left:30px}.kmk-hero-board{min-height:164px}.kmk-hero img{height:128px}.kmk-hero strong{font-size:.73rem;min-height:32px}.kmk-portraits,.kmk-overview .kmk-portraits{gap:5px;padding:10px 7px}.kmk-portraits li{width:34px;height:34px;border-radius:5px}.kmk-portraits .kmk-empty{width:auto;height:auto;font-size:.62rem}.kmk-choice.is-locked .kmk-drop small{font-size:.48rem}.kmk-drop strong{font-size:1.5rem}}
@media(max-width:360px){.kmk-hero img{height:110px}.kmk-hero-board{min-height:146px}.kmk-portraits li{width:29px;height:29px}.kmk-portraits .kmk-empty{width:auto;height:auto}}

/* v106: readable static instructions and a title that fits beside saved games. */
.kmk-intro{flex-wrap:wrap}
.kmk-intro>div{flex:1 1 330px;min-width:0}
.kmk-intro h1 small{display:block;font:600 .64rem/1.6 var(--body);letter-spacing:.18em;color:#a8bbd0;margin-bottom:8px}
.kmk-how-to{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 48px;margin-top:36px;padding-top:30px;border-top:1px solid #ffffff16}
.kmk-how-to h2{font-size:2rem;line-height:1.1;margin-bottom:14px;max-width:400px;text-wrap:balance}
.kmk-how-to p,.kmk-how-to li{font-size:.8rem;line-height:1.8;color:#99acc4}
.kmk-how-to ol{margin:0;padding-left:20px;display:grid;gap:12px}
.kmk-how-to li{padding-left:5px}
.kmk-how-to strong{color:#dce7f4}
.kmk-how-to .kmk-save-note{grid-column:1/-1;font-size:.72rem;max-width:850px}
.kmk-text-btn{min-height:44px}
@media(max-width:700px){.kmk-how-to{grid-template-columns:1fr;gap:18px;padding-top:24px}.kmk-how-to h2{font-size:1.8rem}.kmk-how-to .kmk-save-note{grid-column:1}}
@media(max-width:520px){.kmk-intro{gap:12px}.kmk-intro h1{font-size:clamp(2.1rem,8.7vw,2.8rem);white-space:normal}.kmk-intro h1 small{font-size:.56rem}.kmk-intro p:not(.kmk-eyebrow){max-width:330px;line-height:1.65}.kmk-intro #history-button{min-height:44px;padding:10px 14px;font-size:.73rem}.kmk-section-head{flex-wrap:wrap}.kmk-roster .kmk-section-head{flex-wrap:nowrap}.kmk-how-to p,.kmk-how-to li{font-size:.76rem}}