.screen-shell.compare-screen{height:calc(100dvh - var(--safe-bottom));flex-direction:column;min-height:0;padding-bottom:12px;display:flex;overflow:hidden}@media (max-width:899px){.screen-shell.compare-screen{height:calc(100dvh - var(--nav-height) - var(--safe-bottom))}}.compare-screen .compare-header{flex:none}.compare-screen .compare-copy{flex:none;margin-bottom:10px}.compare-screen .compare-copy h1{margin:2px 0;font-size:1.3rem}.compare-screen .compare-copy p{margin:2px 0 0}.compare-screen .compare-pair{flex:auto;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.compare-screen .versus{align-self:center}.compare-screen .memory-contender{flex-direction:column;min-height:0;display:flex}.compare-screen .memory-card{flex:auto;min-height:0;display:flex}.compare-screen .memory-card-inner{aspect-ratio:auto;flex-direction:column;flex:auto;min-height:0;display:flex}.compare-screen .memory-face{min-height:0}.compare-screen .memory-art{background:var(--surface-raised);flex:auto;min-height:0}.compare-screen .memory-art img{object-fit:contain;width:100%;height:100%}.compare-screen .choose-button{flex:none;min-height:44px;margin-top:8px}.compare-screen .escape-actions{flex-wrap:nowrap;flex:none;justify-content:center;gap:8px;margin-top:10px;display:flex;position:static}.compare-screen .escape-hatch{border:1px solid var(--line);min-height:34px;color:var(--ink-faint);white-space:nowrap;transition:border-color .14s var(--ease), color .14s var(--ease);background:0 0;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:650}.compare-screen .escape-hatch:hover{border-color:var(--ink-faint);color:var(--ink)}@media (prefers-reduced-motion:reduce){.compare-screen .escape-hatch{transition:none}}.compare-screen .escape-actions{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding-top:8px;display:grid}.compare-screen .hatch-side{gap:6px;display:flex}.compare-screen .hatch-side.left{justify-content:flex-start}.compare-screen .hatch-side.right{justify-content:flex-end}.compare-screen .hatch-quiet{min-height:34px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:.72rem;font-weight:650}.compare-screen .hatch-quiet:hover{color:var(--ink)}.compare-screen .hatch-pill{border:1px solid var(--line-strong);background:var(--surface-raised);min-height:36px;color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 18px;font-size:.72rem;font-weight:750}.compare-screen .hatch-pill:hover{border-color:var(--accent)}.compare-screen .hatch-pill.never{border-color:var(--danger);color:var(--danger);background:0 0}.compare-screen .never-confirm{z-index:5;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);text-align:center;padding:14px;position:absolute;inset:auto 16px 70px}.compare-screen .never-confirm p{margin:0 0 10px;font-size:.82rem}.compare-screen .never-confirm>div{justify-content:center;gap:10px;display:flex}.screen-shell.compare-screen{position:relative}