:root{font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:#443827;background:#f5edde}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:clamp(28px,4vw,42px);margin:0;color:#85612f}header p{margin:4px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px}button{font:inherit;font-weight:700;min-height:44px;border:1px solid #a9895c;border-radius:12px;padding:9px 16px;cursor:pointer;background:#fff9eb;color:#574022}button:hover{background:#f1dfbb}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #467c65;outline-offset:3px}.stats{display:flex;justify-content:center;gap:clamp(20px,7vw,90px);margin:20px 0;text-align:center}.stats strong{font-size:30px;display:block;color:#536d44}.stats small,.stats span{display:block;font-size:12px}.site{position:relative;display:grid;grid-template-columns:1fr minmax(240px,520px) 1fr;gap:18px;align-items:end;padding:35px 20px 20px;border:3px solid #b2956a;border-radius:24px;background:#e8d5b1 url(assets/pozadi.webp) center/cover;overflow:hidden;box-shadow:0 8px 24px #61442220}.character{margin:0;align-self:end;z-index:1;text-align:center}.character img{width:100%;max-height:440px;object-fit:contain;object-position:bottom}.character figcaption{display:inline-block;background:#fff5e8e8;padding:5px 12px;border-radius:20px;font-weight:bold;margin:10px 0}.work{position:relative;min-width:0}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:5px;background:#533d2c;border:5px solid #b69a6e;border-radius:9px;overflow:hidden;box-shadow:0 8px 16px #3c27195a;isolation:isolate}.cell{position:relative;aspect-ratio:1;min-height:0;min-width:0;border:0;border-radius:3px;padding:0;background:#efe1c3e8;overflow:visible}.cell:hover{background:#fff2d8}.brick{position:absolute;inset:0;background:linear-gradient(145deg,#ffffff45,transparent 50%,#43281322),var(--stone,#bb986b);border:1px solid #80603e;border-radius:4px;box-shadow:inset 2px 2px #ffffff60,inset -3px -3px #593d2f30;pointer-events:none}.brick::after{content:'';position:absolute;inset:21% 17% 25% 20%;border-top:1px solid #ffffff36;border-bottom:1px solid #61472b20;transform:rotate(-5deg)}.cell.ghost .brick{opacity:.58;outline:2px dashed #456b51;outline-offset:-3px}.cell.build .brick{box-shadow:inset 0 0 0 3px #398369}.cell.clear .brick{box-shadow:inset 0 0 0 3px #e3b24c}.cell.bad{box-shadow:inset 0 0 0 3px #bd4c3e}.foundation{height:20px;margin:0 4px;background:repeating-linear-gradient(90deg,#aa8e62 0,#aa8e62 45px,#725633 46px,#725633 48px);border:2px solid #725633}.foundation-label{margin:5px;text-align:center;font-weight:700;background:#fff7e4df;border-radius:10px;font-size:13px}.ruler{position:absolute;left:5px;right:5px;top:-26px;display:flex;justify-content:space-between;color:#503f28;font-size:12px;font-weight:bold}.ruler span{background:#fff7e4ed;border-radius:8px;padding:2px 8px}.supply{margin:18px auto 0;max-width:670px;background:#fffaf0;border:1px solid #d6bd95;border-radius:18px;padding:14px}h2{font-size:18px;margin:0 0 10px}.tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{display:flex;align-items:center;justify-content:center;min-height:118px;padding:10px;touch-action:none;position:relative}.slot[aria-pressed=true]{box-shadow:inset 0 0 0 3px #528365;background:#edf0df}.slot.no{background:#eee9df}.slot .number{position:absolute;top:3px;left:8px;font-size:11px;color:#79664d}.shape{display:grid;grid-template-columns:repeat(var(--w),var(--mini,18px));grid-auto-rows:var(--mini,18px);gap:2px;pointer-events:none}.shape i{position:relative}.shape i.on{background:linear-gradient(145deg,#ffffff40,transparent 50%,#43281322),var(--stone);border:1px solid #80603e;border-radius:3px;box-shadow:inset 1px 1px #ffffff65,inset -2px -2px #593d2f30}.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.tools span{font-size:12px;color:#75654b}#message{min-height:24px;text-align:center;font-weight:700}#storage-note{color:#9f4534}details{line-height:1.6;margin:22px 0}summary{font-weight:700;cursor:pointer}.float{position:fixed;left:0;top:0;pointer-events:none;z-index:10;filter:drop-shadow(3px 5px 4px #32201060)}.float .shape{gap:3px;grid-template-columns:repeat(var(--w),var(--drag-cell));grid-auto-rows:var(--drag-cell)}.brick.descend{animation:descend .45s ease-in forwards}.brick.fade{animation:fade .3s ease-out forwards}@keyframes descend{to{transform:translateY(var(--shift));opacity:.9}}@keyframes fade{to{opacity:0;transform:scale(.65)}}dialog{border:0;border-radius:22px;background:#fff9eb;color:#443827;padding:24px;width:430px;max-width:94vw;box-shadow:0 20px 60px #251c3650}dialog::backdrop{background:#352c2466}dialog button{margin:4px}[hidden]{display:none!important}@media(max-width:700px){main{padding:10px}.site{gap:6px;padding:32px 8px 14px;grid-template-columns:40px minmax(220px,1fr) 40px}.character img{width:75px;max-width:none}.character.left img{transform:translateX(-23px)}.character.right img{transform:translateX(-12px)}.character figcaption{font-size:9px;padding:4px 3px;writing-mode:vertical-rl}.stats{gap:28px;margin:14px 0}.slot{padding:8px;min-height:110px}.shape{--mini:14px}button{padding:8px 11px}.board{gap:2px;padding:3px;border-width:3px}.float .shape{gap:2px}.site .character{align-self:end}.tools span{width:100%}}@media(max-width:370px){.site{grid-template-columns:28px minmax(210px,1fr) 28px;padding-inline:3px;gap:3px}}@media(prefers-reduced-motion:reduce){.brick.descend,.brick.fade{animation:none}}

/* A shared limestone surface for placed, previewed, dragged and supplied stones. */
.modes{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 8px}.modes button[aria-pressed=true]{background:#526d44;color:#fff;border-color:#3e5633;box-shadow:inset 0 0 0 2px #ffffff40}.modes span{font-size:12px;color:#75654b}
.brick,.shape i.on{background-color:var(--stone,#c8aa7f);background-image:linear-gradient(145deg,#fff6,transparent 40%,#4d321b20),url(assets/kamen.webp);background-size:100% 100%,260% 260%;background-position:center,var(--grain-x,20%) var(--grain-y,40%);background-blend-mode:soft-light,multiply;border:1px solid #897052;border-radius:7% 4% 8% 3%;box-shadow:inset 2px 2px 1px #fff8,inset -2px -3px 2px #60472860;clip-path:polygon(4% 0,96% 1%,100% 6%,99% 94%,95% 100%,5% 98%,0 93%,1% 5%)}
.brick::after{inset:4%;border:0;transform:none;border-top:1px solid #fff5;border-bottom:1px solid #624c3425;border-radius:12% 4% 16% 5%}
.board{background:#77664e;border-color:#a58b63}.foundation{background-color:#aa8e62;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 45px,#725633 46px,#725633 48px),url(assets/kamen.webp);background-size:auto,180px 180px;background-blend-mode:multiply}
@media(max-width:700px){.modes span{flex-basis:100%;text-align:center}.modes{margin:12px 0 4px}}