@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root{
  --ink:#111114;
  --muted:#6c6c74;
  --line:#e8e6e1;
  --paper:#faf9f6;
  --white:#fff;
  --brand:#5e2f1f;
  --brand2:#8a4a34;
  --soft:#f2ece7;
  --dark:#171514;
  --success:#246b4a;
  --shadow:0 18px 60px rgba(26,19,16,.09);
  --radius:18px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.small,.eyebrow{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.muted{color:var(--muted)}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98}
h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.06}
h3{font-size:1.2rem}

.nav{position:sticky;top:0;z-index:40;background:rgba(250,249,246,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,230,225,.75)}
.nav-inner{min-height:78px;display:flex;align-items:center;gap:34px}
.brand{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
.brand:before{content:'';width:22px;height:22px;border-radius:50% 50% 50% 10%;background:linear-gradient(145deg,var(--brand2),var(--brand));transform:rotate(-18deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.brand span{font-family:'DM Sans',sans-serif;font-size:.58rem;letter-spacing:.13em;color:var(--brand);background:#efe1d9;padding:4px 7px;border-radius:999px}
.nav-links{display:flex;gap:26px;margin-right:auto}
.nav-links a{font-size:.94rem;color:#48474d;transition:.2s}
.nav-links a:hover{color:var(--brand)}
.nav-actions{display:flex;gap:10px;align-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dark);background:var(--dark);color:white;padding:12px 18px;border-radius:999px;font-weight:650;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,18,17,.14)}
.btn.secondary{background:transparent;color:var(--ink);border-color:#cbc7c1}
.btn.secondary:hover{background:white}
.btn.light{background:white;color:var(--ink);border-color:white}

.hero{padding:76px 0 84px;background:radial-gradient(circle at 85% 25%,#efe2da 0,transparent 31%),linear-gradient(180deg,#faf9f6 0,#f6f1ed 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}
.hero .eyebrow{color:var(--brand);margin-bottom:20px}
.hero h1{font-family:'Playfair Display',serif;max-width:720px;margin-bottom:24px}
.hero p{font-size:1.08rem;max-width:600px;color:#56545a;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:var(--dark);border-radius:28px;padding:14px;box-shadow:0 30px 80px rgba(45,29,21,.22);transform:rotate(1.2deg)}
.hero-image{min-height:440px;border-radius:20px;position:relative;overflow:hidden;background:
  radial-gradient(circle at 50% 46%,#d3ab73 0 2%,transparent 2.5%),
  radial-gradient(circle at 50% 46%,#221d1b 0 16%,#b79163 16.5% 18%,#342823 18.5% 20%,transparent 20.5%),
  linear-gradient(115deg,transparent 39%,rgba(255,255,255,.08) 40% 42%,transparent 43%),
  linear-gradient(135deg,#6b5448,#2a2422 58%,#4a352e);
}
.hero-image:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;border:24px solid #b89b75;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 4px #2f2824,0 18px 35px rgba(0,0,0,.35)}
.hero-image:after{content:'';position:absolute;width:42px;height:170px;border-radius:15px;background:linear-gradient(#5f3d2d,#8d634e,#5a392b);left:50%;top:50%;transform:translate(-50%,-50%) rotate(28deg);box-shadow:0 -215px 0 #654333,0 215px 0 #654333}
.badge{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#2e2a28;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.hero-meta{display:flex;justify-content:space-between;align-items:end;color:white;padding:18px 8px 6px}
.hero-meta strong{font-size:1.55rem;display:block}

.section{padding:88px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-head h2{margin:5px 0 0}
.section-head p{max-width:520px;color:var(--muted);margin-bottom:4px}
.grid{display:grid;gap:18px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ded8d1}
.auction-card{display:block}
.thumb{height:230px;position:relative;overflow:hidden;background:#e9e6e2}
.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.12))}
.thumb.watch{background:radial-gradient(circle at 50% 48%,#d5b47d 0 3%,#302a28 3.5% 20%,#b8986e 20.5% 23%,transparent 23.5%),linear-gradient(135deg,#d8d0c7,#8e7768)}
.thumb.art{background:linear-gradient(25deg,#b8462e 0 24%,transparent 24%),linear-gradient(150deg,#e0b242 0 26%,transparent 26%),linear-gradient(52deg,#263f52 0 43%,#ede0d1 43% 62%,#774b63 62%)}
.thumb.car{background:radial-gradient(circle at 26% 77%,#151515 0 9%,#b8b8b8 9.5% 11%,transparent 11.5%),radial-gradient(circle at 74% 77%,#151515 0 9%,#b8b8b8 9.5% 11%,transparent 11.5%),linear-gradient(168deg,transparent 0 48%,#922f25 49% 69%,transparent 70%),linear-gradient(#c9d9dc,#aeb9b3 64%,#73786f 65%)}
.thumb.bag{background:linear-gradient(90deg,transparent 30%,#8c5737 30% 70%,transparent 70%),linear-gradient(#d6c3af,#e8ddd0)}
.thumb.bag:before{content:'';position:absolute;width:85px;height:60px;border:13px solid #78492f;border-bottom:0;border-radius:50px 50px 0 0;left:50%;top:35px;transform:translateX(-50%)}
.card-body{padding:18px}
.card-title{font-weight:700;font-size:1rem;margin-bottom:16px}
.price-row{display:flex;align-items:end;justify-content:space-between;gap:12px}
.price strong{display:block;font-size:1.18rem}
.countdown{background:#f4f1ed;padding:8px 10px;border-radius:9px;font-size:.82rem;font-weight:700;color:#4e4845}

.category{background:white;border:1px solid var(--line);border-radius:16px;padding:24px 22px;font-size:1.2rem;font-weight:700;min-height:142px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.category:before{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#efe0d8;right:-18px;top:-25px;transition:transform .25s}
.category:hover:before{transform:scale(1.25)}
.category span{display:block;color:var(--muted);font-size:.85rem;font-weight:500;margin-top:6px;max-width:190px}
.steps{counter-reset:steps}
.step{background:transparent;border-top:1px solid #dcd7d1;padding:24px 0 0}
.step:before{counter-increment:steps;content:'0' counter(steps);display:block;color:var(--brand);font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:28px}
.step p{color:var(--muted)}
.cta{background:var(--brand);color:white;border-radius:26px;padding:54px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 55px rgba(94,47,31,.17)}
.cta h2{max-width:720px;margin:0}

.page-hero{padding:66px 0 42px;background:linear-gradient(180deg,#f7f0ec,transparent)}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4.8rem);max-width:900px;margin:10px 0 16px}
.page-hero p{font-size:1.05rem;color:var(--muted);max-width:690px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.chip{border:1px solid #d8d3cc;background:transparent;padding:9px 14px;border-radius:999px;cursor:pointer;color:#4d4947}
.chip:hover,.chip.active{background:var(--dark);border-color:var(--dark);color:white}

.auction-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:42px;padding-bottom:90px;align-items:start}
.gallery{background:white;border:1px solid var(--line);padding:12px;border-radius:24px;box-shadow:0 16px 50px rgba(25,20,17,.05)}
.main-image{height:580px;border-radius:17px;position:relative;overflow:hidden;background:
  radial-gradient(circle at 50% 48%,#d8b77f 0 2%,#25201e 2.5% 16%,#c3a57d 16.5% 19%,#312723 19.5% 21%,transparent 21.5%),
  linear-gradient(135deg,#d6cbc0,#6e574d 56%,#2e2927)}
.main-image:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:30px solid #ad916d;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 22px 42px rgba(0,0,0,.27),inset 0 0 0 5px #342b27}
.main-image:after{content:'';position:absolute;width:52px;height:240px;border-radius:17px;background:#674435;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 -250px 0 #674435,0 250px 0 #674435}
.auction-panel{position:sticky;top:102px;background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}
.auction-panel h1{font-family:'Playfair Display',serif;font-size:2.55rem;line-height:1.03;margin:10px 0 12px}
.auction-price{font-size:2.7rem;letter-spacing:-.04em;font-weight:700;margin-top:2px}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}
.stat{background:#f7f5f2;border-radius:12px;padding:13px}
.stat strong{display:block;font-size:1.08rem;margin-top:3px}
.notice{background:#f4ece7;border:1px solid #ead9cf;border-radius:12px;padding:14px 15px;color:#704534;font-size:.88rem}
.join-box{margin-top:20px}

.form-card,.info-card{max-width:820px;background:white;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 14px 45px rgba(30,24,20,.05)}
.form{margin:0 auto}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-weight:650;font-size:.88rem;margin-bottom:7px}
.form input,.form select,.form textarea{width:100%;border:1px solid #d8d3cc;background:#fff;border-radius:11px;padding:12px 13px;outline:none;transition:border .18s,box-shadow .18s}
.form textarea{min-height:130px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#9b725f;box-shadow:0 0 0 3px rgba(137,74,52,.1)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.dashboard-grid{display:grid;grid-template-columns:220px 1fr;gap:28px;padding-bottom:90px}
.sidebar{background:white;border:1px solid var(--line);border-radius:18px;padding:10px;height:max-content;position:sticky;top:102px}
.sidebar a{display:block;padding:11px 12px;border-radius:10px;color:#625f5c;font-size:.92rem}
.sidebar a:hover,.sidebar a.active{background:#f3ede8;color:var(--brand);font-weight:700}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.metric{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}
.metric strong{display:block;font-size:2rem;margin-top:5px}
.table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.table th,.table td{text-align:left;padding:15px 16px;border-bottom:1px solid #eeeae5;font-size:.9rem}
.table th{background:#f7f5f2;color:#77716d;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.table tr:last-child td{border-bottom:0}
.status{background:#e9f4ed;color:var(--success);padding:5px 8px;border-radius:999px;font-weight:700;font-size:.75rem}

.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:start}
.quote-card{background:var(--dark);color:white;border-radius:22px;padding:34px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow)}
.quote-card p{font-family:'Playfair Display',serif;font-size:2.1rem;line-height:1.17}
.info-card{max-width:none}
.info-card h2{font-size:1.45rem;margin-top:28px}
.info-card h2:first-child{margin-top:0}
.info-card p{color:var(--muted)}

.footer{border-top:1px solid var(--line);padding:30px 0 36px;color:#77716d;font-size:.82rem;background:#f7f5f2}
.footer-inner{display:flex;justify-content:space-between;gap:20px}

.toast{position:fixed;right:22px;bottom:22px;background:#171514;color:white;padding:13px 16px;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.2);z-index:99;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}
.toast.show{opacity:1;transform:none}

@media(max-width:960px){
  .hero-grid,.auction-layout,.about-grid{grid-template-columns:1fr}
  .hero-card{max-width:650px;transform:none}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .auction-panel{position:relative;top:auto}
  .dashboard-grid{grid-template-columns:1fr}
  .sidebar{display:flex;overflow:auto;position:relative;top:auto}
  .sidebar a{white-space:nowrap}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .container{width:min(100% - 26px,var(--container))}
  .nav-inner{min-height:68px;gap:12px}.nav-links{display:none}.nav-actions .secondary{display:none}.nav-actions{margin-left:auto}.nav-actions .btn{padding:10px 13px;font-size:.82rem}
  .hero{padding:52px 0 62px}.hero-grid{gap:38px}.hero-image{min-height:330px}
  .section{padding:64px 0}.section-head{align-items:flex-start;flex-direction:column}.grid-4,.grid-3{grid-template-columns:1fr}.thumb{height:260px}
  .cta{padding:32px;align-items:flex-start;flex-direction:column}.cta h2{font-size:2rem}
  .main-image{height:440px}.auction-layout{gap:22px}.auction-panel{padding:23px}.stat-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}.form-card{padding:22px}
  .metric-grid{grid-template-columns:1fr 1fr}.table th:nth-child(4),.table td:nth-child(4){display:none}
  .footer-inner{flex-direction:column}
}

/* Professional marketplace refinements — existing backgrounds and layout retained */
.nav-links a[aria-current="page"]{color:var(--brand);font-weight:700}
.category{transition:transform .2s,box-shadow .2s,border-color .2s}
.category:hover{transform:translateY(-3px);border-color:#d6cbc1;box-shadow:var(--shadow)}
.category:focus-visible,.chip:focus-visible,.btn:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}
.thumb.island{background:linear-gradient(145deg,transparent 35%,#527b68 36% 54%,transparent 55%),linear-gradient(165deg,#bbd9d2 0 38%,#427f96 39% 73%,#c5b28d 74%)}
.thumb.estate{background:linear-gradient(0deg,#7b826b 0 22%,transparent 22%),linear-gradient(90deg,transparent 16%,#d7cec0 16% 75%,transparent 75%),linear-gradient(155deg,#c8dce3 0 52%,#a8b1aa 53%)}
.thumb.collectible{background:radial-gradient(ellipse at 50% 53%,#a87945 0 16%,#503d2f 17% 20%,transparent 21%),linear-gradient(140deg,#ddd4c8,#a79786)}
.card-title{min-height:2.8em}
@media(max-width:720px){.nav-links{display:flex;gap:12px;overflow-x:auto}.nav-links a{font-size:.8rem;white-space:nowrap}.nav-inner{flex-wrap:wrap;padding:10px 0}.nav-actions{display:none}}

.main-image.island,.main-image.estate,.main-image.collectible,.main-image.car,.main-image.art{background-size:cover}
.main-image.island{background:linear-gradient(145deg,transparent 35%,#527b68 36% 54%,transparent 55%),linear-gradient(165deg,#bbd9d2 0 38%,#427f96 39% 73%,#c5b28d 74%)}
.main-image.estate{background:linear-gradient(0deg,#7b826b 0 22%,transparent 22%),linear-gradient(90deg,transparent 16%,#d7cec0 16% 75%,transparent 75%),linear-gradient(155deg,#c8dce3 0 52%,#a8b1aa 53%)}
.main-image.collectible{background:radial-gradient(ellipse at 50% 53%,#a87945 0 16%,#503d2f 17% 20%,transparent 21%),linear-gradient(140deg,#ddd4c8,#a79786)}
.main-image.car{background:linear-gradient(168deg,transparent 0 48%,#922f25 49% 69%,transparent 70%),linear-gradient(#c9d9dc,#aeb9b3 64%,#73786f 65%)}
.main-image.art{background:linear-gradient(25deg,#b8462e 0 24%,transparent 24%),linear-gradient(150deg,#e0b242 0 26%,transparent 26%),linear-gradient(52deg,#263f52 0 43%,#ede0d1 43% 62%,#774b63 62%)}
.main-image:not(.watch):before,.main-image:not(.watch):after{display:none}
.auction-card[hidden]{display:none}

/* How to Bid page only — core palette, backgrounds and site structure unchanged */
.how-hero{padding-bottom:60px}
.how-first{padding-top:68px}
.how-facts{margin-top:38px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.how-facts>div{padding:24px 22px;border-right:1px solid var(--line)}
.how-facts>div:last-child{border-right:0}
.how-facts strong{display:block;color:var(--brand);font-size:1.24rem}
.how-facts span{display:block;color:var(--muted);font-size:.83rem;margin-top:3px}
.how-soft{background:#f7f4f0}
.how-two-column{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}
.how-two-column h2{max-width:600px}
.how-two-column p{max-width:600px}
.how-screen{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}
.how-screen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.how-pill{background:var(--soft);color:var(--brand);font-size:.79rem;font-weight:700;padding:7px 12px;border-radius:999px;white-space:nowrap}
.how-screen-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.how-screen-metrics>div{border:1px solid var(--line);border-radius:12px;padding:15px}
.how-screen-metrics strong{display:block;font-size:1.8rem;margin-top:6px}
.how-input-preview{margin-top:18px;border:1px solid #c8b2a8;border-radius:11px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.how-input-preview strong{color:var(--ink);font-size:1.35rem}
.how-demo-button{display:block;background:var(--dark);color:#fff;border-radius:999px;text-align:center;font-weight:700;padding:13px;margin-top:12px}
.how-screen-caption{color:var(--muted);font-size:.75rem;text-align:center;margin:11px 0 0}
.how-rounds{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.how-round{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:20px;align-items:start;padding:26px 30px;border-bottom:1px solid var(--line)}
.how-round:last-child{border-bottom:0}
.how-round-number{font-family:'Playfair Display',serif;color:var(--brand);font-size:2rem;line-height:1.2}
.how-round h3{margin:5px 0 7px}
.how-round p{color:var(--muted);margin:0;max-width:710px}
.how-round-result{font-size:.8rem;background:var(--soft);border-radius:999px;padding:8px 11px;color:var(--brand);font-weight:700;white-space:nowrap}
.how-round-final{background:#fbf6f2}
.how-footnote{font-size:.82rem;margin-top:13px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.how-explain .info-card{max-width:none}
.how-explain .info-card h2{margin-top:15px;font-size:1.5rem}
.how-faq{border-top:1px solid var(--line);max-width:950px}
.how-faq details{border-bottom:1px solid var(--line);padding:19px 4px}
.how-faq summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.how-faq summary::-webkit-details-marker{display:none}
.how-faq summary:after{content:'+';position:absolute;right:7px;color:var(--brand);font-size:1.4rem;line-height:1}
.how-faq details[open] summary:after{content:'−'}
.how-faq details p{color:var(--muted);max-width:740px;margin:14px 0 0}
.how-faq summary:focus-visible,.text-link:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}
.how-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.text-link{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){.how-two-column{grid-template-columns:1fr;gap:28px}.how-facts{grid-template-columns:repeat(2,1fr)}.how-facts>div:nth-child(2){border-right:0}.how-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid-2{grid-template-columns:1fr}.how-round{grid-template-columns:50px 1fr}.how-round-result{grid-column:2;width:max-content}}
@media(max-width:720px){.how-facts>div{padding:17px 14px}.how-round{padding:21px 17px;gap:11px}.how-round-number{font-size:1.6rem}.how-screen{padding:18px}.how-screen-metrics strong{font-size:1.4rem}.how-cta-actions{width:100%}.how-cta-actions .btn{flex:1}}

/* Practice rooms and interactive walkthrough — additions only; original theme untouched */
.practice-alert{padding:17px 22px;background:#f5eee8;border:1px solid #ddc8b9;border-radius:14px;color:#684331;margin-bottom:32px}
.practice-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.practice-choice{padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.practice-choice h2{font-family:'Playfair Display',serif;font-size:2rem;margin:6px 0}
.practice-choice p{color:var(--muted);flex:1}
.practice-choice label{font-weight:700;font-size:.9rem;margin-top:10px}
.practice-choice input,.practice-narrow input,.practice-bid-form input,.practice-invite input{width:100%;font:inherit;padding:12px;border:1px solid #d7d1ca;border-radius:11px;background:#fff}
.practice-choice button{margin-top:8px}
.practice-narrow{max-width:700px;margin:auto;padding:34px}
.practice-room-header{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}
.practice-room-header h2{font-family:'Playfair Display',serif;font-size:2.2rem;margin:7px 0}
.practice-balance{background:var(--dark);color:white;border-radius:17px;padding:15px 25px;min-width:175px;text-align:center}
.practice-balance .small{color:#d4bcae}
.practice-balance strong{font-size:2.6rem;display:block;line-height:1.2}
.practice-balance span:last-child{font-size:.75rem;color:#d4bcae}
.practice-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}
.practice-layout .info-card{padding:30px}
.practice-layout h2{font-size:1.6rem}
.practice-identity{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}
.practice-clock{background:#f7f0eb;border:1px solid #e3d6cd;border-radius:12px;padding:12px 20px;text-align:center;min-width:118px}
.practice-clock strong{display:block;font-size:1.9rem;line-height:1.2;color:var(--brand)}
.practice-bid-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:18px}
.practice-bid-form label{display:block;width:100%;font-weight:700;font-size:.85rem}
.practice-bid-form input{flex:1;min-width:160px}
.practice-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.practice-player{border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0}
.practice-player strong{font-size:.86rem;overflow-wrap:anywhere}
.practice-player .small{font-size:.67rem;letter-spacing:.03em}
.practice-avatar{display:grid;place-items:center;width:40px;height:40px;background:#f1e2da;border-radius:50%;color:var(--brand);font-weight:800;font-size:.83rem}
.player-me{border-color:#ae8269;background:#fcf8f5}
.player-out{opacity:.45}
.practice-results{display:flex;flex-direction:column;gap:8px;margin:20px 0}
.practice-result-row{display:grid;grid-template-columns:30px minmax(80px,1fr) auto auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px}
.practice-result-row.result-eliminated{opacity:.53}
.practice-rank{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--muted)}
.practice-name{font-weight:700;min-width:0;overflow-wrap:anywhere}
.practice-result-bid{font-size:.85rem;color:var(--muted);text-align:right}
.practice-status{font-size:.66rem;font-weight:800;letter-spacing:.05em;padding:5px 8px;border-radius:999px;background:#f3eee9;color:#61534b;white-space:nowrap;text-transform:uppercase}
.status-bye,.status-winner{background:#e6f0e8;color:#206343}
.status-eliminated{background:#f2e7e5;color:#8f574b}
.status-advanced{background:#edf0f4;color:#425d77}
.practice-note{background:#f7f3ee;padding:12px;border-radius:10px;font-size:.85rem}
.practice-history{border-top:1px solid var(--line);padding:14px 0}
.practice-history summary{font-weight:700;cursor:pointer}
.practice-invite{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}
.practice-invite input{flex:1;min-width:200px}
.practice-error{color:#9b342b;background:#fff1ed;border:1px solid #f3c2b8;border-radius:9px;padding:12px 15px;margin-bottom:18px}
.practice-promo{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:26px}
.practice-promo h3{font-family:'Playfair Display',serif;font-size:1.6rem;margin:6px 0}
.practice-promo p{color:var(--muted);margin:0}
.walkthrough-shell{background:white;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}
.walkthrough-toolbar{display:flex;justify-content:space-between;align-items:start;gap:15px}
.walkthrough-toolbar h3{font-family:'Playfair Display',serif;font-size:1.8rem;margin:6px 0}
.walkthrough-track{display:flex;gap:8px;align-items:center;margin:20px 0}
.walkthrough-dot{border:0;background:#eee5de;color:var(--muted);width:35px;height:35px;flex:0 0 35px;border-radius:50%;font-weight:700;cursor:pointer}
.walkthrough-dot.on{background:var(--brand);color:white}
.walkthrough-line{height:2px;background:var(--line);flex:1}
.walkthrough-bye{padding:11px 15px;margin-bottom:14px;border-radius:11px;background:#edf3eb;color:#315a3c;font-weight:700;font-size:.88rem}
.walkthrough-players{display:flex;flex-direction:column;gap:8px}
.walkthrough-player{display:grid;grid-template-columns:96px minmax(70px,1fr) 95px 132px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px 14px;animation:walk-in .35s both}
.walkthrough-person{display:flex;gap:9px;align-items:center;font-size:.9rem}
.walkthrough-person .practice-avatar{width:36px;height:36px;flex:0 0 36px}
.walkthrough-bar{height:10px;background:#f1ebe6;border-radius:999px;overflow:hidden}
.walkthrough-bar span{display:block;background:#ab7659;height:100%;border-radius:999px;transition:width .4s}
.walk-eliminated{opacity:.48;background:#faf8f6}
.walk-eliminated .walkthrough-bar span{background:#9b9793}
.walk-bye,.walk-winner{border-color:#c5d9ca;background:#fafcf9}
.walkthrough-value{font-size:.82rem;color:var(--muted);font-weight:700;text-align:right}
.walkthrough-summary{background:#f7f3ee;border-radius:13px;margin-top:20px;padding:16px 19px}
.walkthrough-summary p{margin:5px 0 0;color:var(--muted);font-size:.9rem}
.walkthrough-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@keyframes walk-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.practice-choice-grid,.practice-layout{grid-template-columns:1fr}.practice-player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.practice-room-header,.practice-promo,.practice-identity{flex-direction:column;align-items:stretch}.practice-balance{text-align:left}.practice-choice-grid{grid-template-columns:1fr}.practice-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-result-row{grid-template-columns:22px 1fr auto;gap:8px}.practice-result-row .practice-status{grid-column:2 / -1;justify-self:start}.walkthrough-shell{padding:18px}.walkthrough-player{grid-template-columns:80px 1fr 110px}.walkthrough-player .practice-status{grid-column:1/-1;justify-self:start}.walkthrough-bar{min-width:40px}.walkthrough-value{font-size:.73rem}.walkthrough-controls .btn{font-size:.78rem;padding:9px 12px}}