body{background:radial-gradient(ellipse at 50% 20%,#153c32,#080c10 65%);color:#f4efdf}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:20px}main{padding-bottom:64px}h1{font-size:clamp(38px,7vw,76px);line-height:1.05;color:#f7d78b;margin:24px 0}.connection{padding:12px 18px;border:1px solid #a38042;border-radius:12px;color:#f0d28b;background:#241e12;margin:24px 0}.controls{display:flex;gap:24px;margin:28px 0;flex-wrap:wrap}label{display:grid;gap:8px;flex:1;font-weight:bold;min-width:220px}select{padding:15px;border:1px solid #9c8048;border-radius:10px;background:#101c20;color:#f7e6bc;font-size:16px}.arena{border:2px solid #b18c43;border-radius:26px;padding:clamp(16px,4vw,36px);background:radial-gradient(ellipse at top,#195844,#0a231c 70%);box-shadow:0 25px 60px #0008,inset 0 0 0 6px #ddae4715}.board-head{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.board-head strong{color:#ffdb7e}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.seat{display:grid;grid-template-columns:42% 58%;min-height:104px;border-radius:12px;background:linear-gradient(135deg,#715324,#f5d889 27%,#b68a37 64%,#f8e6ae);box-shadow:0 5px 0 #5b451e,0 12px 18px #0006;color:#35230a;overflow:hidden;position:relative}.seat:after{content:'';position:absolute;inset:2px;border:1px solid #fff6;border-radius:10px;pointer-events:none}.seat .portrait{display:grid;place-items:center;border-right:2px solid #6a512a;margin:12px 0;font-size:25px;font-weight:bold}.portrait img{width:48px;height:48px;object-fit:cover;border-radius:50%}.seat .name{align-self:center;padding:10px;font-size:13px;overflow-wrap:anywhere}.seat small{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:6px}.seat.filled{background:linear-gradient(120deg,#eed88e,#fff1b5,#c39436);animation:arrival .7s ease-out}.race{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0}.race article{padding:24px;background:#121c24;border-top:2px solid #d3ae5c;border-radius:12px}.race span{color:#e8bd65;font-size:30px}.activity{padding:25px;border:1px solid #4a514c;border-radius:18px;margin-bottom:32px}.activity li{padding:8px 0}a:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes arrival{from{transform:translateY(-8px);filter:brightness(1.7)}to{transform:none;filter:none}}@media(max-width:620px){.slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.race{grid-template-columns:1fr}.seat{min-height:94px}}@media(prefers-reduced-motion:reduce){.seat.filled{animation:none}}

.seat{display:flex;flex-direction:column;background:transparent;box-shadow:none;overflow:visible;color:#f4dfad}.seat:after{display:none}.domino-face{display:grid;grid-template-columns:1fr 1fr;padding:9px;border-radius:12px;background:linear-gradient(145deg,#fff1b9,#d5a545 44%,#f6dc94 75%,#ad7d29);border:1px solid #ffeab0;box-shadow:0 5px 0 #6d4c1d,0 10px 16px #0008,inset 0 0 0 3px #ffe9a65c;aspect-ratio:2/1}.pip-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8%;padding:12%;border-right:1px solid #6f4b1e;box-shadow:1px 0 #fff3c580}.pip-face:last-child{border:0;box-shadow:none}.pip-face i{aspect-ratio:1;border-radius:50%}.pip-face .pip{background:radial-gradient(circle at 65% 70%,#393023,#090909 65%);box-shadow:inset 0 1px 2px #000,0 1px 0 #fff6}.seat .name{align-self:stretch;text-align:center;padding:13px 2px 5px}.seat.filled{background:transparent}.seat.filled .domino-face{outline:2px solid #8be2b3;outline-offset:3px}