:root{font-family:Inter,ui-sans-serif,system-ui;color:#f5e7c5;background:#062d28;--jade:#0d4b42;--gold:#d8a84e;--cream:#fff3d5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#17685b,transparent 55%),#062d28}.shell{max-width:1280px;margin:auto;padding:25px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d8a84e55;padding-bottom:16px;font-size:12px;letter-spacing:.2em}header a{color:var(--cream);text-decoration:none;font-weight:900}.hero{display:flex;justify-content:space-between;align-items:end;padding:34px 0 24px}.hero p{font-size:10px;letter-spacing:.25em;color:var(--gold)}.hero h1{font:700 clamp(52px,8vw,94px)/.8 Georgia;margin:12px 0 0;color:var(--cream)}.hero em{font:italic 28px Georgia;color:var(--gold)}.stats{text-align:right}.stats b{display:block;font:700 34px Georgia;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats small{color:#b9a77e}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.seg{display:flex;border:1px solid #d8a84e55}.gold,.seg button,footer button{border:0;background:#ffffff09;color:#eadbb8;padding:11px 14px;cursor:pointer}.seg button.on{color:#18352d}.gold,.seg button.on{background:var(--gold)}.gold{margin-left:auto;color:#17352d;font-weight:900}.layout{display:grid;grid-template-columns:minmax(0,900px) 280px;grid-gap:24px;gap:24px}.table,aside{background:#063c34aa;border:1px solid #d8a84e44;box-shadow:0 25px 70px #001c18;padding:18px}.board{position:relative;height:570px;overflow:auto;background:radial-gradient(ellipse,#0d5549,#073b34 70%);border:1px solid #ffffff0d}.board>button{position:absolute;width:50px;height:66px;transform:translateX(-50%);border:0;border-radius:7px;background:#baa878;box-shadow:3px 5px 0 #5d573f,5px 9px 13px #001b17aa;padding:3px;cursor:not-allowed;filter:saturate(.55) brightness(.72);transition:.14s}.board>button span{display:grid;place-items:center;width:100%;height:100%;border-radius:5px;background:linear-gradient(145deg,#fff7dc,#d9c795);font-size:34px}.board>button.free{cursor:pointer;filter:none}.board>button.free:hover{transform:translateX(-50%) translateY(-4px);box-shadow:3px 8px 0 #5d573f,5px 13px 16px #001b17aa}.board>button.selected{outline:3px solid #ffcf69;filter:drop-shadow(0 0 10px #ffc44d)}footer{display:flex;gap:20px;align-items:center;padding-top:14px;color:#c6b692;font-size:13px}footer button{margin-left:auto;border:1px solid #d8a84e77}.message{text-align:center;color:#ffd77c;font-weight:700}aside h2{font:700 25px Georgia;margin:4px 0}aside>p{color:#b9a77e;font-size:13px}ol{padding:0;list-style:none}ol li{display:grid;grid-template-columns:28px 1fr auto;grid-gap:5px 9px;gap:5px 9px;padding:11px 0;border-bottom:1px solid #ffffff12}ol li b{color:var(--gold)}ol li strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}ol li small{grid-column:3;color:#a89772}.none{display:block;color:#a89772}.empty{height:570px;display:grid;place-content:center;text-align:center}.empty>span{font-size:100px}.empty h2{font:700 31px Georgia;margin:10px}.empty p{color:#a89772}@media(max-width:900px){.layout{grid-template-columns:1fr}.board{height:500px;transform-origin:top left}.gold{width:100%;margin:0}.seg{flex:1 1}.seg button{flex:1 1;padding:10px 5px}.shell{padding:14px}}@media(max-width:650px){.board{zoom:.72;height:610px}.hero h1{font-size:54px}.stats b{font-size:25px}}