/* ══════════════════════ ΚΡΥΠΤΕΙΑ — Competitive Cipher Arena ══════════════════════
   Timed, multiplayer-style (you + 5+ bot agents). Crack rival scytales to
   steal / reduce / divide their drachmas; multiply your own. Highest at the
   final bell wins. Palette: torchlit Hearth — terracotta + gold + blood danger.
═══════════════════════════════════════════════════════════════════════════════ */

#kry-overlay { --kry-ink:#0B0805; }
#kry-overlay .overlay-topbar { background:rgba(11,8,5,0.92); border-bottom:1px solid rgba(196,164,72,0.18); }
#kry-overlay .overlay-title { color:var(--sym-gold); text-shadow:0 0 16px rgba(196,164,72,0.4); }

#kry-wrap {
  min-height:100%;
  background:
    radial-gradient(800px 480px at 50% -10%, rgba(217,123,92,0.13), transparent 62%),
    radial-gradient(600px 600px at 92% 110%, rgba(158,59,46,0.10), transparent 60%),
    var(--kry-ink);
  color:var(--sym-cream); font-family:var(--sym-sans); position:relative;
}

.kry-screen { display:none; flex-direction:column; min-height:calc(100vh - 54px); padding:clamp(16px,3vw,34px); }
.kry-screen.active { display:flex; animation:kry-fade .4s ease; }
@keyframes kry-fade { from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;} }

/* ── Seal / setup ── */
#kry-screen-seal { align-items:center; justify-content:center; text-align:center; }
.kry-logo { font-family:var(--sym-display); font-weight:700; font-size:clamp(34px,6vw,58px); letter-spacing:0.12em; color:var(--sym-gold); text-shadow:0 0 30px rgba(196,164,72,0.4); margin-bottom:6px; }
.kry-tag { font-family:var(--sym-mono); font-size:12px; letter-spacing:3px; text-transform:uppercase; color:var(--sym-terra); margin-bottom:6px; }
.kry-tag2 { font-family:var(--sym-serif); font-style:italic; font-size:19px; color:var(--sym-stone); margin-bottom:26px; max-width:560px; line-height:1.5; }

