/* Bible Zone — extends /shared/kg.css with a warm gold accent and shared game furniture. */
:root{ --bz:#b7791f; --bz2:#f3d9a4; --ok:#0f9d63; --bad:#d93f3f; --paper:#fffaf0; }
@media (prefers-color-scheme: dark){ :root:not([data-theme]){ --bz:#e0a63f; --bz2:#3a2c10; --ok:#34d399; --bad:#ff6b6b; --paper:#171309 } }
:root[data-theme="dark"]{ --bz:#e0a63f; --bz2:#3a2c10; --ok:#34d399; --bad:#ff6b6b; --paper:#171309 }
body{background:radial-gradient(ellipse 90% 55% at 50% 0%,color-mix(in oklab,var(--bz) 16%,var(--bg)),var(--bg) 70%)}
.wrap{max-width:720px;margin:0 auto;padding:18px 16px 48px}
.crumb{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;color:var(--bz);text-transform:uppercase;margin:4px 0 6px}
h1.t{font-size:28px;letter-spacing:-.02em;margin:0 0 6px}
.sub{color:var(--text2);margin:0 0 18px;font-size:15px;line-height:1.5}
.btn-gold{background:var(--bz);border-color:var(--bz);color:#fff}
.verse-card{background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--bz);border-radius:14px;padding:18px 20px;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.75}
.ref{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:var(--bz);font-weight:700;letter-spacing:.04em}
.src{color:var(--muted);font-size:12px;text-align:center;margin-top:28px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stat{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text2)}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--border);font-size:12.5px;color:var(--text2)}
.ok{color:var(--ok)} .bad{color:var(--bad)}
@keyframes shk{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.shake{animation:shk .25s}

[hidden]{display:none!important}

/* orderer */
.ord{display:flex;flex-direction:column;gap:8px}
.ord.grid{flex-direction:row;flex-wrap:wrap;gap:8px}
.ord .tile{position:relative;border:1px solid var(--border);background:var(--panel);border-radius:12px;user-select:none;-webkit-user-select:none;transition:border-color .15s,background .15s}
.ord.list .tile{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 8px;font-size:15.5px;line-height:1.35}
.ord.grid .tile{padding:9px 13px;font-size:14.5px;font-weight:600;cursor:pointer}
.ord .grip{cursor:grab;touch-action:none;color:var(--muted);font-size:22px;line-height:1;padding:6px 4px}
.ord .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--bz);width:1.6em;text-align:center}
.ord .lbl{flex:1}
.ord .sub{display:none;font-family:Georgia,serif;color:var(--text2);font-size:13px;line-height:1.5;margin-top:3px}
.ord.done .sub{display:block}
.ord .mv{display:flex;flex-direction:column;gap:2px}
.ord .mv button{border:1px solid var(--border);background:var(--bg);border-radius:6px;font-size:9px;padding:2px 9px;line-height:1.2}
.ord .mv button:hover{border-color:var(--bz)}
.ord.done .mv,.ord.done .grip{display:none}
.ord .tile.sel{border-color:var(--bz);box-shadow:0 0 0 2px color-mix(in oklab,var(--bz) 40%,transparent)}
.ord .tile.ok{border-color:var(--ok);background:color-mix(in oklab,var(--ok) 13%,var(--panel))}
.ord .tile.no{border-color:var(--bad);background:color-mix(in oklab,var(--bad) 10%,var(--panel))}
.ord .tile.ph{opacity:.3}
.ord .tile:focus-visible{outline:2px solid var(--bz);outline-offset:2px}
.tile.ghost{box-shadow:0 12px 28px rgba(0,0,0,.35);background:var(--panel);border:1px solid var(--bz);border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px}

.card,.kg-card{background:linear-gradient(180deg,color-mix(in oklab,var(--bz) 5%,var(--panel)),var(--panel2))!important;border-color:color-mix(in oklab,var(--bz) 18%,var(--border))!important}