.shared-save-shell{
  position:relative;
  border:1px solid rgba(255,225,170,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 42px rgba(6,2,18,.22);
  backdrop-filter:blur(14px);
}

.shared-save-shell::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,216,120,.18), transparent 68%);
  pointer-events:none;
  opacity:.8;
}

.shared-save-shell--panel{
  background:
    radial-gradient(circle at top left, rgba(255,216,120,.08), transparent 26%),
    linear-gradient(180deg, rgba(24,12,46,.76), rgba(12,6,28,.72));
}

.shared-save-shell--paper{
  background:
    radial-gradient(circle at top left, rgba(255,213,120,.2), transparent 24%),
    linear-gradient(180deg, rgba(255,249,233,.96), rgba(245,237,214,.94));
}

.shared-save-shell--compact::before{
  width:110px;
  height:110px;
}

.shared-save-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:"Cinzel",serif;
  font-size:.58rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(255,214,138,.72);
}

.shared-save-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:radial-gradient(circle, #fff6d9 0%, #f3cb66 42%, rgba(243,203,102,.08) 100%);
  box-shadow:0 0 14px rgba(243,203,102,.22);
}

.shared-save-name{
  position:relative;
  z-index:1;
  margin-top:8px;
  font-weight:800;
}

.shared-save-meta{
  position:relative;
  z-index:1;
  margin-top:6px;
  line-height:1.6;
}

.shared-save-actions{
  position:relative;
  z-index:1;
}

.shared-save-note{
  position:relative;
  z-index:1;
}

.shared-save-identity{
  position:relative;
  z-index:1;
  border-radius:20px;
  border:1px solid rgba(255,222,148,.14);
  background:rgba(255,248,232,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.shared-save-shell--paper .shared-save-identity{
  background:rgba(255,255,255,.55);
  border-color:rgba(151,118,53,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.shared-game-panel{
  width:100%;
  border-radius:24px;
  padding:16px 18px;
  background:
    radial-gradient(circle at top left, rgba(255,216,120,.08), transparent 24%),
    linear-gradient(180deg, rgba(19,10,42,.78), rgba(12,6,28,.76));
  border:1px solid rgba(255,225,170,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 38px rgba(6,2,18,.22);
  backdrop-filter:blur(12px);
}

.shared-game-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.shared-game-panel-title{
  font-family:"Cinzel",serif;
  font-size:.6rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(255,213,138,.72);
}

.shared-game-panel-note{
  color:rgba(240,223,191,.72);
  line-height:1.6;
  font-size:.82rem;
}

.shared-game-status-card{
  position:relative;
  width:100%;
  border-radius:22px;
  padding:14px 18px 14px 52px;
  background:
    radial-gradient(circle at 14% 28%, rgba(255,218,123,.12), transparent 20%),
    linear-gradient(180deg, rgba(19,10,42,.7), rgba(12,6,28,.64));
  border:1px solid rgba(255,225,170,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(6,2,18,.18);
  backdrop-filter:blur(12px);
}

.shared-game-status-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:18px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff7d9 0%, #f6cf6d 32%, rgba(246,207,109,.15) 68%, transparent 100%);
  box-shadow:0 0 18px rgba(246,207,109,.22);
}

.shared-game-status-eyebrow{
  font-family:"Cinzel",serif;
  font-size:.58rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:rgba(255,213,138,.72);
}

.shared-game-status-name{
  margin-top:6px;
  font-size:.96rem;
  font-weight:800;
  color:#fff1c6;
}

.shared-game-status-meta{
  margin-top:6px;
  color:rgba(240,223,191,.72);
  line-height:1.6;
  font-size:.82rem;
}

.shared-game-finish-card{
  width:min(560px,calc(100vw - 24px));
  max-height:min(92vh,760px);
  overflow:auto;
  border-radius:28px;
  padding:24px 22px 20px;
  text-align:center;
}

.shared-game-finish-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0 16px;
}

.shared-game-finish-stat{
  padding:12px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,220,140,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.shared-game-finish-stat strong{
  display:block;
  font-size:1.2rem;
  color:#fff0bf;
}

.shared-game-finish-stat span{
  display:block;
  margin-top:4px;
  font-size:.64rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(240,220,180,.46);
}

.shared-save-shell--paper .shared-game-finish-stat{
  background:linear-gradient(180deg, rgba(255,248,227,.96), rgba(248,237,206,.94));
  border-color:rgba(151,118,53,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}

.shared-save-shell--paper .shared-game-finish-stat strong{
  color:#b07a18;
}

.shared-save-shell--paper .shared-game-finish-stat span{
  color:rgba(102,74,26,.82);
}

.shared-save-label{
  display:block;
  font-family:"Cinzel",serif;
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.shared-save-hint{
  margin-top:6px;
  line-height:1.55;
}