html,body,#app{margin:0;width:100%;min-height:100%;background:#f5ecdc;color:#21160d;font-family:Trebuchet MS,Avenir Next,sans-serif}body{overflow:hidden}.understack{width:100vw;height:var(--app-height, 100dvh);display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 40%),linear-gradient(180deg,#f7f0e3,#ead2ad)}.understack__topbar{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem .65rem}.understack__touch-toggle[hidden]{display:none}.understack__touch-toggle{align-self:center;background:#356859}.understack__title p,.understack__title h1,.understack__stats span,.understack__stats strong,.panel h2,.panel p,.overlay__panel p,.overlay__panel h2{margin:0}.understack__title p{color:#8b6545;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.understack__title h1{font-size:clamp(1.8rem,3vw,3rem)}.understack__stats{display:flex;gap:.75rem;align-items:stretch}.understack__stats div,.panel{background:#fff7ebd6;border:1px solid rgba(92,59,31,.1);box-shadow:0 1rem 2.5rem #3721131a;border-radius:1rem}.understack__stats div{min-width:5.75rem;padding:.7rem .85rem}.understack__stats span{display:block;font-size:.76rem;color:#845e40;text-transform:uppercase;letter-spacing:.08em}.understack__stats strong{font-size:1.18rem}.understack__layout{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1rem;padding:0 1rem 1rem;min-height:0}.understack__board{position:relative;min-height:0;height:100%;border-radius:1.35rem;overflow:hidden;background:linear-gradient(180deg,#ffffff29,#fff0)}.understack__board canvas{width:100%;height:100%;display:block;touch-action:none}.understack__sidebar{display:grid;gap:.75rem;align-content:start}.panel{padding:.8rem}.panel__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.6rem}.panel__buttons button:nth-last-child(1){grid-column:1 / -1}button{border:none;border-radius:.85rem;padding:.68rem .75rem;font:inherit;font-weight:700;font-size:.92rem;background:#e25e3e;color:#fff;cursor:pointer;box-shadow:0 .5rem 1.2rem #7834212e}button:hover{filter:brightness(1.04)}.hint{color:#5f4738;line-height:1.45}.hint--compact{margin-top:.55rem;font-size:.92rem}.controls-list{display:grid;gap:.34rem;color:#5f4738;font-size:.88rem;line-height:1.25}.controls-list p{display:flex;justify-content:space-between;gap:.75rem}.controls-list strong{color:#342218;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.controls-list span{text-align:right}.controls-list__mobile{display:none}.understack__ceiling{position:absolute;top:1rem;right:1rem;padding:.7rem .9rem;border-radius:999px;background:#fff9f1d1;box-shadow:0 .7rem 1.8rem #462c181f}.understack__ceiling span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#7d5b44}.understack__ceiling strong{color:#356859}.understack__ceiling strong.danger{color:#d64545}.overlay{position:fixed;inset:0;display:none;place-items:center;background:#2a170a61;z-index:5}.overlay--visible{display:grid}.overlay__panel{width:min(34rem,calc(100vw - 2rem));padding:1.4rem;border-radius:1.4rem;background:#fff7eb;box-shadow:0 1.4rem 4rem #28150a42;display:grid;gap:.9rem}.overlay__eyebrow{color:#966c47;text-transform:uppercase;letter-spacing:.12em}.overlay__initials,.overlay__records{margin:0 0 .75rem;padding:.8rem .9rem;border-radius:1rem;background:#d6bc9738;border:1px solid rgba(92,59,31,.12)}.overlay__initials--hidden,.overlay__records--hidden{display:none}.overlay__record-title,.overlay__record-copy{margin-bottom:.45rem}.overlay__initials form{display:flex;gap:.6rem}.overlay__initials input{width:100%;min-width:0;border:1px solid rgba(92,59,31,.16);border-radius:.8rem;background:#ffffffb8;color:#2f1e12;text-transform:uppercase;text-align:center;font:inherit;font-size:1.25rem;font-weight:700;letter-spacing:.28em;padding:.7rem .8rem}.overlay__records{text-align:left}.overlay__records-block h2{margin:0 0 .45rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#8b6545}.overlay__records-block ol{margin:0;padding-left:1.2rem}.overlay__records-block li{display:flex;justify-content:space-between;gap:.75rem;margin:0 0 .18rem;font-size:.95rem}.panel canvas{width:100%;height:auto;max-height:6.5rem;display:block;background:#d2b7921f;border-radius:.8rem}.piece-preview-button{width:100%;padding:.35rem;background:#d2b7921f;color:inherit;box-shadow:none}.piece-preview-button:hover{filter:none}.panel__mobile-note{display:none;margin-top:.4rem;font-size:.84rem;color:#6c503d}.understack__trackpad-wrap{display:none}.understack__trackpad-label{display:grid;gap:.2rem;margin-top:.55rem;color:#6b4f3c}.understack__trackpad-label strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.understack__trackpad-label span{font-size:.82rem}.understack__trackpad{margin-top:.45rem;min-height:7.6rem;border-radius:1rem;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#ffffff59,#d4ba9747),repeating-linear-gradient(90deg,rgba(92,59,31,.06) 0,rgba(92,59,31,.06) 1px,transparent 1px,transparent 22px),repeating-linear-gradient(0deg,rgba(92,59,31,.06) 0,rgba(92,59,31,.06) 1px,transparent 1px,transparent 22px);border:1px solid rgba(92,59,31,.14);box-shadow:inset 0 .6rem 1rem #ffffff47}.panel h2{font-size:1rem;margin-bottom:.45rem}.panel p[data-piece-label]{margin-top:.35rem;font-size:.92rem}@media(min-width:921px){.panel--debug{display:none}}@media(max-width:920px){.understack__layout{grid-template-columns:1fr;grid-template-rows:minmax(18rem,1fr) auto}.understack__board{min-height:52dvh}.understack__sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}.panel--debug{grid-column:1 / -1}.controls-list__mobile{display:flex}}@media(max-width:720px),(hover:none)and (pointer:coarse){.understack{height:100dvh}.understack__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:start}.understack__touch-toggle{align-self:start;padding:.56rem .7rem;font-size:.84rem}.understack__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1}.understack__layout{grid-template-columns:1fr;grid-template-rows:var(--mobile-board-height, min(46dvh, 26rem)) minmax(0,1fr);gap:.55rem;padding:0 .65rem .65rem;min-height:0;overflow:hidden}.understack__sidebar{grid-template-columns:1fr;gap:.55rem;min-height:0;overflow:auto}.understack__sidebar .panel:nth-child(2){display:none}.understack__board{min-height:0;height:100%}.panel{padding:.7rem}.understack__sidebar .panel:first-child{display:grid;grid-template-columns:minmax(0,7.6rem) 1fr;gap:.65rem;align-items:center}.understack__sidebar .panel:first-child .piece-preview-button{grid-column:1;grid-row:1 / span 3}.understack__sidebar .panel:first-child h2,.understack__sidebar .panel:first-child [data-piece-label],.understack__sidebar .panel:first-child .panel__mobile-note{grid-column:2}.understack__sidebar .panel:first-child canvas{max-height:5.5rem}.panel__mobile-note{display:block}.understack[data-touch-scheme=split] .panel__mobile-note--direct,.understack[data-touch-scheme=direct] .panel__mobile-note--split{display:none}.panel__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.panel__buttons button{padding:.58rem .52rem;font-size:.84rem}.panel__buttons button[data-view-rotate],.panel__buttons button[data-view-below]{display:none}.controls-list p:not(.controls-list__mobile){display:none}.panel__buttons button[data-rotate],.panel__buttons button[data-place]{display:none}.understack[data-touch-scheme=split] .understack__trackpad-wrap{display:block;grid-column:1 / -1}.understack[data-touch-scheme=split] .controls-list__mobile{display:none}.understack[data-touch-scheme=split] .controls-list__mobile--split{display:flex}.controls-list{gap:.3rem}.controls-list p{font-size:.79rem}.controls-list strong{font-size:.73rem}}@media(max-width:560px),(hover:none)and (pointer:coarse)and (max-height:820px){.understack__topbar{padding:.7rem .75rem .5rem}.understack__title h1{font-size:clamp(1.35rem,8vw,2rem)}.understack__stats div{min-width:0;padding:.58rem .65rem}.understack__stats strong{font-size:1rem}.understack__layout{grid-template-rows:minmax(14rem,1fr) auto}.understack__board{height:min(54dvh,27rem)}.understack__sidebar .panel:first-child{grid-template-columns:minmax(0,6.7rem) 1fr}.panel canvas{max-height:4.85rem}.panel--debug{display:none}.panel h2{font-size:1rem}.hint{font-size:.88rem;line-height:1.35}.hint--compact:last-of-type{display:none}.controls-list{font-size:.82rem}.controls-list p{gap:.45rem}}