/* Standalone shell for Phòng PK. This file only loads on the PK route. */
html:has(body.jlpt180-pk-standalone){
  margin:0!important;
  padding:0!important;
  min-width:320px;
  background:#eef2ff;
  overflow-x:hidden;
}

/* v1.24 · four-week ranked reward season */
.pk-weekly-reward{position:relative;z-index:3;width:min(1180px,calc(100% - 32px));margin:18px auto;padding:14px;border:1px solid rgba(122,99,220,.34);border-radius:24px;background:linear-gradient(125deg,rgba(246,250,255,.96),rgba(242,232,255,.94));box-shadow:0 18px 50px rgba(54,34,120,.16);overflow:hidden}.pk-weekly-reward:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(64,201,255,.18),transparent 30%),radial-gradient(circle at 90% 100%,rgba(224,61,185,.16),transparent 34%);pointer-events:none}.pk-weekly-reward-main,.pk-reward-tiers,.pk-reward-foot{position:relative}.pk-weekly-reward-main{display:grid;grid-template-columns:72px minmax(0,1fr) 190px;gap:14px;align-items:center}.pk-weekly-reward-main>img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(94,48,188,.25))}.pk-weekly-reward-copy{min-width:0}.pk-weekly-reward-copy>span{display:block;color:#b12b82;font-size:11px;font-weight:900;letter-spacing:.1em}.pk-weekly-reward-copy h2{margin:2px 0 3px;color:#271858;font-size:clamp(20px,2.2vw,30px);line-height:1.05}.pk-weekly-reward-copy p{margin:0;color:#645b82;font-size:13px;font-weight:700}.pk-reward-shards{padding:10px 12px;border:1px solid rgba(89,182,232,.55);border-radius:16px;background:rgba(255,255,255,.72)}.pk-reward-shards small{display:block;color:#6b5a91;font-size:9px;font-weight:900;letter-spacing:.08em}.pk-reward-shards strong{display:block;margin:2px 0 6px;color:#31206f;font-size:22px}.pk-reward-shards i{display:block;height:7px;border-radius:999px;background:#ddd7ef;overflow:hidden}.pk-reward-shards i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fc2eb,#d832b3);transition:width .35s ease}.pk-reward-shards.is-unlocked{border-color:#e1b63f;background:linear-gradient(135deg,#fff9df,#fff)}.pk-reward-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pk-reward-tier{min-width:0;padding:9px 11px;border:1px solid rgba(108,90,178,.18);border-radius:14px;background:rgba(255,255,255,.66)}.pk-reward-tier small,.pk-reward-tier span{display:block}.pk-reward-tier small{color:#9d347d;font-size:9px;font-weight:900;letter-spacing:.07em}.pk-reward-tier strong{display:block;margin:1px 0;color:#302067;font-size:15px}.pk-reward-tier span{color:#716889;font-size:10px;font-weight:800}.pk-reward-tier.rank-1{border-color:rgba(221,177,42,.65);background:linear-gradient(135deg,rgba(255,248,207,.9),rgba(255,255,255,.72))}.pk-reward-tier.rank-2{border-color:rgba(77,187,231,.48)}.pk-reward-tier.rank-3{border-color:rgba(229,121,67,.45)}.pk-reward-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;padding:8px 10px;border-radius:12px;background:rgba(61,39,121,.07);color:#62577f;font-size:10px;font-weight:800}.pk-reward-foot b{flex:0 0 auto;color:#39226f}
@media(max-width:700px){.pk-weekly-reward{width:calc(100% - 18px);margin:10px auto;padding:10px;border-radius:18px}.pk-weekly-reward-main{grid-template-columns:48px minmax(0,1fr);gap:9px}.pk-weekly-reward-main>img{width:48px;height:48px}.pk-weekly-reward-copy>span{font-size:8px}.pk-weekly-reward-copy h2{font-size:18px}.pk-weekly-reward-copy p{font-size:10px;line-height:1.35}.pk-reward-shards{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:7px 9px}.pk-reward-shards strong{margin:0;font-size:17px}.pk-reward-shards i{grid-column:1/-1;height:6px}.pk-reward-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.pk-reward-tier{padding:7px 8px;border-radius:11px}.pk-reward-tier strong{font-size:13px}.pk-reward-foot{display:block;margin-top:7px;padding:6px 8px;font-size:8px;line-height:1.35}.pk-reward-foot b{display:block;margin-top:2px}}
.pk-weekly-prize{display:block;margin-top:3px;color:#8b2e72;font-size:9px;font-weight:900}.pk-weekly-prize.is-bot{color:#756b87}
body.jlpt180-pk-standalone{
  margin:0!important;
  padding:0!important;
  min-width:320px;
  min-height:100vh;
  min-height:100dvh;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(124,58,237,.11),transparent 30%),
    radial-gradient(circle at 92% 16%,rgba(239,68,68,.10),transparent 28%),
    #eef2ff!important;
  color:#17324a;
  font-family:Nunito,"Noto Sans","Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.jlpt180-pk-standalone #wpadminbar{display:none!important;}
html:has(body.jlpt180-pk-standalone){margin-top:0!important;}
body.jlpt180-pk-standalone .jlpt180-pk-shell{
  display:block!important;
  position:relative!important;
  isolation:isolate;
  width:100%!important;
  max-width:none!important;
  min-height:100vh;
  min-height:100dvh;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.jlpt180-pk-standalone .jlpt180-pk-shell,
body.jlpt180-pk-standalone .jlpt180-pk-shell *,
body.jlpt180-pk-standalone .jlpt180-pk-shell *::before,
body.jlpt180-pk-standalone .jlpt180-pk-shell *::after{
  box-sizing:border-box!important;
}
body.jlpt180-pk-standalone .jlpt180-pk-shell :where(h1,h2,h3,h4,p,ol,ul,figure){
  border:0;
  padding-inline:0;
}
body.jlpt180-pk-standalone .jlpt180-pk-shell :where(button,input,select,textarea){
  font-family:inherit;
  letter-spacing:normal;
  text-transform:none;
  appearance:none;
  -webkit-appearance:none;
}
body.jlpt180-pk-standalone .jlpt180-pk-shell :where(button,a,input){
  -webkit-tap-highlight-color:transparent;
}
body.jlpt180-pk-standalone .jlpt180-pk-shell a{
  color:inherit;
}
@media(max-width:430px){
  body.jlpt180-pk-standalone .jlpt180-pk-shell{min-width:0;}
}
/* JLPT180 PK shared primitives. Lobby and battle layout live in their own single files. */
.jlpt180-pk,
.jlpt180-pk *,
.jlpt180-pk *::before,
.jlpt180-pk *::after{box-sizing:border-box}

.jlpt180-pk button,
.jlpt180-pk input{font-family:inherit}

.pk-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.pk-character{
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:15px;
  background:linear-gradient(145deg,#eef2ff,#fdf2f8);
}
.pk-character-large{width:78px;height:78px;flex-basis:78px;border-radius:22px}
.pk-character picture,
.pk-character-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.pk-character-base{z-index:2}
.pk-character-frame{z-index:9;transform:scale(1.08)}
.pk-character-fallback{font-size:22px;color:#7c3aed}

/* Result modal */
.pk-result-modal{
  position:fixed;
  inset:0;
  z-index:2147483100;
  display:grid;
  place-items:center;
  padding:16px;
}
.pk-result-modal[hidden]{display:none!important}
.pk-result-backdrop{
  position:absolute;
  inset:0;
  background:rgba(36,24,76,.64);
  backdrop-filter:blur(5px);
}
.pk-result-panel{
  position:relative;
  z-index:1;
  width:min(820px,100%);
  max-height:min(90vh,900px);
  overflow:auto;
  padding:26px 24px 22px;
  border:2px solid rgba(99,63,191,.38);
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f6f2ff 100%);
  box-shadow:0 28px 80px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.82) inset;
  color:#172033;
  text-align:center;
}
.pk-result-close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(239,68,68,.28);
  border-radius:13px;
  background:#fff;
  color:#dc2626;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.pk-result-icon{font-size:34px;line-height:1}
.pk-result-panel h2{margin:8px 44px 0;font-size:clamp(26px,4vw,38px);line-height:1.15;color:#132945}
.pk-result-note{margin:14px auto 0;color:#475569;font-size:15px;line-height:1.5;font-weight:900}
.pk-result-score{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:18px}
.pk-result-score b,
.pk-result-score span{
  min-width:180px;
  padding:13px 16px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  color:#4338ca;
  font-size:22px;
  font-weight:900;
}
.pk-result-rp{
  width:min(420px,100%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:12px auto 16px;
  padding:14px 18px;
  border:1px solid rgba(124,92,214,.24);
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f7f3ff);
  box-shadow:0 12px 28px rgba(83,56,156,.1);
}
.pk-result-rp b{font-size:24px;color:#5b43d6}
.pk-result-rp span{font-size:15px;font-weight:900;color:#4b436b}
.pk-result-rp.gain b{color:#0f9f7a}
.pk-result-rp.loss b{color:#dc3158}
.pk-result-rp.neutral b{color:#7c63b8}
.pk-result-return{
  width:min(360px,100%);
  min-height:50px;
  margin-top:18px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#7c3aed,#ef4444);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.pk-review{
  margin-top:18px;
  border:2px solid rgba(91,67,176,.28);
  border-radius:16px;
  background:#fdfcff;
  text-align:left;
  overflow:hidden;
}
.pk-review summary{
  min-height:54px;
  display:flex;
  align-items:center;
  padding:11px 14px;
  color:#1e293b;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}
.pk-review summary::-webkit-details-marker{display:none}
.pk-review-list{display:grid;gap:12px;padding:0 14px 14px}
.pk-review-row{padding:16px;border:2px solid rgba(100,116,139,.22);border-radius:14px;background:#f1f5f9}
.pk-review-row.correct{border-color:rgba(22,163,74,.46);background:#ecfdf3}
.pk-review-row.wrong{border-color:rgba(220,38,38,.42);background:#fff1f2}
.pk-review-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:14px}
.pk-review-head b{color:#172033}
.pk-review-head span{color:#4c3a86;font-weight:900}
.pk-review-head strong{color:#06752e;font-size:13px}
.pk-review-row.wrong .pk-review-head strong{color:#c81e3a}
.pk-review-prompt{margin-top:10px;font:900 30px/1.25 "Noto Sans JP",Nunito,sans-serif;color:#10243f;overflow-wrap:anywhere}
.pk-review-answer{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;margin-top:10px;font-size:15px;line-height:1.45}
.pk-review-answer span{color:#475569;font-weight:900}
.pk-review-answer b{color:#172033;font-size:16px;overflow-wrap:anywhere}
.pk-review-answer.correct-answer b{color:#036b4a}
.pk-review-meaning{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;margin-top:11px;padding:10px 12px;border-radius:11px;background:rgba(109,72,196,.11);font-size:15px;line-height:1.45}
.pk-review-meaning span{color:#4c3a86;font-weight:900}
.pk-review-meaning b{color:#31206d;font-size:16px;overflow-wrap:anywhere}

html.jlpt180-pk-result-open{overflow:hidden!important}

@media(max-width:430px){
  .pk-result-modal{padding:10px}
  .pk-result-panel{max-height:94dvh;padding:22px 12px 16px;border-radius:20px}
  .pk-result-panel h2{margin-inline:38px;font-size:22px}
  .pk-result-score{gap:10px}
  .pk-result-score b,.pk-result-score span{min-width:0;padding:12px 14px;font-size:17px}
  .pk-result-rp{padding:11px 12px;gap:9px}
  .pk-result-rp b{font-size:19px}
  .pk-result-rp span{font-size:12px}
  .pk-review-list{padding:0 9px 10px}
  .pk-review-row{padding:13px}
  .pk-review-prompt{font-size:24px}
  .pk-review-answer,.pk-review-meaning{grid-template-columns:1fr;gap:3px}
  .pk-character{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .pk-character-large{width:64px;height:64px;flex-basis:64px;border-radius:18px}
}
/* v1.1.1 — Võ Đài Tranh Hạng outer lobby. Loads after pk.css. */
:root{
  --pk-bg:#080620;
  --pk-panel:rgba(20,12,61,.92);
  --pk-panel-2:rgba(34,18,82,.88);
  --pk-line:rgba(223,184,255,.28);
  --pk-line-gold:rgba(246,213,141,.48);
  --pk-gold:#f6d58d;
  --pk-violet:#9b4dff;
  --pk-pink:#e35ac7;
  --pk-cyan:#73e4f3;
  --pk-text:#fff8eb;
  --pk-muted:#d0c4df;
  --pk-font:"Segoe UI",Arial,"Noto Sans",sans-serif;
}
body.jlpt180-pk-standalone{background:var(--pk-bg)!important;color:var(--pk-text)!important;font-family:var(--pk-font)!important}
.jlpt180-pk,.jlpt180-pk *{font-family:var(--pk-font)}
.jlpt180-pk{
  position:relative;isolation:isolate;width:min(1580px,100%)!important;min-height:100dvh;margin:0 auto!important;padding:0 18px 56px!important;color:var(--pk-text)!important;overflow:hidden;
}
.jlpt180-pk::before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(5,3,24,.10) 0%,rgba(7,4,31,.42) 40%,#080620 100%),url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat}
.jlpt180-pk::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(226,151,255,.15),transparent 28%),linear-gradient(90deg,rgba(2,1,14,.34),transparent 20%,transparent 80%,rgba(2,1,14,.34))}
.pk-lobby-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}

/* Navigation */

/* Hero */

/* Top server */

/* Configuration */

/* Status ribbon */

/* Main board */
.pk-empty-emblem{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(176,77,255,.4))}

/* Server leaderboard */
.pk-loading,.pk-empty{color:#d6cbe3!important;font-size:11px!important;font-weight:900!important}

/* Tablet */
@media(max-width:1080px){.pk-mode-field{grid-column:1/-1}
}

/* Mobile 360–430px */
@media(max-width:680px){
  .jlpt180-pk{padding:0 10px 46px!important;overflow:visible}.jlpt180-pk::before{background:linear-gradient(180deg,rgba(7,4,30,.18) 0%,rgba(7,4,30,.64) 32%,#080722 74%),url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat}.pk-mode-field{grid-column:auto}
}


/* v1.1.2 hard isolation hotfix.
 * This block intentionally uses the app id and !important declarations so cached
 * site/theme/article styles cannot turn the lobby cards white again.
 */
#jlpt180-pk-app{
  --pk-font:system-ui,-apple-system,"Segoe UI","Noto Sans","Noto Sans JP",Arial,sans-serif;
  font-family:var(--pk-font)!important;
}
#jlpt180-pk-app,
#jlpt180-pk-app *{font-family:var(--pk-font)!important}

/* Compact hero: less zoom, clearer hierarchy. */

/* Never allow external article/card rules to inject white backgrounds. */
#jlpt180-pk-app article{
  color:inherit!important;
}

/* Top 5: fixed compact row, readable text, no giant white tiles. */

/* Character layers remain inside their own small frame. */
#jlpt180-pk-app .pk-character{
  position:relative;
  display:inline-flex;
  overflow:hidden;
}
#jlpt180-pk-app .pk-character picture,
#jlpt180-pk-app .pk-character .pk-character-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Main cards: tighter and closer to the approved composition. */

/* Bottom leaderboard must stay dark and compact. */

/* v1.1.3 — Top 3 podium + Top 10 full leaderboard, hero alignment fix. */

/* Full Top 10: two readable columns instead of five cramped tiles. */
#jlpt180-pk-app .pk-empty,#jlpt180-pk-app .pk-loading{font-size:18px!important;color:#f2eaff!important;}

/* v1.1.6 — real transparent rank assets, player character layers, admin testing reset. */
#jlpt180-pk-app .pk-character-player .pk-character-layer{
  object-fit:contain!important;
  object-position:center bottom!important;
}
#jlpt180-pk-app .pk-character-player .pk-character-frame{
  object-fit:contain!important;
  object-position:center!important;
}
#jlpt180-pk-app .pk-character-bot .pk-character-base{
  object-fit:cover!important;
  object-position:center top!important;
}

/* v1.1.7 — brighter lobby, clearer rank hierarchy, explicit selected-board context. */
body.jlpt180-pk-standalone{
  background:#130a35!important;
}
#jlpt180-pk-app.jlpt180-pk::before{
  background:
    linear-gradient(180deg,rgba(11,5,39,.02) 0%,rgba(19,8,54,.14) 42%,rgba(13,7,42,.68) 100%),
    url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat!important;
  filter:brightness(1.18) saturate(1.08)!important;
}
#jlpt180-pk-app.jlpt180-pk::after{
  background:
    radial-gradient(circle at 50% 9%,rgba(240,185,255,.24),transparent 30%),
    radial-gradient(circle at 18% 34%,rgba(132,102,255,.13),transparent 25%),
    radial-gradient(circle at 82% 42%,rgba(226,122,255,.12),transparent 27%),
    linear-gradient(90deg,rgba(6,2,25,.16),transparent 18%,transparent 82%,rgba(6,2,25,.16))!important;
}
#jlpt180-pk-app #pk-attack-btn[data-switch-level]{
  border-color:rgba(125,230,255,.62)!important;
  background:linear-gradient(135deg,#315eb9,#6844cf,#ad4bc5)!important;
  color:#f4fbff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 0 24px rgba(87,181,255,.18)!important;
}
@media(max-width:767px){
  #jlpt180-pk-app.jlpt180-pk::before{
    background:
      linear-gradient(180deg,rgba(11,5,39,.01),rgba(17,7,48,.16) 44%,rgba(13,7,42,.72) 100%),
      url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat!important;
    filter:brightness(1.15) saturate(1.06)!important;
  }
}


/* v1.1.8 — abandon / transfer arena controls. */
#jlpt180-pk-app #pk-attack-btn[data-transfer-level]{
  border-color:rgba(255,197,114,.72)!important;
  background:linear-gradient(135deg,#80531d,#b86a2d,#8a315b)!important;
  color:#fff8e7!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 0 25px rgba(255,176,91,.18)!important;
}
@media(max-width:767px){
  #jlpt180-pk-app #pk-attack-btn[data-transfer-level]{font-size:12px!important;line-height:1.3!important;padding-inline:10px!important;}
}


/* v1.2.0 — Vietnamese typography normalization and consistent ranking UI. */
#jlpt180-pk-app,
#jlpt180-pk-app button,
#jlpt180-pk-app input,
#jlpt180-pk-app select,
#jlpt180-pk-app textarea{
  font-family:"Segoe UI",Arial,"Noto Sans",sans-serif!important;
  font-synthesis:none!important;
  font-kerning:normal!important;
  text-rendering:optimizeLegibility!important;
  word-spacing:normal!important;
}


/* v1.2.1 — full character visibility + explicit challenge CTA */


/* v1.2.2 — fixed Top 3 + contextual ranking window around the viewer. */
#jlpt180-pk-app #pk-rank-window-title{color:#fff2d8!important}

/* Online matchmaking — game lobby for shared-hosting rooms. */
#jlpt180-pk-app .pk-online-modal[hidden]{display:none!important}
#jlpt180-pk-app .pk-online-modal{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;padding:14px}
#jlpt180-pk-app .pk-online-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(118,97,255,.26),transparent 34%),radial-gradient(circle at 82% 15%,rgba(255,92,214,.16),transparent 24%),rgba(11,6,35,.84);backdrop-filter:blur(8px) saturate(1.08)}
#jlpt180-pk-app .pk-online-panel{
  position:relative;width:min(760px,100%);max-height:calc(100dvh - 28px);padding:24px 24px 20px;overflow:auto;
  border:3px solid rgba(180,227,255,.88);border-radius:28px;
  background:radial-gradient(circle at 50% -14%,rgba(98,223,255,.18),transparent 32%),radial-gradient(circle at 88% 14%,rgba(255,83,200,.15),transparent 24%),linear-gradient(180deg,rgba(34,25,88,.96),rgba(26,18,70,.98));
  color:#f8f2ff;text-align:center;box-shadow:0 30px 80px rgba(5,3,20,.62),0 0 36px rgba(94,213,255,.14),inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.08);
  font-family:"Be Vietnam Pro","Nunito","Noto Sans","Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;
}
#jlpt180-pk-app .pk-online-panel button{font-family:inherit!important}
#jlpt180-pk-app .pk-online-panel::before,#jlpt180-pk-app .pk-online-panel::after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(116,96,230,.16);transform:rotate(45deg);pointer-events:none}
#jlpt180-pk-app .pk-online-panel::before{left:-115px;top:-105px}
#jlpt180-pk-app .pk-online-panel::after{right:-115px;bottom:-115px}
#jlpt180-pk-app .pk-online-crown{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(45deg);width:34px;height:34px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:8px;background:linear-gradient(145deg,#6b53e8,#ef55c3);color:#fff;font-size:13px;box-shadow:0 0 0 6px rgba(76,56,165,.28),0 10px 24px rgba(90,58,193,.38)}
#jlpt180-pk-app .pk-online-crown::first-letter{display:block;transform:rotate(-45deg)}
#jlpt180-pk-app .pk-online-live{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 14px;border:1px solid rgba(84,232,255,.24);border-radius:999px;background:linear-gradient(145deg,rgba(20,35,90,.84),rgba(30,22,78,.9));color:#59dff7;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(5,3,20,.24)}
#jlpt180-pk-app .pk-online-live i{width:9px;height:9px;border-radius:50%;background:#19d5a1;box-shadow:0 0 0 5px rgba(25,213,161,.13),0 0 13px rgba(25,213,161,.65);animation:pkMatchPulse 1.5s ease-in-out infinite}
#jlpt180-pk-app .pk-online-panel h2{max-width:620px;margin:12px auto 6px!important;color:#fff7ff!important;font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif!important;font-size:clamp(24px,3.2vw,35px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.03em!important;overflow-wrap:anywhere;text-shadow:0 4px 18px rgba(145,107,255,.16)!important}
#jlpt180-pk-app .pk-online-subtitle{max-width:620px;margin:0 auto 14px;color:#c7bbeb;font-size:12px;font-weight:800;line-height:1.45}
#jlpt180-pk-app .pk-online-mode-picker{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 12px}
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-mode-picker{display:grid}
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-match-arena,
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-match-progress,
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-stages,
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-fallback{display:none}
#jlpt180-pk-app .pk-online-mode-picker button{position:relative;min-width:0;min-height:100px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 14px;border:2px solid rgba(111,95,220,.34);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(145,120,255,.08));color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 26px rgba(6,4,25,.30),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .14s ease,border-color .14s ease,background .14s ease}
#jlpt180-pk-app .pk-online-mode-picker button:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,92,176,.11))}
#jlpt180-pk-app .pk-online-mode-picker button.active{border-color:#6ae7ff;box-shadow:0 0 0 4px rgba(71,201,255,.12),0 14px 28px rgba(9,6,35,.38),0 0 22px rgba(90,130,255,.14),inset 0 1px 0 rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(64,87,212,.26),rgba(107,41,187,.30))}
#jlpt180-pk-app .pk-online-mode-picker button:nth-child(2).active{border-color:#ff6dc5;box-shadow:0 0 0 4px rgba(255,89,194,.13),0 14px 28px rgba(9,6,35,.38),0 0 22px rgba(255,104,196,.14),inset 0 1px 0 rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(115,55,190,.28),rgba(219,64,156,.26))}
#jlpt180-pk-app .pk-online-mode-picker button:not(:disabled):active{transform:translateY(2px) scale(.99)}
#jlpt180-pk-app .pk-online-mode-picker button:disabled{cursor:wait;opacity:.66}
#jlpt180-pk-app .pk-online-mode-picker img{display:block!important;width:62px!important;height:62px!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 9px 16px rgba(15,10,44,.35))}
#jlpt180-pk-app .pk-online-mode-picker span{min-width:0;display:block}
#jlpt180-pk-app .pk-online-mode-picker span small{display:block;color:#ff93da;font-size:9px;font-weight:900;line-height:1.2;letter-spacing:.09em}
#jlpt180-pk-app .pk-online-mode-picker span b{display:block;margin-top:4px;color:#ffffff;font-size:18px;font-weight:900;line-height:1.1;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-online-mode-picker span em{display:block;margin-top:5px;color:#d7c8f7;font-size:10px;font-style:normal;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-online-mode-picker>button>strong{align-self:start;padding:6px 9px;border-radius:999px;background:#5140b6;color:#fff;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 6px 12px rgba(66,46,155,.16)}
#jlpt180-pk-app .pk-online-mode-picker button:nth-child(2)>strong{background:linear-gradient(90deg,#9b43d6,#eb4b9d)}

#jlpt180-pk-app .pk-online-type-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:2px 0 10px}
#jlpt180-pk-app .pk-online-type-picker button{min-height:68px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";align-items:center;gap:2px 9px;padding:10px 11px;border:2px solid rgba(113,95,217,.34);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(133,109,230,.10));color:#efe9ff;text-align:left;cursor:pointer;box-shadow:0 10px 20px rgba(5,4,22,.28),inset 0 1px 0 rgba(255,255,255,.08)}
#jlpt180-pk-app .pk-online-type-picker button>span{grid-area:icon;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(195,244,255,.92),rgba(234,208,255,.92));font-size:20px;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(71,82,177,.16)}
#jlpt180-pk-app .pk-online-type-picker button>b{grid-area:title;font-size:14px;font-weight:900;line-height:1.1}
#jlpt180-pk-app .pk-online-type-picker button>small{grid-area:copy;color:#cbbde7;font-size:8px;font-weight:800;line-height:1.25}
#jlpt180-pk-app .pk-online-type-picker button.active{border-color:#6ae7ff;background:linear-gradient(145deg,rgba(51,85,209,.28),rgba(112,71,224,.28) 55%,rgba(247,89,198,.24));box-shadow:0 0 0 4px rgba(80,183,255,.11),0 12px 24px rgba(5,4,22,.32),0 0 18px rgba(102,109,236,.10),inset 0 1px 0 rgba(255,255,255,.12)}
#jlpt180-pk-app .pk-online-type-picker button[data-online-type="chaos"].active{border-color:#ff6dcc;background:radial-gradient(circle at 15% 15%,rgba(255,212,93,.18),transparent 34%),linear-gradient(145deg,rgba(84,91,209,.30),rgba(124,66,224,.30) 52%,rgba(236,74,175,.28))}
#jlpt180-pk-app .pk-online-type-picker button[data-online-type="friend"].active{border-color:#35d7f2;background:linear-gradient(145deg,rgba(55,167,212,.25),rgba(88,102,219,.22) 55%,rgba(223,80,204,.18))}
#jlpt180-pk-app .pk-friend-panel[hidden]{display:none!important}
#jlpt180-pk-app .pk-friend-panel{display:grid;gap:10px;margin:6px 0 10px;padding:12px;border:2px solid rgba(71,184,211,.34);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(232,112,203,.10),transparent 30%),linear-gradient(145deg,rgba(31,44,88,.86),rgba(43,24,89,.90));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(6,4,24,.28)}
#jlpt180-pk-app .pk-friend-scope{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#jlpt180-pk-app .pk-friend-scope button{min-height:58px;padding:9px 10px;border:1px solid rgba(88,75,163,.22);border-radius:14px;background:rgba(255,255,255,.72);color:#48336c;text-align:left;cursor:pointer}
#jlpt180-pk-app .pk-friend-scope button b,#jlpt180-pk-app .pk-friend-scope button small{display:block}
#jlpt180-pk-app .pk-friend-scope button b{font-size:11px;font-weight:900}
#jlpt180-pk-app .pk-friend-scope button small{margin-top:4px;color:#77658c;font-size:8px;font-weight:800}
#jlpt180-pk-app .pk-friend-scope button.active{border-color:#50bcd5;background:linear-gradient(135deg,#e4fbff,#eee9ff);box-shadow:0 7px 16px rgba(52,158,184,.12)}
#jlpt180-pk-app .pk-friend-create{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";align-items:center;gap:2px 9px;padding:9px 13px;border:2px solid rgba(255,255,255,.88);border-radius:16px;background:linear-gradient(100deg,#1da9d2,#6359e5 55%,#d847b4);color:#fff;text-align:left;cursor:pointer;box-shadow:0 11px 24px rgba(64,79,196,.21),inset 0 1px 0 rgba(255,255,255,.42)}
#jlpt180-pk-app .pk-friend-create>span{grid-area:icon;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(255,255,255,.15);font-size:24px}
#jlpt180-pk-app .pk-friend-create>b{grid-area:title;font-size:12px;font-weight:900}
#jlpt180-pk-app .pk-friend-create>small{grid-area:copy;color:#e5faff;font-size:8px;font-weight:800}
#jlpt180-pk-app .pk-friend-create:disabled,#jlpt180-pk-app .pk-friend-join button:disabled{cursor:wait;opacity:.68}
#jlpt180-pk-app .pk-friend-join{display:grid;gap:6px;padding:10px;border:1px solid rgba(128,110,211,.24);border-radius:15px;background:rgba(255,255,255,.05)}
#jlpt180-pk-app .pk-friend-join label{color:#b9abdd;font-size:8px;font-weight:900;letter-spacing:.1em}
#jlpt180-pk-app .pk-friend-join>div{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:7px}
#jlpt180-pk-app .pk-friend-join input{min-width:0;min-height:44px;padding:9px 12px;border:2px solid rgba(96,83,172,.34);border-radius:12px;background:rgba(255,255,255,.92);color:#2d174f;font-size:17px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;outline:none}
#jlpt180-pk-app .pk-friend-join input:focus{border-color:#4faed8;box-shadow:0 0 0 4px rgba(79,174,216,.12)}
#jlpt180-pk-app .pk-friend-join button{min-height:44px;border:0;border-radius:12px;background:linear-gradient(100deg,#584fd8,#c044bc);color:#fff;font-size:10px;font-weight:900;cursor:pointer}
#jlpt180-pk-app .pk-friend-panel.is-room-active .pk-friend-scope,#jlpt180-pk-app .pk-friend-panel.is-room-active .pk-friend-create,#jlpt180-pk-app .pk-friend-panel.is-room-active .pk-friend-join{display:none!important}
#jlpt180-pk-app .pk-friend-share[hidden]{display:none!important}
#jlpt180-pk-app .pk-friend-share{display:grid;justify-items:center;gap:6px;padding:13px;border:2px dashed rgba(92,218,255,.46);border-radius:16px;background:linear-gradient(145deg,rgba(33,52,103,.86),rgba(57,36,101,.90));text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
#jlpt180-pk-app .pk-friend-share>span{color:#6fe3f8;font-size:8px;font-weight:900;letter-spacing:.12em}
#jlpt180-pk-app .pk-friend-share>strong{color:#ffffff;font-size:24px;font-weight:900;letter-spacing:.16em;line-height:1}
#jlpt180-pk-app .pk-friend-share>small{max-width:430px;color:#d2c5ef;font-size:9px;font-weight:800;line-height:1.4}
#jlpt180-pk-app .pk-friend-share>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:3px}
#jlpt180-pk-app .pk-friend-share button{min-height:40px;border:1px solid rgba(135,122,224,.26);border-radius:11px;background:rgba(255,255,255,.94);color:#513aa6;font-size:9px;font-weight:900;cursor:pointer}

#jlpt180-pk-app .pk-match-arena{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);align-items:center;gap:12px;padding:14px;border:2px solid rgba(118,99,208,.28);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(121,217,255,.08),transparent 28%),linear-gradient(115deg,rgba(255,255,255,.05),rgba(113,93,210,.10) 48%,rgba(255,99,196,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(5,4,22,.28)}
#jlpt180-pk-app .pk-match-slot{min-width:0;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px;border:1px solid rgba(138,114,220,.18);border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#jlpt180-pk-app .pk-match-slot small{margin-top:7px;color:#b9a4e4;font-size:9px;font-weight:900;letter-spacing:.07em}
#jlpt180-pk-app .pk-match-slot b{max-width:100%;margin-top:4px;color:#ffffff;font-size:15px;font-weight:900;line-height:1.2;overflow-wrap:anywhere;text-shadow:none}
#jlpt180-pk-app .pk-match-slot em{margin-top:5px;color:#72def4;font-size:10px;font-style:normal;font-weight:900}
#jlpt180-pk-app .pk-match-avatar{width:78px;height:78px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.92);border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#c7f3ff,#cfb8ff 55%,#ffbce7);box-shadow:0 10px 24px rgba(10,8,32,.28),0 0 0 5px rgba(113,87,210,.10)}
#jlpt180-pk-app .pk-match-avatar img{width:100%;height:100%;object-fit:contain;object-position:center}
#jlpt180-pk-app .pk-match-searching{border-style:dashed;background:linear-gradient(145deg,#eee9ff,#d8edff);color:#7657ba;font-size:30px;animation:pkMatchScan 1.8s ease-in-out infinite}
#jlpt180-pk-app .pk-match-found{color:#fff;font-size:27px}
#jlpt180-pk-app .pk-match-core{position:relative;width:144px;height:144px;display:grid;place-items:center}
#jlpt180-pk-app .pk-match-core img{position:relative;z-index:3;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 12px 17px rgba(10,8,32,.35))}
#jlpt180-pk-app .pk-match-core strong{position:absolute;z-index:4;bottom:12px;min-width:48px;padding:5px 10px;border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,#405cf1,#c741ce);color:#fff;font-size:15px;font-weight:900;box-shadow:0 7px 17px rgba(75,45,171,.25)}
#jlpt180-pk-app .pk-match-orbit{position:absolute;inset:8px;border:1px solid rgba(81,104,222,.28);border-radius:50%;animation:pkMatchOrbit 7s linear infinite}
#jlpt180-pk-app .pk-match-orbit::before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#4cd9ff;box-shadow:0 0 12px #4cd9ff}
#jlpt180-pk-app .pk-match-orbit.orbit-two{inset:28px;border-style:dashed;border-color:rgba(208,70,193,.32);animation-duration:5s;animation-direction:reverse}
#jlpt180-pk-app .pk-match-progress{height:10px;margin:14px 8px 0;padding:2px;border:1px solid rgba(120,104,205,.22);border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
#jlpt180-pk-app .pk-match-progress i{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2fc9f4,#5860ee,#df45c2,#ffbd5c);box-shadow:0 0 13px rgba(94,96,238,.34);transition:width .5s ease}
#jlpt180-pk-app .pk-online-status{min-height:42px;display:grid;place-items:center;margin:8px 0 10px;padding:9px 12px;border:1px solid rgba(122,104,214,.26);border-radius:14px;background:rgba(255,255,255,.06);color:#ded3f8;font-size:12px;font-weight:900;line-height:1.45;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#jlpt180-pk-app .pk-online-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
#jlpt180-pk-app .pk-online-stages span{min-height:36px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(122,104,214,.18);border-radius:11px;background:rgba(255,255,255,.06);color:#b8a6df;font-size:11px;font-weight:900}
#jlpt180-pk-app .pk-online-stages span b{font:inherit}
#jlpt180-pk-app .pk-online-stages span.active{border-color:#6be3ff;background:linear-gradient(105deg,rgba(53,156,226,.28),rgba(115,90,222,.28));color:#ffffff;box-shadow:0 7px 16px rgba(5,4,22,.24)}
#jlpt180-pk-app .pk-online-stages span.done{border-color:#5adbb8;background:rgba(53,192,142,.16);color:#87f2d3}
#jlpt180-pk-app .pk-online-actions{display:flex;justify-content:center;gap:10px}
#jlpt180-pk-app .pk-online-ready,#jlpt180-pk-app .pk-online-bot,#jlpt180-pk-app .pk-online-cancel{min-height:52px;border-radius:14px!important;font-weight:900!important}
#jlpt180-pk-app .pk-online-ready{flex:1;border:1px solid #55ccff!important;background:linear-gradient(90deg,#188ce7,#6356e9,#da42bd)!important;color:#fff!important;box-shadow:0 11px 25px rgba(68,76,210,.25)!important}
#jlpt180-pk-app .pk-online-bot{flex:1;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";align-items:center;gap:1px 8px;padding:7px 13px;border:2px solid rgba(255,255,255,.86)!important;background:radial-gradient(circle at 18% 50%,rgba(255,242,134,.38),transparent 30%),linear-gradient(100deg,#e8842e,#d84d8f 54%,#734ed8)!important;color:#fff!important;text-align:left;box-shadow:0 12px 25px rgba(160,67,104,.23),0 0 18px rgba(255,174,76,.16),inset 0 1px 0 rgba(255,255,255,.52)!important;cursor:pointer}
#jlpt180-pk-app .pk-online-bot>span{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:11px;background:rgba(255,255,255,.18);font-size:18px}
#jlpt180-pk-app .pk-online-bot>b{grid-area:title;font-size:12px;line-height:1.1;letter-spacing:.03em}
#jlpt180-pk-app .pk-online-bot>small{grid-area:copy;color:#fff5c9;font-size:8px;font-weight:800;line-height:1.2}
#jlpt180-pk-app .pk-online-bot[hidden]{display:none!important}
#jlpt180-pk-app .pk-online-bot:disabled{cursor:wait;filter:saturate(.55);opacity:.72}
#jlpt180-pk-app .pk-online-cancel{flex:0 1 270px;margin:0;border:1px solid rgba(119,91,158,.30)!important;background:rgba(255,255,255,.76)!important;color:#654b80!important}
#jlpt180-pk-app .pk-online-fallback{margin:12px 0 0;color:#76638d;font-size:10px;font-weight:800;line-height:1.4}
@keyframes pkMatchOrbit{to{transform:rotate(360deg)}}
@keyframes pkMatchPulse{50%{transform:scale(.75);opacity:.62}}
@keyframes pkMatchScan{50%{transform:translateY(-4px);box-shadow:0 14px 27px rgba(78,53,157,.26),0 0 0 8px rgba(113,87,210,.08)}}
html.jlpt180-pk-online-open{overflow:hidden!important}

@media(max-width:700px){
  #jlpt180-pk-app .pk-online-type-picker{grid-template-columns:1fr;gap:7px}
  #jlpt180-pk-app .pk-online-type-picker button{min-height:58px;grid-template-columns:34px minmax(0,1fr);padding:8px 10px}
  #jlpt180-pk-app .pk-online-type-picker button>span{width:34px;height:34px;font-size:17px}
  #jlpt180-pk-app .pk-friend-panel{padding:9px;border-radius:17px}
  #jlpt180-pk-app .pk-friend-scope{grid-template-columns:1fr}
  #jlpt180-pk-app .pk-friend-scope button{min-height:50px}
  #jlpt180-pk-app .pk-friend-join>div{grid-template-columns:minmax(0,1fr) 108px}
  #jlpt180-pk-app .pk-friend-share>strong{font-size:24px}
  #jlpt180-pk-app .pk-online-modal{padding:12px}
  #jlpt180-pk-app .pk-online-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(25,13,65,.90)}
  #jlpt180-pk-app .pk-online-panel{max-height:calc(100dvh - 24px);padding:21px 13px 17px;overflow:auto;border-radius:22px;box-shadow:0 18px 45px rgba(12,7,55,.36)}
  #jlpt180-pk-app .pk-online-subtitle{font-size:10px;margin-bottom:11px}
  #jlpt180-pk-app .pk-online-mode-picker{grid-template-columns:1fr;gap:8px;margin-block:5px 10px}
  #jlpt180-pk-app .pk-online-mode-picker button{min-height:82px;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:17px}
  #jlpt180-pk-app .pk-online-mode-picker img{width:55px!important;height:55px!important;filter:none}
  #jlpt180-pk-app .pk-online-mode-picker span b{margin-top:3px;font-size:15px}
  #jlpt180-pk-app .pk-online-mode-picker span em{margin-top:4px;font-size:9px}
  #jlpt180-pk-app .pk-match-arena{grid-template-columns:1fr 70px 1fr;gap:6px;padding:9px 7px;border-radius:18px}
  #jlpt180-pk-app .pk-match-slot{min-height:120px;padding:7px 4px;border-radius:15px}
  #jlpt180-pk-app .pk-match-avatar{width:58px;height:58px}
  #jlpt180-pk-app .pk-match-slot b{font-size:12px}
  #jlpt180-pk-app .pk-match-slot small{font-size:7px;letter-spacing:.03em}
  #jlpt180-pk-app .pk-match-core{width:70px;height:102px}
  #jlpt180-pk-app .pk-match-core img{width:65px;height:65px}
  #jlpt180-pk-app .pk-match-core strong{bottom:5px;min-width:39px;font-size:11px}
  #jlpt180-pk-app .pk-match-orbit{inset:10px 0}
  #jlpt180-pk-app .pk-match-orbit.orbit-two{inset:25px 14px}
  #jlpt180-pk-app .pk-online-actions{flex-direction:column}
  #jlpt180-pk-app .pk-online-bot{width:100%;flex:none}
  #jlpt180-pk-app .pk-online-cancel{flex-basis:auto;width:100%}
  #jlpt180-pk-app .pk-online-stages span{font-size:9px}
}

@media(max-width:480px){
  #jlpt180-pk-app .pk-online-type-picker button{min-height:50px;grid-template-columns:30px minmax(0,1fr);gap:1px 7px;padding:7px 8px;border-radius:14px}
  #jlpt180-pk-app .pk-online-type-picker button>span{width:31px;height:31px;border-radius:10px;font-size:15px}
  #jlpt180-pk-app .pk-online-type-picker button>b{font-size:10px}
  #jlpt180-pk-app .pk-friend-create{min-height:52px;padding:7px 9px}
  #jlpt180-pk-app .pk-friend-join>div{grid-template-columns:1fr}
  #jlpt180-pk-app .pk-friend-join input,#jlpt180-pk-app .pk-friend-join button{width:100%}
  #jlpt180-pk-app .pk-friend-share>div{grid-template-columns:1fr}
  #jlpt180-pk-app .pk-online-modal{padding:6px}
  #jlpt180-pk-app .pk-online-panel{max-height:calc(100dvh - 12px);padding:17px 8px 12px;border-radius:18px}
  #jlpt180-pk-app .pk-online-live{gap:5px;font-size:9px}
  #jlpt180-pk-app .pk-online-panel h2{margin-top:7px!important;font-size:22px!important}
  #jlpt180-pk-app .pk-online-subtitle{margin-bottom:10px;font-size:9px;line-height:1.35}
  #jlpt180-pk-app .pk-online-mode-picker button{min-height:72px;grid-template-columns:44px minmax(0,1fr) auto;gap:6px;padding:8px;border-radius:15px}
  #jlpt180-pk-app .pk-online-mode-picker img{width:42px!important;height:42px!important}
  #jlpt180-pk-app .pk-online-mode-picker span small{font-size:7px;letter-spacing:.04em}
  #jlpt180-pk-app .pk-online-mode-picker span b{font-size:13px;line-height:1.1}
  #jlpt180-pk-app .pk-online-mode-picker span em{font-size:8px;line-height:1.2}
  #jlpt180-pk-app .pk-online-mode-picker>button>strong{padding:5px 7px;font-size:7px}
  #jlpt180-pk-app .pk-match-arena{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:4px;padding:8px 5px}
  #jlpt180-pk-app .pk-match-slot{min-height:116px;padding:7px 3px}
  #jlpt180-pk-app .pk-match-avatar{width:54px;height:54px;border-width:2px;box-shadow:0 6px 13px rgba(78,53,157,.16)}
  #jlpt180-pk-app .pk-match-slot b{font-size:11px;line-height:1.18}
  #jlpt180-pk-app .pk-match-slot em{font-size:8px}
  #jlpt180-pk-app .pk-match-core{width:56px;height:96px}
  #jlpt180-pk-app .pk-match-core img{width:50px;height:50px;filter:none}
  #jlpt180-pk-app .pk-match-core strong{bottom:3px;min-width:34px;padding:4px 6px;font-size:9px}
  #jlpt180-pk-app .pk-match-orbit{inset:9px 0}
  #jlpt180-pk-app .pk-match-orbit.orbit-two{inset:22px 10px}
  #jlpt180-pk-app .pk-match-orbit,#jlpt180-pk-app .pk-online-live i,#jlpt180-pk-app .pk-match-searching{animation:none}
  #jlpt180-pk-app .pk-match-progress{height:8px;margin-top:10px}
  #jlpt180-pk-app .pk-online-status{min-height:35px;margin:8px 0;padding:7px;font-size:9px}
  #jlpt180-pk-app .pk-online-stages{gap:4px;margin-bottom:9px}
  #jlpt180-pk-app .pk-online-stages span{min-width:0;min-height:32px;gap:3px;padding:4px 2px;font-size:8px;line-height:1.2;overflow-wrap:anywhere}
  #jlpt180-pk-app .pk-online-ready,#jlpt180-pk-app .pk-online-bot,#jlpt180-pk-app .pk-online-cancel{min-height:46px;font-size:10px!important}
  #jlpt180-pk-app .pk-online-bot{grid-template-columns:30px minmax(0,1fr);padding:6px 10px}
  #jlpt180-pk-app .pk-online-bot>span{width:30px;height:30px;font-size:15px}
  #jlpt180-pk-app .pk-online-bot>b{font-size:10px}
  #jlpt180-pk-app .pk-online-bot>small{font-size:7px}
  #jlpt180-pk-app .pk-online-fallback{margin-top:8px;font-size:8px}
}

#jlpt180-pk-app .pk-result-note.success{border-color:rgba(91,232,184,.42)!important;background:rgba(27,115,88,.16)!important;color:#bfffe8!important;}
#jlpt180-pk-app .pk-result-note.warning{border-color:rgba(255,190,104,.36)!important;background:rgba(132,78,25,.14)!important;color:#ffe2b0!important;}


/* v1.2.3 — holder layout fix: no overlap, full character visibility, smaller stat boxes */


/* v1.2.4 — typography + centered holder portrait + ranking badge cleanup */
#jlpt180-pk-app,
#jlpt180-pk-app button,
#jlpt180-pk-app input,
#jlpt180-pk-app select,
#jlpt180-pk-app textarea{
  font-family:Tahoma,Arial,"Noto Sans","Segoe UI",sans-serif!important;
  font-feature-settings:"kern" 1!important;
  font-kerning:normal!important;
}

/* v1.2.5 — brighter fantasy panels and restrained neon. Navigation intentionally untouched. */
#jlpt180-pk-app{
  --pk-bg:#140b3d;
  --pk-panel:rgba(48,27,105,.91);
  --pk-panel-2:rgba(65,35,132,.88);
  --pk-line:rgba(231,194,255,.42);
  --pk-line-gold:rgba(255,220,143,.68);
  --pk-violet:#b96cff;
  --pk-pink:#f070d9;
  --pk-cyan:#8cf5ff;
  --pk-text:#fff9ee;
  --pk-muted:#e3d7ed;
}
#jlpt180-pk-app.jlpt180-pk::before{
  background:
    linear-gradient(180deg,rgba(17,8,52,.02) 0%,rgba(23,11,66,.12) 40%,rgba(18,8,54,.52) 100%),
    url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat!important;
}
#jlpt180-pk-app.jlpt180-pk::after{
  background:
    radial-gradient(circle at 51% 9%,rgba(244,191,255,.28),transparent 31%),
    radial-gradient(circle at 17% 42%,rgba(121,117,255,.17),transparent 25%),
    radial-gradient(circle at 84% 55%,rgba(220,104,255,.16),transparent 27%),
    linear-gradient(90deg,rgba(13,6,45,.14),transparent 18%,transparent 82%,rgba(13,6,45,.14))!important;
}

@media(max-width:680px){
  #jlpt180-pk-app.jlpt180-pk::before{
    background:
      linear-gradient(180deg,rgba(17,8,52,.04) 0%,rgba(23,11,66,.14) 42%,rgba(18,8,54,.58) 100%),
      url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat!important;
  }
}


/* v1.2.6 — brightness + analyzed section polish */
#jlpt180-pk-app.jlpt180-pk::before{
  background:
    linear-gradient(180deg,rgba(18,8,52,.02) 0%,rgba(27,12,70,.12) 38%,rgba(14,7,43,.42) 78%,#0a0726 100%),
    url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat!important;
}
#jlpt180-pk-app.jlpt180-pk::after{
  background:
    radial-gradient(circle at 18% 16%,rgba(126,193,255,.12),transparent 24%),
    radial-gradient(circle at 50% 8%,rgba(239,169,255,.22),transparent 28%),
    radial-gradient(circle at 82% 22%,rgba(255,208,140,.10),transparent 22%),
    linear-gradient(90deg,rgba(10,4,29,.22),transparent 16%,transparent 84%,rgba(10,4,29,.22))!important;
}
#jlpt180-pk-app .pk-empty,
#jlpt180-pk-app .pk-loading{
  color:#f4ebfb!important;
}


/* v1.2.7 — real CSS load fix + VN typography + holder layout tighten */
#jlpt180-pk-app,
#jlpt180-pk-app button,
#jlpt180-pk-app input,
#jlpt180-pk-app select,
#jlpt180-pk-app textarea{
  font-family:"Segoe UI","Noto Sans",Arial,sans-serif!important;
  font-feature-settings:normal!important;
  font-kerning:auto!important;
  text-rendering:auto!important;
  word-spacing:normal!important;
}


/* v1.2.8 — final holder composition + Vietnamese glyph safety */
#jlpt180-pk-app,
#jlpt180-pk-app *{
  font-family:Arial,"Noto Sans",sans-serif!important;
  font-synthesis:none!important;
  font-variant-ligatures:none!important;
  font-feature-settings:normal!important;
  font-kerning:auto!important;
  text-rendering:auto!important;
}

/* v1.2.9 — holder scale/layer polish + larger contextual ranking */


/* v1.5.0 — brighter lobby, stronger controls, admin unlimited test badge. */
body.jlpt180-pk-standalone{
  background:#2d1768!important;
}
#jlpt180-pk-app{
  --pk-panel:rgba(71,38,136,.94);
  --pk-panel-2:rgba(91,49,161,.91);
  --pk-line:rgba(224,196,255,.64);
  --pk-line-gold:rgba(255,222,143,.82);
  --pk-text:#fffdf6;
  --pk-muted:#eee4fb;
}
#jlpt180-pk-app::before{
  background:
    linear-gradient(180deg,rgba(42,17,93,.03) 0%,rgba(53,24,112,.18) 42%,rgba(38,18,85,.52) 100%),
    url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat!important;
  filter:saturate(1.08) brightness(1.12)!important;
}
#jlpt180-pk-app::after{
  background:
    radial-gradient(circle at 50% 12%,rgba(255,220,255,.24),transparent 31%),
    radial-gradient(circle at 15% 44%,rgba(115,228,243,.12),transparent 28%),
    radial-gradient(circle at 86% 42%,rgba(255,119,222,.12),transparent 28%),
    linear-gradient(90deg,rgba(46,14,91,.12),transparent 18%,transparent 82%,rgba(46,14,91,.12))!important;
}

