.screen[data-v-a9c8f493]{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) 12px calc(12px + env(safe-area-inset-bottom));gap:12px;max-width:640px;margin:0 auto}.topbar[data-v-a9c8f493]{display:flex;align-items:center;justify-content:space-between;background:var(--primary);color:#fff;margin:0 -12px;padding:14px 16px}.topbar h1[data-v-a9c8f493]{font-size:18px;font-weight:600}.progress[data-v-a9c8f493]{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.card[data-v-a9c8f493]{flex:1;min-height:0;background:var(--card);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:4px;padding:20px;display:flex;flex-direction:column;cursor:pointer;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:background .2s;box-shadow:0 1px 2px #0000000f}.card.flipped[data-v-a9c8f493]{background:var(--card-back)}.label[data-v-a9c8f493]{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--primary);margin-bottom:16px}.content[data-v-a9c8f493]{flex:1;display:flex;flex-direction:column;justify-content:center;font-size:20px;line-height:1.5;text-align:center;font-weight:400}.content[data-v-a9c8f493] img{max-height:45dvh;object-fit:contain}.hint[data-v-a9c8f493]{text-align:center;font-size:12px;color:var(--muted);margin-top:16px}.controls[data-v-a9c8f493]{display:flex;gap:10px}.controls button[data-v-a9c8f493]{flex:1;border:1px solid var(--border);background:#fff;color:var(--text);font-size:24px;padding:16px;border-radius:4px;cursor:pointer;min-height:56px;transition:background .15s,color .15s}.controls button[data-v-a9c8f493]:active{background:#f0f0f0}.controls .shuffle[data-v-a9c8f493]{flex:1.4;font-size:16px;font-weight:600;background:var(--primary);border-color:var(--primary);color:#fff}.controls .shuffle[data-v-a9c8f493]:active{background:var(--primary-dark)}:root{color-scheme:light;--bg: #ffffff;--card: #ffffff;--card-back: #f6f6f6;--border: #e6e6e6;--text: #333333;--muted: #999999;--primary: #158cba;--primary-dark: #117298}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body,#app{height:100%}body{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none;font-weight:300}img{max-width:100%;height:auto;border-radius:4px;display:block;margin:8px auto}