/* Protection: plunder cap, looted immunity, newbie and peace shields, teleports */
.sh-status { --c: var(--c-blood); margin: 0 0 10px; padding: 12px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent); background: linear-gradient(color-mix(in srgb, var(--c) 16%, #16201a), #121812); display: grid; gap: 2px; }
.sh-status.on { --c: #78c8ff; } .sh-status.on.newbie { --c: #78e6a0; } .sh-status.on.looted { --c: #ffbe5a; }
.sh-top { display: grid; grid-template-columns: 58px 1fr; gap: 12px; align-items: center; margin-bottom: 8px; }
.sh-emblem { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 30px; background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 55%, #fff), color-mix(in srgb, var(--c) 45%, var(--c-ink)) 75%); border: 3px solid color-mix(in srgb, var(--c) 70%, #fff); box-shadow: 0 0 16px color-mix(in srgb, var(--c) 45%, transparent); }
.sh-state { font-size: 20px; font-weight: 900; color: var(--c); letter-spacing: .02em; }
.sh-sub { font-size: 13px; opacity: .9; } .sh-sub b { color: #fff; }
.sh-row { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.07); font-size: 13px; }
.sh-row > span:first-child { white-space: nowrap; }
.sh-row .v { text-align: right; color: var(--muted); } .sh-row.ok .v { color: #9ff0c4; } .sh-row.bad .v { color: #ffb3aa; } .sh-row .v b { color: #fff; }
.sh-hits { margin-top: 2px; }
.sh-gap { margin-bottom: 8px; }
.sh-card { display: grid; grid-template-columns: 52px 1fr auto; gap: 10px; align-items: center; margin: 0 0 8px; padding: 9px 10px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid var(--line); }
.sh-ic { position: relative; width: 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; font-size: 27px; background: linear-gradient(#2a4560, #16283a); border: 1px solid #3f6f9c; }
.sh-ic b { position: absolute; right: -4px; bottom: -5px; min-width: 22px; padding: 1px 5px; border-radius: 9px; font-size: 11px; text-align: center; background: var(--c-ink); border: 1px solid var(--pn-gold2); color: var(--pn-gold); }
.sh-mid { display: grid; gap: 1px; min-width: 0; } .sh-mid b { font-size: 14px; } .sh-mid small { font-size: 12px; color: var(--muted); }
.sh-mid .sh-lim { font-size: 11px; opacity: .85; }
.sh-btns { display: grid; gap: 5px; width: 92px; } .sh-btns button { min-height: 34px; padding: 4px 6px; font-size: 13px; white-space: nowrap; }
.sh-buy { background: linear-gradient(#3a1d2a, #24121b); border-color: #8a3c5a; font-weight: 700; }
.sh-why, .sh-warn { margin: 0 0 8px; padding: 8px 10px; border-radius: 10px; font-size: 13px; }
.sh-why { background: rgba(224,87,76,.12); border: 1px solid rgba(224,87,76,.45); color: #ffb3aa; }
.sh-warn { background: rgba(240,180,60,.12); border: 1px solid rgba(240,180,60,.5); color: var(--c-amber-pale); }
.sh-gath { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; margin: 0 0 6px; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.05); font-size: 13px; }
.sh-gath .pn-chip.ok { border-color: #49d28a; color: #9ff0c4; } .sh-gath .pn-chip.risk { border-color: #e08a3c; color: #ffcf9a; }
.sh-go { border: 0; background: rgba(255,255,255,.08); border-radius: 10px; padding: 6px 10px; font-size: 16px; }
.sh-rule { display: grid; grid-template-columns: 30px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.sh-rule:last-child { border-bottom: 0; }
.sh-rule .ic { font-size: 20px; text-align: center; } .sh-rule b { display: block; font-size: 13px; color: var(--pn-gold); } .sh-rule small { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); line-height: 1.4; }
/* sheets */
.sh-sheet-note { margin: 6px 0; font-size: 13px; color: var(--muted); line-height: 1.4; }
#sheet-body .sh-warn { margin: 10px 0 0; }
.sh-xy { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.sh-xy label { display: grid; gap: 4px; font-size: 12px; color: var(--muted); } .sh-xy input { min-height: 44px; font-size: 18px; text-align: center; }
.sh-verdict { margin: 8px 0; padding: 10px; border-radius: 10px; text-align: center; font-weight: 700; background: rgba(255,255,255,.06); border: 1px solid var(--line); }
.sh-verdict.ok { color: #9ff0c4; border-color: #49d28a; background: rgba(73,210,138,.12); } .sh-verdict.bad { color: #ffb3aa; border-color: rgba(224,87,76,.6); background: rgba(224,87,76,.12); }
/* banner on the Map while the tile for an Advanced Teleport is being picked */
.sh-pick { position: fixed; z-index: 30; left: 8px; right: 100px; top: 300px; display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 12px; border-radius: 12px; background: rgba(20,18,10,.92); border: 2px solid var(--pn-gold); color: var(--c-amber-pale); font-size: 13px; font-weight: 700; box-shadow: 0 4px 14px rgba(0,0,0,.5); }
.sh-pick span { flex: 1; } .sh-pick button { min-width: 36px; min-height: 36px; padding: 0; }
html.land .sh-pick { top: auto; bottom: 76px; left: 50%; right: auto; transform: translateX(-50%); max-width: 420px; }