/* Every lobby control must be visibly brighter than its panel. */
#jlpt180-pk-app button:focus-visible{
  outline:3px solid rgba(255,238,145,.95)!important;
  outline-offset:3px!important;
}
#jlpt180-pk-app button:disabled{
  opacity:.52!important;
  filter:saturate(.55)!important;
  box-shadow:none!important;
}

/* Unlimited WordPress-admin test mode. */

@media(max-width:680px){
  #jlpt180-pk-app::before{
    background:
      linear-gradient(180deg,rgba(46,20,101,.04) 0%,rgba(55,26,116,.20) 38%,rgba(39,18,88,.58) 100%),
      url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat!important;
    filter:saturate(1.06) brightness(1.10)!important;
  }
}


/* v1.5.1 — reveal the fantasy background while keeping readable panel separation. */
#jlpt180-pk-app{
  --pk-panel:rgba(74,40,139,.72);
  --pk-panel-2:rgba(95,54,163,.68);
  --pk-line:rgba(239,218,255,.82);
}
#jlpt180-pk-app::before{
  filter:saturate(1.13) brightness(1.19)!important;
}


/* v1.5.5 — brighter translucent outer lobby panels. */
body.jlpt180-pk-standalone{
  background:#b9a8eb!important;
}
#jlpt180-pk-app{
  --pk-panel:rgba(132,96,196,.40);
  --pk-panel-2:rgba(158,118,211,.34);
}
#jlpt180-pk-app::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(240,229,255,.08) 24%,rgba(151,121,205,.09) 100%),
    url("images/pk-lobby/lobby-bg-desktop.webp") center top/cover no-repeat!important;
  filter:saturate(1.08) brightness(1.24)!important;
}
#jlpt180-pk-app::after{
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.17),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 16%,transparent 84%,rgba(255,255,255,.04))!important;
}
@media(max-width:680px){
  #jlpt180-pk-app::before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.07) 0%,rgba(238,225,255,.09) 28%,rgba(139,108,194,.12) 100%),
      url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat!important;
  }
}
#jlpt180-pk-app .pk-meta-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:6px 11px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
  box-shadow:0 5px 14px rgba(59,32,98,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#jlpt180-pk-app .pk-meta-level{border-color:#9aa0f4!important;background:#e8e9ff!important;color:#3843bd!important}
#jlpt180-pk-app .pk-meta-mode{border-color:#ed92c5!important;background:#ffe3f2!important;color:#9b286c!important}
#jlpt180-pk-app .pk-meta-package{border-color:#77d3e5!important;background:#dff8fc!important;color:#146b7d!important}
#jlpt180-pk-app .pk-meta-rp{border-color:#e2ba50!important;background:#fff0bd!important;color:#815608!important}
#jlpt180-pk-app #pk-rank-window-title{
  color:#24103f!important;
  text-shadow:0 2px 0 rgba(255,255,255,.50),0 7px 18px rgba(74,38,124,.10)!important;
}
#jlpt180-pk-app #pk-top3-context,
#jlpt180-pk-app #pk-top10-context{
  color:#4d3868!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.50)!important;
}

/* JLPT180 PK battle — single authoritative stylesheet. */
#jlpt180-pk-app .pk-exam[hidden],
#jlpt180-pk-app .pk-question[hidden],
#jlpt180-pk-app .pk-countdown[hidden],
#jlpt180-pk-app .pk-result[hidden],
#jlpt180-pk-app #pk-typing-form[hidden]{display:none!important}

#jlpt180-pk-app .pk-exam{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  overflow:auto!important;
  padding:6px 12px!important;
  color:#3e2aa8!important;
  background:linear-gradient(180deg,rgba(250,248,255,.10),rgba(250,246,255,.16)),url("images/pk-battle-v2/battle-bg-desktop.webp") center/cover no-repeat!important;
  font-family:"Be Vietnam Pro","Nunito","Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
#jlpt180-pk-app .pk-exam button,#jlpt180-pk-app .pk-exam input{font-family:inherit!important}
#jlpt180-pk-app .pk-exam::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
#jlpt180-pk-app .pk-exam-shell{
  position:relative;
  z-index:1;
  width:min(1450px,100%);
  min-height:calc(100dvh - 12px);
  margin:0 auto;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
}

/* Header */
#jlpt180-pk-app .pk-exam-top{
  display:grid;
  grid-template-columns:minmax(292px,330px) minmax(500px,1fr) minmax(250px,292px);
  align-items:center;
  gap:12px;
}
#jlpt180-pk-app .pk-exam-left-group{display:grid;grid-template-columns:minmax(134px,.84fr) minmax(146px,1fr);gap:10px;min-width:0}
#jlpt180-pk-app .pk-exam-level-card,
#jlpt180-pk-app .pk-exam-chip{
  min-height:86px;
  border:1px solid rgba(170,130,255,.33);
  border-radius:21px;
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(250,245,255,.80));
  box-shadow:0 12px 30px rgba(118,80,205,.12),inset 0 0 22px rgba(255,255,255,.7);
  backdrop-filter:blur(8px);
}
#jlpt180-pk-app .pk-exam-level-card{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;text-align:center}
#jlpt180-pk-app .pk-exam-level-card img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(104,67,210,.18))}
#jlpt180-pk-app .pk-exam-level-card div{display:grid;gap:0}
#jlpt180-pk-app .pk-exam-level-card span,
#jlpt180-pk-app .pk-exam-chip span{display:block;color:#0f78c8;font-size:11px;font-weight:900;letter-spacing:.06em;line-height:1.15}
#jlpt180-pk-app .pk-exam-level-card strong{display:block;margin-top:2px;color:#7541e8;font-size:31px;font-weight:900;line-height:1.05}
#jlpt180-pk-app .pk-exam-chip-progress{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 16px}
#jlpt180-pk-app .pk-exam-chip-progress strong{color:#344ee9;font-size:25px;font-weight:900;line-height:1.05}
#jlpt180-pk-app .pk-exam-progress-track{width:100%;height:10px;margin-top:8px;border-radius:999px;overflow:hidden;background:rgba(143,105,230,.13);box-shadow:inset 0 1px 3px rgba(77,43,140,.12)}
#jlpt180-pk-app .pk-exam-progress-track b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5846f4,#9c42e9,#ef4ba3);box-shadow:0 0 12px rgba(135,67,234,.42);transition:width .18s ease}
#jlpt180-pk-app .pk-exam-title-wrap{position:relative;min-width:0;height:132px;display:grid;place-items:center;overflow:visible}
#jlpt180-pk-app .pk-exam-title-art{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 9px 18px rgba(116,70,215,.15));pointer-events:none}
#jlpt180-pk-app .pk-exam-top-actions{display:grid;grid-template-columns:minmax(184px,1fr) 62px;align-items:center;gap:10px}
#jlpt180-pk-app .pk-exam-chip-time{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px}
#jlpt180-pk-app .pk-exam-chip-time img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(225,76,104,.16))}
#jlpt180-pk-app .pk-exam-chip-time div{display:grid;text-align:center;min-width:0}
#jlpt180-pk-app .pk-exam-chip-time strong{color:#f13e65;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.05;white-space:nowrap}
#jlpt180-pk-app .pk-exam-chip-time span{margin-top:3px;color:#e06b31;font-size:10px}
#jlpt180-pk-app .pk-exam-top button{width:62px;height:72px;padding:0;border:1px solid rgba(243,49,98,.48);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,226,238,.88));color:#f33162;font-size:32px;line-height:1;cursor:pointer}