.kry-setup { display:flex; gap:30px; justify-content:center; flex-wrap:wrap; margin-bottom:30px; }
.kry-setup-group { display:flex; flex-direction:column; align-items:center; gap:8px; }
.kry-setup-lbl { font-family:var(--sym-mono); font-size:10px; letter-spacing:2px; color:var(--sym-stone); text-transform:uppercase; }
.kry-seg { display:inline-flex; border:1px solid rgba(196,164,72,0.28); border-radius:3px; overflow:hidden; }
.kry-seg button { background:transparent; border:none; color:var(--sym-stone); font-family:var(--sym-mono); font-size:13px; padding:8px 16px; cursor:pointer; transition:background .15s,color .15s; }
.kry-seg button + button { border-left:1px solid rgba(196,164,72,0.18); }
.kry-seg button.on { background:var(--sym-gold); color:#1A130C; font-weight:700; }

.kry-seal-prompt { font-family:var(--sym-mono); font-size:11px; letter-spacing:3px; color:var(--sym-terra); text-transform:uppercase; margin-bottom:16px; }
.kry-seal-cards { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; }
.kry-seal-card { width:188px; padding:26px 20px 22px; background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.2)), var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.22); border-radius:4px; display:flex; flex-direction:column; align-items:center; gap:12px; cursor:pointer; transition:transform .3s, border-color .3s, box-shadow .3s; }
.kry-seal-card:hover { transform:translateY(-7px); border-color:var(--sym-gold); box-shadow:0 18px 50px rgba(0,0,0,0.5), 0 0 26px rgba(196,164,72,0.2); }
.kry-seal-wax { width:88px; height:88px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 38% 32%, #C7553A, #8E2D22 70%, #5E1B14); box-shadow:inset 0 3px 8px rgba(255,255,255,0.25), inset 0 -6px 14px rgba(0,0,0,0.45), 0 6px 18px rgba(0,0,0,0.5); position:relative; }
.kry-seal-wax::before { content:''; position:absolute; inset:7px; border-radius:50%; border:2px dashed rgba(255,255,255,0.18); }
.kry-seal-glyph { font-family:var(--sym-display); font-weight:700; font-size:34px; color:#F4D9B0; text-shadow:0 1px 2px rgba(0,0,0,0.5); }
.kry-seal-name { font-family:var(--sym-display); font-size:16px; letter-spacing:2px; color:var(--sym-cream); }
.kry-seal-sub { font-family:var(--sym-mono); font-size:10px; letter-spacing:1.5px; color:var(--sym-stone); text-transform:uppercase; }
.kry-seal-pick { margin-top:2px; font-family:var(--sym-mono); font-size:11px; letter-spacing:2px; color:var(--sym-gold); border:1px solid rgba(196,164,72,0.4); background:transparent; padding:7px 20px; border-radius:2px; cursor:pointer; transition:background .15s; }
.kry-seal-card:hover .kry-seal-pick { background:rgba(196,164,72,0.12); }

/* ════════ Arena ════════ */
#kry-screen-arena { padding:0; }
.kry-arena-grid { display:grid; grid-template-columns:248px 1fr; gap:0; flex:1; min-height:calc(100vh - 54px); }
@media (max-width:760px){ .kry-arena-grid{ grid-template-columns:1fr; } }

/* leaderboard */
.kry-board { border-right:1px solid rgba(196,164,72,0.14); padding:18px 16px; background:rgba(0,0,0,0.22); display:flex; flex-direction:column; gap:10px; overflow-y:auto; }
@media (max-width:760px){ .kry-board{ border-right:none; border-bottom:1px solid rgba(196,164,72,0.14); flex-direction:row; flex-wrap:wrap; } }
.kry-board-head { font-family:var(--sym-mono); font-size:10px; letter-spacing:2px; color:var(--sym-stone); text-transform:uppercase; margin-bottom:2px; }
.kry-board-row { display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:4px; background:rgba(255,255,255,0.025); border:1px solid transparent; transition:background .3s, border-color .3s, transform .35s; }
.kry-board-row.me { border-color:var(--sym-gold); background:rgba(196,164,72,0.12); }
.kry-board-row.hit { animation:kry-hit .6s ease; }
@keyframes kry-hit { 0%,100%{background:rgba(255,255,255,0.025);} 35%{background:rgba(158,59,46,0.32);} }
.kry-board-row.gain { animation:kry-gain .6s ease; }
@keyframes kry-gain { 0%,100%{background:rgba(255,255,255,0.025);} 35%{background:rgba(106,135,82,0.3);} }
.kry-br-pos { font-family:var(--sym-display); font-size:13px; color:var(--sym-stone); width:18px; text-align:center; }
.kry-board-row.me .kry-br-pos { color:var(--sym-gold); }
.kry-br-seal { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 38% 32%, #C7553A, #8E2D22 72%); color:#F4D9B0; font-family:var(--sym-display); font-size:11px; font-weight:700; flex-shrink:0; }
.kry-br-name { font-family:var(--sym-serif); font-size:14.5px; color:var(--sym-cream); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kry-br-gold { font-family:var(--sym-mono); font-size:12px; color:var(--sym-gold); }

/* arena main */
.kry-arena-main { display:flex; flex-direction:column; padding:clamp(16px,3vw,30px); position:relative; }
.kry-hud { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; border-bottom:1px solid rgba(196,164,72,0.15); padding-bottom:14px; margin-bottom:8px; }
.kry-hud-id { display:flex; align-items:center; gap:10px; }
.kry-hud-seal { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 38% 32%, #C7553A, #8E2D22 72%); color:#F4D9B0; font-family:var(--sym-display); font-weight:700; font-size:17px; box-shadow:inset 0 -3px 8px rgba(0,0,0,0.4); }
.kry-hud-id-txt { display:flex; flex-direction:column; gap:1px; }
.kry-hud-id-lbl { font-family:var(--sym-mono); font-size:8.5px; letter-spacing:2px; color:var(--sym-stone); }
.kry-hud-id-val { font-family:var(--sym-display); font-size:13px; letter-spacing:1.5px; color:var(--sym-cream); }

/* timer */
.kry-timer { display:flex; flex-direction:column; align-items:center; gap:2px; }
.kry-timer-lbl { font-family:var(--sym-mono); font-size:8.5px; letter-spacing:2px; color:var(--sym-stone); text-transform:uppercase; }
.kry-timer-val { font-family:var(--sym-display); font-size:30px; line-height:1; color:var(--sym-cream); letter-spacing:1px; }
.kry-timer.low .kry-timer-val { color:var(--sym-blood); animation:kry-tick 1s step-end infinite; }
@keyframes kry-tick { 50%{opacity:0.45;} }

.kry-hud-stats { display:flex; gap:22px; }
.kry-stat { display:flex; flex-direction:column; align-items:center; gap:2px; }
.kry-stat-lbl { font-family:var(--sym-mono); font-size:8.5px; letter-spacing:2px; color:var(--sym-stone); text-transform:uppercase; }
.kry-stat-val { font-family:var(--sym-display); font-size:22px; color:var(--sym-gold); line-height:1; }

/* question */
.kry-qbody { flex:1; display:flex; flex-direction:column; justify-content:center; max-width:760px; width:100%; margin:0 auto; }
.kry-q-meta { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.kry-q-num { font-family:var(--sym-mono); font-size:11px; letter-spacing:3px; color:var(--sym-terra); }
.kry-q-line { flex:1; height:1px; background:linear-gradient(90deg, rgba(196,164,72,0.4), transparent); }
.kry-q-card { background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.18)), var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.16); border-left:3px solid var(--sym-terra); border-radius:4px; padding:24px 28px; margin-bottom:18px; }
.kry-q-text { font-family:var(--sym-serif); font-size:clamp(20px,2.7vw,26px); line-height:1.4; color:var(--sym-cream); }
.kry-answers { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:620px){ .kry-answers{grid-template-columns:1fr;} }
.kry-ans { display:flex; align-items:center; gap:14px; text-align:left; background:var(--sym-bg-panel); border:1px solid rgba(240,235,224,0.12); border-radius:3px; padding:15px 18px; cursor:pointer; color:var(--sym-cream); font-family:var(--sym-sans); font-size:16px; line-height:1.35; transition:border-color .15s, background .15s, transform .1s; }
.kry-ans:hover:not(:disabled){ border-color:var(--sym-gold); background:rgba(196,164,72,0.07); }
.kry-ans:active:not(:disabled){ transform:scale(.99); }
.kry-ans-key { width:30px; height:30px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(196,164,72,0.4); font-family:var(--sym-display); font-size:14px; color:var(--sym-gold); }
.kry-ans.correct { border-color:var(--sym-sage); background:rgba(106,135,82,0.18); }
.kry-ans.correct .kry-ans-key { border-color:var(--sym-sage); color:#A9C98C; }
.kry-ans.wrong { border-color:var(--sym-blood); background:rgba(158,59,46,0.16); }
.kry-ans.wrong .kry-ans-key { border-color:var(--sym-blood); color:#E08577; }
.kry-feedback { text-align:center; min-height:22px; margin-top:14px; font-family:var(--sym-mono); font-size:13px; letter-spacing:2px; }
.kry-fb-ok { color:var(--sym-sage); }
.kry-fb-bad { color:var(--sym-blood); }

/* ════════ Modal (operation / decrypt / result) ════════ */
.kry-modal { position:absolute; inset:0; z-index:20; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(6,4,2,0.78); backdrop-filter:blur(3px); }
.kry-modal.show { display:flex; animation:kry-fade .25s ease; }
.kry-modal-inner { width:100%; max-width:640px; text-align:center; }

.kry-op-head { font-family:var(--sym-display); font-size:clamp(20px,3.4vw,30px); letter-spacing:3px; color:var(--sym-gold); text-shadow:0 0 22px rgba(196,164,72,0.4); margin-bottom:4px; }
.kry-op-sub { font-family:var(--sym-serif); font-style:italic; font-size:16px; color:var(--sym-stone); margin-bottom:26px; }

/* code tablets */
.kry-tablets { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }
.kry-tablet { width:172px; height:206px; cursor:pointer; perspective:900px; }
.kry-tablet-inner { position:relative; width:100%; height:100%; transition:transform .55s cubic-bezier(.3,.8,.3,1); transform-style:preserve-3d; }
.kry-tablet.flipped .kry-tablet-inner { transform:rotateY(180deg); }
.kry-tablet-face { position:absolute; inset:0; backface-visibility:hidden; border-radius:5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:18px; }
.kry-tablet-front { background:linear-gradient(180deg, #241A10, #14100A); border:1px solid rgba(196,164,72,0.3); }
.kry-tablet:hover .kry-tablet-front { border-color:var(--sym-gold); box-shadow:0 14px 40px rgba(0,0,0,0.5), 0 0 22px rgba(196,164,72,0.18); }
.kry-tablet-back { background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.25)), var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.4); transform:rotateY(180deg); }
.kry-tablet-wax { width:46px; height:46px; border-radius:50%; background:radial-gradient(circle at 38% 32%, #C7553A, #8E2D22 72%); display:grid; place-items:center; color:#F4D9B0; font-family:var(--sym-display); font-weight:700; font-size:18px; box-shadow:inset 0 -3px 8px rgba(0,0,0,0.4); }
.kry-tablet-code { font-family:var(--sym-mono); font-size:15px; letter-spacing:2px; color:var(--sym-gold); }
.kry-tablet-codelbl { font-family:var(--sym-mono); font-size:8.5px; letter-spacing:2px; color:var(--sym-stone); text-transform:uppercase; }
.kry-tablet-icon { font-size:44px; line-height:1; }
.kry-tablet-effect { font-family:var(--sym-display); font-size:16px; letter-spacing:1.5px; }
.kry-tablet-effect.good { color:var(--sym-gold); }
.kry-tablet-effect.bad { color:#E08577; }
.kry-tablet-effect.neutral { color:var(--sym-stone); }
.kry-tablet-effdesc { font-family:var(--sym-serif); font-style:italic; font-size:12.5px; color:var(--sym-stone); line-height:1.3; }

/* decrypt mini-game */
.kry-dx-target { display:flex; flex-direction:column; align-items:center; gap:4px; margin-bottom:18px; }
.kry-dx-target .l { font-family:var(--sym-mono); font-size:10px; letter-spacing:3px; color:var(--sym-terra); text-transform:uppercase; }
.kry-dx-target .n { font-family:var(--sym-display); font-size:22px; letter-spacing:3px; color:#E08577; }
.kry-dx-target .c { font-family:var(--sym-mono); font-size:11px; color:var(--sym-stone); }
.kry-dx-timer { width:240px; height:5px; background:rgba(255,255,255,0.08); border-radius:3px; overflow:hidden; margin:0 auto 18px; }
.kry-dx-timer-fill { height:100%; width:100%; background:linear-gradient(90deg, var(--sym-gold), var(--sym-terra)); transition:width .1s linear; }
.kry-dx-prompt { font-family:var(--sym-serif); font-style:italic; font-size:15px; color:var(--sym-stone); margin-bottom:14px; }
.kry-dx-slots { display:flex; gap:8px; justify-content:center; margin-bottom:18px; flex-wrap:wrap; }
.kry-dx-slot { width:42px; height:50px; border-radius:4px; border:1px solid rgba(196,164,72,0.25); background:rgba(0,0,0,0.25); display:grid; place-items:center; font-family:var(--sym-display); font-size:24px; color:var(--sym-gold); }
.kry-dx-slot.filled { border-color:var(--sym-sage); background:rgba(106,135,82,0.18); color:#C6E0AC; }
.kry-dx-tiles { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.kry-dx-tile { width:46px; height:54px; border-radius:4px; border:1px solid rgba(196,164,72,0.4); background:linear-gradient(180deg,#241A10,#14100A); color:var(--sym-cream); font-family:var(--sym-display); font-size:24px; cursor:pointer; transition:transform .1s, background .15s, opacity .2s; }
.kry-dx-tile:hover:not(:disabled){ background:rgba(196,164,72,0.14); border-color:var(--sym-gold); }
.kry-dx-tile:active:not(:disabled){ transform:scale(.92); }
.kry-dx-tile.used { opacity:0.18; pointer-events:none; }
.kry-dx-tile.shake { animation:kry-shake .3s; }
@keyframes kry-shake { 0%,100%{transform:translateX(0);} 25%{transform:translateX(-6px);} 75%{transform:translateX(6px);} }

/* die */
.kry-die-wrap { display:flex; flex-direction:column; align-items:center; gap:16px; }
.kry-die { width:84px; height:84px; border-radius:14px; background:linear-gradient(150deg,#F0EBE0,#C9BCA6); box-shadow:inset 0 -6px 12px rgba(0,0,0,0.2), 0 10px 26px rgba(0,0,0,0.5); display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr); padding:12px; gap:2px; }
.kry-die.roll { animation:kry-dieroll .5s ease infinite; }
@keyframes kry-dieroll { 0%{transform:rotate(0) scale(1);} 50%{transform:rotate(180deg) scale(1.08);} 100%{transform:rotate(360deg) scale(1);} }
.kry-pip { width:14px; height:14px; border-radius:50%; background:#5E1B14; align-self:center; justify-self:center; visibility:hidden; }
.kry-pip.on { visibility:visible; }

/* result toast */
.kry-result { display:flex; flex-direction:column; align-items:center; gap:10px; }
.kry-result-icon { font-size:52px; }
.kry-result-big { font-family:var(--sym-display); font-size:clamp(22px,3.6vw,30px); letter-spacing:2px; }
.kry-result-big.good { color:var(--sym-gold); text-shadow:0 0 20px rgba(196,164,72,0.4); }
.kry-result-big.bad { color:var(--sym-blood); }
.kry-result-big.neutral { color:var(--sym-stone); }
.kry-result-desc { font-family:var(--sym-serif); font-size:16px; color:var(--sym-cream); line-height:1.5; max-width:440px; }
.kry-result-desc .amt { color:var(--sym-gold); font-weight:700; }

/* ════════ Game over ════════ */
#kry-screen-over { align-items:center; justify-content:center; text-align:center; gap:14px; }
.kry-over-crown { font-size:50px; }
.kry-over-title { font-family:var(--sym-display); font-size:clamp(26px,5vw,42px); letter-spacing:5px; }
.kry-over-title.win { color:var(--sym-gold); text-shadow:0 0 30px rgba(196,164,72,0.5); }
.kry-over-title.lose { color:var(--sym-terra); }
.kry-over-sub { font-family:var(--sym-serif); font-style:italic; font-size:18px; color:var(--sym-stone); max-width:520px; line-height:1.5; }
.kry-final { background:var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.16); border-radius:4px; padding:10px 14px; min-width:330px; margin:6px 0; }
.kry-final-row { display:flex; align-items:center; gap:12px; padding:9px 8px; border-bottom:1px solid rgba(240,235,224,0.06); }
.kry-final-row:last-child { border-bottom:none; }
.kry-final-row.me { background:rgba(196,164,72,0.08); border-radius:3px; }
.kry-final-pos { font-family:var(--sym-display); font-size:16px; color:var(--sym-stone); width:30px; text-align:center; }
.kry-final-row.me .kry-final-pos { color:var(--sym-gold); }
.kry-final-name { font-family:var(--sym-serif); font-size:17px; color:var(--sym-cream); flex:1; text-align:left; }
.kry-final-gold { font-family:var(--sym-mono); font-size:14px; color:var(--sym-gold); }
.kry-over-btns { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:4px; }

/* victim picker (random "choose whom to curse") */
.kry-victims { display:flex; flex-direction:column; gap:9px; max-width:420px; margin:0 auto; }
.kry-victim { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:5px; cursor:pointer; background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.2)), var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.22); transition:transform .12s, border-color .15s, box-shadow .15s; }
.kry-victim:hover { transform:translateX(4px); border-color:var(--sym-blood); box-shadow:0 0 22px rgba(158,59,46,0.25); }
.kry-victim-seal { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 38% 32%, #C7553A, #8E2D22 72%); color:#F4D9B0; font-family:var(--sym-display); font-weight:700; font-size:13px; flex-shrink:0; }
.kry-victim-name { font-family:var(--sym-serif); font-size:16px; color:var(--sym-cream); flex:1; text-align:left; }
.kry-victim-code { font-family:var(--sym-mono); font-size:10px; color:var(--sym-stone); letter-spacing:1px; }
.kry-victim-gold { font-family:var(--sym-mono); font-size:13px; color:var(--sym-gold); }
.kry-victim-tag { display:inline-block; font-family:var(--sym-mono); font-size:9px; letter-spacing:1px; color:var(--sym-terra); border:1px solid rgba(217,123,92,0.4); border-radius:20px; padding:2px 8px; margin-left:8px; }

.kry-coin { position:fixed; pointer-events:none; z-index:60; font-size:20px; }

/* ── Mode picker (SOLO / LIVE VS) ── */
.kry-mode-btns { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; margin:8px 0 18px; }
.kry-mode-btn {
  display:flex; flex-direction:column; align-items:center; gap:8px;
  width:200px; padding:26px 20px 22px; cursor:pointer;
  background:rgba(217,123,92,0.08); border:1px solid rgba(217,123,92,0.3); border-radius:8px;
  color:var(--sym-cream); transition:transform .2s, border-color .2s, background .2s, box-shadow .2s;
}
.kry-mode-btn:hover { transform:translateY(-5px); border-color:var(--sym-terra); background:rgba(217,123,92,0.16); box-shadow:0 8px 24px rgba(217,123,92,0.2); }
.kry-mode-btn-vs { border-color:rgba(196,164,72,0.3); background:rgba(196,164,72,0.08); }
.kry-mode-btn-vs:hover { border-color:var(--sym-gold); background:rgba(196,164,72,0.16); box-shadow:0 8px 24px rgba(196,164,72,0.18); }
.kry-mode-icon { font-size:36px; line-height:1.1; }
.kry-mode-lbl { font-family:var(--sym-display); font-size:16px; letter-spacing:2.5px; }
.kry-mode-sub { font-family:var(--sym-serif); font-style:italic; font-size:13px; color:var(--sym-stone); text-align:center; line-height:1.4; max-width:160px; }
.kry-mode-back { margin-top:18px; padding:6px 14px; cursor:pointer; border-radius:3px; border:none; background:transparent; font-family:var(--sym-mono); font-size:11px; letter-spacing:1px; color:var(--sym-stone); opacity:0.6; transition:opacity .15s; }
.kry-mode-back:hover { opacity:1; color:var(--sym-cream); }

/* ── Leave confirmation ── */
.kry-leave-modal { position:absolute; inset:0; z-index:40; background:rgba(11,8,5,0.82); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; }
.kry-leave-box { background:var(--sym-bg-panel); border:1px solid rgba(196,164,72,0.3); border-radius:10px; padding:36px 44px; text-align:center; max-width:420px; animation:kry-fade .25s ease; }
.kry-leave-msg { font-family:var(--sym-serif); font-size:18px; color:var(--sym-cream); line-height:1.55; margin-bottom:28px; }
.kry-leave-btns { display:flex; gap:14px; justify-content:center; }
.kry-leave-yes { padding:11px 32px; cursor:pointer; border-radius:4px; background:rgba(158,59,46,0.2); border:1px solid rgba(158,59,46,0.55); font-family:var(--sym-mono); font-size:12px; letter-spacing:2px; color:#E08577; transition:background .15s; }
.kry-leave-yes:hover { background:rgba(158,59,46,0.34); }
.kry-leave-no { padding:11px 32px; cursor:pointer; border-radius:4px; background:rgba(196,164,72,0.1); border:1px solid rgba(196,164,72,0.35); font-family:var(--sym-mono); font-size:12px; letter-spacing:2px; color:var(--sym-gold); transition:background .15s; }
.kry-leave-no:hover { background:rgba(196,164,72,0.2); }