:root{--bg: #0a0a08;--cell-bg: #1b1b1a;--cell-bg-dark: #121212;--fg: #f5a623;--fg-dim: #8a5f1e;--seam: rgba(0, 0, 0, .65);--cell-w: clamp(20px, 3vw, 42px);--cell-h: calc(var(--cell-w) * 1.55);--cell-gap: calc(var(--cell-w) * .09);--font: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Roboto Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);overflow:hidden}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cell-w) * .5);padding:2vh 2vw}.flap-board{display:flex;flex-direction:column;align-items:center;gap:calc(var(--cell-w) * .32)}.flap-row{display:flex;gap:var(--cell-gap)}.flap-row--title .flap-cell{opacity:.6}.flap-board__spacer{height:calc(var(--cell-w) * .3)}.flap-cell{position:relative;width:var(--cell-w);height:var(--cell-h);border-radius:calc(var(--cell-w) * .09);background:var(--cell-bg-dark);box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 3px #00000080;perspective:calc(var(--cell-h) * 5)}.flap-cell__half{position:relative;height:50%;overflow:hidden;background:var(--cell-bg);display:flex}.flap-cell__half--top{border-bottom:1px solid var(--seam)}.flap-cell__glyph{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:600;font-size:calc(var(--cell-h) * .62);color:var(--fg);-webkit-user-select:none;user-select:none}.flap-cell__half--top .flap-cell__glyph,.flap-cell__flipper-face .flap-cell__glyph{top:0}.flap-cell__half--bottom .flap-cell__glyph{top:-100%}.flap-cell__static-top{position:absolute;top:0;right:0;bottom:50%;left:0;height:50%}.flap-cell__flipper{position:absolute;top:0;right:0;bottom:50%;left:0;height:50%;transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform}.flap-cell__flipper-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:var(--cell-bg);box-shadow:inset 0 -6px 8px -6px #0000008c}.flap-cell__flipper-face--back{transform:rotateX(180deg)}.status-indicator{position:fixed;top:1.2rem;right:1.4rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font);font-size:.7rem;letter-spacing:.12em;color:var(--fg-dim);opacity:.7}.status-indicator__dot{width:.5rem;height:.5rem;border-radius:50%;background:#555}.status-indicator[data-status=live] .status-indicator__dot{background:#3ddc6a;box-shadow:0 0 6px #3ddc6a}.status-indicator[data-status=demo] .status-indicator__dot{background:#f5a623;box-shadow:0 0 6px #f5a623}.status-indicator[data-status=stale] .status-indicator__dot{background:#e0c341}.status-indicator[data-status=error] .status-indicator__dot{background:#e0453f;box-shadow:0 0 6px #e0453f}.settings-gear{position:fixed;bottom:1.2rem;right:1.4rem;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(245,166,35,.25);background:#ffffff08;color:var(--fg-dim);font-size:1.1rem;cursor:pointer;opacity:.35;transition:opacity .2s ease}.settings-gear:hover,.settings-gear:focus-visible{opacity:1}.power-on-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;cursor:pointer;z-index:100;transition:opacity .4s ease}.power-on-overlay--dismissed{opacity:0;pointer-events:none}.power-on-overlay__label{font-family:var(--font);color:var(--fg);letter-spacing:.3em;font-size:clamp(1rem,2.4vw,1.6rem);border:1px solid var(--fg-dim);padding:1em 1.6em;border-radius:.4em;animation:pulse 2s ease-in-out infinite}.power-on-overlay__note{font-family:var(--font);color:var(--fg-dim);font-size:clamp(.65rem,1.1vw,.8rem);letter-spacing:.03em;opacity:.75;max-width:min(80vw,30em);text-align:center}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.settings-modal{border:1px solid rgba(245,166,35,.25);border-radius:.5rem;background:#141414;color:#eee;padding:1.4rem 1.6rem;width:min(90vw,420px);font-family:ui-sans-serif,system-ui,sans-serif}.settings-modal::backdrop{background:#000000b3}.settings-modal h2{margin:0 0 1rem;font-size:1.05rem;color:var(--fg)}.settings-form__row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem;font-size:.85rem}.settings-form__row--inline{flex-direction:row;align-items:center;gap:.5rem}.settings-form__row input,.settings-form__row select{background:#1e1e1e;border:1px solid #333;border-radius:.3rem;color:#eee;padding:.45rem .55rem;font-family:var(--font);font-size:.85rem}.settings-form__warning{font-size:.72rem;line-height:1.4;color:#999;background:#f5a62314;border:1px solid rgba(245,166,35,.2);border-radius:.35rem;padding:.6rem .7rem;margin:.8rem 0}.settings-form__warning--top{color:#ccc;margin-top:0;margin-bottom:1.1rem}.settings-form__warning code{color:var(--fg)}.settings-form__actions{display:flex;justify-content:space-between;gap:.6rem;margin-top:1rem}.settings-form__actions button{flex:1;padding:.55rem .8rem;border-radius:.35rem;border:1px solid #444;background:#1e1e1e;color:#eee;cursor:pointer;font-size:.85rem}.settings-form__actions button[type=submit]{background:var(--fg);border-color:var(--fg);color:#1a1200;font-weight:600}