/* Active duel identity strip: who is fighting whom. */
#jlpt180-pk-app .pk-exam-duel[hidden]{display:none!important}
#jlpt180-pk-app .pk-exam-duel{position:relative;width:min(940px,calc(100% - 24px));min-height:86px;display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);align-items:center;gap:10px;margin:-12px auto 2px;padding:7px 10px;border:2px solid rgba(137,104,230,.28);border-radius:25px;background:radial-gradient(circle at 50% 50%,rgba(116,217,255,.18),transparent 28%),linear-gradient(105deg,rgba(243,251,255,.94),rgba(238,233,255,.94) 50%,rgba(255,237,248,.94));box-shadow:0 12px 28px rgba(82,54,170,.12),inset 0 1px 0 rgba(255,255,255,.96);overflow:hidden}
#jlpt180-pk-app .pk-exam-duel::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(115,86,215,.22),transparent);pointer-events:none}
#jlpt180-pk-app .pk-exam-fighter{position:relative;min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;padding:4px 10px;border:1px solid rgba(105,87,193,.16);border-radius:19px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
#jlpt180-pk-app .pk-exam-fighter-rival{grid-template-columns:minmax(0,1fr) 78px;text-align:right}
#jlpt180-pk-app .pk-exam-fighter-art{width:78px;height:70px;display:grid;place-items:center;overflow:visible}
#jlpt180-pk-app .pk-exam-fighter-art .pk-character,#jlpt180-pk-app .pk-exam-fighter-art .pk-character-large{width:76px!important;height:70px!important;flex-basis:76px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#jlpt180-pk-app .pk-exam-fighter-art .pk-character-layer{object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 7px 10px rgba(55,34,133,.18))}
#jlpt180-pk-app .pk-exam-fighter-copy{min-width:0;display:grid;align-content:center;gap:2px}
#jlpt180-pk-app .pk-exam-fighter-copy small{color:#9875ba;font-size:8px;font-weight:900;letter-spacing:.12em;line-height:1.1}
#jlpt180-pk-app .pk-exam-fighter-copy strong{display:block;max-width:100%;color:#2b1954;font-size:16px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#jlpt180-pk-app .pk-exam-fighter-copy span{display:block;max-width:100%;color:#66517e;font-size:9px;font-weight:850;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#jlpt180-pk-app .pk-exam-fighter-self{border-color:rgba(62,192,233,.28);background:linear-gradient(145deg,rgba(238,252,255,.86),rgba(238,239,255,.78))}
#jlpt180-pk-app .pk-exam-fighter-rival{border-color:rgba(231,92,174,.25);background:linear-gradient(145deg,rgba(255,244,251,.84),rgba(244,237,255,.78))}
#jlpt180-pk-app .pk-exam-versus{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left vs right" "label label label";align-items:center;gap:5px;color:#6a45d2}
#jlpt180-pk-app .pk-exam-versus i{height:2px;background:linear-gradient(90deg,transparent,#7759dc)}
#jlpt180-pk-app .pk-exam-versus i:first-child{grid-area:left}
#jlpt180-pk-app .pk-exam-versus i:last-child{grid-area:right;background:linear-gradient(90deg,#d84aa5,transparent)}
#jlpt180-pk-app .pk-exam-versus strong{grid-area:vs;width:48px;height:48px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#4967ef,#b044d3 55%,#ed4a9e);color:#fff;font-size:15px;font-weight:900;box-shadow:0 8px 18px rgba(88,54,190,.24),0 0 0 4px rgba(113,83,220,.08)}
#jlpt180-pk-app .pk-exam-versus span{grid-area:label;display:block;color:#7655a2;font-size:8px;font-weight:900;letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Countdown and question */
#jlpt180-pk-app .pk-countdown{min-height:calc(100dvh - 150px);display:flex;align-items:center;justify-content:center;color:#6742dc;font-size:clamp(92px,16vw,220px);font-weight:900;text-shadow:0 10px 30px rgba(98,62,214,.18)}
#jlpt180-pk-app .pk-question{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4px 0 12px}
#jlpt180-pk-app .pk-question-stage{width:min(1300px,100%);display:grid;grid-template-columns:176px minmax(0,920px) 176px;align-items:center;justify-content:center;gap:14px}
#jlpt180-pk-app .pk-stage-pill{min-height:184px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(167,120,238,.31);border-radius:25px;background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(250,245,255,.78));box-shadow:0 16px 35px rgba(103,65,180,.10),inset 0 0 24px rgba(255,255,255,.72);backdrop-filter:blur(8px)}
#jlpt180-pk-app .pk-stage-pill img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(105,65,206,.18))}
#jlpt180-pk-app .pk-stage-pill span{margin-top:5px;font-size:11px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
#jlpt180-pk-app .pk-stage-pill strong{margin-top:5px;color:#334fce;font-size:19px;font-weight:900;line-height:1.18;white-space:nowrap}
#jlpt180-pk-app .pk-stage-pill small{margin-top:6px;color:#7950a8;font-size:11px;font-weight:900;line-height:1.3}
#jlpt180-pk-app .pk-stage-target span{color:#e0449b}
#jlpt180-pk-app .pk-stage-target small{color:#d06b2f}
#jlpt180-pk-app .pk-stage-rank span{color:#1688bd}
#jlpt180-pk-app .pk-question-core{position:relative;width:100%;height:320px;min-height:320px;padding:52px 50px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;background:url("images/pk-battle-v2/battle-frame.webp") center/100% 100% no-repeat}
#jlpt180-pk-app .pk-question-core>small{display:none}
#jlpt180-pk-app .pk-prompt{width:100%;margin:4px 0 0;padding:0 20px;display:flex;align-items:center;justify-content:center;color:#6634d6;font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif!important;font-weight:900;line-height:1.12;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:keep-all;filter:drop-shadow(0 5px 10px rgba(73,48,180,.12))}
#jlpt180-pk-app .pk-prompt.pk-prompt-lg{font-size:clamp(72px,5.3vw,96px)}
#jlpt180-pk-app .pk-prompt.pk-prompt-md{font-size:clamp(56px,4.4vw,78px)}
#jlpt180-pk-app .pk-prompt.pk-prompt-sm{font-size:clamp(42px,3.5vw,60px)}
#jlpt180-pk-app .pk-prompt.pk-prompt-xs{font-size:clamp(31px,2.6vw,45px)}
#jlpt180-pk-app .pk-prompt-helper{max-width:84%;margin:14px 0 0;color:#6558a8;font-size:16px;font-weight:900;line-height:1.35;text-align:center}

/* Answer */
#jlpt180-pk-app .pk-answer-shell{width:min(760px,calc(100% - 26px));margin-top:0;display:flex;flex-direction:column;align-items:center}
#jlpt180-pk-app .pk-answer-title{position:relative;z-index:2;min-width:218px;min-height:36px;margin:0 0 8px;padding:8px 24px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(90deg,#4158ee,#8844e4 50%,#ed4c9e);color:#fff;box-shadow:0 8px 20px rgba(98,61,210,.20),inset 0 1px 0 rgba(255,255,255,.45);font-size:12px;font-weight:900;line-height:1.15;letter-spacing:.05em;text-align:center}
#jlpt180-pk-app #pk-typing-form{width:100%;display:grid;gap:9px;justify-items:center}
#jlpt180-pk-app .pk-typing-wrap{position:relative;width:100%;min-height:66px;display:flex;align-items:center;padding:0 60px 0 70px;border:2px solid rgba(119,83,226,.58);border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(255,250,255,.88));box-shadow:0 11px 28px rgba(92,62,185,.14),0 0 0 3px rgba(226,75,183,.06),inset 0 0 20px rgba(255,255,255,.82);overflow:hidden}
#jlpt180-pk-app .pk-typing-wrap>img{position:absolute;left:14px;top:50%;width:42px;height:42px;transform:translateY(-50%);object-fit:contain}
#jlpt180-pk-app .pk-typing-wrap::after{content:"✦";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#e257dc;font-size:22px;text-shadow:0 0 12px rgba(226,87,220,.34)}
#jlpt180-pk-app #pk-typing-input{width:100%;min-height:62px;padding:8px 0;border:0;outline:0;background:transparent;box-shadow:none;color:#37278f;font:900 20px/1.3 "Noto Sans JP",Nunito,sans-serif;text-align:left}
#jlpt180-pk-app #pk-typing-input::placeholder{color:#9ca3b0;opacity:.86;font-weight:800}
#jlpt180-pk-app #pk-typing-form button{position:relative;width:min(420px,100%);height:auto;aspect-ratio:3/1;margin:2px auto 6px;padding:0;border:0;background:url("images/pk-battle-v2/battle-confirm.webp") center/contain no-repeat;color:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease}
#jlpt180-pk-app #pk-typing-form button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#jlpt180-pk-app #pk-typing-form button:hover{transform:translateY(-3px) scale(1.008);filter:brightness(1.06) saturate(1.04)}

@media(min-width:901px){
  /* Desktop battle layout — one authoritative PC flow. Mobile rules below are unchanged. */
  #jlpt180-pk-app .pk-exam-shell{height:calc(100dvh - 12px);min-height:0;grid-template-rows:auto auto minmax(0,1fr);transform:scale(.95);transform-origin:top center}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:78px}
  #jlpt180-pk-app .pk-exam-title-wrap{height:112px}
  #jlpt180-pk-app .pk-exam-title-art{width:80%!important;height:80%!important}
  #jlpt180-pk-app .pk-exam-top button{height:68px}
  #jlpt180-pk-app .pk-exam-duel{min-height:76px;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);gap:9px;margin:0 auto 4px;padding:6px 9px}
  #jlpt180-pk-app .pk-exam-fighter{grid-template-columns:68px minmax(0,1fr);gap:9px;padding:4px 9px}
  #jlpt180-pk-app .pk-exam-fighter-rival{grid-template-columns:minmax(0,1fr) 68px}
  #jlpt180-pk-app .pk-exam-fighter-art{width:68px;height:60px}
  #jlpt180-pk-app .pk-exam-fighter-art .pk-character,#jlpt180-pk-app .pk-exam-fighter-art .pk-character-large{width:66px!important;height:60px!important;flex-basis:66px!important}
  #jlpt180-pk-app .pk-question{min-height:0;justify-content:flex-start;gap:6px;padding:0 0 8px;overflow:hidden}
  #jlpt180-pk-app .pk-stage-pill{min-height:166px;padding:11px 9px}
  #jlpt180-pk-app .pk-stage-pill img{width:60px;height:60px}
  #jlpt180-pk-app .pk-question-core{height:286px;min-height:286px;padding:44px 48px 28px}
  #jlpt180-pk-app .pk-answer-shell{margin-top:0}
  #jlpt180-pk-app .pk-answer-title{min-height:32px;margin-bottom:6px;padding:7px 22px}
  #jlpt180-pk-app .pk-choices{gap:9px 12px}
  #jlpt180-pk-app .pk-choice{min-height:58px;padding-block:8px}
  #jlpt180-pk-app #pk-typing-form{gap:12px}
  #jlpt180-pk-app #pk-typing-form button{transform:translateY(-18px)}
  #jlpt180-pk-app #pk-typing-form button:hover{transform:translateY(-21px) scale(1.008)}
}

/* Multiple choice */
#jlpt180-pk-app .pk-choices{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#jlpt180-pk-app .pk-choice{min-height:66px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border:2px solid rgba(61,108,238,.50);border-radius:19px;background:linear-gradient(145deg,rgba(245,249,255,.97),rgba(227,237,255,.88));color:#243b53;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(91,63,180,.09)}
#jlpt180-pk-app .pk-choice>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2f6bea,#4aa7f4);color:#fff;font-weight:900}
#jlpt180-pk-app .pk-choice>b{font-size:16px;line-height:1.35;color:#244aa9;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-choice:nth-child(2){border-color:rgba(139,71,226,.55);background:linear-gradient(145deg,rgba(252,247,255,.97),rgba(240,229,255,.88))}
#jlpt180-pk-app .pk-choice:nth-child(2)>span{background:linear-gradient(135deg,#7044e7,#a84be7)}
#jlpt180-pk-app .pk-choice:nth-child(2)>b{color:#6334a5}
#jlpt180-pk-app .pk-choice:nth-child(3){border-color:rgba(226,67,155,.52);background:linear-gradient(145deg,rgba(255,248,253,.97),rgba(255,230,244,.88))}
#jlpt180-pk-app .pk-choice:nth-child(3)>span{background:linear-gradient(135deg,#df3f9c,#f062a8)}
#jlpt180-pk-app .pk-choice:nth-child(3)>b{color:#a72f75}
#jlpt180-pk-app .pk-choice:nth-child(4){border-color:rgba(232,139,50,.54);background:linear-gradient(145deg,rgba(255,252,245,.97),rgba(255,239,216,.90))}
#jlpt180-pk-app .pk-choice:nth-child(4)>span{background:linear-gradient(135deg,#df7b27,#f2ae3c)}
#jlpt180-pk-app .pk-choice:nth-child(4)>b{color:#a75b20}
#jlpt180-pk-app .pk-choice:disabled,#jlpt180-pk-app #pk-typing-form button:disabled,#jlpt180-pk-app #pk-typing-input:disabled{cursor:wait;opacity:.68;filter:saturate(.72)}
#jlpt180-pk-app .pk-choice.is-submitted{opacity:1!important;transform:translateY(-2px);box-shadow:0 0 0 4px rgba(111,79,222,.15),0 13px 28px rgba(78,48,170,.16)}
#jlpt180-pk-app .pk-answer-feedback{position:fixed;z-index:2147483600;left:50%;top:50%;width:min(390px,calc(100vw - 34px));min-height:132px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.92);border-radius:28px;color:#fff;text-align:center;box-shadow:0 24px 65px rgba(45,24,112,.30),0 0 0 8px rgba(255,255,255,.13);backdrop-filter:blur(12px)}
#jlpt180-pk-app .pk-answer-feedback[hidden]{display:none!important}
#jlpt180-pk-app .pk-answer-feedback strong{font-size:clamp(24px,5vw,34px);font-weight:950;line-height:1.05;letter-spacing:.02em}
#jlpt180-pk-app .pk-answer-feedback span{font-size:12px;font-weight:900;line-height:1.3;opacity:.94}
#jlpt180-pk-app .pk-answer-feedback.is-correct{background:linear-gradient(145deg,rgba(22,184,134,.97),rgba(39,139,216,.96))}
#jlpt180-pk-app .pk-answer-feedback.is-wrong{background:linear-gradient(145deg,rgba(236,72,117,.97),rgba(145,69,214,.96))}

/* Inline fatal state */
#jlpt180-pk-app .pk-result{min-height:calc(100dvh - 150px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 12px;text-align:center}
#jlpt180-pk-app .pk-result h2{margin:0;color:#4338ca;font-size:clamp(26px,5vw,44px)}
#jlpt180-pk-app .pk-result p{max-width:560px;color:#475569;font-size:16px;font-weight:900}
#jlpt180-pk-app .pk-result button{width:min(360px,100%);min-height:52px;margin-top:14px;border:0;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#ef4444);color:#fff;font-weight:900;cursor:pointer}

#jlpt180-pk-app .pk-online-wait{width:min(680px,100%);display:grid;justify-items:center;gap:14px;padding:22px 18px;border:3px solid rgba(120,97,220,.34);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(109,225,255,.18),transparent 34%),radial-gradient(circle at 88% 12%,rgba(255,113,201,.14),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,233,255,.96));box-shadow:0 22px 44px rgba(61,34,130,.14),0 0 26px rgba(109,92,227,.12),inset 0 1px 0 rgba(255,255,255,.96);text-align:center;color:#261643}
#jlpt180-pk-app .pk-online-wait-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 14px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:linear-gradient(135deg,#504de0,#d749b8);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;box-shadow:0 10px 22px rgba(87,64,189,.20),0 0 16px rgba(217,73,184,.16)}
#jlpt180-pk-app .pk-online-wait-orb{width:96px;height:96px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.88);border-radius:50%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.96),rgba(233,245,255,.94) 36%,rgba(223,230,255,.92) 72%,rgba(250,224,245,.88));box-shadow:0 16px 30px rgba(71,45,156,.16),0 0 24px rgba(78,211,247,.18),inset 0 1px 0 #fff}
#jlpt180-pk-app .pk-online-wait-orb span{display:block;font-size:40px;line-height:1;filter:drop-shadow(0 5px 8px rgba(57,34,130,.16))}
#jlpt180-pk-app .pk-online-wait h3{margin:0;color:#231342;font-size:clamp(25px,4.2vw,38px);font-weight:900;line-height:1.08;letter-spacing:-.03em}
#jlpt180-pk-app .pk-online-wait-copy{max-width:560px;margin:0;color:#5b4a75;font-size:15px;font-weight:800;line-height:1.6}
#jlpt180-pk-app .pk-online-wait-panel{width:min(560px,100%);display:grid;gap:12px}
#jlpt180-pk-app .pk-online-wait-timer{display:grid;gap:5px;padding:16px 18px;border:2px solid rgba(88,197,235,.42);border-radius:22px;background:linear-gradient(135deg,rgba(224,250,255,.96),rgba(243,238,255,.96));box-shadow:0 10px 22px rgba(46,120,166,.10),inset 0 1px 0 rgba(255,255,255,.96)}
#jlpt180-pk-app .pk-online-wait-timer small{display:block;color:#1b7f97;font-size:11px;font-weight:900;letter-spacing:.14em}
#jlpt180-pk-app .pk-online-wait-timer strong{display:block;color:#2f2fb3;font-size:clamp(34px,6vw,54px);font-weight:900;line-height:1.02;letter-spacing:-.04em}
#jlpt180-pk-app .pk-online-wait-note{display:grid;gap:5px;padding:15px 16px;border:2px solid rgba(234,143,197,.35);border-radius:20px;background:linear-gradient(135deg,rgba(255,246,251,.98),rgba(243,240,255,.96));box-shadow:0 10px 20px rgba(109,73,160,.08),inset 0 1px 0 rgba(255,255,255,.94)}
#jlpt180-pk-app .pk-online-wait-note b{display:block;color:#7d2e7d;font-size:15px;font-weight:900;line-height:1.2}
#jlpt180-pk-app .pk-online-wait-note span{display:block;color:#5d4d77;font-size:14px;font-weight:800;line-height:1.55}
#jlpt180-pk-app .pk-online-wait--settling .pk-online-wait-kicker{background:linear-gradient(135deg,#20a6d6,#5e52df)}
#jlpt180-pk-app .pk-online-wait--settling .pk-online-wait-timer{border-color:rgba(85,192,225,.42)}
#jlpt180-pk-app .pk-online-wait--expired .pk-online-wait-kicker{background:linear-gradient(135deg,#dc5b79,#e99042)}
#jlpt180-pk-app .pk-online-wait--expired .pk-online-wait-timer{border-color:rgba(236,160,93,.42);background:linear-gradient(135deg,rgba(255,247,236,.98),rgba(255,239,245,.96))}
#jlpt180-pk-app .pk-online-wait--expired .pk-online-wait-timer small{color:#b75b20}
#jlpt180-pk-app .pk-online-wait--expired .pk-online-wait-timer strong{color:#cb4d49}

html.jlpt180-pk-playing{overflow:hidden!important}

@media(max-width:1180px) and (min-width:901px){
  #jlpt180-pk-app .pk-exam-shell{width:min(1060px,100%)}
  #jlpt180-pk-app .pk-exam-top{grid-template-columns:250px minmax(360px,1fr) 238px;gap:9px}
  #jlpt180-pk-app .pk-exam-left-group{grid-template-columns:118px 1fr;gap:7px}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:74px}
  #jlpt180-pk-app .pk-exam-level-card img{width:50px;height:50px}
  #jlpt180-pk-app .pk-exam-title-wrap{height:92px}
  #jlpt180-pk-app .pk-exam-top-actions{grid-template-columns:minmax(166px,1fr) 56px}
  #jlpt180-pk-app .pk-exam-top button{width:56px;height:64px}
  #jlpt180-pk-app .pk-exam-duel{width:min(820px,calc(100% - 18px));grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);min-height:70px;margin:0 auto 3px}
  #jlpt180-pk-app .pk-exam-fighter{grid-template-columns:66px minmax(0,1fr)}
  #jlpt180-pk-app .pk-exam-fighter-rival{grid-template-columns:minmax(0,1fr) 66px}
  #jlpt180-pk-app .pk-exam-fighter-art{width:66px;height:62px}
  #jlpt180-pk-app .pk-exam-fighter-art .pk-character,#jlpt180-pk-app .pk-exam-fighter-art .pk-character-large{width:64px!important;height:62px!important;flex-basis:64px!important}
  #jlpt180-pk-app .pk-question-stage{width:min(1000px,100%);grid-template-columns:145px minmax(0,682px) 145px;gap:14px}
  #jlpt180-pk-app .pk-stage-pill{min-height:150px}
  #jlpt180-pk-app .pk-question-core{height:260px;min-height:260px}
  #jlpt180-pk-app .pk-answer-shell{width:min(720px,calc(100% - 24px))}
  #jlpt180-pk-app #pk-typing-form button{width:min(396px,100%)}
}


@media(max-width:900px){
  #jlpt180-pk-app .pk-result{padding:18px 8px}
  #jlpt180-pk-app .pk-online-wait{gap:11px;padding:16px 12px;border-radius:22px}
  #jlpt180-pk-app .pk-online-wait-kicker{min-height:28px;padding:5px 12px;font-size:9px}
  #jlpt180-pk-app .pk-online-wait-orb{width:76px;height:76px}
  #jlpt180-pk-app .pk-online-wait-orb span{font-size:31px}
  #jlpt180-pk-app .pk-online-wait h3{font-size:clamp(22px,7vw,30px)}
  #jlpt180-pk-app .pk-online-wait-copy{font-size:13px;line-height:1.5}
  #jlpt180-pk-app .pk-online-wait-panel{gap:10px}
  #jlpt180-pk-app .pk-online-wait-timer{padding:14px 12px;border-radius:18px}
  #jlpt180-pk-app .pk-online-wait-timer small{font-size:9px}
  #jlpt180-pk-app .pk-online-wait-timer strong{font-size:clamp(28px,10vw,42px)}
  #jlpt180-pk-app .pk-online-wait-note{padding:12px;border-radius:16px}
  #jlpt180-pk-app .pk-online-wait-note b{font-size:13px}
  #jlpt180-pk-app .pk-online-wait-note span{font-size:12px;line-height:1.45}
}

@media(max-width:900px){
  #jlpt180-pk-app .pk-exam{padding:6px;background:#eee9ff url("images/pk-battle-v2/battle-bg-mobile.webp") center top/cover no-repeat!important;overscroll-behavior:contain}
  #jlpt180-pk-app .pk-exam::before{display:none}
  #jlpt180-pk-app .pk-exam-shell{min-height:calc(100dvh - 12px);display:block;contain:layout paint}
  #jlpt180-pk-app .pk-exam-top{display:grid;grid-template-columns:minmax(0,1fr) 142px;grid-template-areas:"title title" "left actions";align-items:stretch;gap:6px}
  #jlpt180-pk-app .pk-exam-title-wrap{grid-area:title;height:74px;overflow:visible}
  #jlpt180-pk-app .pk-exam-title-art{filter:none}
  #jlpt180-pk-app .pk-exam-left-group{grid-area:left;grid-template-columns:88px minmax(0,1fr);gap:6px}
  #jlpt180-pk-app .pk-exam-top-actions{grid-area:actions;grid-template-columns:minmax(0,1fr) 40px;gap:6px}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:56px;border-radius:15px;box-shadow:0 5px 12px rgba(89,58,160,.09);-webkit-backdrop-filter:none;backdrop-filter:none}
  #jlpt180-pk-app .pk-exam-level-card{padding:4px 7px}
  #jlpt180-pk-app .pk-exam-level-card img{width:38px;height:38px;filter:none}
  #jlpt180-pk-app .pk-exam-level-card span,#jlpt180-pk-app .pk-exam-chip span{font-size:8px}
  #jlpt180-pk-app .pk-exam-level-card strong{font-size:20px}
  #jlpt180-pk-app .pk-exam-chip-progress{padding:7px 9px}
  #jlpt180-pk-app .pk-exam-chip-progress strong{font-size:17px}
  #jlpt180-pk-app .pk-exam-progress-track{height:7px;margin-top:5px}
  #jlpt180-pk-app .pk-exam-chip-time{padding:3px 4px;gap:1px}
  #jlpt180-pk-app .pk-exam-chip-time img{width:27px;height:27px;filter:none}
  #jlpt180-pk-app .pk-exam-chip-time strong{font-size:13px}
  #jlpt180-pk-app .pk-exam-chip-time span{font-size:7px}
  #jlpt180-pk-app .pk-exam-top button{width:40px;height:56px;border-radius:15px;font-size:25px}
  #jlpt180-pk-app .pk-exam-duel{width:100%;min-height:62px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:4px;margin:5px 0 3px;padding:4px;border-radius:17px}
  #jlpt180-pk-app .pk-exam-fighter{grid-template-columns:46px minmax(0,1fr);gap:5px;padding:3px 5px;border-radius:13px}
  #jlpt180-pk-app .pk-exam-fighter-rival{grid-template-columns:minmax(0,1fr) 46px}
  #jlpt180-pk-app .pk-exam-fighter-art{width:46px;height:50px}
  #jlpt180-pk-app .pk-exam-fighter-art .pk-character,#jlpt180-pk-app .pk-exam-fighter-art .pk-character-large{width:46px!important;height:50px!important;flex-basis:46px!important}
  #jlpt180-pk-app .pk-exam-fighter-copy small{font-size:6px;letter-spacing:.07em}
  #jlpt180-pk-app .pk-exam-fighter-copy strong{font-size:11px}
  #jlpt180-pk-app .pk-exam-fighter-copy span{font-size:7px}
  #jlpt180-pk-app .pk-exam-versus{gap:2px}
  #jlpt180-pk-app .pk-exam-versus strong{width:34px;height:34px;border-width:2px;font-size:11px}
  #jlpt180-pk-app .pk-exam-versus span{font-size:6px;letter-spacing:.03em}
  #jlpt180-pk-app .pk-question{height:auto;min-height:calc(100dvh - 203px);padding:6px 0 18px;justify-content:flex-start}
  #jlpt180-pk-app .pk-question-stage{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"core core" "target rank";gap:8px}
  #jlpt180-pk-app .pk-question-core{grid-area:core;height:360px;min-height:360px;padding:63px 42px 43px}
  #jlpt180-pk-app .pk-stage-target{grid-area:target}
  #jlpt180-pk-app .pk-stage-rank{grid-area:rank}
  #jlpt180-pk-app .pk-stage-pill{min-height:112px;border-radius:20px;padding:9px 8px;box-shadow:0 7px 16px rgba(82,54,153,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
  #jlpt180-pk-app .pk-stage-pill img{width:48px;height:48px;filter:none}
  #jlpt180-pk-app .pk-stage-pill span{font-size:9px;margin-top:2px}
  #jlpt180-pk-app .pk-stage-pill strong{font-size:15px;margin-top:3px}
  #jlpt180-pk-app .pk-stage-pill small{font-size:9px;margin-top:4px}
  #jlpt180-pk-app .pk-stage-pill span,#jlpt180-pk-app .pk-stage-pill strong,#jlpt180-pk-app .pk-stage-pill small{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  #jlpt180-pk-app .pk-question-core>small{top:40px;min-width:170px;padding:6px 16px;font-size:10px}
  #jlpt180-pk-app .pk-prompt.pk-prompt-lg{font-size:clamp(62px,16vw,90px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-md{font-size:clamp(50px,13vw,72px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-sm{font-size:clamp(37px,9.5vw,55px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-xs{font-size:clamp(27px,7vw,40px)}
  #jlpt180-pk-app .pk-prompt-helper{font-size:15px;margin-top:16px}
  #jlpt180-pk-app .pk-answer-shell{width:100%;margin-top:0;padding:0 4px}
  #jlpt180-pk-app .pk-answer-title{min-width:170px;min-height:31px;margin:0 0 8px;padding:6px 16px;font-size:11px}
  #jlpt180-pk-app #pk-typing-form{gap:10px}
  #jlpt180-pk-app .pk-typing-wrap{min-height:62px;padding:0 50px 0 62px;border-radius:24px}
  #jlpt180-pk-app .pk-typing-wrap>img{left:10px;width:42px;height:42px}
  #jlpt180-pk-app .pk-typing-wrap::after{right:17px;font-size:20px}
  #jlpt180-pk-app #pk-typing-input{min-height:58px;font-size:18px}
  #jlpt180-pk-app #pk-typing-form button{width:min(420px,100%);margin:2px auto 8px}
  #jlpt180-pk-app #pk-typing-form button{transition:none}
  #jlpt180-pk-app .pk-prompt{filter:none}
  #jlpt180-pk-app .pk-choices{grid-template-columns:1fr;gap:8px}
  #jlpt180-pk-app .pk-choice{min-height:58px;border-radius:18px}
}

