/* 동행(同行)·강호 대란 — 협동 레이드 화면. 먹빛 강호 팔레트(dojo.css 와 같은 결) · 모든 규칙은 .rd- 로 가둔다. 폰 390×844 기준 */
.rd-host{--rd-ink:#1b1b22;--rd-ink2:#2a2733;--rd-ink3:#3a3542;--rd-hanji:#f4f1e8;--rd-hanji2:#e9d8a6;--rd-wood:#8c6e45;--rd-seal:#b8322e;
  --rd-gold:#e8b53a;--rd-jade:#4fa38a;--rd-blue:#3e6fd8;--rd-violet:#8e4fd0;--rd-muted:#6b6577;
  font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;word-break:keep-all;color:var(--rd-hanji)}
.rd-host *{box-sizing:border-box}
.rd-px{image-rendering:pixelated;image-rendering:crisp-edges}
.rd-muted{color:#a39cae;font-size:13px;margin:4px 0}
.rd-panel .rd-muted{color:var(--rd-muted)}
.rd-err{color:#ff9a8f;font-weight:800;font-size:13px;min-height:0;margin:6px 0 0}
.rd-panel .rd-err{color:var(--rd-seal)}
.center{text-align:center}

/* 버튼·입력 */
.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:900;font-size:16px;border:3px solid #000;border-radius:11px;
  padding:10px 14px;background:#fff;color:var(--rd-ink);box-shadow:3px 3px 0 #000;cursor:pointer;text-decoration:none;line-height:1.15;min-height:46px}
.rd-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.rd-btn.red{background:var(--rd-seal);color:#fff}.rd-btn.gold{background:var(--rd-gold)}.rd-btn.jade{background:var(--rd-jade);color:#fff}
.rd-btn.ghost{background:transparent;color:inherit;box-shadow:none;border-width:2px}
.rd-btn.big{width:100%;font-size:19px;padding:13px 16px;margin-top:8px}
.rd-btn.sm{font-size:13px;padding:5px 10px;min-height:32px;border-width:2px;box-shadow:2px 2px 0 #000}
.rd-btn[disabled]{opacity:.45;pointer-events:none}
.rd-btn small{font-weight:700;font-size:12px;opacity:.9}
.rd-in{width:100%;font:inherit;font-weight:800;font-size:16px;border:3px solid var(--rd-ink);border-radius:10px;padding:9px 10px;background:#fff;color:var(--rd-ink);outline:none;min-height:46px}
.rd-in:focus{box-shadow:0 0 0 3px var(--rd-gold)}
.rd-in.sm{font-size:14px;padding:5px 8px;min-height:34px;border-width:2px;margin-top:4px;max-width:160px}
.rd-code-in{text-transform:uppercase;letter-spacing:6px;font-size:22px;text-align:center;font-family:ui-monospace,Consolas,monospace}

/* 두루마리 패널 */
.rd-panel{background:var(--rd-hanji);color:var(--rd-ink);border-radius:8px;padding:12px 13px;margin:12px 0;border-top:8px solid var(--rd-wood);border-bottom:8px solid var(--rd-wood);box-shadow:0 5px 0 #0008}
.rd-panel h3{margin:0 0 8px;font-size:18px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif}
.rd-panel h3 small{font-family:Pretendard,sans-serif;font-size:12px;color:var(--rd-muted);font-weight:700;margin-left:4px}

/* ─────────── 목록(로비) */
.rd-lobby{max-width:760px;margin:0 auto;padding:10px 12px 40px}
.rd-lobby-head{display:flex;gap:12px;align-items:center;margin:6px 2px 4px}
.rd-lobby-head h2{margin:0;font-size:22px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif;color:var(--rd-hanji)}
.rd-lobby-head p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:#d9d2c3}
.rd-seal{flex:none;display:grid;place-items:center;width:58px;height:58px;background:var(--rd-seal);color:#fff;border-radius:8px;font-size:21px;font-weight:900;
  transform:rotate(-6deg);box-shadow:0 0 0 3px #0006 inset,3px 3px 0 #000;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif}
.rd-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rd-form.two{grid-template-columns:1fr 1fr}
.rd-form label,.rd-lbl{display:flex;flex-direction:column;gap:4px;font-weight:800;font-size:13px;color:#4d4757}
.rd-form label small{font-weight:600}
.rd-list{display:flex;flex-direction:column;gap:8px}
.rd-item{display:flex;align-items:center;gap:10px;border:2.5px solid var(--rd-ink);border-radius:11px;padding:6px 8px;background:#fff}
.rd-item.world{background:linear-gradient(90deg,#fff3e6,#fff)}
.rd-item .rd-mini-boss{flex:none;width:60px;height:60px;background:radial-gradient(circle at 50% 70%,#0002,#0000 70%);border-radius:8px}
.rd-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.rd-item-body b{font-size:15px}
.rd-item-body small{font-size:12px;color:#5a5566;line-height:1.35}
.rd-item .rd-btn{flex:none;min-height:42px;font-size:15px}
.rd-codechip{display:inline-block;font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--rd-ink);color:var(--rd-hanji);border-radius:5px;padding:0 5px;letter-spacing:2px;vertical-align:1px}
.rd-minibar{display:block;height:6px;border-radius:5px;background:#ddd;overflow:hidden;margin-top:3px;max-width:180px}
.rd-minibar i{display:block;height:100%;background:linear-gradient(90deg,#b8322e,#e8583a)}

/* ─────────── 대기실 */
.rd-room{max-width:680px;margin:0 auto;padding:10px 12px 30px}
.rd-room-top{display:flex;align-items:center;gap:8px;justify-content:space-between}
.rd-room-top .rd-btn{color:var(--rd-hanji);border-color:#0008}
.rd-room-top .rd-btn:not(.ghost){background:var(--rd-ink3);box-shadow:2px 2px 0 #000}
.rd-room-kind{font-weight:900;font-size:17px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif}
.rd-codebox{text-align:center}
.rd-codebox small{display:block;color:var(--rd-muted);font-weight:700;font-size:12.5px}
.rd-codebig{display:flex;justify-content:center;gap:8px;margin:8px 0;font-family:ui-monospace,Consolas,monospace;font-weight:900}
.rd-codebig span{display:grid;place-items:center;width:58px;height:70px;font-size:46px;background:var(--rd-ink);color:var(--rd-gold);border-radius:10px;box-shadow:3px 3px 0 #000}
p.rd-codebig{font-size:40px;letter-spacing:10px;color:var(--rd-seal)}
.rd-bossprev{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center}
.rd-prev-c{width:120px;height:120px;background:radial-gradient(circle at 50% 75%,#0003,#0000 65%);border-radius:10px}
.rd-bossprev h3{margin:0 0 4px}
.rd-lore{margin:0 0 4px;font-size:13.5px;line-height:1.45}
.rd-skill{margin:0;font-size:13px;font-weight:800;color:var(--rd-seal)}
.rd-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.rd-mcard{display:flex;flex-direction:column;align-items:center;gap:1px;border:2.5px solid var(--rd-ink);border-radius:10px;padding:6px 4px;background:#fff;text-align:center}
.rd-mcard canvas{width:64px;height:64px}
.rd-mcard b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-mcard small{font-size:11.5px;color:#5a5566}
.rd-mcard.ready{background:#e7f6ee;border-color:#1f8a4c}
.rd-mcard.away{opacity:.6}
.rd-tag{font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;background:#eee;margin-top:2px}
.rd-tag.ok{background:#1f8a4c;color:#fff}
.rd-rules ul{margin:4px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5}
.rd-room-actions{display:flex;flex-direction:column;gap:4px}
.rd-wait{background:var(--rd-ink3);border:2px solid #000;border-radius:10px;padding:12px;text-align:center;font-weight:800}
.rd-wait b{color:var(--rd-gold);font-size:20px}
.rd-feed.room{position:static;max-width:none;margin-top:10px}
.rd-feed.room .rd-feed-line{position:static;background:#0006;margin:3px 0}

/* ─────────── 전투: 한 화면(스크롤 없음) */
.rd-battle{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;gap:6px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
  padding-top:calc(6px + env(safe-area-inset-top,0px));max-width:760px;margin:0 auto;background:#141319;overflow:hidden;overscroll-behavior:none}
.rd-battle.shake{animation:rdShake .45s}
@keyframes rdShake{0%,100%{transform:none}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px,0)}}
.rd-arena{position:relative;flex:0 0 auto;height:clamp(210px,34dvh,330px);border:3px solid #000;border-radius:12px;overflow:hidden;
  background:linear-gradient(180deg,#0000 0%,#0000 55%,#000a 100%),var(--arena) center 62%/cover,linear-gradient(#3a2d3f,#7a3a2e 60%,#2b1d1d)}
.rd-arena::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000c 0%,#0006 26%,#0000 48%);pointer-events:none}
.rd-arena.enraged::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px 12px #ff2a0088;animation:rdPulse 1.1s infinite;pointer-events:none}
@keyframes rdPulse{50%{box-shadow:inset 0 0 70px 18px #ff4a00aa}}
.rd-arena-c{position:absolute;inset:0;width:100%;height:100%}
.rd-topbar{position:absolute;left:6px;right:6px;top:5px;display:flex;align-items:center;gap:6px;z-index:2}
.rd-x{flex:none;width:36px;height:36px;border-radius:9px;border:2px solid #000;background:#000a;color:#fff;font-size:17px;font-weight:900;cursor:pointer}
.rd-bossname{flex:1;min-width:0;display:flex;align-items:center;gap:6px;justify-content:center}
.rd-bossname b{font-size:19px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif;color:#fff;text-shadow:0 2px 0 #000,0 0 8px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-bossname span{display:inline-flex;gap:3px}
.rd-bossname span i{width:8px;height:8px;border-radius:50%;background:#fff4;border:1.5px solid #000}
.rd-bossname span i.on{background:var(--rd-gold)}
.rd-timer{flex:none;min-width:68px;text-align:center;font-weight:900;font-size:16px;background:#000b;border:2px solid #000;border-radius:9px;padding:5px 7px;color:#fff;font-variant-numeric:tabular-nums}
.rd-timer.low{color:#ffb0a4;animation:rdPulseTxt .8s infinite}
@keyframes rdPulseTxt{50%{color:#fff}}
.rd-hp{position:absolute;left:8px;right:8px;top:47px;z-index:2}
.rd-hpbar{position:relative;height:15px;border:2.5px solid #000;border-radius:8px;background:#1d1216;overflow:hidden}
.rd-hpbar i,.rd-hpbar em{position:absolute;left:0;top:0;bottom:0;display:block;transition:width .25s}
.rd-hpbar em{background:#ffd9a6;transition:width .6s .1s;z-index:0}
.rd-hpbar i{background:linear-gradient(180deg,#ff6a4a,#c3241b);z-index:1}
.rd-hpbar span i{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 0 1px #000;z-index:2;transform:translateX(-1px);transition:none}
.rd-hptxt{display:block;text-align:right;font-size:11.5px;font-weight:800;color:#fff;text-shadow:0 1px 0 #000,0 0 4px #000;margin-top:1px;font-variant-numeric:tabular-nums}
.rd-chips{position:absolute;left:8px;right:8px;top:80px;display:flex;flex-wrap:wrap;gap:4px;z-index:2;pointer-events:none}
.rd-chip{font-size:12px;font-weight:900;border-radius:999px;padding:2px 9px;border:2px solid #000;color:#fff}
.rd-chip.enr{background:#b8322e}
.rd-chip.weak{background:#6a3fb5}
.rd-chip.weak.mine{background:var(--rd-gold);color:var(--rd-ink);animation:rdPulseTxt2 .9s infinite}
@keyframes rdPulseTxt2{50%{transform:scale(1.06)}}
.rd-feed{position:absolute;left:6px;bottom:6px;max-width:66%;display:flex;flex-direction:column;gap:3px;z-index:3;pointer-events:none}
.rd-feed-line{font-size:11.5px;font-weight:700;line-height:1.3;color:#fff;background:#000b;border-radius:7px;padding:3px 7px;transition:opacity .8s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rd-feed-line.fade{opacity:0}
.rd-feed-line.old{opacity:.7}
.rd-feed-line.k-rescue,.rd-feed-line.k-joint_ok,.rd-feed-line.k-redeem,.rd-feed-line.k-win{background:#1f6b4ccc}
.rd-feed-line.k-joint_fail,.rd-feed-line.k-joint_start{background:#8a2a1ecc}
.rd-feed-line.k-weak{background:#5a3596cc}
.rd-dmg-layer{position:absolute;inset:0;pointer-events:none;z-index:4}
.rd-dmg{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:22px;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;animation:rdDmg 1.1s ease-out forwards;white-space:nowrap;text-align:center;line-height:1}
.rd-dmg small{display:block;font-size:10px;font-weight:800;opacity:.9}
.rd-dmg.mine{font-size:32px;color:var(--rd-gold)}
.rd-dmg.weak{color:#d7b8ff;font-size:38px}
@keyframes rdDmg{0%{opacity:0;transform:translate(-50%,-10%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-190%) scale(1)}}

.rd-joint{flex:none;background:linear-gradient(90deg,#8a1f16,#c3461b);border:3px solid #000;border-radius:11px;padding:5px 9px 6px;color:#fff}
.rd-joint.pop{animation:rdPop .45s}
@keyframes rdPop{0%{transform:scale(.9)}60%{transform:scale(1.04)}100%{transform:none}}
.rd-joint-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.rd-joint-top b{font-size:16px}
.rd-joint-top span{font-weight:900;font-size:18px;font-variant-numeric:tabular-nums}
.rd-joint-bar{height:6px;background:#0006;border-radius:5px;overflow:hidden;margin:3px 0 2px}
.rd-joint-bar i{display:block;height:100%;background:#ffd86a;transition:width .2s linear}
.rd-joint small{font-size:12px;font-weight:700;opacity:.95}

.rd-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--rd-hanji);color:var(--rd-ink);border:3px solid #000;border-radius:11px;overflow:hidden;position:relative}
.rd-card.joint{border-color:#c3461b;box-shadow:0 0 0 3px #ffb35c inset}
.rd-card.weak{box-shadow:0 0 0 3px #a77bff inset}
.rd-card.recovery{background:#e4f1ea;box-shadow:0 0 0 3px var(--rd-jade) inset}
.rd-card-meta{flex:none;display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 0}
.rd-badge{display:inline-flex;align-items:center;font-weight:800;font-size:12px;border:2px solid var(--rd-ink);border-radius:999px;padding:0 8px;background:#fff;line-height:1.5}
.rd-badge.joint{background:#c3461b;color:#fff}
.rd-badge.weak{background:#6a3fb5;color:#fff}
.rd-badge.rec{background:var(--rd-jade);color:#fff}
.rd-badge.rd-combo{background:var(--rd-gold);color:var(--rd-ink)}
.rd-scene-wrap{position:relative;flex:1 1 0;min-height:56px;margin:5px 8px 0;border:2px solid #c9b27c;border-radius:8px;background:#fff}
.rd-scene{position:absolute;inset:0}
.rd-stem{flex:none;font-weight:900;font-size:18px;line-height:1.32;padding:6px 10px 8px;margin:0;max-height:40%;overflow-y:auto}
.rd-card.noscene .rd-stem{flex:1 1 auto;max-height:none;display:flex;align-items:center;font-size:20px}
.rd-explain{flex:none;margin:0 8px 8px;padding:6px 8px;border-radius:8px;background:#fff0ec;border:2px solid var(--rd-seal);font-size:13.5px;line-height:1.4;max-height:34%;overflow-y:auto}
.rd-wait-joint{flex:1;display:grid;place-items:center;text-align:center;font-weight:900;font-size:17px;padding:10px;color:#8a2a1e}

.rd-opts{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:6px;transition:opacity .15s}
.rd-opts.three,.rd-opts.long{grid-template-columns:1fr}
.rd-opts.long .rd-opt{min-height:44px}
.rd-opts.locked{opacity:.55}
.rd-opts.nudge{animation:rdShake .35s}
.rd-opt{position:relative;display:flex;align-items:center;gap:6px;text-align:left;font:inherit;font-weight:900;font-size:17px;line-height:1.2;min-height:52px;border:3px solid #000;border-radius:11px;
  background:#fff;color:var(--rd-ink);box-shadow:3px 3px 0 #000;cursor:pointer;padding:6px 9px;touch-action:manipulation}
.rd-opt em{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--rd-ink);color:#fff;font-style:normal;font-size:12px}
.rd-opt:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}
.rd-opts.ox .rd-opt{justify-content:center;min-height:62px;font-size:34px}
.rd-opt.o{background:#dff3e6}.rd-opt.x{background:#ffe0e0}
.rd-opt.o span::before{content:"⭕"}.rd-opt.x span::before{content:"❌"}
.rd-opts.ox .rd-opt span{font-size:0}
.rd-opts.ox .rd-opt span::before{font-size:30px}
.rd-opt.picked{outline:3px solid var(--rd-gold);outline-offset:1px}
.rd-opt.right{background:#c9f2d5!important;border-color:#1f8a4c}
.rd-opt.wrong{background:#ffc9d2!important;border-color:#b8322e}
.rd-opt[disabled]{cursor:default}

.rd-party{flex:none;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.rd-party::-webkit-scrollbar{display:none}
.rd-pchip{flex:1 0 58px;max-width:120px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:3px;align-items:center;background:var(--rd-ink3);border:2px solid #000;border-radius:9px;padding:3px 4px;color:#fff;min-width:0}
.rd-pchip canvas{grid-row:1/3;width:36px;height:36px}
.rd-pname{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-php{grid-column:2;display:flex;align-items:center;min-width:0}
.rd-pstat{position:absolute;display:none}
.rd-pchip.me{background:#4a3a1e;border-color:var(--rd-gold)}
.rd-pchip.down canvas{filter:grayscale(1) brightness(.85)}
.rd-pchip.down{background:#2c3a35}
.rd-pchip.away{opacity:.55}
.rd-pchip.more{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 44px}
.rd-pips{display:inline-flex;flex-wrap:wrap;gap:1px}
.rd-pips i{width:7px;height:7px;border-radius:2px;background:#0000;border:1.5px solid #ff8f8f}
.rd-pips i.on{background:#ff4f5e;border-color:#ff4f5e}
.rd-rec{font-size:10.5px;font-weight:800;color:#9fe3c8}

.rd-callout{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);z-index:80;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;
  background:#000d;border:3px solid var(--rd-gold);border-radius:14px;padding:10px 18px;color:#fff;text-align:center;animation:rdCall 1.7s ease-out forwards;max-width:88%}
.rd-callout b{font-size:28px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif;white-space:nowrap}
.rd-callout small{font-size:13px;font-weight:700;opacity:.95}
.rd-callout.k-joint_fail,.rd-callout.k-down{border-color:#ff6a4a}
.rd-callout.k-joint_start{border-color:#ff9a3c;background:#5a1208e6}
.rd-callout.k-rescue,.rd-callout.k-revive,.rd-callout.k-joint_ok{border-color:#6fe0b0}
.rd-callout.k-weak,.rd-callout.k-redeem{border-color:#c9a2ff}
@keyframes rdCall{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}22%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-70%)}}

/* ─────────── 결과 */
.rd-result{max-width:680px;margin:0 auto;padding:10px 12px 34px}
.rd-result-head{position:relative;text-align:center;border:3px solid #000;border-radius:14px;overflow:hidden;padding:10px 10px 14px;
  background:linear-gradient(180deg,#0008,#000c),var(--arena) center/cover,#2a2230}
.rd-res-boss{display:block;width:180px;height:150px;margin:0 auto}
.rd-result-head h2{margin:4px 0 2px;font-size:24px;font-family:"Batang","AppleMyungjo","Noto Serif KR",serif;color:#fff;text-shadow:0 2px 0 #000}
.rd-result.win .rd-result-head h2{color:var(--rd-gold)}
.rd-result-head p{margin:0;color:#eee;font-size:14px}
.rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.rd-stats div{background:var(--rd-ink3);border:2px solid #000;border-radius:10px;padding:6px 2px;text-align:center}
.rd-stats b{display:block;font-size:19px;color:var(--rd-gold);font-variant-numeric:tabular-nums}
.rd-stats small{font-size:11px;color:#d9d2c3}
.rd-rws{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.rd-rw{flex:1 0 80px;border:2.5px solid var(--rd-ink);border-radius:10px;padding:6px;text-align:center;background:#fff}
.rd-rw b{display:block;font-size:20px}
.rd-rw small{font-size:11.5px;color:#5a5566}
.rd-rw.gold{background:#fff1c9}.rd-rw.jade{background:#dff3ea}
.rd-tier{display:inline-block;font-size:12px;font-weight:900;background:var(--rd-seal);color:#fff;border-radius:6px;padding:0 6px;vertical-align:2px;font-family:Pretendard,sans-serif}
.rd-unlocks{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.rd-unlock{background:linear-gradient(90deg,#ffe9a8,#fff6d8);border:2px solid #b58a1c;border-radius:9px;padding:4px 9px;font-size:14px}
.rd-lvup{font-weight:900;color:var(--rd-blue);margin:4px 0}
.rd-line{font-weight:800;font-size:15px;margin:6px 0}
.rd-badge2{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;border:2px solid var(--rd-ink);border-radius:9px;padding:2px 8px;background:#fff7dc;font-weight:900;font-size:13px;margin:2px 4px 2px 0}
.rd-badge2 small{font-weight:600;color:#5a5566;font-size:11.5px}
.rd-rescards{display:flex;flex-direction:column;gap:6px}
.rd-rescard{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;border:2.5px solid var(--rd-ink);border-radius:10px;padding:5px 8px;background:#fff}
.rd-rescard.me{background:#fff7e0;border-color:#b58a1c}
.rd-rescard canvas{width:64px;height:64px}
.rd-rescard p{margin:1px 0 2px;font-size:13.5px;line-height:1.35}
.rd-rescard b small{font-weight:600}
.rd-badges{display:flex;flex-wrap:wrap}
.rd-result-actions{position:sticky;bottom:8px}

@media (max-width:420px){
  .rd-form{grid-template-columns:1fr}
  .rd-form.two{grid-template-columns:1fr 1fr}
  .rd-codebig span{width:52px;height:62px;font-size:40px}
  .rd-bossprev{grid-template-columns:96px 1fr}
  .rd-prev-c{width:96px;height:96px}
  .rd-stem{font-size:16.5px}
  .rd-card.noscene .rd-stem{font-size:18px}
  .rd-opt{font-size:15.5px;min-height:48px}
  .rd-stats b{font-size:16px}
}
@media (max-height:700px){
  .rd-arena{height:clamp(180px,30dvh,260px)}
  .rd-opt{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  .rd-dmg,.rd-callout,.rd-battle.shake,.rd-joint.pop,.rd-arena.enraged::after{animation-duration:.01s!important}
}