/* Everything is scoped to #kit, because the game also runs inside the site's home page. */
#kit{position:absolute;inset:0;z-index:1;color:#36413a;font-family:"Nunito Sans",sans-serif}
#kit *{box-sizing:border-box}
#kit [hidden]{display:none!important}
#viewport{position:absolute;inset:0;outline:none}
#viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;transition:opacity .4s ease}
#viewport canvas.arriving{opacity:0}
#viewport.grab{cursor:grab}#viewport.dragging{cursor:grabbing}#viewport.pick{cursor:pointer}
#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#f2f2ee;font-size:14px;pointer-events:none}
#loading button{pointer-events:auto;padding:10px 16px;border:1px solid #abb3a8;background:#f4f4ef;border-radius:4px;cursor:pointer}
#kit .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#help{position:absolute;left:20px;bottom:20px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto;padding:16px 22px;background:#f7f7f0ed;border:1px solid #c7cec2;border-radius:6px;font-size:13px;line-height:1.5}
#help h2{font-size:16px;margin:0 0 12px}#help a{color:inherit}#help small{font-size:10px}
#model-picker{max-width:100%;padding:7px;border:1px solid #abb3a8;background:#f4f4ef;color:inherit;border-radius:4px}
/* Same as .pill and .see in the site's cards.css. */
#box-label,#notice,#back,#save-view{padding:7px 14px;border:1px solid rgba(243,243,243,.45);border-radius:999px;background:none;color:#f3f3f3;font:400 11px/1 "Nunito Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
#notice{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);margin:0;pointer-events:none;max-width:90vw;text-align:center}
#box-caption{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none;white-space:nowrap}
#box-label{margin:0}
#box-credit{margin:0;color:rgba(243,243,243,.5);font:400 12px/1 "Nunito Sans",sans-serif;letter-spacing:.02em}
#box-credit a{color:inherit;pointer-events:auto}#box-credit a:hover{color:#f3f3f3}
#box-label[hidden]+#box-credit{display:none}
/* Same as .sheet-back a in the site's cards.css. */
#back{position:absolute;top:40px;right:40px;display:inline-flex;border:0;background:#efa12f;color:#15171c;text-decoration:none}#back:hover{opacity:.65}
#save-view{position:absolute;top:40px;right:128px;cursor:pointer}#save-view:hover{opacity:.65}#save-view:disabled{cursor:default}
#controls-hint{position:absolute;right:40px;bottom:40px;color:rgba(243,243,243,.6);font:400 11px/1.6 "Nunito Sans",sans-serif;text-align:right;pointer-events:none}#controls-hint p{margin:0}