@media(max-width:480px){
  #jlpt180-pk-app .pk-exam{padding:5px}
  #jlpt180-pk-app .pk-exam-top{grid-template-columns:minmax(0,1fr) 132px;gap:5px}
  #jlpt180-pk-app .pk-exam-title-wrap{height:70px}
  #jlpt180-pk-app .pk-exam-left-group{grid-template-columns:86px minmax(0,1fr);gap:5px}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:52px}
  #jlpt180-pk-app .pk-exam-level-card img{width:31px;height:31px}
  #jlpt180-pk-app .pk-exam-level-card strong{font-size:18px}
  #jlpt180-pk-app .pk-exam-level-card span{font-size:7px;letter-spacing:.03em;white-space:nowrap}
  #jlpt180-pk-app .pk-exam-chip-progress strong{font-size:15px}
  #jlpt180-pk-app .pk-exam-top-actions{grid-template-columns:minmax(0,1fr) 36px;gap:5px}
  #jlpt180-pk-app .pk-exam-chip-time img{width:24px;height:24px}
  #jlpt180-pk-app .pk-exam-chip-time strong{font-size:12px}
  #jlpt180-pk-app .pk-exam-top button{width:36px;height:52px;font-size:23px}
  #jlpt180-pk-app .pk-question{min-height:calc(100dvh - 124px);padding:7px 0 18px}
  #jlpt180-pk-app .pk-question-core{height:224px;min-height:224px;padding:42px 22px 27px}
  #jlpt180-pk-app .pk-question-core>small{top:31px;min-width:146px;padding:5px 12px;font-size:9px}
  #jlpt180-pk-app .pk-prompt.pk-prompt-lg{font-size:clamp(50px,17vw,72px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-md{font-size:clamp(40px,14vw,58px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-sm{font-size:clamp(29px,10vw,42px)}
  #jlpt180-pk-app .pk-prompt.pk-prompt-xs{font-size:clamp(21px,7.2vw,31px)}
  #jlpt180-pk-app .pk-prompt-helper{font-size:12px;margin-top:12px}
  #jlpt180-pk-app .pk-stage-pill{min-height:82px;padding:6px 5px;border-radius:17px}
  #jlpt180-pk-app .pk-stage-pill img{width:32px;height:32px}
  #jlpt180-pk-app .pk-stage-pill span{font-size:8px}
  #jlpt180-pk-app .pk-stage-pill strong{font-size:12px}
  #jlpt180-pk-app .pk-stage-pill small{font-size:8px}
  #jlpt180-pk-app .pk-answer-title{min-width:145px;font-size:9px}
  #jlpt180-pk-app .pk-typing-wrap{min-height:54px;padding:0 42px 0 52px}
  #jlpt180-pk-app .pk-typing-wrap>img{left:8px;width:35px;height:35px}
  #jlpt180-pk-app .pk-typing-wrap::after{right:13px;font-size:16px}
  #jlpt180-pk-app #pk-typing-input{min-height:50px;font-size:15px}
  #jlpt180-pk-app #pk-typing-form{gap:7px}
  #jlpt180-pk-app #pk-typing-form button{width:min(294px,100%);margin-bottom:3px}
  #jlpt180-pk-app .pk-exam-duel{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:3px;padding:3px}
  #jlpt180-pk-app .pk-exam-fighter{grid-template-columns:39px minmax(0,1fr);gap:3px;padding:2px 3px}
  #jlpt180-pk-app .pk-exam-fighter-rival{grid-template-columns:minmax(0,1fr) 39px}
  #jlpt180-pk-app .pk-exam-fighter-art{width:39px;height:44px}
  #jlpt180-pk-app .pk-exam-fighter-art .pk-character,#jlpt180-pk-app .pk-exam-fighter-art .pk-character-large{width:39px!important;height:44px!important;flex-basis:39px!important}
  #jlpt180-pk-app .pk-exam-fighter-copy strong{font-size:10px}
  #jlpt180-pk-app .pk-exam-fighter-copy span{font-size:6px}
  #jlpt180-pk-app .pk-exam-versus strong{width:30px;height:30px;font-size:9px}

  /* Quiz mobile: four complete answers stay inside one viewport. */
  #jlpt180-pk-app .pk-question.pk-question-quiz{gap:5px;min-height:0;padding:5px 0 8px}
  #jlpt180-pk-app .pk-question-quiz .pk-question-stage{gap:5px}
  #jlpt180-pk-app .pk-question-quiz .pk-question-core{height:176px;min-height:176px;padding:30px 18px 20px}
  #jlpt180-pk-app .pk-question-quiz .pk-prompt.pk-prompt-lg{font-size:clamp(46px,15.5vw,66px)}
  #jlpt180-pk-app .pk-question-quiz .pk-prompt.pk-prompt-md{font-size:clamp(37px,12.5vw,52px)}
  #jlpt180-pk-app .pk-question-quiz .pk-prompt.pk-prompt-sm{font-size:clamp(27px,9vw,38px)}
  #jlpt180-pk-app .pk-question-quiz .pk-prompt.pk-prompt-xs{font-size:clamp(20px,6.7vw,29px)}
  #jlpt180-pk-app .pk-question-quiz .pk-prompt-helper{margin-top:8px;font-size:11px}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill{height:68px;min-height:68px;padding:4px 5px;border-radius:16px}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill img{width:25px;height:25px}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill span{margin-top:1px;font-size:7px;line-height:1}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill strong{margin-top:2px;font-size:11px;line-height:1.05}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill small{margin-top:2px;font-size:7px;line-height:1.15}
  #jlpt180-pk-app .pk-question-quiz .pk-answer-title{min-width:140px;min-height:27px;margin-bottom:5px;padding:5px 14px;font-size:9px;line-height:1.1}
  #jlpt180-pk-app .pk-question-quiz .pk-choices{gap:5px}
  #jlpt180-pk-app .pk-question-quiz .pk-choice{
    width:100%!important;
    height:auto!important;
    min-height:48px!important;
    margin:0!important;
    gap:9px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    padding:4px 10px!important;
    border-radius:15px!important;
    line-height:1.15!important;
    box-sizing:border-box!important;
  }
  #jlpt180-pk-app .pk-question-quiz .pk-choice>span{width:28px;height:28px;border-radius:9px;font-size:13px;line-height:1}
  #jlpt180-pk-app .pk-question-quiz .pk-choice>b{font-size:14px;line-height:1.15;overflow-wrap:anywhere}
}

@media(max-width:380px){
  #jlpt180-pk-app .pk-exam-top{grid-template-columns:minmax(0,1fr) 122px}
  #jlpt180-pk-app .pk-exam-title-wrap{height:66px}
  #jlpt180-pk-app .pk-exam-left-group{grid-template-columns:70px minmax(0,1fr)}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:49px}
  #jlpt180-pk-app .pk-exam-level-card img{width:28px;height:28px}
  #jlpt180-pk-app .pk-exam-top button{height:49px}
  #jlpt180-pk-app .pk-question{padding:5px 0 10px}
  #jlpt180-pk-app .pk-question-core{height:210px;min-height:210px;padding:38px 20px 24px}
  #jlpt180-pk-app .pk-stage-pill{min-height:76px}
  #jlpt180-pk-app #pk-typing-form button{width:min(278px,100%)}
  #jlpt180-pk-app .pk-question-quiz .pk-question-core{height:162px;min-height:162px;padding:27px 16px 18px}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill{height:62px;min-height:62px}
  #jlpt180-pk-app .pk-question-quiz .pk-choice{min-height:45px!important}
  #jlpt180-pk-app .pk-question-quiz .pk-choice>b{font-size:13px}
}

@media(max-width:480px) and (max-height:700px){
  #jlpt180-pk-app .pk-exam-title-wrap{height:58px}
  #jlpt180-pk-app .pk-exam-level-card,#jlpt180-pk-app .pk-exam-chip{min-height:48px}
  #jlpt180-pk-app .pk-exam-top button{height:48px}
  #jlpt180-pk-app .pk-question-quiz .pk-question-core{height:154px;min-height:154px;padding:25px 16px 16px}
  #jlpt180-pk-app .pk-question-quiz .pk-stage-pill{height:60px;min-height:60px}
  #jlpt180-pk-app .pk-question-quiz .pk-answer-title{min-height:24px;margin-bottom:4px;padding:4px 13px}
  #jlpt180-pk-app .pk-question-quiz .pk-choices{gap:4px}
  #jlpt180-pk-app .pk-question-quiz .pk-choice{min-height:44px!important}
}

@media(prefers-reduced-motion:reduce){
  #jlpt180-pk-app *,#jlpt180-pk-app *::before,#jlpt180-pk-app *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Game rank journey + crisp ranking surfaces. */
#jlpt180-pk-app #pk-rank-window-title{color:#1d0c3c!important;text-shadow:none!important;font-weight:900!important;letter-spacing:-.02em}
#jlpt180-pk-app .pk-mode-gem{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#32c8e8,#5e54df);color:#fff;box-shadow:0 7px 14px rgba(54,105,198,.20)}
@keyframes pkRankShine{0%,45%{transform:translateX(-90%)}70%,100%{transform:translateX(110%)}}

/* v1.8.2 — colorful result screen. */
#jlpt180-pk-app .pk-result-backdrop{
  background:radial-gradient(circle at 50% 22%,rgba(112,85,224,.34),transparent 38%),rgba(20,10,58,.76)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.1)!important;
  backdrop-filter:blur(8px) saturate(1.1)!important;
}
#jlpt180-pk-app .pk-result-panel{
  width:min(940px,100%)!important;
  max-height:95dvh!important;
  padding:20px!important;
  border:2px solid rgba(232,242,255,.96)!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 8% 8%,rgba(77,207,255,.24),transparent 30%),radial-gradient(circle at 94% 12%,rgba(255,93,196,.22),transparent 32%),linear-gradient(145deg,#fbfdff,#eee7ff 55%,#ffeaf5)!important;
  color:#22113f!important;
  box-shadow:0 35px 95px rgba(12,5,48,.55),0 0 45px rgba(127,188,255,.18),inset 0 1px 0 #fff!important;
  text-align:left!important;
}
#jlpt180-pk-app .pk-result-close{
  z-index:8;top:14px;right:14px;width:46px;height:46px;
  border:2px solid #ff9bad!important;border-radius:15px!important;
  background:rgba(255,255,255,.94)!important;color:#e52f55!important;
  font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:400!important;
  box-shadow:0 8px 20px rgba(169,44,85,.13)!important;
}
#jlpt180-pk-app .pk-result-game{position:relative;display:grid;gap:15px;font-family:Arial,"Noto Sans",sans-serif!important}
#jlpt180-pk-app .pk-result-hero{
  position:relative;min-height:112px;display:flex;align-items:center;gap:17px;padding:16px 76px 16px 18px;overflow:hidden;
  border:2px solid rgba(100,103,225,.30);border-radius:24px;
  background:radial-gradient(circle at 85% 25%,rgba(105,223,255,.32),transparent 30%),linear-gradient(110deg,#ffffff,#e8e6ff 54%,#ffe2f3);
  box-shadow:0 13px 28px rgba(61,35,129,.11),inset 0 1px 0 #fff;
}
#jlpt180-pk-app .pk-result-hero::after{content:"";position:absolute;right:33px;top:50%;width:145px;height:145px;transform:translateY(-50%);background:url("images/pk-lobby/pk-emblem.webp") center/contain no-repeat;opacity:.085;pointer-events:none}
#jlpt180-pk-app .pk-result-crest{position:relative;z-index:2;width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border:2px solid #fff;border-radius:22px;background:linear-gradient(145deg,#d7f8ff,#c7b6ff 55%,#ffb9df);box-shadow:0 11px 24px rgba(72,46,153,.20),inset 0 1px 0 #fff;transform:rotate(-4deg)}
#jlpt180-pk-app .pk-result-crest img{width:67px;height:67px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(67,39,144,.22))}
#jlpt180-pk-app .pk-result-hero>div:last-child{position:relative;z-index:2;min-width:0}
#jlpt180-pk-app .pk-result-hero small{display:block;color:#b32c83;font-size:10px;font-weight:900;letter-spacing:.12em}
#jlpt180-pk-app .pk-result-panel .pk-result-hero h2{margin:4px 0 0!important;color:#21103f!important;font-family:Arial,"Noto Sans",sans-serif!important;font-size:clamp(25px,3.4vw,39px)!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.035em;text-align:left!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important}
#jlpt180-pk-app .pk-result-hero p{margin:7px 0 0;color:#5c4778;font-size:12px;font-weight:700;line-height:1.35}
#jlpt180-pk-app .pk-result-matchup{display:grid;grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr);align-items:stretch;gap:10px}
#jlpt180-pk-app .pk-result-fighter{position:relative;min-height:140px;display:flex;align-items:center;justify-content:center;gap:14px;padding:17px;border:2px solid rgba(101,75,184,.22);border-radius:24px;background:#fff;box-shadow:0 12px 26px rgba(58,34,122,.10),inset 0 1px 0 #fff;text-align:center;overflow:hidden}
#jlpt180-pk-app .pk-result-fighter::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:5px;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#35bdea,#6b55e6,#eb4eb3)}
#jlpt180-pk-app .pk-result-fighter.self{flex-direction:column;gap:3px;border-color:#62c9f1;background:radial-gradient(circle at 50% 5%,rgba(84,223,255,.28),transparent 45%),linear-gradient(145deg,#effdff,#e7e7ff)}
#jlpt180-pk-app .pk-result-fighter>small,#jlpt180-pk-app .pk-result-fighter>div>small{color:#84709c;font-size:9px;font-weight:900;letter-spacing:.09em}
#jlpt180-pk-app .pk-result-fighter.self>b{color:#4b36bc;font-size:34px;font-weight:900;line-height:1;text-shadow:none}
#jlpt180-pk-app .pk-result-fighter.self>span{color:#137d95;font-size:13px;font-weight:800}
#jlpt180-pk-app .pk-result-fighter.rival{justify-content:flex-start;border-color:#ee8fc5;text-align:left;background:radial-gradient(circle at 92% 8%,rgba(255,156,209,.34),transparent 42%),linear-gradient(145deg,#fff7ed,#ffeaf7 60%,#ece7ff)}
#jlpt180-pk-app .pk-result-fighter.rival>div:last-child{min-width:0}
#jlpt180-pk-app .pk-result-fighter.rival b{display:block;margin-top:4px;color:#32164f;font-family:Arial,"Noto Sans",sans-serif!important;font-size:20px;font-weight:800;line-height:1.1;overflow-wrap:anywhere;text-shadow:none!important;-webkit-text-stroke:0 transparent!important}
#jlpt180-pk-app .pk-result-fighter.rival span{display:block;margin-top:6px;color:#74558f;font-size:12px;font-weight:800}
#jlpt180-pk-app .pk-result-rival-avatar{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#ffdbed,#d9c9ff);box-shadow:0 9px 20px rgba(89,48,146,.17)}
#jlpt180-pk-app .pk-result-rival-avatar .pk-character,#jlpt180-pk-app .pk-result-rival-avatar .pk-character-large{width:76px!important;height:76px!important;flex-basis:76px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#jlpt180-pk-app .pk-result-rival-avatar .pk-character-layer{object-fit:contain!important;object-position:center bottom!important}
#jlpt180-pk-app .pk-result-rival-fallback{color:#7f55ce;font-size:30px}
#jlpt180-pk-app .pk-result-vs{display:grid;grid-template-rows:1fr auto 1fr;place-items:center;color:#6b4dc4}
#jlpt180-pk-app .pk-result-vs i{width:2px;height:100%;background:linear-gradient(transparent,rgba(102,72,190,.34))}
#jlpt180-pk-app .pk-result-vs i:last-child{background:linear-gradient(rgba(102,72,190,.34),transparent)}
#jlpt180-pk-app .pk-result-vs strong{width:53px;height:53px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#4b68ee,#c342c8);color:#fff;font-size:14px;font-weight:900;box-shadow:0 9px 20px rgba(79,50,176,.24)}
#jlpt180-pk-app .pk-result-solo{display:flex;justify-content:center;gap:12px;padding:15px;border-radius:18px;background:rgba(255,255,255,.78)}
#jlpt180-pk-app .pk-result-solo b,#jlpt180-pk-app .pk-result-solo span{min-width:180px;padding:12px;border-radius:13px;background:#fff;color:#4935b7;font-size:20px;font-weight:900;text-align:center}
#jlpt180-pk-app .pk-result-rp{width:100%;min-height:96px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;justify-content:stretch;gap:14px;margin:0!important;padding:14px 17px!important;border:2px solid #9c8be5!important;border-radius:23px!important;background:linear-gradient(105deg,#ffffff,#ede8ff)!important;box-shadow:0 12px 26px rgba(57,34,119,.10),inset 0 1px 0 #fff!important}
#jlpt180-pk-app .pk-result-rp.gain{border-color:#52cfa9!important;background:linear-gradient(105deg,#eafff8,#e8fff4 52%,#eaf2ff)!important}
#jlpt180-pk-app .pk-result-rp.loss{border-color:#ff8ca8!important;background:linear-gradient(105deg,#fff0f4,#fff8ed 55%,#f2ebff)!important}
#jlpt180-pk-app .pk-result-rp.neutral{border-color:#7fbbe9!important;background:linear-gradient(105deg,#effaff,#eeeaff)!important}
#jlpt180-pk-app .pk-rp-crystal{width:58px;height:58px;display:grid;place-items:center;border:3px solid #fff;border-radius:18px 7px 18px 7px;background:linear-gradient(145deg,#31bcec,#6752e8 57%,#dd4dbb);color:#fff;font-size:13px;font-weight:900;box-shadow:0 8px 18px rgba(70,65,196,.22);transform:rotate(-3deg)}
#jlpt180-pk-app .pk-result-rp>div:nth-child(2){min-width:150px}
#jlpt180-pk-app .pk-result-rp>div:nth-child(2)>small{display:block;color:#8b77a3;font-size:8px;font-weight:900;letter-spacing:.09em}
#jlpt180-pk-app .pk-result-rp b{display:block;margin-top:3px;color:#5b43d6!important;font-size:27px!important;font-weight:900;line-height:1;text-shadow:none!important}
#jlpt180-pk-app .pk-result-rp.gain b{color:#078c68!important}
#jlpt180-pk-app .pk-result-rp.loss b{color:#d42f59!important}
#jlpt180-pk-app .pk-result-rp>div:nth-child(2)>small:last-child{margin-top:6px;color:#5b4773;font-size:10px;letter-spacing:0}
#jlpt180-pk-app .pk-result-rp>span{justify-self:end;color:#594271!important;font-size:12px!important;font-weight:800!important;text-align:right}
#jlpt180-pk-app .pk-result-rp>span strong{display:block;margin-bottom:3px;color:#3e2882;font-size:15px;font-weight:900}
#jlpt180-pk-app .pk-result-rule{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:15px 17px;border:2px solid #63d5eb;border-radius:21px;background:linear-gradient(105deg,#dffaff,#f4f2ff);color:#243d5b;box-shadow:0 8px 18px rgba(42,126,173,.08),inset 0 1px 0 #fff}
#jlpt180-pk-app .pk-result-rule.performance{border-color:#4dc9ea;background:linear-gradient(105deg,#dffaff,#edf2ff 54%,#f6e9ff)}
#jlpt180-pk-app .pk-result-rule.warning{border-color:#f3a65d;background:linear-gradient(105deg,#fff0d9,#fff0f6)}
#jlpt180-pk-app .pk-result-rule.success{border-color:#48c99a;background:linear-gradient(105deg,#dcfff2,#effff9)}
#jlpt180-pk-app .pk-rule-gem{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#25bde8,#6554e3);color:#fff;font-size:17px;box-shadow:0 7px 15px rgba(52,100,198,.18)}
#jlpt180-pk-app .pk-result-rule b{display:block;color:#17657d;font-size:11px;font-weight:900;letter-spacing:.045em}
#jlpt180-pk-app .pk-result-rule span{display:block;margin-top:3px;color:#243950;font-size:13px;font-weight:900;line-height:1.35}
#jlpt180-pk-app .pk-result-rule small{display:block;margin-top:4px;color:#5c6d80;font-size:10px;font-weight:700;line-height:1.4}
#jlpt180-pk-app .pk-result-note{padding:12px 14px;border:1px solid rgba(105,77,182,.20);border-radius:14px;background:rgba(255,255,255,.74);color:#43516a!important;font-size:12px!important;text-shadow:none!important}
#jlpt180-pk-app .pk-review{margin-top:0!important;border:1px solid rgba(91,67,176,.26)!important;border-radius:18px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 10px 23px rgba(56,34,117,.07)}
#jlpt180-pk-app .pk-review summary{color:#25183c!important;font-family:Arial,"Noto Sans",sans-serif!important;font-size:14px!important;text-shadow:none!important}
#jlpt180-pk-app .pk-review-row{background:#f8faff!important;color:#18263c!important}
#jlpt180-pk-app .pk-review-row.correct{background:#effff6!important}
#jlpt180-pk-app .pk-review-row.wrong{background:#fff4f6!important}
#jlpt180-pk-app .pk-result-return{width:min(430px,100%)!important;min-height:55px!important;margin:0 auto!important;border:2px solid #8fe8ff!important;border-radius:17px!important;background:linear-gradient(100deg,#168fe2,#6654e9 52%,#db45b9)!important;color:#fff!important;font-family:Arial,"Noto Sans",sans-serif!important;font-size:14px!important;font-weight:900!important;letter-spacing:.035em;box-shadow:0 13px 27px rgba(68,67,191,.25),inset 0 1px 0 rgba(255,255,255,.55)!important;text-shadow:none!important}

@media(max-width:700px){
  #jlpt180-pk-app .pk-result-modal{padding:4px!important}
  #jlpt180-pk-app .pk-result-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(25,13,65,.88)!important}
  #jlpt180-pk-app .pk-result-panel{width:100%!important;max-height:calc(100dvh - 8px)!important;padding:10px!important;border-radius:20px!important;background:linear-gradient(155deg,#f9fcff,#eee8ff 57%,#ffeaf5)!important;box-shadow:none!important}
  #jlpt180-pk-app .pk-result-game{gap:11px}
  #jlpt180-pk-app .pk-result-hero{min-height:96px;padding:13px 54px 13px 11px;gap:11px;border-radius:17px}
  #jlpt180-pk-app .pk-result-crest{width:60px;height:60px;flex-basis:60px;border-radius:17px}
  #jlpt180-pk-app .pk-result-crest img{width:52px;height:52px}
  #jlpt180-pk-app .pk-result-panel .pk-result-hero h2{font-size:21px!important}
  #jlpt180-pk-app .pk-result-hero p{font-size:9px}
  #jlpt180-pk-app .pk-result-matchup{grid-template-columns:1fr;gap:7px}
  #jlpt180-pk-app .pk-result-fighter{min-height:98px;padding:11px;gap:8px;border-radius:18px}
  #jlpt180-pk-app .pk-result-fighter.self>b{font-size:25px}
  #jlpt180-pk-app .pk-result-fighter.rival{flex-direction:row;justify-content:center;text-align:left}
  #jlpt180-pk-app .pk-result-rival-avatar{width:54px;height:54px;flex-basis:54px}
  #jlpt180-pk-app .pk-result-rival-avatar .pk-character,#jlpt180-pk-app .pk-result-rival-avatar .pk-character-large{width:50px!important;height:50px!important;flex-basis:50px!important}
  #jlpt180-pk-app .pk-result-fighter.rival b{font-size:13px}
  #jlpt180-pk-app .pk-result-fighter.rival span{font-size:9px}
  #jlpt180-pk-app .pk-result-vs{height:27px;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:7px}
  #jlpt180-pk-app .pk-result-vs i{width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(102,72,190,.34))}
  #jlpt180-pk-app .pk-result-vs i:last-child{background:linear-gradient(90deg,rgba(102,72,190,.34),transparent)}
  #jlpt180-pk-app .pk-result-vs strong{width:31px;height:31px;border-width:2px;font-size:9px}
  #jlpt180-pk-app .pk-result-rp{grid-template-columns:auto 1fr!important;gap:10px!important;padding:11px!important}
  #jlpt180-pk-app .pk-rp-crystal{width:45px;height:45px;border-radius:14px}
  #jlpt180-pk-app .pk-result-rp b{font-size:21px!important}
  #jlpt180-pk-app .pk-result-rp>span{grid-column:1/-1;justify-self:stretch;padding-top:8px;border-top:1px solid rgba(101,75,180,.14);text-align:center}
  #jlpt180-pk-app .pk-result-rule{padding:11px;gap:9px}
  #jlpt180-pk-app .pk-rule-gem{width:35px;height:35px}
  #jlpt180-pk-app .pk-result-rule span{font-size:11px}
  #jlpt180-pk-app .pk-result-rule small{font-size:9px}
}

/* Top 3 — one base definition plus one mobile layout. */
#jlpt180-pk-app .pk-top3{
  position:relative;margin-top:0;padding:18px 20px 20px;overflow:hidden;
  border:2px solid rgba(255,255,255,.96);border-radius:26px;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.28),transparent 42%),radial-gradient(circle at 12% 48%,rgba(89,206,255,.14),transparent 34%),radial-gradient(circle at 88% 44%,rgba(255,103,190,.12),transparent 34%),linear-gradient(145deg,rgba(248,245,255,.22),rgba(218,202,255,.14))!important;
  box-shadow:0 20px 48px rgba(43,23,103,.17),inset 0 1px 0 #fff;
  color:#21123c;font-family:Arial,"Noto Sans",sans-serif;
}
#jlpt180-pk-app .pk-top3::before{content:"";position:absolute;inset:9px;border:1px solid rgba(107,82,187,.13);border-radius:19px;pointer-events:none}
#jlpt180-pk-app .pk-top3-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 4px 16px}
#jlpt180-pk-app .pk-top3-head>div:first-child{min-width:0;padding-left:14px;border-left:5px solid #7558e5}
#jlpt180-pk-app .pk-top3-head>div:first-child>span{display:block;color:#b52d80;font-size:10px;font-weight:900;letter-spacing:.11em;text-shadow:none}
#jlpt180-pk-app .pk-top3-head h2{margin:5px 0 0;color:#20103b;font-size:30px;font-weight:900;line-height:1.08;letter-spacing:-.025em;text-shadow:none}
#jlpt180-pk-app .pk-top3 .pk-board-context{margin:6px 0 0;color:#57436f;font-size:13px;font-weight:700;line-height:1.4;text-shadow:none}
#jlpt180-pk-app .pk-top3-tools{display:flex;flex:0 0 auto;gap:9px}
#jlpt180-pk-app .pk-top3-tools button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;border:1px solid #7660ca;border-radius:12px;background:linear-gradient(145deg,#7652d7,#5535ae);color:#fff;font:800 11px/1 Arial,"Noto Sans",sans-serif;box-shadow:0 7px 15px rgba(77,48,164,.18);text-shadow:none}
#jlpt180-pk-app .pk-top3-tools button span{font-size:14px;line-height:1}
#jlpt180-pk-app .pk-top3-tools button b{font:inherit}
#jlpt180-pk-app .pk-top3-tools .pk-admin-reset{border-color:#ef6c94;background:linear-gradient(145deg,#ed5585,#c83367)}
#jlpt180-pk-app .pk-ranking-policy{position:relative;z-index:2;width:min(1130px,calc(100% - 24px));margin:0 auto 14px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(72,78,197,.22);border-radius:14px;background:linear-gradient(100deg,rgba(231,248,255,.88),rgba(244,238,255,.92),rgba(255,235,248,.88));color:#3f3265;text-align:center;box-shadow:0 7px 18px rgba(57,34,119,.07),inset 0 1px 0 rgba(255,255,255,.9)}
#jlpt180-pk-app .pk-ranking-policy strong{flex:0 0 auto;color:#6845c6;font-size:11px;font-weight:1000;letter-spacing:.06em;white-space:nowrap}
#jlpt180-pk-app .pk-ranking-policy span{font-size:11px;font-weight:800;line-height:1.35}
#jlpt180-pk-app .pk-podium{position:relative;z-index:2;width:min(1130px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:36px;padding:4px 12px 0}
#jlpt180-pk-app .pk-podium-card{position:relative;min-width:0;min-height:448px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 20px 18px;overflow:hidden;isolation:isolate;border:2px solid #8d78db;border-radius:27px;background:linear-gradient(160deg,rgba(255,255,255,.27),rgba(231,222,255,.12))!important;box-shadow:0 18px 38px rgba(57,34,119,.12),inset 0 1px 0 rgba(255,255,255,.72);text-align:center;color:#23123e}
#jlpt180-pk-app .pk-podium-card::before{content:"";position:absolute;z-index:-1;inset:auto -15% -20% -15%;height:58%;background:url("images/pk-lobby/pk-emblem.webp") center/contain no-repeat;opacity:.05;pointer-events:none}
#jlpt180-pk-app .pk-podium-card.rank-1{min-height:470px;border-color:#e4b719;background:radial-gradient(circle at 50% 8%,rgba(255,218,80,.18),transparent 38%),linear-gradient(160deg,rgba(255,253,235,.29),rgba(237,222,255,.12))!important;box-shadow:0 20px 42px rgba(145,99,20,.15),0 0 25px rgba(255,204,74,.12),inset 0 1px 0 rgba(255,255,255,.76)}
#jlpt180-pk-app .pk-podium-card.rank-2{border-color:#50b9ed;background:radial-gradient(circle at 50% 8%,rgba(80,206,255,.16),transparent 37%),linear-gradient(160deg,rgba(238,251,255,.27),rgba(216,222,255,.11))!important}
#jlpt180-pk-app .pk-podium-card.rank-3{border-color:#eb895a;background:radial-gradient(circle at 50% 8%,rgba(255,139,90,.15),transparent 37%),linear-gradient(160deg,rgba(255,244,236,.26),rgba(239,219,255,.11))!important}
#jlpt180-pk-app .pk-podium-medal{width:68px;height:68px;flex:0 0 68px;display:grid;place-items:center;margin:-6px 0 0;transform:translateY(-10px)}
#jlpt180-pk-app .pk-podium-medal .pk-rank-medal,#jlpt180-pk-app .pk-podium-medal .pk-rank-medal-podium{display:block;width:64px;height:64px;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(57,32,111,.18))}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal{width:76px;height:76px;flex-basis:76px;margin:-6px 0 0;transform:translateY(-12px)}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal,#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal-podium{width:72px;height:72px}
#jlpt180-pk-app .pk-podium-character{position:relative;z-index:1;width:100%;height:188px;display:grid;place-items:end center;margin:-12px 0 22px;overflow:visible}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-character{height:202px;margin-top:-16px;margin-bottom:24px}
#jlpt180-pk-app .pk-podium-character>.pk-character,#jlpt180-pk-app .pk-podium-character>.pk-character-large,#jlpt180-pk-app .pk-podium-character .pk-character-top3-art{width:100%;height:100%;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#jlpt180-pk-app .pk-podium-character .pk-character-layer,#jlpt180-pk-app .pk-podium-character .pk-character-top3-art-img{width:100%;height:100%;max-width:220px;max-height:188px;object-fit:contain;object-position:center center;transform:none;transform-origin:center center;filter:drop-shadow(0 12px 18px rgba(28,14,76,.14));image-rendering:auto}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-character-top3-art-img{max-width:236px;max-height:202px;transform:none}
#jlpt180-pk-app .pk-podium-copy{position:relative;z-index:2;width:min(100%,278px);min-width:0;padding:12px 12px 11px;border:1px solid rgba(91,65,167,.20);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 18px rgba(61,35,119,.07),inset 0 1px 0 rgba(255,255,255,.80);backdrop-filter:blur(8px)}
#jlpt180-pk-app .pk-podium-copy::before{content:"";position:absolute;left:18%;right:18%;top:-2px;height:4px;border-radius:99px;background:linear-gradient(90deg,#35b9ee,#6854e3,#df4eb9)}
#jlpt180-pk-app .pk-podium-copy b{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:center;overflow:visible;color:#25113e;font-size:18px;font-weight:900;line-height:1.1;letter-spacing:-.015em;overflow-wrap:anywhere;white-space:normal;text-shadow:none}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-copy b{color:#714900}
#jlpt180-pk-app .pk-podium-card.rank-2 .pk-podium-copy b{color:#16527e}
#jlpt180-pk-app .pk-podium-card.rank-3 .pk-podium-copy b{color:#934226}
#jlpt180-pk-app .pk-podium-copy small{display:block;margin-top:5px;color:#5c4772;font-size:11px;font-weight:700;line-height:1.22;text-shadow:none}
#jlpt180-pk-app .pk-podium-score{margin:12px auto 0;padding:8px 13px;border:1px solid rgba(255,255,255,.44);border-radius:14px;background:rgba(255,255,255,.25)}
#jlpt180-pk-app .pk-podium-score strong{display:block;color:#315dc0;font-size:22px;font-weight:900;line-height:1;text-shadow:none}
#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-score strong{color:#9a6500}
#jlpt180-pk-app .pk-podium-card.rank-3 .pk-podium-score strong{color:#ad4b32}
#jlpt180-pk-app .pk-podium-score span{display:block;margin-top:5px;color:#4c3b61;font-size:11px;font-weight:700;text-shadow:none}
#jlpt180-pk-app .pk-podium-challenge{width:100%;min-height:48px;margin-top:10px;padding:7px 10px;border:1px solid #f39bd2;border-radius:14px;background:linear-gradient(100deg,#5964e8,#d84ab7);color:#fff;font-size:12px;font-weight:900;line-height:1.25;box-shadow:0 8px 17px rgba(94,60,186,.17)}
#jlpt180-pk-app .pk-podium-challenge b{display:block;margin:3px 0 0;color:#dffcff;font-size:9px}
#jlpt180-pk-app .pk-podium-card .pk-viewer-tag{display:inline-block;margin-left:5px;padding:2px 6px;border:1px solid #2eb9d8;border-radius:999px;background:#d9f8ff;color:#087187;font-size:8px;font-style:normal;vertical-align:middle}

