html[data-skin="sculpture"] body,html[data-skin="sculpture"] body[data-skin]{--bg:#ded8ca;--fg:#292b27;--dim:#67695f;--dim2:#cbc5b7;--accent:#465b45;--accent2:#526247;--accent3:#986c3d;--light-sq:#d6d0c2;--dark-sq:#d6d0c2;background:radial-gradient(ellipse at 35% 50%,#eeeadd,#c7c1b3);color:var(--fg)}
html[data-skin="sculpture"] body:before,html[data-skin="sculpture"] body:after{display:none}
html[data-skin="sculpture"] nav{display:none}
html[data-skin="sculpture"] main{padding:80px 5vw 30px!important}
html[data-skin="sculpture"] .title-block{text-align:left;max-width:1100px;margin:0 auto 28px}
html[data-skin="sculpture"] .title-block h1{font:normal clamp(52px,8vw,102px)/.9 Georgia,serif;letter-spacing:-.055em}
html[data-skin="sculpture"] .title-block h1 em{color:inherit}
html[data-skin="sculpture"] .kicker{font:10px monospace;letter-spacing:.2em}
html[data-skin="sculpture"] .lede{margin:16px 0 0;max-width:400px;font:15px/1.5 system-ui;opacity:1}
html[data-skin="sculpture"] .layout{gap:7vw;max-width:1100px;margin:auto;justify-content:flex-start}
html[data-skin="sculpture"] .board-wrap{width:min(60vw,530px);padding:14px;background:#c9c2b0;border-radius:4px;box-shadow:8px 22px 0 -7px #8b8477,22px 40px 45px -15px #746d5966;transform:perspective(1300px) rotateX(12deg);transform-origin:center top}
html[data-skin="sculpture"] .board{border:1px solid #a29c8b;border-radius:0!important;box-shadow:none!important;overflow:visible}
html[data-skin="sculpture"] .sq{border:.5px solid #bab4a4}
html[data-skin="sculpture"] .goal-strip.goal-north,html[data-skin="sculpture"] .goal-strip.goal-south{background:#bcb5a2;color:#3d4739;font-size:10px}
html[data-skin="sculpture"] .sq.movable:after{border:1px dashed #5b715977;inset:7%}
html[data-skin="sculpture"] .sq.selected{background:#b6c0a8}
html[data-skin="sculpture"] .sq.dest:before{background:#3b614b;box-shadow:0 0 0 8px #52735822}
html[data-skin="sculpture"] .piece{width:61%;height:61%;border:7px solid #e0c692!important;background:#b7a981!important;box-shadow:inset 1px 2px 4px #574723,0 4px 0 #8e764a,0 10px 9px #46391d66!important}
html[data-skin="sculpture"] .piece.h2{border-color:#d7dfcf!important;background:#a4af99!important;box-shadow:inset 1px 2px 3px #637158,0 4px 0 #79896b,0 8px 0 #bec9b2,0 12px 0 #697c5a,0 18px 12px #26321c55!important;transform:translateY(-5px)}
html[data-skin="sculpture"] .piece.h3{border-color:#858c7f!important;background:#4f5848!important;box-shadow:inset 1px 2px 3px #252e21,0 4px 0 #3a4732,0 8px 0 #828d76,0 12px 0 #3a4732,0 16px 0 #828d76,0 20px 0 #3a4732,0 26px 12px #202b1855!important;transform:translateY(-10px)}
html[data-skin="sculpture"] .piece:before,html[data-skin="sculpture"] .piece:after{display:none!important}
html[data-skin="sculpture"] .piece.selected{outline:3px solid #2e5533;outline-offset:5px}
html[data-skin="sculpture"] .sidebar{width:260px;gap:14px}
html[data-skin="sculpture"] .panel{border:0;border-bottom:1px solid #b4b1a3;background:transparent;padding:12px 0;border-radius:0}
html[data-skin="sculpture"] .panel h2{color:#505b47}
html[data-skin="sculpture"] button,html[data-skin="sculpture"] select{color:#303c2a!important;border:1px solid #a4ad98!important;background:#e7e6d9!important}
html[data-skin="sculpture"] .active{background:#b7c4a7!important}
html[data-skin="sculpture"] .gate{inset:auto 0 18px;background:#ebe7dcf2!important;padding:16px;box-shadow:0 3px 20px #5c604322;border:1px solid #aaa996;border-radius:0}
html[data-skin="sculpture"] .gate p{display:none}
html[data-skin="sculpture"] .gate button{background:#354e3a!important;color:#fff!important}
html[data-skin="sculpture"] .legend{font-size:12px}
html[data-skin="sculpture"] .height-key{display:flex;gap:24px;margin-top:28px;font:12px monospace;color:#495640}
html[data-skin="sculpture"] .rules{font:13px/1.6 system-ui;max-width:600px;margin:32px auto}
html[data-skin="sculpture"] .rules summary{cursor:pointer}
html[data-skin="sculpture"] footer{color:#5c6055}
@media(max-width:750px){html[data-skin="sculpture"] .layout{gap:34px;align-items:center}
html[data-skin="sculpture"] .board-wrap{width:min(85vw,500px)}
html[data-skin="sculpture"] .title-block h1{font-size:66px}
html[data-skin="sculpture"] .sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}
html[data-skin="sculpture"] .occupant-panel{grid-column:1/-1}
html[data-skin="sculpture"] main{padding:80px 6vw 30px!important}
}
html[data-skin="sculpture"] .panel{background:transparent!important;border-radius:0!important}
html[data-skin="sculpture"] .gate button{background:#354e3a!important;color:white!important}
html[data-skin="sculpture"] .gate{z-index:20}
@media(min-width:751px){html[data-skin="sculpture"] .title-block{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;margin-bottom:20px}
html[data-skin="sculpture"] .title-block .kicker{grid-column:1/-1}
html[data-skin="sculpture"] .title-block h1{font-size:72px;grid-row:2/4}
html[data-skin="sculpture"] .title-block .lede{margin:0;max-width:400px;align-self:end}
html[data-skin="sculpture"] .height-key{margin-top:8px}
html[data-skin="sculpture"] .board-wrap{width:min(48vw,53vh,450px)}
html[data-skin="sculpture"] .layout{gap:7vw}
}

.skin-panel{scroll-margin-top:30px}.height-key{display:flex;gap:24px;justify-content:center;font:12px monospace;margin-top:16px}.rules{font:13px/1.6 system-ui;max-width:600px;margin:32px auto}.rules summary{cursor:pointer}html[data-skin="sculpture"] .experiment-return{position:absolute;top:20px;left:5vw;color:var(--fg);font:11px monospace;text-decoration:none}html:not([data-skin="sculpture"]) .experiment-return{display:none}

.surface-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.surface-choice{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:5px!important;min-width:0;border-radius:3px!important;border:1px solid color-mix(in srgb,var(--fg) 25%,transparent)!important;background:transparent!important;color:var(--fg)!important;letter-spacing:0!important;box-shadow:none!important}.surface-choice[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}.surface-sample{height:38px;background:#d5ccba;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:2px;margin-bottom:6px}.surface-sample i{width:19px;height:19px;border:4px solid #d8c18f;border-radius:50%;background:#ad9f7d;box-shadow:0 3px #8f7952}.surface-sample i+i{border-color:#8c987f;background:#5f6e54;box-shadow:0 3px #4e5b40,0 6px #8c987f}.surface-name{font:10px/1.5 monospace}.surface-sound{font:9px/1.5 monospace;opacity:.7}.surface-choice[data-surface="dark"] .surface-sample{background:#171713}.surface-choice[data-surface="dark"] i{background:#51442c;border-color:#938161}.surface-choice[data-surface="light"] .surface-sample{background:#eeeade}.surface-choice[data-surface="light"] i{border-color:#bdb7a2;background:#e2dfcf}.surface-choice[data-surface="neon"] .surface-sample{background:#151126}.surface-choice[data-surface="neon"] i{border-color:#b388f5;background:#634582;box-shadow:0 0 9px #b788ff}.surface-choice[data-surface="alien"] .surface-sample{background:#0f291e}.surface-choice[data-surface="alien"] i{border-color:#88eabb;background:#37674e;box-shadow:0 0 10px #86e0b7}.audition-surface{margin-top:12px;font:10px monospace!important;padding:10px!important;width:100%}html[data-skin="sculpture"] .surface-choice{color:#37472f!important}html[data-skin="sculpture"] .surface-choice[aria-pressed="true"]{outline-color:#3b5638}
/* One shared goal at either end, connected to every square on its adjacent row. */
.board{grid-template-rows:1.05fr repeat(6,1fr) 1.05fr;aspect-ratio:6/8.1}.goal-strip{border:0;background:transparent!important;animation:none!important;box-shadow:none!important;cursor:default!important;overflow:visible}.goal-circle{width:clamp(40px,5vw,58px);height:clamp(40px,5vw,58px);border-radius:50%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important;letter-spacing:.05em;font:10px monospace!important;border:2px solid var(--dim)!important;color:var(--fg)!important;background:var(--bg)!important;opacity:.7}.goal-circle small{font-size:6px;margin-top:3px}.goal-circle:disabled{cursor:default}.clickable .goal-circle{opacity:1;cursor:pointer;outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 18px var(--accent)!important;animation:goalStripPulse 1.1s ease-in-out infinite}html[data-skin="sculpture"] .goal-circle{background:#e8e3d2!important;color:#384533!important;border-color:#6c785f!important}.square-coordinate{position:absolute;top:2px;left:3px;font:8px monospace;opacity:.55;pointer-events:none}#routeChoice{position:relative;z-index:10;margin:14px 0 0;padding:12px!important;background:var(--bg)!important;border:1px solid var(--accent)!important;max-height:240px;overflow:auto}#routeChoice p{font:12px/1.5 monospace}#routeChoice button{font-size:11px}

#routeChoice.route-overlay{position:absolute;inset:0;z-index:12;margin:0;padding:0!important;max-height:none;overflow:visible;border:0!important;background:color-mix(in srgb,var(--bg) 22%,transparent)!important;pointer-events:auto}
.route-overlay svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 2px #fff9)}
.route-controls{position:absolute;left:4px;right:4px;bottom:4px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:5px;background:var(--bg);border:1px solid var(--dim);box-shadow:0 2px 12px #0003;color:var(--fg)}
.route-controls span{font:10px monospace;margin-right:5px}.route-controls button{padding:6px 9px!important;border:2px solid var(--route-color,var(--dim))!important;min-width:30px;font:11px monospace!important}.route-controls button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.goal-circle.won{opacity:1!important;position:relative;box-shadow:0 0 22px var(--accent)!important}.goal-circle.won>span,.goal-circle.won>small{visibility:hidden}.goal-circle .goal-winner{position:absolute;width:72%;height:72%;margin:0;left:14%;top:14%;pointer-events:none}.bounce-target{outline:2px solid var(--accent);outline-offset:-3px}.bounce-label{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:7px monospace;letter-spacing:.04em;z-index:5;pointer-events:none;color:var(--fg);background:color-mix(in srgb,var(--bg) 75%,transparent)}.bounce-target.contested{outline:3px double var(--accent2)}.win-modal:not(.hidden){animation:winArrival .35s ease-out}@keyframes winArrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.win-modal:not(.hidden){animation:none}.goal-winner{transition:none!important}}
.board-actions{position:absolute;z-index:8;left:8px;right:8px;top:var(--action-row,auto);bottom:var(--action-bottom,8px);padding:10px;background:var(--bg,#eee);color:var(--fg,#222);border:1px solid var(--accent,#79553d);box-shadow:0 5px 16px #0003;border-radius:8px;display:flex;gap:6px;flex-wrap:wrap}
.board-actions p{width:100%;font:12px/1.4 system-ui;margin:0 0 4px}
.board-actions button{font:11px system-ui;padding:8px 10px;min-height:34px}
.board-actions button[aria-pressed="true"]{outline:2px solid var(--accent,#79553d)}
.sq.setup-target{box-shadow:inset 0 0 0 2px var(--accent,#79553d);cursor:pointer}
#occupantPanel{display:none!important}
.board-actions.compact{padding:4px;left:3px;right:3px;justify-content:center;border:0;box-shadow:none;background:transparent}.board-actions.compact button{background:var(--bg);font-size:10px;min-height:30px;padding:6px}

@media(max-width:600px){
 html[data-skin="sculpture"] .sidebar{grid-template-columns:minmax(0,1fr)}
 .sidebar select,.sidebar button,.board-actions button,.route-controls button{min-height:44px}
 .sidebar select{max-width:100%;font-size:16px}
 .height-key{gap:12px;flex-wrap:wrap}
}

@media(max-width:600px){
 .board-actions.opening-actions{top:25%!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}
 .opening-actions p,.opening-actions button:last-child{grid-column:1/-1}
 .board-actions.opening-actions button{padding:5px!important;font:10px/1.2 system-ui!important;letter-spacing:0!important;min-width:0;min-height:44px}
}
