/* Yard Sale Flip Wars - arcade marketplace theme */
.ysfw-wrap{
	max-width:1220px;
	margin:34px auto;
	padding:18px;
	font-family:Inter, Arial, Helvetica, sans-serif;
	color:#f8fafc;
	background:
		radial-gradient(circle at 18% 0%, rgba(250,204,21,.22), transparent 28%),
		radial-gradient(circle at 84% 4%, rgba(147,51,234,.24), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #111827 48%, #07111f 100%);
	border-radius:28px;
	box-shadow:0 24px 70px rgba(2,6,23,.38);
	position:relative;
	overflow:hidden;
}
.ysfw-wrap:before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size:34px 34px;
	pointer-events:none;
}
.ysfw-wrap > *{
	position:relative;
	z-index:1;
}
.ysfw-header-card,
.ysfw-panel,
.ysfw-stat-card{
	background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(3,7,18,.96));
	border:1px solid rgba(148,163,184,.26);
	border-radius:22px;
	box-shadow:0 18px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
.ysfw-header-card{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 190px auto;
	gap:22px;
	padding:28px;
	margin-bottom:18px;
	align-items:center;
	background:
		linear-gradient(90deg, rgba(0,0,0,.62), rgba(17,24,39,.98)),
		radial-gradient(circle at 20% 20%, rgba(250,204,21,.26), transparent 32%),
		radial-gradient(circle at 76% 10%, rgba(126,34,206,.42), transparent 34%);
}
.ysfw-kicker{
	display:inline-flex;
	padding:7px 13px;
	margin-bottom:12px;
	border-radius:999px;
	background:#facc15;
	color:#111827;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:12px;
	box-shadow:0 8px 18px rgba(250,204,21,.26);
}
.ysfw-header-card h2{
	margin:0 0 10px;
	font-size:44px;
	line-height:.95;
	letter-spacing:-.05em;
	text-transform:uppercase;
	color:#facc15;
	text-shadow:3px 4px 0 rgba(0,0,0,.55);
}
.ysfw-header-card h2 span{
	display:block;
	color:#ffffff;
	font-size:52px;
}
.ysfw-header-card p{
	max-width:650px;
	margin:0;
	color:#dbeafe;
	font-size:17px;
	line-height:1.55;
}
.ysfw-feature-pills{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin-top:18px;
}
.ysfw-feature-pills span{
	padding:8px 12px;
	border-radius:999px;
	background:rgba(34,197,94,.14);
	border:1px solid rgba(74,222,128,.38);
	color:#bbf7d0;
	font-size:13px;
	font-weight:800;
}
.ysfw-hero-badge{
	text-align:center;
	padding:18px 16px;
	border-radius:22px;
	background:linear-gradient(180deg, #7e22ce, #4c1d95);
	border:1px solid rgba(216,180,254,.45);
	box-shadow:0 18px 35px rgba(88,28,135,.34);
}
.ysfw-badge-title{
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#fef3c7;
}
.ysfw-badge-big{
	font-size:32px;
	font-weight:950;
	line-height:1.05;
	margin:6px 0;
	color:#ffffff;
}
.ysfw-badge-small{
	color:#ddd6fe;
	font-weight:800;
}
.ysfw-header-actions{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.ysfw-status-grid{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:14px;
	margin-bottom:18px;
}
.ysfw-stat-card{
	padding:18px;
	background:
		linear-gradient(180deg, rgba(31,41,55,.98), rgba(15,23,42,.98));
}
.ysfw-stat-card span{
	display:block;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.11em;
	color:#cbd5e1;
	margin-bottom:9px;
}
.ysfw-stat-card strong{
	font-size:25px;
	color:#4ade80;
	text-shadow:0 0 18px rgba(74,222,128,.24);
}
.ysfw-stat-card:nth-child(1) strong,
.ysfw-stat-card:nth-child(5) strong{
	color:#facc15;
}
.ysfw-stat-card:nth-child(3) strong,
.ysfw-stat-card:nth-child(6) strong{
	color:#38bdf8;
}
.ysfw-main-grid{
	display:grid;
	grid-template-columns:1.55fr .95fr;
	gap:18px;
}
.ysfw-side-grid{
	display:grid;
	gap:18px;
}
.ysfw-panel{
	padding:20px;
}
.ysfw-panel-head{
	margin-bottom:16px;
	border-bottom:1px solid rgba(148,163,184,.18);
	padding-bottom:12px;
}
.ysfw-panel-head h3{
	margin:0 0 6px;
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:-.02em;
	color:#ffffff;
}
.ysfw-panel-head p{
	margin:0;
	color:#94a3b8;
}
.ysfw-table-wrap{
	overflow-x:auto;
}
.ysfw-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 10px;
}
.ysfw-table th,
.ysfw-table td{
	padding:14px 12px;
	text-align:left;
	vertical-align:middle;
}
.ysfw-table th{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#cbd5e1;
}
.ysfw-table tbody tr{
	background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(226,232,240,.96));
	color:#0f172a;
	box-shadow:0 10px 20px rgba(0,0,0,.2);
}
.ysfw-table tbody tr td:first-child{
	border-radius:16px 0 0 16px;
}
.ysfw-table tbody tr td:last-child{
	border-radius:0 16px 16px 0;
}
.ysfw-table td strong{
	color:#111827;
}
.ysfw-table td small{
	display:block;
	color:#475569;
	margin-top:4px;
	font-weight:700;
}
.ysfw-action-group{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}
.ysfw-qty{
	width:72px;
	padding:10px;
	border:1px solid #cbd5e1;
	border-radius:12px;
	background:#ffffff;
	color:#111827;
	font-weight:800;
}
.ysfw-btn,
.ysfw-travel-btn{
	border:none;
	border-radius:14px;
	padding:11px 15px;
	font-size:14px;
	font-weight:900;
	cursor:pointer;
	transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
	text-transform:uppercase;
	letter-spacing:.02em;
}
.ysfw-btn:hover,
.ysfw-travel-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 24px rgba(0,0,0,.22);
}
.ysfw-btn:disabled,
.ysfw-travel-btn:disabled{
	opacity:.55;
	cursor:not-allowed;
	box-shadow:none;
	transform:none;
}
.ysfw-btn-secondary{
	background:linear-gradient(180deg, #2563eb, #1d4ed8);
	color:#ffffff;
}
.ysfw-btn-danger{
	background:linear-gradient(180deg, #ef4444, #991b1b);
	color:#ffffff;
}
.ysfw-btn-buy{
	background:linear-gradient(180deg, #22c55e, #15803d);
	color:#ffffff;
}
.ysfw-btn-sell{
	background:linear-gradient(180deg, #38bdf8, #0369a1);
	color:#ffffff;
}
.ysfw-travel-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}
.ysfw-travel-btn{
	min-height:58px;
	background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(226,232,240,.98));
	color:#111827;
	text-align:left;
	border:1px solid rgba(255,255,255,.18);
}
.ysfw-travel-btn.is-current{
	background:linear-gradient(180deg, #facc15, #d97706);
	color:#111827;
}
.ysfw-inventory-list,
.ysfw-ledger{
	display:grid;
	gap:10px;
}
.ysfw-inventory-item,
.ysfw-ledger-row,
.ysfw-news-card,
.ysfw-alert,
.ysfw-empty{
	background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(226,232,240,.96));
	border:1px solid rgba(255,255,255,.28);
	border-radius:16px;
	padding:14px;
	color:#111827;
	box-shadow:0 10px 20px rgba(0,0,0,.18);
}
.ysfw-inventory-item{
	display:flex;
	justify-content:space-between;
	gap:12px;
}
.ysfw-inventory-item span{
	display:block;
	font-size:13px;
	color:#475569;
	margin-top:4px;
	font-weight:700;
}
.ysfw-news-card{
	border-left:6px solid #facc15;
}
.ysfw-alert{
	margin-top:10px;
	font-weight:900;
	border-left:6px solid #ef4444;
}
.ysfw-ledger-row{
	font-size:13px;
	line-height:1.45;
}
.ysfw-footer-note{
	margin-top:18px;
	padding:15px 18px;
	border-radius:16px;
	background:rgba(59,130,246,.18);
	border:1px solid rgba(147,197,253,.36);
	color:#dbeafe;
	font-weight:900;
}
.ysfw-footer-note.is-error{
	background:rgba(127,29,29,.42);
	border-color:rgba(248,113,113,.46);
	color:#fee2e2;
}
.ysfw-footer-note.is-success{
	background:rgba(20,83,45,.42);
	border-color:rgba(74,222,128,.46);
	color:#dcfce7;
}
.ysfw-ad-wrap{
	margin:18px auto;
	text-align:center;
}
.ysfw-ad-wrap ins{
	display:inline-block;
	max-width:100%;
}
@media (max-width: 1100px){
	.ysfw-header-card{
		grid-template-columns:1fr;
	}
	.ysfw-header-actions{
		flex-direction:row;
		flex-wrap:wrap;
	}
	.ysfw-hero-badge{
		max-width:260px;
	}
	.ysfw-status-grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.ysfw-main-grid{
		grid-template-columns:1fr;
	}
}
@media (max-width: 767px){
	.ysfw-wrap{
		padding:12px;
		border-radius:20px;
	}
	.ysfw-header-card{
		padding:22px;
	}
	.ysfw-header-card h2{
		font-size:36px;
	}
	.ysfw-header-card h2 span{
		font-size:42px;
	}
	.ysfw-status-grid{
		grid-template-columns:repeat(2, 1fr);
	}
	.ysfw-travel-list{
		grid-template-columns:1fr;
	}
	.ysfw-inventory-item{
		flex-direction:column;
	}
	.ysfw-action-group{
		min-width:230px;
	}
}