@media(max-width:720px){
  #jlpt180-pk-app .pk-top3{padding:9px;border-radius:19px}
  #jlpt180-pk-app .pk-top3::before{inset:5px;border-radius:15px}
  #jlpt180-pk-app .pk-top3-head{align-items:center;gap:7px;padding:0 2px 7px}
  #jlpt180-pk-app .pk-top3-head>div:first-child{padding-left:8px;border-left-width:4px}
  #jlpt180-pk-app .pk-top3-head>div:first-child>span{font-size:7px!important}
  #jlpt180-pk-app .pk-top3-head h2{margin-top:2px!important;font-size:18px!important;line-height:1.08!important}
  #jlpt180-pk-app .pk-top3 .pk-board-context{margin-top:3px!important;font-size:7px!important;line-height:1.2!important}
  #jlpt180-pk-app .pk-top3-tools{gap:4px}
  #jlpt180-pk-app .pk-top3-tools button{width:34px;height:34px;min-height:34px;padding:0;display:grid;place-items:center;border-radius:11px;font-size:17px}
  #jlpt180-pk-app .pk-top3-tools button b{display:none}
  #jlpt180-pk-app .pk-ranking-policy{width:100%;margin:0 0 7px;padding:7px 8px;display:block;border-radius:11px;text-align:left}
  #jlpt180-pk-app .pk-ranking-policy strong{display:block;font-size:8px;white-space:normal}
  #jlpt180-pk-app .pk-ranking-policy span{display:block;margin-top:2px;font-size:7px;line-height:1.3}
  #jlpt180-pk-app .pk-podium{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px;padding:0!important}
  #jlpt180-pk-app .pk-podium-card{height:auto!important;min-height:0!important;margin:0!important;padding:7px!important;border-radius:16px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1{grid-column:1/-1;grid-row:1;min-height:126px!important;display:grid!important;grid-template-columns:48px 112px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"medal character copy" "medal character score";align-items:center;gap:5px 6px;padding:7px 9px!important;text-align:left}
  #jlpt180-pk-app .pk-podium-card.rank-2{grid-column:1;grid-row:2}
  #jlpt180-pk-app .pk-podium-card.rank-3{grid-column:2;grid-row:2}
  #jlpt180-pk-app .pk-podium-card.rank-2,#jlpt180-pk-app .pk-podium-card.rank-3{min-height:174px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr);grid-template-rows:88px auto auto;grid-template-areas:"medal character" "copy copy" "score score";align-items:center;align-content:start;gap:3px 4px;text-align:center}
  #jlpt180-pk-app .pk-podium-medal{position:static!important;z-index:3;grid-area:medal;width:34px!important;height:34px!important;min-width:0!important;min-height:0!important;flex:0 0 34px!important;margin:0!important}
  #jlpt180-pk-app .pk-podium-medal .pk-rank-medal,#jlpt180-pk-app .pk-podium-medal .pk-rank-medal-podium{display:block!important;width:34px!important;height:34px!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;filter:none!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal{grid-area:medal;width:48px!important;height:48px!important;flex-basis:48px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal,#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal-podium{width:48px!important;height:48px!important}
  #jlpt180-pk-app .pk-podium-character{grid-area:character;width:100%!important;height:88px!important;min-width:0!important;min-height:0!important;margin:0!important;overflow:hidden!important;place-items:center!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-character{width:112px!important;height:108px!important}
  #jlpt180-pk-app .pk-podium-character>.pk-character,#jlpt180-pk-app .pk-podium-character>.pk-character-large,#jlpt180-pk-app .pk-podium-character .pk-character-top3-art{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:hidden!important}
  #jlpt180-pk-app .pk-podium-character .pk-character-layer,#jlpt180-pk-app .pk-podium-character .pk-character-top3-art-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;object-position:center bottom!important;transform:scale(1)!important;filter:none!important}
  #jlpt180-pk-app .pk-podium-copy{grid-area:copy;width:100%!important;min-height:38px!important;margin:0!important;padding:5px 4px!important;border-radius:10px!important;text-align:center!important;overflow:visible!important}
  #jlpt180-pk-app .pk-podium-copy b{min-height:0!important;display:block!important;margin:0!important;color:#25113e;font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  #jlpt180-pk-app .pk-podium-copy small{display:block!important;margin-top:2px!important;font-size:6px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-copy{grid-area:copy;min-height:0!important;padding:6px!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-copy b{font-size:15px!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-copy small{font-size:8px!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-score{grid-area:score;width:100%!important;min-height:35px!important;margin:0!important;padding:4px 3px!important;border-radius:9px!important;text-align:center!important;overflow:hidden!important}
  #jlpt180-pk-app .pk-podium-score strong{display:block!important;margin:0!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important}
  #jlpt180-pk-app .pk-podium-score span{display:block!important;margin-top:2px!important;font-size:6px!important;line-height:1.15!important;white-space:nowrap!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-score{grid-area:score;min-height:0!important;padding:5px 7px!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-score strong{font-size:15px!important;white-space:normal!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-score span{white-space:normal!important;text-align:left!important}
  #jlpt180-pk-app .pk-podium-challenge{grid-column:1/-1;min-height:31px!important;margin-top:2px!important;padding:4px!important;font-size:7px!important;border-radius:9px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-challenge{grid-column:3/-1;margin:0}
}

@media(max-width:390px){
  #jlpt180-pk-app .pk-podium-card.rank-1{min-height:116px!important;grid-template-columns:42px 96px minmax(0,1fr);gap:4px;padding-inline:5px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal{width:42px!important;height:42px!important;flex-basis:42px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal,#jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-medal .pk-rank-medal-podium{width:42px!important;height:42px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-character{width:96px!important;height:98px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-copy b{font-size:13px!important}
  #jlpt180-pk-app .pk-podium-card.rank-1 .pk-podium-score strong{font-size:13px!important}
}

/* v1.8.4 — authoritative outer lobby layout. */
#jlpt180-pk-app .pk-lobby-nav{
  position:relative;z-index:5;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.26);color:#fff;
}
#jlpt180-pk-app .pk-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.04em}
#jlpt180-pk-app .pk-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 7px 13px rgba(107,75,220,.25))}
#jlpt180-pk-app .pk-nav-links{display:flex;align-items:center;gap:9px;color:#eee7ff;font-size:12px;font-weight:800}
#jlpt180-pk-app .pk-nav-links a,#jlpt180-pk-app .pk-nav-links span{padding:7px 11px;border-radius:10px;text-decoration:none}
#jlpt180-pk-app .pk-nav-links span{background:rgba(255,255,255,.16);color:#fff}

#jlpt180-pk-app .pk-hero{
  position:relative;min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:18px;margin:0 0 14px;padding:12px 18px;overflow:hidden;
  border:2px solid rgba(255,255,255,.86);border-radius:26px;background:radial-gradient(circle at 48% 0,rgba(255,255,255,.52),transparent 44%),linear-gradient(120deg,rgba(236,246,255,.91),rgba(225,211,255,.92) 54%,rgba(255,221,242,.88));
  box-shadow:0 18px 40px rgba(34,18,92,.18),inset 0 1px 0 #fff;color:#24103f;
}
#jlpt180-pk-app .pk-hero-main{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px}
#jlpt180-pk-app .pk-hero-emblem{width:126px;height:126px;flex:0 0 126px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(78,49,174,.24))}
#jlpt180-pk-app .pk-hero-copy{min-width:0;text-align:center}
#jlpt180-pk-app .pk-kicker{display:block;color:#bf2f87;font-size:11px;font-weight:900;letter-spacing:.13em}
#jlpt180-pk-app .pk-hero h1{margin:4px 0 0;color:#261044;font-size:clamp(31px,3.2vw,47px);font-weight:900;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere;text-shadow:none}
#jlpt180-pk-app .pk-hero p{margin:7px 0 0;color:#654c7d;font-size:12px;font-weight:800}
#jlpt180-pk-app .pk-quota{min-height:86px;display:grid;place-items:center;align-content:center;padding:10px;border:1px solid rgba(102,76,180,.25);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 10px 23px rgba(63,37,130,.10);text-align:center}
#jlpt180-pk-app .pk-quota strong{display:block;color:#5834bd;font-size:27px;font-weight:900;line-height:1.05}
#jlpt180-pk-app .pk-quota span{display:block;margin-top:7px;color:#6a4f83;font-size:9px;font-weight:900;line-height:1.25;letter-spacing:.05em}
#jlpt180-pk-app .pk-quota.is-unlimited strong{color:#be3487}

#jlpt180-pk-app .pk-config{
  display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:12px;margin-top:14px;padding:14px;border:2px solid rgba(255,255,255,.88);border-radius:22px;background:linear-gradient(145deg,rgba(251,250,255,.94),rgba(229,219,255,.91));box-shadow:0 15px 34px rgba(42,23,101,.14),inset 0 1px 0 #fff;color:#261340;
}
#jlpt180-pk-app .pk-field{min-width:0}
#jlpt180-pk-app .pk-field>span{display:block;margin-bottom:7px;color:#8a3785;font-size:10px;font-weight:900;letter-spacing:.08em}
#jlpt180-pk-app .pk-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#jlpt180-pk-app .pk-package-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
#jlpt180-pk-app .pk-tabs button{min-width:0;min-height:44px;padding:6px 4px;border:1px solid rgba(102,75,180,.24);border-radius:12px;background:rgba(255,255,255,.78);color:#4d3868;font-size:11px;font-weight:900;line-height:1.2;cursor:pointer}
#jlpt180-pk-app .pk-tabs button.active{border-color:#f3b6ed;background:linear-gradient(100deg,#5263ed,#d947b7);color:#fff;box-shadow:0 8px 17px rgba(93,63,190,.18)}
#jlpt180-pk-app .pk-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#jlpt180-pk-app .pk-mode-grid button{min-width:0;min-height:64px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(101,73,180,.24);border-radius:15px;background:rgba(255,255,255,.78);color:#392252;text-align:left;cursor:pointer}
#jlpt180-pk-app .pk-mode-grid button.active{border-color:#ed78c2;background:linear-gradient(105deg,#eafaff,#eee8ff 48%,#ffe6f4);box-shadow:0 8px 18px rgba(84,55,177,.15)}
#jlpt180-pk-app .pk-mode-grid img{width:46px;height:46px;object-fit:contain}
#jlpt180-pk-app .pk-mode-grid b{display:block;color:#4930a0;font-size:12px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-mode-grid small{display:block;margin-top:3px;color:#6d587e;font-size:9px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}

#jlpt180-pk-app .pk-alert{position:relative;margin-top:12px;padding:12px 14px 12px 42px;border:1px solid #a58ce4;border-radius:15px;background:linear-gradient(105deg,#eefaff,#f0eaff);color:#3c2c58;font-size:12px;font-weight:800;line-height:1.45}
#jlpt180-pk-app .pk-alert::before{content:"◆";position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7956d2}
#jlpt180-pk-app .pk-alert[hidden]{display:none!important}

#jlpt180-pk-app .pk-board-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr);align-items:stretch;gap:14px;margin-top:14px}
#jlpt180-pk-app .pk-holder-card,#jlpt180-pk-app .pk-actions-card,#jlpt180-pk-app .pk-leader-section{position:relative;min-width:0;box-sizing:border-box;color:#251340}
#jlpt180-pk-app .pk-holder-card{min-height:430px!important;padding:0!important;border:0!important;border-radius:26px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#jlpt180-pk-app .pk-climb-panel{width:100%!important;min-height:430px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.58fr);grid-template-areas:"head rp" "progress progress" "route route" "mode gate";align-content:center;gap:15px 18px;padding:26px;overflow:hidden;border:2px solid rgba(159,220,255,.72);border-radius:26px;background:linear-gradient(105deg,rgba(247,253,255,.66),rgba(236,225,255,.48) 54%,rgba(255,218,242,.43)),url("images/pk-lobby-v3/rank-journey-bg.webp") center/cover no-repeat;box-shadow:0 18px 44px rgba(37,19,98,.22),0 0 0 1px rgba(255,255,255,.72) inset,0 0 34px rgba(111,79,220,.13);color:#251344}
#jlpt180-pk-app .pk-climb-panel.is-unlocked{border-color:#f2cf61;background:linear-gradient(105deg,rgba(255,251,225,.62),rgba(237,226,255,.45) 54%,rgba(255,215,237,.39)),url("images/pk-lobby-v3/rank-journey-bg.webp") center/cover no-repeat;box-shadow:0 18px 44px rgba(37,19,98,.22),0 0 0 1px rgba(255,255,255,.76) inset,0 0 32px rgba(255,205,76,.21)}
#jlpt180-pk-app .pk-climb-head{grid-area:head;min-width:0;display:flex;align-items:center;gap:14px}
#jlpt180-pk-app .pk-climb-crest{position:relative;width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.52);box-shadow:0 10px 24px rgba(68,40,149,.17),inset 0 1px 0 #fff}
#jlpt180-pk-app .pk-climb-crest img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(60,38,138,.19))}
#jlpt180-pk-app .pk-climb-head>div:last-child{min-width:0}
#jlpt180-pk-app .pk-climb-head span{display:block;color:#c82f88;font-size:10px;font-weight:900;letter-spacing:.10em}
#jlpt180-pk-app .pk-climb-head h2{margin:4px 0 0;color:#24103f;font-size:clamp(27px,3vw,40px);font-weight:900;line-height:1.12;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-climb-head p{margin:6px 0 0;color:#68517f;font-size:10px;font-weight:800}
#jlpt180-pk-app .pk-climb-rp{grid-area:rp;align-self:center;padding:14px;border:1px solid rgba(100,73,181,.23);border-radius:18px;background:rgba(255,255,255,.76);text-align:center}
#jlpt180-pk-app .pk-climb-rp small{display:block;color:#846e9d;font-size:8px;font-weight:900;letter-spacing:.09em}
#jlpt180-pk-app .pk-climb-rp strong{display:block;margin-top:4px;color:#5433ba;font-size:31px;font-weight:900;line-height:1.05}
#jlpt180-pk-app .pk-climb-rp strong em{font-size:.45em;font-style:normal}
#jlpt180-pk-app .pk-climb-rp span{display:block;margin-top:7px;color:#594470;font-size:9px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-climb-progress{grid-area:progress}
#jlpt180-pk-app .pk-climb-progress>i{display:block;width:100%;height:14px;padding:3px;border:1px solid rgba(88,62,173,.24);border-radius:99px;background:rgba(72,45,132,.11);overflow:hidden}
#jlpt180-pk-app .pk-climb-progress>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#33b8ee,#6558e9 43%,#e049b9,#ffba4d)}
#jlpt180-pk-app .pk-climb-progress div{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#6a5680;font-size:9px;font-weight:900}
#jlpt180-pk-app .pk-climb-progress em{color:#b42f7a;font-style:normal;text-align:right}
#jlpt180-pk-app .pk-rank-route{grid-area:route;position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px 6px 4px;border:1px solid rgba(255,255,255,.64);border-radius:18px;background:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
#jlpt180-pk-app .pk-rank-rail{position:absolute;z-index:0;left:7%;right:7%;top:45px;height:6px;padding:2px;border-radius:99px;background:rgba(75,47,137,.13);overflow:hidden}
#jlpt180-pk-app .pk-rank-rail i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37b8f4,#6c58ed,#e64ebc,#ffbf56)}
#jlpt180-pk-app .pk-rank-node{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
#jlpt180-pk-app .pk-rank-node>i{width:74px;height:74px;display:grid;place-items:center;background:transparent;filter:drop-shadow(0 7px 9px rgba(48,29,102,.18))}
#jlpt180-pk-app .pk-rank-node>i img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}
#jlpt180-pk-app .pk-rank-node>b{min-height:25px;margin-top:3px;color:#342151;font-size:10px;font-weight:900;line-height:1.2;overflow-wrap:anywhere;text-shadow:0 1px 0 #fff}
#jlpt180-pk-app .pk-rank-node>small{margin-top:2px;color:#79658f;font-size:7px;font-weight:800;line-height:1.2}
#jlpt180-pk-app .pk-rank-node.locked{opacity:.48;filter:saturate(.55)}
#jlpt180-pk-app .pk-rank-node.completed>i{filter:drop-shadow(0 7px 10px rgba(42,135,202,.27))}
#jlpt180-pk-app .pk-rank-node.current>i{filter:drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 13px rgba(117,73,235,.72))}
#jlpt180-pk-app .pk-climb-mode{grid-area:mode;min-width:0;display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:8px;padding:11px 13px;border:1px solid rgba(54,179,218,.27);border-radius:14px;background:linear-gradient(90deg,#dcf9ff,rgba(255,255,255,.72))}
#jlpt180-pk-app .pk-mode-gem{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#32c8e8,#5e54df);color:#fff}
#jlpt180-pk-app .pk-climb-mode span{color:#176b83;font-size:12px;font-weight:900}
#jlpt180-pk-app .pk-climb-mode b{padding:4px 8px;border-radius:99px;background:#5035aa;color:#fff;font-size:9px;white-space:nowrap}
#jlpt180-pk-app .pk-climb-mode small{color:#4f4268;font-size:8px;font-weight:800;text-align:right;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-arena-lock,#jlpt180-pk-app .pk-arena-open{grid-area:gate;min-width:0;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon title" "icon copy";align-items:center;gap:1px 9px;padding:8px 11px;border-radius:14px;text-align:left}
#jlpt180-pk-app .pk-arena-lock>span,#jlpt180-pk-app .pk-arena-open>span{grid-area:icon;width:34px;height:34px;display:grid;place-items:center;border-radius:11px}
#jlpt180-pk-app .pk-arena-lock b,#jlpt180-pk-app .pk-arena-open b{grid-area:title;font-size:9px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-arena-lock small,#jlpt180-pk-app .pk-arena-open small{grid-area:copy;font-size:8px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-arena-lock{border:1px solid rgba(108,82,159,.23);background:rgba(81,55,125,.10);color:#624e79}
#jlpt180-pk-app .pk-arena-lock>span{background:rgba(92,66,141,.14)}
#jlpt180-pk-app .pk-arena-open{border:1px solid #e3b44d;background:linear-gradient(90deg,#fff0b5,#ffe2f1);color:#873d52}
#jlpt180-pk-app .pk-arena-open>span{background:linear-gradient(145deg,#ffca4b,#ee5ea5);color:#fff}

#jlpt180-pk-app .pk-actions-card{z-index:40;min-height:430px!important;padding:18px!important;overflow:visible!important;border:2px solid rgba(210,181,255,.78)!important;border-radius:26px!important;background:linear-gradient(105deg,rgba(242,250,255,.58),rgba(231,217,255,.40) 56%,rgba(255,208,237,.34)),url("images/pk-lobby-v3/rules-panel-bg.webp") center/cover no-repeat!important;box-shadow:0 18px 44px rgba(37,19,98,.23),0 0 0 1px rgba(255,255,255,.72) inset,0 0 30px rgba(199,93,223,.13)!important}
#jlpt180-pk-app .pk-rules-details{margin-bottom:12px;border:1px solid rgba(102,74,184,.36);border-radius:18px;background:linear-gradient(110deg,rgba(255,255,255,.78),rgba(244,235,255,.62));box-shadow:0 10px 24px rgba(58,35,119,.11),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}
#jlpt180-pk-app .pk-rules-details summary{min-height:72px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;list-style:none;cursor:pointer}
#jlpt180-pk-app .pk-rules-details summary::-webkit-details-marker{display:none}
#jlpt180-pk-app .pk-rules-details summary img{width:56px;height:56px;object-fit:contain}
#jlpt180-pk-app .pk-rules-details summary small{display:block;color:#b93083;font-size:8px;font-weight:900;letter-spacing:.10em}
#jlpt180-pk-app .pk-rules-details summary strong{display:block;margin-top:3px;color:#271140;font-size:20px;font-weight:900;line-height:1.12}
#jlpt180-pk-app .pk-rules-details summary em{padding:6px 9px;border-radius:999px;background:#ece5ff;color:#6243b5;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
#jlpt180-pk-app .pk-rules-details[open] summary em{background:#dff8ff;color:#13728a}
#jlpt180-pk-app .pk-actions-card ol{margin:15px 0;padding-left:22px;color:#4c3a62;font-size:12px;font-weight:750;line-height:1.55}
#jlpt180-pk-app .pk-actions-card li{padding-left:3px;margin-bottom:7px;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-actions-card li::marker{color:#b53a97;font-weight:900}
#jlpt180-pk-app .pk-action-buttons{display:grid;gap:8px}
#jlpt180-pk-app .pk-secondary-actions{display:grid;gap:8px;margin-top:8px}
#jlpt180-pk-app .pk-online-action,#jlpt180-pk-app .pk-primary,#jlpt180-pk-app .pk-secondary,#jlpt180-pk-app .pk-tertiary,#jlpt180-pk-app .pk-danger{position:relative;width:100%;min-height:51px;padding:9px 12px;border:2px solid rgba(255,255,255,.76);border-radius:15px;color:#fff;font-size:11px;font-weight:900;line-height:1.3;white-space:normal;overflow-wrap:anywhere;cursor:pointer;box-shadow:0 8px 17px rgba(71,43,154,.15),inset 0 1px 0 rgba(255,255,255,.46);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:transform .12s ease,filter .12s ease}
#jlpt180-pk-app .pk-online-action{isolation:isolate;min-height:68px;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:7px 12px 7px 10px;border-color:#c9f7ff;background:radial-gradient(circle at 17% 50%,rgba(91,240,255,.46),transparent 28%),radial-gradient(circle at 82% 0,rgba(255,104,211,.35),transparent 36%),linear-gradient(105deg,#087fc9,#4c55df 58%,#9b3fc8);text-align:left;box-shadow:0 11px 24px rgba(48,55,177,.25),0 0 0 3px rgba(101,222,255,.10),inset 0 1px 0 rgba(255,255,255,.63),inset 0 -7px 15px rgba(44,17,110,.18)}
#jlpt180-pk-app .pk-online-action::before{content:"";position:absolute;z-index:0;inset:4px;border:1px solid rgba(255,255,255,.34);clip-path:inherit;pointer-events:none}
#jlpt180-pk-app .pk-online-action>img,#jlpt180-pk-app .pk-online-action>span,#jlpt180-pk-app .pk-online-action>i{position:relative;z-index:1}
#jlpt180-pk-app .pk-online-action>img{display:block!important;width:52px!important;height:52px!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 7px 10px rgba(17,34,112,.28))}
#jlpt180-pk-app .pk-online-action>span{min-width:0;display:block}
#jlpt180-pk-app .pk-online-action>span em{display:block;color:#8ff5ff;font-size:7px;font-style:normal;font-weight:900;line-height:1;letter-spacing:.12em}
#jlpt180-pk-app .pk-online-action>span b{display:block;margin-top:4px;color:#fff;font-size:13px;font-weight:900;line-height:1.12;letter-spacing:.02em;white-space:normal;overflow-wrap:anywhere;text-shadow:0 2px 5px rgba(32,17,100,.30)}
#jlpt180-pk-app .pk-online-action>span small{display:block;margin-top:4px;color:#dffaff;font-size:8px;font-weight:750;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-online-action>i{width:25px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.43);border-radius:10px;background:rgba(255,255,255,.15);color:#fff;font-size:22px;font-style:normal;font-weight:800;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#jlpt180-pk-app .pk-primary{background:linear-gradient(100deg,#5b5de9,#d64bb8)}
#jlpt180-pk-app .pk-secondary{background:linear-gradient(100deg,#b7834a,#d89c72)}
#jlpt180-pk-app .pk-tertiary{background:linear-gradient(100deg,#6a54d7,#9a4ec8)}
#jlpt180-pk-app .pk-danger{background:linear-gradient(100deg,#e44372,#ba1f57)}
#jlpt180-pk-app .pk-online-action[hidden],#jlpt180-pk-app .pk-primary[hidden],#jlpt180-pk-app .pk-secondary[hidden],#jlpt180-pk-app .pk-tertiary[hidden],#jlpt180-pk-app .pk-danger[hidden]{display:none!important}
#jlpt180-pk-app .pk-online-action:disabled,#jlpt180-pk-app .pk-primary:disabled,#jlpt180-pk-app .pk-secondary:disabled,#jlpt180-pk-app .pk-tertiary:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.70}
#jlpt180-pk-app .pk-online-action:not(:disabled):active,#jlpt180-pk-app .pk-primary:not(:disabled):active,#jlpt180-pk-app .pk-secondary:not(:disabled):active,#jlpt180-pk-app .pk-tertiary:not(:disabled):active,#jlpt180-pk-app .pk-danger:not(:disabled):active{transform:translateY(2px) scale(.985)}
#jlpt180-pk-app .pk-action-status{margin-top:11px;padding:11px 13px;border:1px solid rgba(93,69,170,.27);border-radius:14px;background:linear-gradient(100deg,rgba(235,248,255,.76),rgba(247,229,255,.67));color:#4e3d65;font-size:10px;font-weight:800;line-height:1.4;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);overflow-wrap:anywhere}

#jlpt180-pk-app .pk-leader-section{z-index:1;margin-top:14px;padding:20px!important;overflow:visible!important;border:2px solid rgba(210,190,255,.76)!important;border-radius:27px!important;background:linear-gradient(90deg,rgba(234,249,255,.55),rgba(235,221,255,.37) 48%,rgba(255,220,241,.43)),url("images/pk-lobby-v3/opponents-panel-bg.webp") center/cover no-repeat!important;box-shadow:0 19px 46px rgba(34,17,91,.24),0 0 0 1px rgba(255,255,255,.72) inset!important}
#jlpt180-pk-app .pk-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 2px 13px}
#jlpt180-pk-app .pk-section-head>div{min-width:0}
#jlpt180-pk-app .pk-section-head span{display:block;color:#b52e81;font-size:9px;font-weight:900;letter-spacing:.10em}
#jlpt180-pk-app .pk-section-head h2,#jlpt180-pk-app #pk-rank-window-title{margin:4px 0 0;color:#24103f;font-size:27px;font-weight:900;line-height:1.14;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-leader-section .pk-board-context{margin:6px 0 0;color:#5d4972;font-size:11px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-section-head button{min-height:38px;padding:7px 13px;border:1px solid #7961ca;border-radius:12px;background:linear-gradient(145deg,#7554d1,#5635ad);color:#fff;font-size:9px;font-weight:900;cursor:pointer}
#jlpt180-pk-app .pk-leader-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:11px;margin-top:2px}
#jlpt180-pk-app .pk-leader-expand{display:none}
#jlpt180-pk-app .pk-leader-card{min-width:0;height:auto!important;min-height:94px!important;display:grid!important;grid-template-columns:48px 48px minmax(0,1fr) 138px;grid-template-areas:"medal avatar user score" "action action action action";align-items:center!important;align-content:center!important;gap:8px;padding:11px 13px!important;margin:0!important;border:1px solid rgba(102,154,235,.56)!important;border-radius:18px!important;background:linear-gradient(125deg,rgba(223,247,255,.77),rgba(229,222,255,.66) 58%,rgba(255,225,244,.62))!important;box-shadow:0 9px 23px rgba(48,27,111,.13),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(107,74,179,.10)!important;color:#291542;overflow:visible!important}
#jlpt180-pk-app .pk-leader-card:nth-child(even){border-color:rgba(219,113,203,.54)!important;background:linear-gradient(125deg,rgba(246,229,255,.75),rgba(255,222,241,.65) 58%,rgba(224,244,255,.61))!important}
#jlpt180-pk-app .pk-leader-card.viewer{border:2px solid #f0c83e!important;background:linear-gradient(125deg,rgba(255,246,190,.81),rgba(244,222,255,.68),rgba(220,244,255,.62))!important}
#jlpt180-pk-app .pk-leader-card.challenge-target{border-color:#ef67b7!important;background:linear-gradient(125deg,rgba(255,219,239,.81),rgba(235,221,255,.69),rgba(217,246,255,.62))!important;box-shadow:0 10px 25px rgba(195,62,145,.18),inset 0 1px 0 #fff!important}
#jlpt180-pk-app .pk-leader-medal{grid-area:medal;display:grid;place-items:center}
#jlpt180-pk-app .pk-rank-number{width:43px;height:43px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:linear-gradient(145deg,#8159d8,#5c36ad);color:#fff;font-size:11px;font-weight:900}
#jlpt180-pk-app .pk-rank-medal,#jlpt180-pk-app .pk-rank-medal-new{display:block;width:49px;height:49px;object-fit:contain}
#jlpt180-pk-app .pk-leader-card>.pk-character{grid-area:avatar;width:46px;height:46px;flex-basis:46px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#dff7ff,#d8c8ff);box-shadow:0 5px 12px rgba(70,43,145,.14)}
#jlpt180-pk-app .pk-leader-card>.pk-character .pk-character-layer{object-fit:contain;object-position:center bottom}
#jlpt180-pk-app .pk-leader-user{grid-area:user;min-width:0}
#jlpt180-pk-app .pk-leader-user b{display:flex;align-items:center;gap:5px;min-width:0;color:#291542;font-size:15px;font-weight:900;line-height:1.28;white-space:normal;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-leader-user small{display:block;margin-top:4px;color:#635174;font-size:10px;font-weight:750;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-viewer-tag{flex:0 0 auto;padding:2px 6px;border:1px solid #35a8c4;border-radius:99px;background:#d9f8ff;color:#087187;font-size:7px;font-style:normal}
#jlpt180-pk-app .pk-bot-tag{display:none!important}
#jlpt180-pk-app .pk-leader-score{grid-area:score;min-width:0;text-align:right}
#jlpt180-pk-app .pk-leader-score b{display:block;color:#5a3a91;font-size:11px;font-weight:900;line-height:1.25}
#jlpt180-pk-app .pk-leader-score span{display:block;margin-top:4px;color:#087b8f;font-size:14px;font-weight:900;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-inline-challenge{grid-area:action;width:100%;min-height:55px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "action value";align-items:center;gap:3px 7px;padding:8px 10px;border:1px solid #f398cf;border-radius:13px;background:linear-gradient(100deg,#6b58dc,#d94bb8);color:#fff;font-size:10px;font-weight:900;line-height:1.2;text-align:left;white-space:normal;cursor:pointer}
#jlpt180-pk-app .pk-inline-challenge small{grid-area:label;color:#fff1bd;font-size:7px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
#jlpt180-pk-app .pk-inline-challenge b{grid-area:value;color:#d9fbff;font-size:8px;text-align:right;overflow-wrap:anywhere}


/* UI polish pass — thicker neon borders and more game-like panels */
#jlpt180-pk-app .pk-config,
#jlpt180-pk-app .pk-top3,
#jlpt180-pk-app .pk-climb-panel,
#jlpt180-pk-app .pk-actions-card,
#jlpt180-pk-app .pk-leader-section,
#jlpt180-pk-app .pk-rules-details,
#jlpt180-pk-app .pk-podium-card,
#jlpt180-pk-app .pk-leader-card,
#jlpt180-pk-app .pk-mode-grid button,
#jlpt180-pk-app .pk-tabs button,
#jlpt180-pk-app .pk-top3-tools button,
#jlpt180-pk-app .pk-section-head button,
#jlpt180-pk-app .pk-online-action,
#jlpt180-pk-app .pk-primary,
#jlpt180-pk-app .pk-secondary,
#jlpt180-pk-app .pk-tertiary,
#jlpt180-pk-app .pk-danger{position:relative;isolation:isolate}
#jlpt180-pk-app .pk-config{border-width:3px;box-shadow:0 22px 48px rgba(42,23,101,.16),0 0 0 1px rgba(255,255,255,.82) inset,0 0 28px rgba(123,92,235,.16),inset 0 0 26px rgba(255,255,255,.24)}
#jlpt180-pk-app .pk-config::before,
#jlpt180-pk-app .pk-top3::after,
#jlpt180-pk-app .pk-climb-panel::before,
#jlpt180-pk-app .pk-actions-card::before,
#jlpt180-pk-app .pk-leader-section::before{content:"";position:absolute;pointer-events:none}
#jlpt180-pk-app .pk-config::before{inset:8px;border:1px solid rgba(121,97,212,.22);border-radius:17px;box-shadow:inset 0 0 18px rgba(123,92,235,.08)}
#jlpt180-pk-app .pk-field>span,#jlpt180-pk-app .pk-top3-head>div:first-child>span,#jlpt180-pk-app .pk-section-head span,#jlpt180-pk-app .pk-climb-head span,#jlpt180-pk-app .pk-rules-details summary small{letter-spacing:.14em;text-shadow:0 0 10px rgba(255,255,255,.28)}
#jlpt180-pk-app .pk-tabs button{border-width:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 0 0 1px rgba(255,255,255,.18)}
#jlpt180-pk-app .pk-tabs button.active{border-color:#ffd4f5;box-shadow:0 10px 22px rgba(93,63,190,.24),0 0 18px rgba(217,71,183,.22),inset 0 1px 0 rgba(255,255,255,.42)}
#jlpt180-pk-app .pk-mode-grid button{border-width:2px;box-shadow:0 10px 22px rgba(69,44,150,.10),inset 0 1px 0 rgba(255,255,255,.9)}
#jlpt180-pk-app .pk-mode-grid button.active{border-color:#f6a0d5;box-shadow:0 12px 24px rgba(84,55,177,.18),0 0 20px rgba(112,93,231,.18),inset 0 1px 0 rgba(255,255,255,.86)}
#jlpt180-pk-app .pk-top3{border-width:3px;box-shadow:0 24px 56px rgba(43,23,103,.20),0 0 32px rgba(123,92,235,.14),inset 0 1px 0 #fff,inset 0 0 26px rgba(255,255,255,.12)}
#jlpt180-pk-app .pk-top3::before{inset:8px;border:1px solid rgba(107,82,187,.22);box-shadow:inset 0 0 24px rgba(118,88,219,.08)}
#jlpt180-pk-app .pk-top3::after{inset:0;border-radius:inherit;background:radial-gradient(circle at 0 0,rgba(95,219,255,.26),transparent 16%),radial-gradient(circle at 100% 0,rgba(255,110,196,.24),transparent 16%),radial-gradient(circle at 0 100%,rgba(125,111,255,.18),transparent 18%),radial-gradient(circle at 100% 100%,rgba(255,208,111,.14),transparent 18%);opacity:.95}
#jlpt180-pk-app .pk-top3-tools button,#jlpt180-pk-app .pk-section-head button{border-width:2px;box-shadow:0 10px 22px rgba(77,48,164,.22),0 0 16px rgba(100,88,229,.16),inset 0 1px 0 rgba(255,255,255,.34)}
#jlpt180-pk-app .pk-podium-card{border-width:3px;box-shadow:0 20px 42px rgba(57,34,119,.15),0 0 18px rgba(121,97,219,.14),inset 0 1px 0 rgba(255,255,255,.72),inset 0 0 22px rgba(255,255,255,.08)}
#jlpt180-pk-app .pk-podium-card.rank-1{box-shadow:0 24px 50px rgba(145,99,20,.18),0 0 26px rgba(255,204,74,.18),inset 0 1px 0 rgba(255,255,255,.76),inset 0 0 24px rgba(255,240,193,.14)}
#jlpt180-pk-app .pk-podium-card.rank-2{box-shadow:0 20px 44px rgba(35,102,147,.16),0 0 22px rgba(80,206,255,.18),inset 0 1px 0 rgba(255,255,255,.72)}
#jlpt180-pk-app .pk-podium-card.rank-3{box-shadow:0 20px 44px rgba(161,88,46,.16),0 0 22px rgba(235,137,90,.16),inset 0 1px 0 rgba(255,255,255,.72)}
#jlpt180-pk-app .pk-climb-panel{position:relative;border-width:3px;box-shadow:0 22px 52px rgba(37,19,98,.24),0 0 36px rgba(111,79,220,.18),0 0 0 1px rgba(255,255,255,.78) inset,inset 0 0 30px rgba(255,255,255,.10)}
#jlpt180-pk-app .pk-climb-panel::before{inset:10px;border:1px solid rgba(255,255,255,.56);border-radius:20px;box-shadow:inset 0 0 20px rgba(112,79,220,.08)}
#jlpt180-pk-app .pk-climb-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(95,219,255,.18),transparent 18%),linear-gradient(225deg,rgba(255,110,196,.14),transparent 18%),linear-gradient(315deg,rgba(255,224,107,.10),transparent 16%),linear-gradient(45deg,rgba(112,96,240,.10),transparent 16%)}
#jlpt180-pk-app .pk-climb-crest{border-width:2px;box-shadow:0 12px 28px rgba(68,40,149,.20),0 0 18px rgba(106,83,214,.14),inset 0 1px 0 #fff}
#jlpt180-pk-app .pk-climb-rp,#jlpt180-pk-app .pk-rank-route,#jlpt180-pk-app .pk-climb-mode,#jlpt180-pk-app .pk-arena-lock,#jlpt180-pk-app .pk-arena-open,#jlpt180-pk-app .pk-action-status{border-width:2px;box-shadow:0 10px 24px rgba(63,37,133,.10),inset 0 1px 0 rgba(255,255,255,.88)}
#jlpt180-pk-app .pk-rank-node.current>i{filter:drop-shadow(0 0 10px rgba(255,255,255,.98)) drop-shadow(0 0 18px rgba(117,73,235,.9)) drop-shadow(0 0 28px rgba(73,197,255,.40))}
#jlpt180-pk-app .pk-actions-card{border-width:3px!important;box-shadow:0 22px 52px rgba(37,19,98,.26),0 0 34px rgba(199,93,223,.18),0 0 0 1px rgba(255,255,255,.76) inset,inset 0 0 28px rgba(255,255,255,.10)!important}
#jlpt180-pk-app .pk-actions-card::before{inset:10px;border:1px solid rgba(255,255,255,.55);border-radius:18px;box-shadow:inset 0 0 20px rgba(255,124,208,.07)}
#jlpt180-pk-app .pk-rules-details{border-width:2px;box-shadow:0 14px 30px rgba(58,35,119,.13),0 0 18px rgba(129,102,210,.10),inset 0 1px 0 rgba(255,255,255,.9)}
#jlpt180-pk-app .pk-online-action,#jlpt180-pk-app .pk-primary,#jlpt180-pk-app .pk-secondary,#jlpt180-pk-app .pk-tertiary,#jlpt180-pk-app .pk-danger{border-width:3px;box-shadow:0 12px 24px rgba(71,43,154,.20),0 0 18px rgba(111,94,232,.16),inset 0 1px 0 rgba(255,255,255,.46)}
#jlpt180-pk-app .pk-online-action{box-shadow:0 14px 28px rgba(48,55,177,.28),0 0 22px rgba(101,222,255,.18),0 0 0 3px rgba(101,222,255,.12),inset 0 1px 0 rgba(255,255,255,.63),inset 0 -7px 15px rgba(44,17,110,.18)}
#jlpt180-pk-app .pk-leader-section{border-width:3px!important;box-shadow:0 24px 54px rgba(34,17,91,.26),0 0 34px rgba(125,96,234,.16),0 0 0 1px rgba(255,255,255,.74) inset!important}
#jlpt180-pk-app .pk-leader-section::before{inset:10px;border:1px solid rgba(255,255,255,.54);border-radius:19px;box-shadow:inset 0 0 20px rgba(123,92,235,.08)}
#jlpt180-pk-app .pk-leader-card{border-width:2px!important;box-shadow:0 12px 26px rgba(48,27,111,.14),0 0 16px rgba(129,102,210,.10),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -1px 0 rgba(107,74,179,.10)!important}
#jlpt180-pk-app .pk-leader-card.challenge-target{box-shadow:0 12px 28px rgba(195,62,145,.20),0 0 18px rgba(239,103,183,.16),inset 0 1px 0 #fff!important}

@media(max-width:1180px){
  #jlpt180-pk-app .pk-board-grid{grid-template-columns:1fr}
  #jlpt180-pk-app .pk-actions-card{min-height:0!important}
  #jlpt180-pk-app .pk-leader-list{grid-template-columns:1fr}
  #jlpt180-pk-app .pk-leader-card{grid-template-columns:54px 50px minmax(0,1fr) 150px;grid-template-areas:"medal avatar user score" "action action action action"}
  #jlpt180-pk-app .pk-inline-challenge{min-height:47px}
}

@media(max-width:720px){
  #jlpt180-pk-app.jlpt180-pk{padding-bottom:96px!important}
  #jlpt180-pk-app.jlpt180-pk::before{filter:none!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(75,47,139,.24)),url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat!important}
  #jlpt180-pk-app.jlpt180-pk::after{display:none!important}
  #jlpt180-pk-app .pk-lobby-nav{min-height:44px;padding:4px 2px;margin-bottom:5px}
  #jlpt180-pk-app .pk-brand{gap:5px;font-size:10px}
  #jlpt180-pk-app .pk-brand img{width:29px;height:29px;filter:none}
  #jlpt180-pk-app .pk-nav-links{gap:3px;font-size:8px}
  #jlpt180-pk-app .pk-nav-links a,#jlpt180-pk-app .pk-nav-links span{padding:5px 6px}
  #jlpt180-pk-app .pk-hero{min-height:76px!important;grid-template-columns:minmax(0,1fr) 62px;gap:6px;margin-bottom:8px;padding:6px 8px!important;border-radius:17px}
  #jlpt180-pk-app .pk-hero-main{justify-content:flex-start;gap:6px}
  #jlpt180-pk-app .pk-hero-emblem{width:45px;height:52px;flex-basis:45px;filter:none}
  #jlpt180-pk-app .pk-hero-copy{text-align:left}
  #jlpt180-pk-app .pk-kicker{font-size:6px!important;letter-spacing:.06em!important}
  #jlpt180-pk-app .pk-hero h1{margin:2px 0 0!important;font-size:clamp(13px,4vw,17px)!important;line-height:1.05!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow-wrap:normal!important}
  #jlpt180-pk-app .pk-hero p{margin:3px 0 0!important;font-size:7px!important;line-height:1.2!important;white-space:nowrap!important}
  #jlpt180-pk-app .pk-quota{min-height:55px;padding:4px;border-radius:13px}
  #jlpt180-pk-app .pk-quota strong{font-size:17px}
  #jlpt180-pk-app .pk-quota span{margin-top:3px;font-size:6px}
  #jlpt180-pk-app .pk-config{grid-template-columns:1fr;gap:7px;margin-top:8px;padding:9px;border-radius:17px}
  #jlpt180-pk-app .pk-field>span{margin-bottom:4px;font-size:7px}
  #jlpt180-pk-app .pk-tabs{gap:4px}
  #jlpt180-pk-app .pk-tabs button{min-height:34px;padding:4px 2px;border-radius:9px;font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  #jlpt180-pk-app .pk-tabs button.active{box-shadow:0 5px 11px rgba(87,54,184,.20),inset 0 1px 0 rgba(255,255,255,.45)}
  #jlpt180-pk-app .pk-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #jlpt180-pk-app .pk-mode-grid button{min-height:58px;grid-template-columns:32px minmax(0,1fr);gap:5px;padding:6px;border-radius:12px}
  #jlpt180-pk-app .pk-mode-grid img{width:31px;height:31px}
  #jlpt180-pk-app .pk-mode-grid b{font-size:9px;line-height:1.15}
  #jlpt180-pk-app .pk-mode-grid small{font-size:7px;line-height:1.18}
  #jlpt180-pk-app .pk-alert{margin-top:8px;padding-block:9px;font-size:9px}
  #jlpt180-pk-app .pk-board-grid{align-items:start;gap:7px;margin-top:8px}
  #jlpt180-pk-app .pk-holder-card{height:auto!important;min-height:0!important;padding:0;border-radius:20px;background:transparent;border:0;box-shadow:none}
  #jlpt180-pk-app .pk-climb-panel{min-height:0;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"head rp" "progress progress" "route route" "mode gate";gap:7px 8px;padding:10px;border-radius:18px;background-position:center}
  #jlpt180-pk-app .pk-climb-head{gap:7px}
  #jlpt180-pk-app .pk-climb-crest{width:46px;height:46px;flex-basis:46px;border-radius:14px}
  #jlpt180-pk-app .pk-climb-crest img{width:43px;height:43px}
  #jlpt180-pk-app .pk-climb-head span{font-size:6px}
  #jlpt180-pk-app .pk-climb-head h2{margin-top:2px;font-size:19px}
  #jlpt180-pk-app .pk-climb-head p{margin-top:3px;font-size:7px}
  #jlpt180-pk-app .pk-climb-rp{padding:6px;border-radius:13px}
  #jlpt180-pk-app .pk-climb-rp small{font-size:6px}
  #jlpt180-pk-app .pk-climb-rp strong{font-size:22px}
  #jlpt180-pk-app .pk-climb-rp span{margin-top:4px;font-size:7px;line-height:1.2}
  #jlpt180-pk-app .pk-climb-progress>i{height:10px;padding:2px}
  #jlpt180-pk-app .pk-climb-progress div{gap:5px;margin-top:3px;font-size:6px}
  #jlpt180-pk-app .pk-rank-route{gap:2px;padding:5px 2px 3px}
  #jlpt180-pk-app .pk-rank-rail{top:27px;height:4px}
  #jlpt180-pk-app .pk-rank-node>i{width:46px;height:46px}
  #jlpt180-pk-app .pk-rank-node>b{min-height:18px;margin-top:1px;font-size:7px}
  #jlpt180-pk-app .pk-rank-node>small{font-size:5px}
  #jlpt180-pk-app .pk-climb-mode{grid-template-columns:26px minmax(0,1fr) auto;gap:5px;padding:7px;border-radius:12px}
  #jlpt180-pk-app .pk-mode-gem{width:26px;height:26px;border-radius:8px}
  #jlpt180-pk-app .pk-climb-mode span{font-size:9px}
  #jlpt180-pk-app .pk-climb-mode b{padding:3px 5px;font-size:7px}
  #jlpt180-pk-app .pk-climb-mode small{grid-column:1/-1;font-size:6px;text-align:left}
  #jlpt180-pk-app .pk-arena-lock,#jlpt180-pk-app .pk-arena-open{min-height:48px;grid-template-columns:28px minmax(0,1fr);gap:1px 6px;padding:6px;border-radius:12px}
  #jlpt180-pk-app .pk-arena-lock>span,#jlpt180-pk-app .pk-arena-open>span{width:28px;height:28px;border-radius:8px}
  #jlpt180-pk-app .pk-arena-lock b,#jlpt180-pk-app .pk-arena-open b{font-size:7px}
  #jlpt180-pk-app .pk-arena-lock small,#jlpt180-pk-app .pk-arena-open small{font-size:6px}
  #jlpt180-pk-app .pk-actions-card{min-height:0!important;padding:8px!important;border-radius:17px!important;overflow:visible!important;background-position:center!important}
  #jlpt180-pk-app .pk-rules-details{margin:0;border-radius:13px}
  #jlpt180-pk-app .pk-rules-details summary{min-height:48px;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:5px 7px}
  #jlpt180-pk-app .pk-rules-details summary img{width:36px;height:36px}
  #jlpt180-pk-app .pk-rules-details summary small{font-size:6px}
  #jlpt180-pk-app .pk-rules-details summary strong{margin-top:1px;font-size:14px}
  #jlpt180-pk-app .pk-rules-details summary em{padding:4px 6px;font-size:7px}
  #jlpt180-pk-app .pk-actions-card ol{margin:8px 0;padding:0 10px 0 23px;font-size:9px;line-height:1.4}
  #jlpt180-pk-app .pk-secondary-actions{gap:5px;margin-top:6px}
  #jlpt180-pk-app .pk-secondary-actions .pk-secondary,#jlpt180-pk-app .pk-secondary-actions .pk-tertiary,#jlpt180-pk-app .pk-secondary-actions .pk-danger{min-height:40px;font-size:8px}
  #jlpt180-pk-app .pk-action-status{margin-top:6px;padding:7px 9px;font-size:8px}
  #jlpt180-pk-app .pk-action-buttons{position:fixed;z-index:2147482000;left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:5px;padding:6px;border:1px solid rgba(220,232,255,.82);border-radius:19px;background:linear-gradient(135deg,rgba(39,24,94,.96),rgba(91,50,157,.95));box-shadow:0 15px 38px rgba(18,9,58,.42),inset 0 1px 0 rgba(255,255,255,.28)}
  #jlpt180-pk-app .pk-action-buttons::before{content:"✦";position:absolute;left:50%;top:-10px;width:22px;height:22px;display:grid;place-items:center;transform:translateX(-50%) rotate(45deg);border:1px solid #fff;border-radius:6px;background:linear-gradient(145deg,#48d4f2,#d84ab9);color:#fff;font-size:8px;box-shadow:0 4px 10px rgba(54,30,133,.30)}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action,#jlpt180-pk-app .pk-action-buttons .pk-primary{min-height:59px;padding:6px;border-radius:13px;font-size:9px;line-height:1.2}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action{grid-template-columns:38px minmax(0,1fr) 20px;gap:5px;padding-inline:7px}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action>img{width:38px!important;height:38px!important;filter:none}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action>span em{font-size:5px;letter-spacing:.08em}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action>span b{font-size:10px}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action>span small{margin-top:3px;font-size:6px}
  #jlpt180-pk-app .pk-action-buttons .pk-online-action>i{width:19px;height:28px;border-radius:7px;font-size:17px}
  #jlpt180-pk-app .pk-leader-section{margin-top:8px;padding:9px!important;border-radius:18px!important;background-position:center top!important}
  #jlpt180-pk-app .pk-section-head{align-items:center;gap:6px;padding-bottom:7px}
  #jlpt180-pk-app .pk-section-head span{font-size:7px}
  #jlpt180-pk-app .pk-section-head h2,#jlpt180-pk-app #pk-rank-window-title{font-size:17px}
  #jlpt180-pk-app .pk-leader-section .pk-board-context{margin-top:3px;font-size:7px;line-height:1.25}
  #jlpt180-pk-app .pk-section-head button{width:36px;min-height:34px;padding:4px;border-radius:10px;font-size:7px}
  #jlpt180-pk-app .pk-leader-list{gap:6px}
  #jlpt180-pk-app .pk-leader-card{height:auto!important;min-height:68px!important;grid-template-columns:38px 36px minmax(0,1fr) 82px;grid-template-areas:"medal avatar user score" "action action action action";align-items:center;gap:5px 6px;margin:0!important;padding:7px 8px!important;border-radius:14px!important}
  #jlpt180-pk-app .pk-leader-card.pk-mobile-collapsed{display:none}
  #jlpt180-pk-app .pk-leader-list.is-expanded .pk-leader-card.pk-mobile-collapsed{display:grid}
  #jlpt180-pk-app .pk-rank-number{width:35px;height:35px;font-size:9px}
  #jlpt180-pk-app .pk-rank-medal,#jlpt180-pk-app .pk-rank-medal-new{width:37px;height:37px}
  #jlpt180-pk-app .pk-leader-card>.pk-character{width:34px;height:34px;flex-basis:34px}
  #jlpt180-pk-app .pk-leader-user b{font-size:11px;line-height:1.2}
  #jlpt180-pk-app .pk-leader-user small{margin-top:2px;font-size:7px;line-height:1.2}
  #jlpt180-pk-app .pk-leader-score{padding:5px 3px;border:0;border-radius:9px;background:rgba(255,255,255,.60);text-align:right}
  #jlpt180-pk-app .pk-leader-score b{font-size:8px}
  #jlpt180-pk-app .pk-leader-score span{margin-top:3px;font-size:8px;line-height:1.2}
  #jlpt180-pk-app .pk-inline-challenge{min-height:38px;padding:5px 7px;border-radius:10px;font-size:8px}
  #jlpt180-pk-app .pk-inline-challenge small{font-size:6px}
  #jlpt180-pk-app .pk-inline-challenge b{font-size:7px}
  #jlpt180-pk-app .pk-leader-expand{min-height:38px;display:block;padding:7px;border:1px solid #8470d3;border-radius:11px;background:linear-gradient(100deg,#e7f8ff,#eee6ff,#ffe7f4);color:#51369f;font-size:9px;font-weight:900;cursor:pointer}
}

@media(max-width:390px){
  #jlpt180-pk-app .pk-nav-links a{display:none}
  #jlpt180-pk-app .pk-hero{grid-template-columns:minmax(0,1fr) 57px;padding-inline:6px}
  #jlpt180-pk-app .pk-hero-emblem{width:41px;height:48px;flex-basis:41px}
  #jlpt180-pk-app .pk-hero h1{font-size:14px}
  #jlpt180-pk-app .pk-quota strong{font-size:15px}
  #jlpt180-pk-app .pk-tabs button{padding-inline:2px;font-size:8px}
  #jlpt180-pk-app .pk-mode-grid b{font-size:8px}
  #jlpt180-pk-app .pk-climb-panel{grid-template-columns:minmax(0,1fr) 94px;padding-inline:8px}
  #jlpt180-pk-app .pk-rank-route{gap:2px}
  #jlpt180-pk-app .pk-rank-node>i{width:41px;height:41px}
  #jlpt180-pk-app .pk-rank-rail{top:25px}
  #jlpt180-pk-app .pk-rank-node>b{font-size:6px}
  #jlpt180-pk-app .pk-rank-node>small{display:none}
  #jlpt180-pk-app .pk-climb-progress div{font-size:6px}
  #jlpt180-pk-app .pk-section-head{grid-template-columns:minmax(0,1fr) 34px}
  #jlpt180-pk-app .pk-section-head button{padding-inline:4px}
  #jlpt180-pk-app .pk-leader-card{grid-template-columns:34px 32px minmax(0,1fr) 72px;gap:4px}
  #jlpt180-pk-app .pk-rank-number{width:32px;height:32px}
  #jlpt180-pk-app .pk-rank-medal,#jlpt180-pk-app .pk-rank-medal-new{width:33px;height:33px}
  #jlpt180-pk-app .pk-leader-card>.pk-character{width:31px;height:31px;flex-basis:31px}
  #jlpt180-pk-app .pk-leader-user b{font-size:10px}
}

/* v1.8.16 — desktop Navi-style matchmaking console. */
@media(min-width:721px){
  #jlpt180-pk-app .pk-action-buttons{padding-top:6px;overflow:visible}
  #jlpt180-pk-app .pk-online-action{
    min-height:116px;
    display:block;
    padding:18px 132px 18px 24px;
    overflow:visible;
    border:4px solid rgba(208,250,255,.96);
    border-radius:24px;
    clip-path:polygon(18px 0,calc(100% - 28px) 0,100% 28px,100% calc(100% - 18px),calc(100% - 18px) 100%,24px 100%,0 calc(100% - 24px),0 18px);
    background:
      radial-gradient(circle at 87% 50%,rgba(73,229,255,.38),transparent 23%),
      radial-gradient(circle at 14% 0,rgba(255,100,213,.28),transparent 34%),
      linear-gradient(108deg,#071f5d 0%,#163c9d 34%,#5632bc 68%,#b72f9c 100%);
    box-shadow:
      0 18px 34px rgba(28,25,117,.36),
      0 0 0 3px rgba(75,218,255,.17),
      0 0 30px rgba(92,207,255,.28),
      0 0 40px rgba(221,67,191,.16),
      inset 0 2px 0 rgba(255,255,255,.72),
      inset 0 -12px 24px rgba(8,13,70,.32)!important;
    text-align:left;
  }
  #jlpt180-pk-app .pk-online-action::before{
    inset:7px;
    border:2px solid rgba(181,245,255,.48);
    border-radius:17px;
    clip-path:inherit;
    background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 40%,rgba(255,255,255,.08));
    box-shadow:inset 0 0 18px rgba(57,231,255,.12);
  }
  #jlpt180-pk-app .pk-online-action::after{
    content:"";
    position:absolute;
    z-index:1;
    left:24px;
    right:126px;
    bottom:10px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,#58edff,#7e6cff 48%,#ff63cf);
    box-shadow:0 0 12px rgba(81,226,255,.72);
    pointer-events:none;
  }
  #jlpt180-pk-app .pk-online-action>img{
    position:absolute;
    z-index:3;
    right:12px;
    top:50%;
    width:104px!important;
    height:104px!important;
    padding:7px;
    transform:translateY(-50%);
    border:3px solid rgba(235,253,255,.96);
    border-radius:50%;
    background:
      radial-gradient(circle,rgba(255,255,255,.96) 0 38%,rgba(95,225,255,.44) 39% 57%,rgba(81,58,190,.84) 58% 100%);
    box-shadow:
      0 12px 26px rgba(18,16,92,.34),
      0 0 0 5px rgba(63,220,255,.15),
      0 0 24px rgba(64,228,255,.58),
      0 0 34px rgba(233,74,206,.28);
    filter:drop-shadow(0 8px 12px rgba(15,20,94,.28))!important;
  }
  #jlpt180-pk-app .pk-online-action>span{
    position:relative;
    z-index:3;
    display:block;
    min-width:0;
  }
  #jlpt180-pk-app .pk-online-action>span em{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:20px;
    padding:4px 9px;
    border:1px solid rgba(173,248,255,.62);
    border-radius:999px;
    background:rgba(4,24,91,.42);
    color:#a7fbff;
    font-size:8px;
    letter-spacing:.16em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 12px rgba(72,221,255,.18);
  }
  #jlpt180-pk-app .pk-online-action>span em::before{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#44f4be;
    box-shadow:0 0 0 4px rgba(68,244,190,.14),0 0 12px rgba(68,244,190,.82);
  }
  #jlpt180-pk-app .pk-online-action>span b{
    margin-top:9px;
    color:#fff;
    font-size:20px;
    line-height:1.05;
    letter-spacing:.045em;
    text-shadow:0 3px 8px rgba(12,12,74,.50),0 0 14px rgba(117,226,255,.18);
  }
  #jlpt180-pk-app .pk-online-action>span small{
    margin-top:7px;
    color:#dafaff;
    font-size:10px;
    line-height:1.25;
  }
  #jlpt180-pk-app .pk-online-action>span::after{
    content:"BẤM ĐỂ MỞ MENU";
    display:inline-flex;
    align-items:center;
    min-height:22px;
    margin-top:9px;
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:8px;
    background:rgba(255,255,255,.12);
    color:#fff5c5;
    font-size:7px;
    font-weight:900;
    letter-spacing:.10em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  }
  #jlpt180-pk-app .pk-online-action>i{
    position:absolute;
    z-index:4;
    right:104px;
    bottom:15px;
    width:34px;
    height:34px;
    border:2px solid rgba(231,253,255,.82);
    border-radius:11px;
    background:linear-gradient(145deg,rgba(79,229,255,.88),rgba(113,78,232,.92));
    color:#fff;
    font-size:25px;
    box-shadow:0 7px 16px rgba(14,24,111,.28),0 0 15px rgba(74,222,255,.35),inset 0 1px 0 rgba(255,255,255,.48);
  }
  #jlpt180-pk-app .pk-online-action:not(:disabled):hover{
    transform:translateY(-2px);
    filter:saturate(1.08) brightness(1.04);
    box-shadow:
      0 22px 40px rgba(28,25,117,.40),
      0 0 0 3px rgba(75,218,255,.22),
      0 0 38px rgba(92,207,255,.36),
      0 0 48px rgba(221,67,191,.22),
      inset 0 2px 0 rgba(255,255,255,.76),
      inset 0 -12px 24px rgba(8,13,70,.30)!important;
  }
}


/* v1.8.18 — actual desktop bottom-center Find Match button. */
@media(min-width:721px){
  #jlpt180-pk-app.jlpt180-pk{padding-bottom:148px!important}
  #jlpt180-pk-app .pk-action-buttons{padding-top:0;overflow:visible}
  #jlpt180-pk-app .pk-online-action{
    position:fixed!important;
    z-index:2147483000!important;
    backface-visibility:hidden!important;
    will-change:transform!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:18px!important;
    width:min(620px,calc(100vw - 48px))!important;
    min-height:102px!important;
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:14px!important;
    margin:0!important;
    padding:8px 16px 8px 10px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    border:4px solid rgba(214,252,255,.98)!important;
    border-radius:25px!important;
    clip-path:polygon(20px 0,calc(100% - 32px) 0,100% 30px,100% calc(100% - 20px),calc(100% - 20px) 100%,28px 100%,0 calc(100% - 28px),0 20px)!important;
    background:
      radial-gradient(circle at 11% 50%,rgba(76,232,255,.38),transparent 22%),
      radial-gradient(circle at 86% 0,rgba(255,91,211,.31),transparent 34%),
      linear-gradient(105deg,#061952 0%,#12358f 32%,#5330b6 67%,#ba2e98 100%)!important;
    box-shadow:
      0 20px 42px rgba(15,14,86,.48),
      0 0 0 4px rgba(72,221,255,.16),
      0 0 36px rgba(72,221,255,.42),
      0 0 50px rgba(235,70,205,.25),
      inset 0 2px 0 rgba(255,255,255,.78),
      inset 0 -14px 26px rgba(5,9,65,.36)!important;
    text-align:left!important;
  }
  #jlpt180-pk-app .pk-online-action::before{
    content:""!important;
    position:absolute!important;
    inset:7px!important;
    z-index:0!important;
    border:2px solid rgba(180,246,255,.50)!important;
    border-radius:18px!important;
    clip-path:inherit!important;
    background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 42%,rgba(255,255,255,.07))!important;
    box-shadow:inset 0 0 20px rgba(64,228,255,.13)!important;
    pointer-events:none!important;
  }
  #jlpt180-pk-app .pk-online-action::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:104px!important;
    right:62px!important;
    bottom:10px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#58edff,#7e6cff 48%,#ff63cf)!important;
    box-shadow:0 0 14px rgba(81,226,255,.76)!important;
    pointer-events:none!important;
  }
  #jlpt180-pk-app .pk-online-action>img{
    position:relative!important;
    z-index:3!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:88px!important;
    height:88px!important;
    padding:4px!important;
    transform:none!important;
    border:3px solid rgba(235,253,255,.96)!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(255,255,255,.98) 0 42%,rgba(88,225,255,.40) 43% 62%,rgba(74,53,184,.82) 63% 100%)!important;
    box-shadow:0 10px 24px rgba(11,12,79,.35),0 0 0 5px rgba(63,220,255,.16),0 0 24px rgba(64,228,255,.56),0 0 34px rgba(233,74,206,.24)!important;
    filter:drop-shadow(0 7px 11px rgba(15,20,94,.28))!important;
  }
  #jlpt180-pk-app .pk-online-action>span{position:relative!important;z-index:3!important;display:block!important;min-width:0!important}
  #jlpt180-pk-app .pk-online-action>span em{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:20px!important;padding:4px 9px!important;border:1px solid rgba(173,248,255,.62)!important;border-radius:999px!important;background:rgba(4,24,91,.42)!important;color:#a7fbff!important;font-size:8px!important;letter-spacing:.16em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 12px rgba(72,221,255,.18)!important}
  #jlpt180-pk-app .pk-online-action>span em::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#44f4be;box-shadow:0 0 0 4px rgba(68,244,190,.14),0 0 12px rgba(68,244,190,.82)}
  #jlpt180-pk-app .pk-online-action>span b{display:block!important;margin-top:0!important;color:#fff!important;font-size:24px!important;line-height:1!important;letter-spacing:.055em!important;text-shadow:0 3px 8px rgba(12,12,74,.52),0 0 16px rgba(117,226,255,.22)!important}
  #jlpt180-pk-app .pk-online-action>span small{display:block!important;margin-top:6px!important;color:#dffaff!important;font-size:11px!important;line-height:1.2!important}
  #jlpt180-pk-app .pk-online-action>span::after{content:"BẤM ĐỂ CHỌN THỂ THỨC"!important;display:inline-flex!important;align-items:center!important;min-height:22px!important;margin-top:7px!important;padding:4px 10px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:8px!important;background:rgba(255,255,255,.12)!important;color:#fff5c5!important;font-size:7px!important;font-weight:900!important;letter-spacing:.10em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important}
  #jlpt180-pk-app .pk-online-action>i{position:relative!important;z-index:4!important;right:auto!important;bottom:auto!important;width:42px!important;height:48px!important;display:grid!important;place-items:center!important;border:2px solid rgba(231,253,255,.84)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(79,229,255,.9),rgba(113,78,232,.94))!important;color:#fff!important;font-size:30px!important;box-shadow:0 8px 18px rgba(14,24,111,.30),0 0 18px rgba(74,222,255,.38),inset 0 1px 0 rgba(255,255,255,.50)!important}
  #jlpt180-pk-app .pk-online-action:not(:disabled):hover{transform:translateX(-50%) translateY(-3px)!important;filter:saturate(1.08) brightness(1.05)!important}
  #jlpt180-pk-app .pk-online-action:not(:disabled):active{transform:translateX(-50%) translateY(1px) scale(.99)!important}
  #jlpt180-pk-app .pk-online-action:disabled{transform:translateX(-50%)!important}
}
@media(max-width:720px){
  body .pk-pk-navi-host{visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;z-index:2147482500!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 96px)!important}
}

/* v1.8.20 — performance guards without changing the game layout. */
#jlpt180-pk-app .pk-leader-section{
  content-visibility:visible;
  contain:none;
}
html.pk-page-hidden #jlpt180-pk-app *,
html.pk-page-hidden #jlpt180-pk-app *::before,
html.pk-page-hidden #jlpt180-pk-app *::after{
  animation-play-state:paused!important;
}
#jlpt180-pk-app.pk-board-loading .pk-leader-section,
#jlpt180-pk-app.pk-board-loading .pk-top3,
#jlpt180-pk-app.pk-board-loading .pk-holder-card{
  cursor:progress;
}
#jlpt180-pk-app.pk-board-loading .pk-leader-list,
#jlpt180-pk-app.pk-board-loading .pk-podium{
  opacity:.72;
  transition:none!important;
}
#jlpt180-pk-app.pk-online-modal-active .pk-leader-section,
#jlpt180-pk-app.pk-online-modal-active .pk-leader-card{
  animation:none!important;
  transition:none!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-online-backdrop,
#jlpt180-pk-app.pk-performance-lite .pk-result-backdrop,
#jlpt180-pk-app.pk-performance-lite .pk-exam-level-card,
#jlpt180-pk-app.pk-performance-lite .pk-exam-chip,
#jlpt180-pk-app.pk-performance-lite .pk-stage-pill,
#jlpt180-pk-app.pk-performance-lite .pk-podium-copy{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-match-orbit,
#jlpt180-pk-app.pk-performance-lite .pk-online-live i,
#jlpt180-pk-app.pk-performance-lite .pk-match-searching{
  animation:none!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-top3,
#jlpt180-pk-app.pk-performance-lite .pk-config,
#jlpt180-pk-app.pk-performance-lite .pk-climb-panel,
#jlpt180-pk-app.pk-performance-lite .pk-actions-card,
#jlpt180-pk-app.pk-performance-lite .pk-leader-section{
  box-shadow:0 16px 34px rgba(35,20,94,.22),0 0 18px rgba(117,88,220,.12),inset 0 1px 0 rgba(255,255,255,.74)!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-podium-card,
#jlpt180-pk-app.pk-performance-lite .pk-leader-card,
#jlpt180-pk-app.pk-performance-lite .pk-rules-details{
  box-shadow:0 10px 22px rgba(47,27,108,.14),inset 0 1px 0 rgba(255,255,255,.76)!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-top3::after,
#jlpt180-pk-app.pk-performance-lite .pk-climb-panel::after{
  opacity:.45!important;
}
@media(max-width:720px){
  #jlpt180-pk-app .pk-podium-copy,
  #jlpt180-pk-app .pk-stage-pill,
  #jlpt180-pk-app .pk-exam-level-card,
  #jlpt180-pk-app .pk-exam-chip{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #jlpt180-pk-app .pk-top3,
  #jlpt180-pk-app .pk-config,
  #jlpt180-pk-app .pk-climb-panel,
  #jlpt180-pk-app .pk-actions-card,
  #jlpt180-pk-app .pk-leader-section{
    box-shadow:0 11px 24px rgba(39,23,98,.20),0 0 14px rgba(115,87,220,.10),inset 0 1px 0 rgba(255,255,255,.70)!important;
  }
  #jlpt180-pk-app .pk-top3::after,
  #jlpt180-pk-app .pk-climb-panel::after{
    opacity:.52!important;
  }
}

/* v1.8.27 — bright game lobby palette + keep the compact online modal layout. */
#jlpt180-pk-app .pk-online-backdrop{
  background:radial-gradient(circle at 50% 18%,rgba(126,111,255,.26),transparent 34%),radial-gradient(circle at 84% 15%,rgba(255,125,212,.18),transparent 26%),rgba(34,24,78,.58)!important;
}
#jlpt180-pk-app .pk-online-panel{
  border-color:rgba(255,255,255,.94)!important;
  background:radial-gradient(circle at 50% -10%,rgba(147,232,255,.48),transparent 34%),radial-gradient(circle at 92% 22%,rgba(255,151,223,.28),transparent 29%),linear-gradient(145deg,rgba(252,252,255,.99),rgba(232,237,255,.98) 54%,rgba(250,231,248,.98))!important;
  color:#2c1a56!important;
  box-shadow:0 30px 82px rgba(28,18,78,.34),0 0 34px rgba(117,204,255,.20),inset 0 0 0 1px rgba(111,88,204,.08),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-live{
  border-color:rgba(73,190,224,.28)!important;
  background:linear-gradient(145deg,rgba(232,250,255,.96),rgba(239,235,255,.96))!important;
  color:#087f9e!important;
  box-shadow:inset 0 1px 0 #fff,0 9px 20px rgba(66,105,171,.12)!important;
}
#jlpt180-pk-app .pk-online-panel h2{
  color:#2c155b!important;
  text-shadow:0 3px 14px rgba(121,82,209,.10)!important;
}
#jlpt180-pk-app .pk-online-subtitle{color:#695683!important}
#jlpt180-pk-app .pk-online-type-picker button{
  border-color:rgba(103,80,183,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,232,255,.93))!important;
  color:#38245e!important;
  box-shadow:0 10px 22px rgba(61,41,123,.10),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-type-picker button>small{color:#75658f!important}
#jlpt180-pk-app .pk-online-type-picker button.active{
  border-color:#655ee8!important;
  background:linear-gradient(145deg,#e5f8ff,#eee5ff 55%,#ffe7f6)!important;
  box-shadow:0 0 0 4px rgba(91,89,232,.10),0 12px 26px rgba(83,61,184,.16),0 0 18px rgba(104,91,226,.10),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-type-picker button[data-online-type="chaos"].active{
  border-color:#df5cb9!important;
  background:radial-gradient(circle at 15% 15%,rgba(255,212,93,.24),transparent 34%),linear-gradient(145deg,#e8f9ff,#f0e1ff 52%,#ffe1f3)!important;
}
#jlpt180-pk-app .pk-online-type-picker button[data-online-type="friend"].active{
  border-color:#35b6cf!important;
  background:linear-gradient(145deg,#e6fcff,#eef0ff 55%,#fcecff)!important;
}
#jlpt180-pk-app .pk-online-mode-picker button{
  border-color:rgba(107,82,194,.25)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,239,255,.93))!important;
  color:#29164f!important;
  box-shadow:0 13px 27px rgba(69,44,150,.12),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-mode-picker button:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,230,247,.93))!important}
#jlpt180-pk-app .pk-online-mode-picker button.active{
  border-color:#53d5f4!important;
  background:linear-gradient(145deg,#effcff,#e8ecff)!important;
  box-shadow:0 0 0 4px rgba(68,203,245,.11),0 13px 29px rgba(80,58,190,.17),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-mode-picker button:nth-child(2).active{
  border-color:#e24faf!important;
  background:linear-gradient(145deg,#fff9fd,#ffe8f6)!important;
  box-shadow:0 0 0 4px rgba(226,74,174,.09),0 13px 29px rgba(190,57,147,.16),inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-mode-picker span small{color:#aa3c88!important}
#jlpt180-pk-app .pk-online-mode-picker span b{color:#302071!important}
#jlpt180-pk-app .pk-online-mode-picker span em{color:#67557e!important}
#jlpt180-pk-app .pk-friend-panel{
  border-color:rgba(71,184,211,.30)!important;
  background:radial-gradient(circle at 85% 0,rgba(232,112,203,.12),transparent 30%),linear-gradient(145deg,rgba(237,252,255,.94),rgba(243,237,255,.95))!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 24px rgba(49,75,137,.09)!important;
}
#jlpt180-pk-app .pk-friend-join{border-color:rgba(101,81,168,.18)!important;background:rgba(255,255,255,.68)!important}
#jlpt180-pk-app .pk-friend-join label{color:#685580!important}
#jlpt180-pk-app .pk-friend-share{
  border-color:rgba(58,175,205,.44)!important;
  background:linear-gradient(145deg,rgba(231,252,255,.94),rgba(249,239,255,.95))!important;
}
#jlpt180-pk-app .pk-friend-share>span{color:#27829a!important}
#jlpt180-pk-app .pk-friend-share>strong{color:#472fa6!important}
#jlpt180-pk-app .pk-friend-share>small{color:#6f5c84!important}
#jlpt180-pk-app .pk-match-arena{
  border-color:rgba(110,83,190,.22)!important;
  background:radial-gradient(circle at 50% 50%,rgba(121,217,255,.18),transparent 28%),linear-gradient(115deg,rgba(226,246,255,.88),rgba(244,235,255,.94) 48%,rgba(255,230,247,.88))!important;
  box-shadow:inset 0 1px 0 #fff,0 15px 34px rgba(62,39,131,.10)!important;
}
#jlpt180-pk-app .pk-match-slot{border-color:rgba(111,86,189,.18)!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 #fff!important}
#jlpt180-pk-app .pk-match-slot small{color:#9074b5!important}
#jlpt180-pk-app .pk-match-slot b{color:#2e1851!important}
#jlpt180-pk-app .pk-match-slot em{color:#177a94!important}
#jlpt180-pk-app .pk-online-status{
  border-color:rgba(106,78,181,.18)!important;
  background:rgba(255,255,255,.66)!important;
  color:#564370!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
#jlpt180-pk-app .pk-online-stages span{border-color:rgba(106,78,181,.18)!important;background:rgba(255,255,255,.62)!important;color:#8a78a4!important}
#jlpt180-pk-app .pk-online-stages span.active{border-color:#6f65e8!important;background:linear-gradient(105deg,#e4f7ff,#eee4ff)!important;color:#4935a4!important}
#jlpt180-pk-app .pk-online-stages span.done{border-color:#5adbb8!important;background:#e4fff6!important;color:#167b64!important}
#jlpt180-pk-app .pk-online-fallback{color:#75648d!important}

@media(max-width:700px){
  #jlpt180-pk-app .pk-online-panel{background:radial-gradient(circle at 50% -8%,rgba(147,232,255,.40),transparent 31%),linear-gradient(145deg,rgba(252,252,255,.99),rgba(235,232,255,.99) 58%,rgba(250,234,248,.99))!important}
}

/* v1.9.3 — lightweight matchmaking elapsed timer. */
#jlpt180-pk-app .pk-online-search-time[hidden]{display:none!important}
#jlpt180-pk-app .pk-online-search-time{
  width:max-content;max-width:100%;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:10px;
  margin:11px auto 0;padding:8px 13px 8px 15px;border:2px solid rgba(89,197,230,.42);border-radius:15px;
  background:linear-gradient(135deg,rgba(229,251,255,.96),rgba(239,235,255,.97) 58%,rgba(255,237,249,.95));
  box-shadow:0 9px 20px rgba(67,61,155,.10),0 0 16px rgba(72,205,239,.10),inset 0 1px 0 #fff;
}
#jlpt180-pk-app .pk-online-search-time small{
  color:#3b718d;font-size:9px;font-weight:900;line-height:1.15;letter-spacing:.11em;white-space:nowrap;
}
#jlpt180-pk-app .pk-online-search-time strong{
  min-width:65px;padding:5px 9px;border:1px solid rgba(255,255,255,.88);border-radius:10px;
  background:linear-gradient(135deg,#4567df,#9f4cd9 62%,#e34ea4);color:#fff;font-size:18px;font-weight:900;line-height:1;
  letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 7px 15px rgba(86,61,184,.20),inset 0 1px 0 rgba(255,255,255,.28);
}
@media(max-width:700px){
  #jlpt180-pk-app .pk-online-search-time{gap:7px;margin-top:8px;padding:6px 9px 6px 11px;border-radius:12px}
  #jlpt180-pk-app .pk-online-search-time small{font-size:8px;letter-spacing:.07em}
  #jlpt180-pk-app .pk-online-search-time strong{min-width:58px;padding:5px 7px;font-size:16px}
}

/* v1.9.9 — paint containment and low-power rendering guards. */
#jlpt180-pk-app .pk-podium-card,
#jlpt180-pk-app .pk-leader-card,
#jlpt180-pk-app .pk-match-slot,
#jlpt180-pk-app .pk-online-mode-picker button,
#jlpt180-pk-app .pk-online-type-picker button{
  contain:layout style;
}
#jlpt180-pk-app.pk-performance-lite .pk-exam-title-art,
#jlpt180-pk-app.pk-performance-lite .pk-character-layer,
#jlpt180-pk-app.pk-performance-lite .pk-prompt,
#jlpt180-pk-app.pk-performance-lite .pk-match-core img,
#jlpt180-pk-app.pk-performance-lite .pk-result-crest img{
  filter:none!important;
}
#jlpt180-pk-app.pk-performance-lite .pk-online-panel,
#jlpt180-pk-app.pk-performance-lite .pk-result-panel,
#jlpt180-pk-app.pk-performance-lite .pk-question-core,
#jlpt180-pk-app.pk-performance-lite .pk-exam-fighter{
  box-shadow:0 12px 28px rgba(37,22,89,.16),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#jlpt180-pk-app[aria-busy="true"] #pk-reload-btn,
#jlpt180-pk-app[aria-busy="true"] #pk-top3-reload{
  pointer-events:none;
}

/* v1.11.0 — history, invitations, rematch and tournament hub. */
.pk-feature-hub{position:relative;z-index:8;margin:24px auto 0;padding:22px;width:min(1180px,calc(100% - 28px));border:1px solid rgba(70,95,180,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,246,255,.9));box-shadow:0 18px 44px rgba(35,52,110,.1)}
.pk-feature-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.pk-feature-head span,.pk-feature-detail-head small{display:block;color:#6954d9;font-size:11px;font-weight:1000;letter-spacing:.12em}.pk-feature-head h2,.pk-feature-detail-head h2{margin:4px 0;color:#18234e;font-size:clamp(22px,3vw,34px);line-height:1}.pk-feature-head p,.pk-feature-detail-head p{margin:8px 0 0;color:#65708f;font-weight:800}.pk-feature-head>button{min-height:42px;padding:0 16px;border:1px solid rgba(80,89,160,.18);border-radius:14px;background:#fff;color:#39416c;font-weight:1000;cursor:pointer}
.pk-target-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#ede9fe,#dbeafe);border:1px solid rgba(124,58,237,.2)}.pk-target-invite div{display:grid;gap:3px}.pk-target-invite small{color:#6d28d9;font-weight:1000;letter-spacing:.09em}.pk-target-invite strong{color:#172554;font-size:20px}.pk-target-invite span{color:#596681;font-weight:800}.pk-target-invite button,.pk-tournament-create button,.pk-invite-actions button,.pk-tournament-actions button,.pk-history-result button,.pk-bracket-match button,.pk-result-rematch{min-height:40px;padding:0 14px;border:0;border-radius:13px;background:linear-gradient(135deg,#6d28d9,#2563eb);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(79,70,229,.18)}
.pk-feature-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;padding:6px;border-radius:18px;background:rgba(226,232,255,.75)}.pk-feature-tabs button{min-height:46px;border:0;border-radius:13px;background:transparent;color:#59617f;font-weight:1000;cursor:pointer}.pk-feature-tabs button.active{background:#fff;color:#3730a3;box-shadow:0 8px 20px rgba(43,54,120,.12)}.pk-feature-tabs b{display:inline-flex;min-width:21px;height:21px;align-items:center;justify-content:center;margin-left:5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px}
.pk-feature-panel{display:none;margin-top:16px}.pk-feature-panel.active{display:block}.pk-history-list,.pk-friend-list,.pk-invite-list,.pk-tournament-list{display:grid;gap:10px}.pk-history-row,.pk-invite-row,.pk-tournament-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(82,94,159,.14);border-radius:19px;background:rgba(255,255,255,.88)}.pk-history-row{border-left:5px solid #94a3b8}.pk-history-row.win{border-left-color:#22c55e}.pk-history-row.loss{border-left-color:#ef4444}.pk-history-avatar,.pk-invite-avatar{width:58px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#eef2ff}.pk-history-avatar .pk-character,.pk-invite-avatar .pk-character{width:58px;height:58px}.pk-history-main,.pk-invite-row>div:nth-child(2),.pk-tournament-row>div:first-child{display:grid;gap:3px}.pk-history-main small,.pk-invite-row small,.pk-tournament-row small{color:#6d5bd0;font-size:10px;font-weight:1000;letter-spacing:.05em}.pk-history-main b,.pk-invite-row b,.pk-tournament-row b{color:#172554;font-size:17px}.pk-history-main span,.pk-invite-row span,.pk-tournament-row span{color:#68738e;font-size:12px;font-weight:800}.pk-history-result,.pk-invite-actions,.pk-tournament-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pk-history-result strong{color:#25305d}.pk-history-result em{font-style:normal;font-weight:1000}.pk-history-result em.gain{color:#16a34a}.pk-history-result em.loss{color:#dc2626}.pk-history-result em.neutral{color:#64748b}.pk-history-result button,.pk-invite-actions button,.pk-tournament-actions button{min-height:34px;padding:0 11px;font-size:10px}.pk-invite-actions button.secondary{background:#fff;color:#59617f;border:1px solid rgba(82,94,159,.18);box-shadow:none}.pk-invite-actions button:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.pk-invite-state{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#5b5f83!important;text-transform:uppercase;font-size:10px!important}
.pk-tournament-create{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(130px,.4fr) auto;gap:10px;align-items:end;margin-bottom:14px;padding:14px;border-radius:18px;background:rgba(238,242,255,.8)}.pk-tournament-create label{display:grid;gap:6px;color:#4d5678;font-size:11px;font-weight:1000}.pk-tournament-create input,.pk-tournament-create select{height:44px;padding:0 12px;border:1px solid rgba(82,94,159,.2);border-radius:13px;background:#fff;color:#172554;font-weight:900}.pk-tournament-row{grid-template-columns:minmax(0,1fr) auto}
.pk-tournament-sections{display:grid;gap:16px}.pk-tournament-section{padding:16px;border:1px solid rgba(91,73,168,.18);border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(54,38,119,.08)}.pk-chaos-tournament-section{border-color:rgba(181,57,157,.32);background:radial-gradient(circle at 90% 0,rgba(244,114,182,.2),transparent 32%),linear-gradient(135deg,rgba(235,248,255,.94),rgba(237,229,255,.94) 54%,rgba(255,229,245,.94))}.pk-tournament-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.pk-tournament-section-head small{color:#b52e81;font-size:9px;font-weight:1000;letter-spacing:.12em}.pk-tournament-section-head h3{margin:3px 0 0;color:#271340;font-size:20px}.pk-tournament-section-head p{margin:4px 0 0;color:#665574;font-size:11px;font-weight:750}.pk-chaos-mark{flex:0 0 auto;padding:9px 12px;border:2px solid rgba(255,255,255,.78);border-radius:14px;background:linear-gradient(135deg,#2ba9db,#775be4 55%,#d744aa);color:#fff;font-size:12px;font-weight:1000;box-shadow:0 8px 20px rgba(84,57,177,.2)}.pk-chaos-create{background:rgba(255,255,255,.6)}.pk-chaos-tournament-row{border-left:5px solid #b83ca4;background:linear-gradient(110deg,rgba(237,250,255,.94),rgba(244,235,255,.93),rgba(255,235,247,.93))}
.pk-chaos-detail-head{padding-bottom:13px;border-bottom:1px solid rgba(99,79,169,.16)}.pk-chaos-lobby,.pk-chaos-live,.pk-chaos-champion{margin-top:16px;padding:16px;border:1px solid rgba(95,78,168,.18);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,242,255,.9));box-shadow:0 12px 28px rgba(50,35,110,.09)}.pk-chaos-round-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.pk-chaos-round-head small{color:#b52e81;font-size:9px;font-weight:1000;letter-spacing:.12em}.pk-chaos-round-head h3{margin:3px 0 0;color:#271340}.pk-chaos-round-head p{margin:0;color:#5a4b72;font-size:12px;font-weight:900}.pk-chaos-lobby-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pk-chaos-lobby-slot{position:relative;min-width:0;min-height:112px;display:grid;place-items:center;align-content:center;gap:4px;padding:9px;border:2px solid rgba(93,159,224,.32);border-radius:17px;background:linear-gradient(145deg,#e8f9ff,#eee8ff 55%,#ffeaf6);overflow:hidden}.pk-chaos-lobby-slot>span{position:absolute;top:7px;left:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#6652c7;color:#fff;font-size:9px;font-weight:1000}.pk-chaos-lobby-slot>div{width:56px;height:56px;display:grid;place-items:center}.pk-chaos-lobby-slot .pk-character{width:56px;height:56px}.pk-chaos-lobby-slot>b{max-width:100%;color:#30204c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-chaos-lobby-slot.is-empty{border-style:dashed;opacity:.58}.pk-chaos-lobby-slot.is-empty>div{width:48px;height:48px;border-radius:50%;background:rgba(104,84,170,.1)}
.pk-chaos-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pk-chaos-player{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:2px solid rgba(91,151,219,.28);border-radius:17px;background:linear-gradient(125deg,#edfaff,#f0ebff 58%,#ffedf7)}.pk-chaos-player.is-viewer{border-color:#deaa28;background:linear-gradient(125deg,#fff6c7,#f1e8ff,#e8f8ff)}.pk-chaos-player.is-qualified{border-color:#35b978;background:linear-gradient(125deg,#dcfce7,#e8f7ff,#f2ebff)}.pk-chaos-player-art,.pk-chaos-player-art .pk-character{width:52px;height:52px}.pk-chaos-player-copy{min-width:0;display:grid;gap:2px}.pk-chaos-player-copy small{color:#8b3bb1;font-size:8px;font-weight:1000;letter-spacing:.08em}.pk-chaos-player-copy b{color:#2b1b47;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-chaos-player-copy span{color:#635674;font-size:10px;font-weight:800}.pk-chaos-player>em{padding:5px 7px;border-radius:9px;background:#6352c7;color:#fff;font-size:8px;font-style:normal;font-weight:1000}.pk-chaos-player.is-qualified>em{background:#15945a}.pk-chaos-history{margin-top:17px}.pk-chaos-history>h3{color:#4c3b72;font-size:11px;letter-spacing:.1em}.pk-chaos-past{margin-top:8px;border:1px solid rgba(93,76,163,.16);border-radius:15px;background:rgba(255,255,255,.74);overflow:hidden}.pk-chaos-past summary{padding:11px 13px;color:#48366e;font-size:11px;font-weight:1000;cursor:pointer}.pk-chaos-past .pk-chaos-scoreboard{padding:0 10px 10px}.pk-chaos-primary{position:sticky;bottom:-24px;margin:18px -24px -24px;padding:13px 24px;background:linear-gradient(180deg,rgba(243,246,255,.2),#eef3ff 32%);text-align:center}.pk-chaos-primary button{min-width:240px;min-height:48px;border:2px solid #d9f8ff;border-radius:15px;background:linear-gradient(105deg,#168fc4,#5e58df 58%,#c940af);color:#fff;font-size:12px;font-weight:1000;cursor:pointer;box-shadow:0 12px 26px rgba(73,54,176,.25)}.pk-chaos-champion{text-align:center;background:radial-gradient(circle at 50% 25%,rgba(255,222,103,.35),transparent 38%),linear-gradient(145deg,#fff9dd,#f3eaff,#e4f8ff)}.pk-chaos-champion small{color:#b27713;font-weight:1000;letter-spacing:.15em}.pk-chaos-champion>div,.pk-chaos-champion .pk-character{width:130px;height:130px;margin:auto}.pk-chaos-champion h3{margin:2px 0;color:#6c4010;font-size:24px}.pk-chaos-champion p{margin:5px 0 0;color:#665574;font-size:11px;font-weight:800}
.pk-feature-modal{position:fixed;inset:0;z-index:2147483100;display:flex;align-items:center;justify-content:center;padding:18px}.pk-feature-modal[hidden]{display:none}.pk-feature-modal-backdrop{position:absolute;inset:0;background:rgba(10,16,45,.68);backdrop-filter:blur(5px)}.pk-feature-modal-panel{position:relative;z-index:2;width:min(980px,100%);max-height:88vh;overflow:auto;padding:24px;border-radius:26px;background:linear-gradient(145deg,#fff,#eef4ff);box-shadow:0 28px 90px rgba(8,15,50,.35)}.pk-feature-modal-close{position:sticky;float:right;top:0;z-index:3;width:42px;height:42px;border:0;border-radius:13px;background:#ef4444;color:#fff;font-size:25px;font-weight:1000;cursor:pointer}.pk-feature-loading{padding:70px 20px;text-align:center;color:#59617f;font-weight:1000}.pk-feature-detail-head{padding-right:52px}.pk-bracket{display:flex;gap:14px;overflow:auto;padding:18px 2px 8px}.pk-bracket-round{min-width:250px;display:grid;align-content:start;gap:10px}.pk-bracket-round h3{margin:0;color:#4f46e5;font-size:12px;letter-spacing:.1em}.pk-bracket-match{display:grid;gap:6px;padding:12px;border:1px solid rgba(82,94,159,.15);border-radius:17px;background:#fff}.pk-bracket-match>div{padding:8px 10px;border-radius:11px;background:#f3f5ff;color:#3f4869;font-weight:900}.pk-bracket-match>div.winner{background:#dcfce7;color:#15803d}.pk-bracket-match>b{text-align:center;color:#9aa3bd;font-size:11px}.pk-bracket-match>small{color:#7b849f;text-transform:uppercase;font-weight:1000}.pk-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pk-result-rematch{min-width:180px}.jlpt180-pk-feature-open{overflow:hidden}
@media(max-width:720px){.pk-feature-hub{width:calc(100% - 16px);padding:15px;border-radius:22px}.pk-feature-head{align-items:flex-start}.pk-feature-head p{display:none}.pk-feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pk-feature-tabs button{min-height:38px;font-size:9px}.pk-history-row,.pk-invite-row,.pk-tournament-row{grid-template-columns:auto minmax(0,1fr)}.pk-history-result,.pk-invite-actions,.pk-tournament-actions{grid-column:1/-1;justify-content:flex-start}.pk-tournament-create{grid-template-columns:1fr}.pk-target-invite{align-items:flex-start;flex-direction:column}.pk-feature-modal{padding:8px}.pk-feature-modal-panel{padding:13px;border-radius:20px}.pk-bracket{padding-bottom:14px}.pk-tournament-section{padding:10px;border-radius:17px}.pk-tournament-section-head{align-items:flex-start}.pk-tournament-section-head h3{font-size:15px}.pk-tournament-section-head p{font-size:8px;line-height:1.35}.pk-chaos-mark{padding:7px;font-size:9px}.pk-chaos-lobby,.pk-chaos-live,.pk-chaos-champion{margin-top:10px;padding:10px;border-radius:17px}.pk-chaos-round-head{align-items:flex-start;margin-bottom:9px}.pk-chaos-round-head h3{font-size:14px}.pk-chaos-round-head p{max-width:120px;font-size:8px;text-align:right}.pk-chaos-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pk-chaos-lobby-slot{min-height:83px;padding:6px;border-radius:13px}.pk-chaos-lobby-slot>div,.pk-chaos-lobby-slot .pk-character{width:40px;height:40px}.pk-chaos-lobby-slot>b{font-size:9px}.pk-chaos-scoreboard{grid-template-columns:1fr;gap:6px}.pk-chaos-player{grid-template-columns:42px minmax(0,1fr) auto;gap:6px;padding:7px;border-radius:13px}.pk-chaos-player-art,.pk-chaos-player-art .pk-character{width:40px;height:40px}.pk-chaos-player-copy b{font-size:10px}.pk-chaos-player-copy span{font-size:8px}.pk-chaos-player>em{padding:4px;font-size:6px}.pk-chaos-primary{bottom:-13px;margin:12px -13px -13px;padding:9px 13px}.pk-chaos-primary button{width:100%;min-width:0;min-height:44px}.pk-chaos-champion>div,.pk-chaos-champion .pk-character{width:95px;height:95px}}

/* v1.11.3 — lightweight friend presence. */
.pk-friend-row .pk-friend-meta{display:block}
.pk-friend-row .pk-presence{width:max-content;display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:9px!important;font-weight:1000;line-height:1.2;letter-spacing:.02em}
.pk-friend-row .pk-presence i{width:7px;height:7px;display:block;flex:0 0 7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(148,163,184,.13)}
.pk-friend-row .pk-presence--online{background:rgba(34,197,94,.11);color:#15803d!important}
.pk-friend-row .pk-presence--online i{box-shadow:0 0 0 3px rgba(34,197,94,.14),0 0 10px rgba(34,197,94,.35)}
.pk-friend-row .pk-presence--in_match{background:rgba(124,58,237,.11);color:#6d28d9!important}
.pk-friend-row .pk-presence--in_match i{box-shadow:0 0 0 3px rgba(124,58,237,.13),0 0 10px rgba(124,58,237,.3)}
.pk-friend-row .pk-presence--offline{background:rgba(100,116,139,.1);color:#64748b!important}


/* v1.12.3 — compact mobile game picker + direct friend roster. */
#jlpt180-pk-app .pk-online-close{
  position:absolute;z-index:8;right:12px;top:12px;width:38px;height:38px;display:none;place-items:center;
  padding:0;border:2px solid rgba(255,255,255,.94);border-radius:12px;background:linear-gradient(145deg,#ff5d73,#d92f59);
  color:#fff;font-size:24px;font-weight:900;line-height:1;box-shadow:0 8px 18px rgba(191,43,81,.22),inset 0 1px 0 rgba(255,255,255,.38);cursor:pointer;
}
#jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-close{display:none}
#jlpt180-pk-app .pk-online-type-picker button>span .pk-online-type-symbol{font-style:normal}
#jlpt180-pk-app .pk-online-type-picker button>span img{display:none!important;width:34px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px rgba(73,50,148,.18))}
#jlpt180-pk-app .pk-friend-roster-toggle{
  min-height:60px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 12px;
  border:2px solid rgba(73,189,218,.58);border-radius:16px;background:linear-gradient(105deg,#e8fbff,#ecebff 54%,#ffe9f7);
  color:#321b6b;text-align:left;box-shadow:0 10px 22px rgba(67,78,176,.12),inset 0 1px 0 #fff;cursor:pointer;
}
#jlpt180-pk-app .pk-friend-roster-toggle>img{display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;filter:drop-shadow(0 6px 8px rgba(62,47,146,.18))}
#jlpt180-pk-app .pk-friend-roster-toggle>span{min-width:0;display:grid;gap:2px}
#jlpt180-pk-app .pk-friend-roster-toggle>span b{color:#302071;font-size:12px;font-weight:900;line-height:1.15}
#jlpt180-pk-app .pk-friend-roster-toggle>span small{color:#6c5a86;font-size:8px;font-weight:800;line-height:1.2}
#jlpt180-pk-app .pk-friend-roster-toggle>strong{min-width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#4b71e7,#c23fbd);color:#fff;font-size:11px;font-weight:900;box-shadow:0 6px 13px rgba(81,68,190,.18)}
#jlpt180-pk-app .pk-friend-roster[hidden]{display:none!important}
#jlpt180-pk-app .pk-friend-roster{min-width:0;display:grid;gap:9px;padding:10px;border:1px solid rgba(91,78,174,.18);border-radius:16px;background:rgba(255,255,255,.76)}
#jlpt180-pk-app .pk-friend-roster>header{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
#jlpt180-pk-app .pk-friend-roster>header>div{min-width:0;display:grid;gap:2px}
#jlpt180-pk-app .pk-friend-roster>header small{color:#9a3b91;font-size:8px;font-weight:900;letter-spacing:.08em}
#jlpt180-pk-app .pk-friend-roster>header b{color:#342264;font-size:11px;font-weight:900}
#jlpt180-pk-app .pk-friend-roster>header button{min-height:34px;padding:0 10px;border:1px solid rgba(92,76,169,.18);border-radius:10px;background:#fff;color:#5b4690;font-size:8px;font-weight:900;cursor:pointer}
#jlpt180-pk-app .pk-friend-roster-list{min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:340px;overflow:auto;overscroll-behavior:contain;padding:1px 2px 2px;scrollbar-width:thin}
#jlpt180-pk-app .pk-friend-roster-card{min-width:0;display:grid;grid-template-rows:auto auto auto auto;justify-items:center;align-content:start;gap:4px;padding:9px 7px;border:1px solid rgba(92,80,170,.16);border-radius:15px;background:linear-gradient(155deg,#fff,#f0f5ff 62%,#fbefff);box-shadow:0 7px 16px rgba(57,47,126,.08),inset 0 1px 0 #fff}
#jlpt180-pk-app .pk-friend-roster-avatar{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.96);border-radius:50%;background:linear-gradient(145deg,#dff9ff,#e8dcff 58%,#ffdff2);box-shadow:0 5px 12px rgba(68,54,151,.14),0 0 0 3px rgba(94,83,196,.08)}
#jlpt180-pk-app .pk-friend-roster-avatar .pk-character{width:54px!important;height:54px!important}
#jlpt180-pk-app .pk-friend-roster-card>b{max-width:100%;overflow:hidden;color:#291950;font-size:10px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
#jlpt180-pk-app .pk-friend-roster-presence{display:inline-flex;align-items:center;gap:4px;color:#718096;font-size:7px;font-weight:900;line-height:1}
#jlpt180-pk-app .pk-friend-roster-presence i{width:6px;height:6px;border-radius:50%;background:#94a3b8}
#jlpt180-pk-app .pk-friend-roster-card[data-presence="online"] .pk-friend-roster-presence{color:#15803d}
#jlpt180-pk-app .pk-friend-roster-card[data-presence="online"] .pk-friend-roster-presence i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12),0 0 8px rgba(34,197,94,.35)}
#jlpt180-pk-app .pk-friend-roster-card[data-presence="in_match"] .pk-friend-roster-presence{color:#7c3aed}
#jlpt180-pk-app .pk-friend-roster-card[data-presence="in_match"] .pk-friend-roster-presence i{background:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}
#jlpt180-pk-app .pk-friend-roster-card>button{width:100%;min-height:30px;margin-top:2px;padding:0 6px;border:0;border-radius:9px;background:linear-gradient(105deg,#287bdc,#684fe3 55%,#c83ea9);color:#fff;font-size:8px;font-weight:900;box-shadow:0 6px 12px rgba(74,69,186,.15);cursor:pointer}
#jlpt180-pk-app .pk-friend-roster-card>button:disabled{background:#e7e8f2;color:#888aa2;box-shadow:none;cursor:not-allowed}
#jlpt180-pk-app .pk-friend-roster-empty{grid-column:1/-1;min-height:92px;display:grid;place-items:center;padding:15px;border:1px dashed rgba(91,78,174,.22);border-radius:13px;background:rgba(245,247,255,.82);color:#6b5c85;font-size:10px;font-weight:800;line-height:1.4;text-align:center}
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-scope,
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-roster-toggle,
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-create,
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-join{display:none!important}
#jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-roster-toggle,
#jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-roster{display:none!important}

@media(max-width:700px){
  #jlpt180-pk-app .pk-online-modal{padding:6px}
  #jlpt180-pk-app .pk-online-panel{width:min(430px,100%);max-height:calc(100dvh - 12px);padding:14px 9px 10px;border-width:2px;border-radius:20px}
  #jlpt180-pk-app .pk-online-close{right:8px;top:8px;width:32px;height:32px;border-radius:10px;font-size:20px}
  #jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-close{display:grid}
  #jlpt180-pk-app .pk-online-crown{width:28px;height:28px;border-radius:7px;font-size:10px}
  #jlpt180-pk-app .pk-online-live{min-height:29px;padding:5px 10px;font-size:8px;letter-spacing:.08em}
  #jlpt180-pk-app .pk-online-live i{width:7px;height:7px}
  #jlpt180-pk-app .pk-online-panel h2{margin:7px auto 7px!important;padding:0 34px;font-size:19px!important;line-height:1.05!important}
  #jlpt180-pk-app .pk-online-subtitle{display:none}
  #jlpt180-pk-app .pk-online-type-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px;margin:0 0 7px}
  #jlpt180-pk-app .pk-online-type-picker button{
    min-height:70px!important;grid-template-columns:1fr!important;grid-template-areas:"icon" "title"!important;justify-items:center;align-content:center;
    gap:4px!important;padding:6px 4px!important;border-radius:14px!important;text-align:center!important;
  }
  #jlpt180-pk-app .pk-online-type-picker button>span{width:36px!important;height:36px!important;border-radius:11px!important}
  #jlpt180-pk-app .pk-online-type-picker button>span .pk-online-type-symbol{display:none}
  #jlpt180-pk-app .pk-online-type-picker button>span img{display:block!important;width:30px!important;height:30px!important}
  #jlpt180-pk-app .pk-online-type-picker button>b{font-size:9px!important;line-height:1.05}
  #jlpt180-pk-app .pk-online-type-picker button>small{display:none!important}
  #jlpt180-pk-app .pk-online-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;margin:0 0 7px}
  #jlpt180-pk-app .pk-online-mode-picker button{
    min-height:88px!important;grid-template-columns:1fr!important;justify-items:center;align-content:center;gap:2px!important;
    padding:7px 5px!important;border-radius:15px!important;text-align:center!important;
  }
  #jlpt180-pk-app .pk-online-mode-picker img{width:45px!important;height:45px!important}
  #jlpt180-pk-app .pk-online-mode-picker span{text-align:center}
  #jlpt180-pk-app .pk-online-mode-picker span small{font-size:6px!important;letter-spacing:.04em}
  #jlpt180-pk-app .pk-online-mode-picker span b{margin-top:2px!important;font-size:11px!important;line-height:1.08!important}
  #jlpt180-pk-app .pk-online-mode-picker span em{display:none!important}
  #jlpt180-pk-app .pk-online-mode-picker>button>strong{position:absolute;right:5px;top:5px;padding:4px 5px!important;font-size:6px!important}
  #jlpt180-pk-app .pk-friend-panel{gap:6px;margin:0 0 7px;padding:7px!important;border-radius:15px!important}
  #jlpt180-pk-app .pk-friend-scope{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
  #jlpt180-pk-app .pk-friend-scope button{min-height:41px!important;padding:6px 7px!important;border-radius:11px;text-align:center}
  #jlpt180-pk-app .pk-friend-scope button b{font-size:8px;line-height:1.1}
  #jlpt180-pk-app .pk-friend-scope button small{margin-top:3px;font-size:7px;line-height:1.05}
  #jlpt180-pk-app .pk-friend-roster-toggle{min-height:49px;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:5px 8px;border-radius:12px}
  #jlpt180-pk-app .pk-friend-roster-toggle>img{width:36px!important;height:36px!important}
  #jlpt180-pk-app .pk-friend-roster-toggle>span b{font-size:10px}
  #jlpt180-pk-app .pk-friend-roster-toggle>span small{font-size:7px}
  #jlpt180-pk-app .pk-friend-roster-toggle>strong{min-width:27px;height:27px;border-radius:9px;font-size:9px}
  #jlpt180-pk-app .pk-friend-create{min-height:45px!important;grid-template-columns:32px minmax(0,1fr);padding:5px 8px!important;border-radius:12px}
  #jlpt180-pk-app .pk-friend-create>span{width:30px;height:30px;border-radius:9px;font-size:18px}
  #jlpt180-pk-app .pk-friend-create>b{font-size:9px}
  #jlpt180-pk-app .pk-friend-create>small{font-size:7px}
  #jlpt180-pk-app .pk-friend-join{gap:0;padding:5px;border-radius:11px}
  #jlpt180-pk-app .pk-friend-join label{display:none}
  #jlpt180-pk-app .pk-friend-join>div{grid-template-columns:minmax(0,1fr) 82px!important;gap:5px}
  #jlpt180-pk-app .pk-friend-join input,#jlpt180-pk-app .pk-friend-join button{width:100%;min-height:36px!important;height:36px;padding:5px 8px;border-radius:9px}
  #jlpt180-pk-app .pk-friend-join input{font-size:12px}
  #jlpt180-pk-app .pk-friend-join button{font-size:8px}
  #jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-status,
  #jlpt180-pk-app .pk-online-modal[data-status="choose"] .pk-online-actions{display:none!important}
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-type-picker,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-mode-picker{display:none!important}
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-panel h2{margin-bottom:8px!important}
  #jlpt180-pk-app .pk-friend-panel.is-roster-open{margin:0;padding:7px!important}
  #jlpt180-pk-app .pk-friend-roster{gap:7px;padding:7px;border-radius:13px}
  #jlpt180-pk-app .pk-friend-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:calc(100dvh - 170px)}
  #jlpt180-pk-app .pk-friend-roster-card{gap:3px;padding:7px 6px;border-radius:13px}
  #jlpt180-pk-app .pk-friend-roster-avatar{width:50px;height:50px}
  #jlpt180-pk-app .pk-friend-roster-avatar .pk-character{width:50px!important;height:50px!important}
  #jlpt180-pk-app .pk-friend-roster-card>b{font-size:9px}
}

@media(max-width:370px){
  #jlpt180-pk-app .pk-online-panel{padding-inline:7px}
  #jlpt180-pk-app .pk-online-type-picker button{min-height:64px!important;padding-inline:2px!important}
  #jlpt180-pk-app .pk-online-mode-picker button{min-height:80px!important}
  #jlpt180-pk-app .pk-online-mode-picker img{width:39px!important;height:39px!important}
  #jlpt180-pk-app .pk-friend-roster-list{gap:5px}
}

/* v1.12.4 — room-first friend invitations. */
#jlpt180-pk-app .pk-friend-panel>.pk-friend-roster-toggle,
#jlpt180-pk-app .pk-friend-panel>.pk-friend-roster{display:none!important}
#jlpt180-pk-app .pk-friend-panel.is-room-active.can-invite-room>.pk-friend-roster-toggle{display:grid!important}
#jlpt180-pk-app .pk-friend-panel.is-room-active.can-invite-room>.pk-friend-roster:not([hidden]){display:grid!important}
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-share,
#jlpt180-pk-app .pk-friend-panel.is-roster-open>.pk-friend-roster-toggle{display:none!important}
#jlpt180-pk-app .pk-friend-roster-search{
  min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 7px 6px 10px;
  border:1px solid rgba(88,76,169,.18);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff;
}
#jlpt180-pk-app .pk-friend-roster-search>span{color:#7652a6;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
#jlpt180-pk-app .pk-friend-roster-search>input{
  width:100%;min-width:0;min-height:34px;padding:7px 9px;border:1px solid rgba(88,76,169,.16);border-radius:9px;background:#f6f7ff;
  color:#2c1c55;font:800 10px/1.2 Nunito,system-ui,sans-serif;outline:none;
}
#jlpt180-pk-app .pk-friend-roster-search>input:focus{border-color:#4aaed2;box-shadow:0 0 0 3px rgba(74,174,210,.12)}

@media(max-width:700px){
  #jlpt180-pk-app .pk-friend-panel.is-room-active{padding:6px!important}
  #jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-share{gap:4px;padding:7px 8px;border-radius:12px}
  #jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-share>strong{font-size:20px}
  #jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-share>small{font-size:7px;line-height:1.25}
  #jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-share>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:1px}
  #jlpt180-pk-app .pk-friend-panel.is-room-active>.pk-friend-share button{min-height:31px;border-radius:8px;font-size:7px}
  #jlpt180-pk-app .pk-friend-panel.is-room-active.can-invite-room>.pk-friend-roster-toggle{min-height:44px}
  #jlpt180-pk-app .pk-friend-roster-search{gap:6px;padding:5px 6px 5px 8px;border-radius:10px}
  #jlpt180-pk-app .pk-friend-roster-search>span{font-size:7px}
  #jlpt180-pk-app .pk-friend-roster-search>input{min-height:32px;padding:6px 8px;font-size:9px}
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-match-arena,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-match-progress,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-search-time,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-status,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-stages,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-actions,
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-online-fallback{display:none!important}
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-friend-panel{margin:0!important}
  #jlpt180-pk-app .pk-online-modal.is-friend-roster-open .pk-friend-roster-list{max-height:calc(100dvh - 205px)}
}
#jlpt180-pk-app .pk-arena-reward{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:24px;margin:6px auto 0;padding:4px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:1000;line-height:1.2;letter-spacing:.035em;white-space:normal;text-align:center}
#jlpt180-pk-app .pk-arena-reward.eligible{color:#3d2600;background:linear-gradient(135deg,#fff4ad,#ffc85a);border:1px solid rgba(255,230,137,.9);box-shadow:0 5px 16px rgba(255,190,73,.22)}
#jlpt180-pk-app .pk-arena-reward.no-reward{color:#6b2540;background:rgba(255,240,247,.92);border:1px solid rgba(227,90,151,.42)}
#jlpt180-pk-app .pk-podium-card.no-arena-reward{filter:none}
#jlpt180-pk-app .pk-podium-card.no-arena-reward .pk-podium-character{opacity:1}
@media (max-width:767px){#jlpt180-pk-app .pk-arena-reward{min-height:20px;margin-top:4px;padding:3px 6px;font-size:7px;letter-spacing:0}}

/* Chỉ mở chọn văn bản sau khi server đã chấm xong; phòng thi vẫn được niêm phong. */
#jlpt180-pk-app .pk-result-panel #pk-result-content,
#jlpt180-pk-app .pk-result-panel #pk-result-content *{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}


/* v1.25.8 — desktop action buttons tidier */
@media(min-width:721px){
  #jlpt180-pk-app.jlpt180-pk{padding-bottom:114px!important}
  #jlpt180-pk-app .pk-online-action{
    bottom:16px!important;
    width:min(460px,calc(100vw - 88px))!important;
    min-height:74px!important;
    grid-template-columns:62px minmax(0,1fr) 30px!important;
    gap:10px!important;
    padding:8px 12px 8px 8px!important;
    border-width:2px!important;
    border-radius:18px!important;
    clip-path:polygon(14px 0,calc(100% - 18px) 0,100% 16px,100% calc(100% - 14px),calc(100% - 14px) 100%,18px 100%,0 calc(100% - 18px),0 14px)!important;
    box-shadow:0 14px 28px rgba(15,14,86,.28),0 0 0 2px rgba(72,221,255,.12),0 0 22px rgba(72,221,255,.20),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -10px 18px rgba(5,9,65,.22)!important;
  }
  #jlpt180-pk-app .pk-online-action::before{inset:5px!important;border-width:1px!important;border-radius:13px!important}
  #jlpt180-pk-app .pk-online-action::after{left:72px!important;right:42px!important;bottom:8px!important;height:2px!important;opacity:.8!important}
  #jlpt180-pk-app .pk-online-action>img{width:56px!important;height:56px!important;border-width:2px!important;box-shadow:0 8px 18px rgba(11,12,79,.25),0 0 0 3px rgba(63,220,255,.12),0 0 18px rgba(64,228,255,.28)!important}
  #jlpt180-pk-app .pk-online-action>span b{font-size:18px!important;letter-spacing:.03em!important}
  #jlpt180-pk-app .pk-online-action>span small{margin-top:4px!important;font-size:9px!important;line-height:1.25!important}
  #jlpt180-pk-app .pk-online-action>span::after{content:"CHỌN THỂ THỨC"!important;min-height:18px!important;margin-top:5px!important;padding:3px 8px!important;border-radius:7px!important;font-size:6px!important}
  #jlpt180-pk-app .pk-online-action>i{width:28px!important;height:34px!important;border-width:1px!important;border-radius:10px!important;font-size:20px!important;box-shadow:0 6px 12px rgba(14,24,111,.20)!important}
  #jlpt180-pk-app .pk-party-main-action{min-height:58px!important;padding:9px 12px!important;grid-template-columns:38px minmax(0,1fr)!important;column-gap:10px!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(54,31,112,.10)!important}
  #jlpt180-pk-app .pk-party-main-action img{width:38px!important;height:38px!important}
  #jlpt180-pk-app .pk-party-main-action b{font-size:12px!important}
  #jlpt180-pk-app .pk-party-main-action small{font-size:10px!important;line-height:1.2!important}
  #jlpt180-pk-app .pk-action-buttons{gap:7px!important}
  #jlpt180-pk-app .pk-actions-card{min-height:390px!important}
}
@media(min-width:980px){
  #jlpt180-pk-app .pk-actions-card{padding:16px!important}
}

/* Per-match reward: server-authoritative Tu Vi / Linh Thach, max 50 rewarded matches per day. */
#jlpt180-pk-app .pk-match-reward{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:min(620px,100%);margin:0 auto 16px;padding:13px 16px;border:1px solid rgba(31,161,111,.38);border-radius:16px;background:linear-gradient(135deg,rgba(236,253,245,.98),rgba(240,249,255,.98));box-shadow:0 10px 24px rgba(15,118,110,.12);text-align:left}
#jlpt180-pk-app .pk-match-reward small{display:block;color:#0f766e;font-size:10px;font-weight:1000;letter-spacing:.08em}
#jlpt180-pk-app .pk-match-reward b{display:block;margin-top:2px;color:#155e46;font-size:16px;line-height:1.3}
#jlpt180-pk-app .pk-match-reward>span{color:#0f766e;font-size:10px;font-weight:1000;text-align:right}
#jlpt180-pk-app .pk-match-reward.pending{border-color:rgba(217,124,37,.42);background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,251,235,.98))}
#jlpt180-pk-app .pk-match-reward.pending small,#jlpt180-pk-app .pk-match-reward.pending b,#jlpt180-pk-app .pk-match-reward.pending>span{color:#9a4f12}
#jlpt180-pk-app .pk-match-reward.limited{border-color:rgba(100,116,139,.34);background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(241,245,249,.98))}
#jlpt180-pk-app .pk-match-reward.limited small,#jlpt180-pk-app .pk-match-reward.limited b,#jlpt180-pk-app .pk-match-reward.limited>span{color:#475569}
@media(max-width:600px){#jlpt180-pk-app .pk-match-reward{grid-template-columns:1fr;gap:5px;padding:11px 12px}#jlpt180-pk-app .pk-match-reward b{font-size:14px}#jlpt180-pk-app .pk-match-reward>span{text-align:left;font-size:9px}}

#jlpt180-pk-app .pk-package-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#jlpt180-pk-app .pk-package-tabs button b{font:inherit;line-height:1.05}#jlpt180-pk-app .pk-package-tabs button small{font-size:8px;font-weight:900;line-height:1;color:inherit;opacity:.78;white-space:nowrap}@media(max-width:430px){#jlpt180-pk-app .pk-package-tabs button small{font-size:7px}}